@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
audio, canvas, video {  display: inline;  zoom: 1;}
html {  font-size: 100%;  -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}
body{position: relative; font-size:14px; line-height:21px;  -webkit-text-size-adjust: 100%;  -webkit-font-smoothing: antialiased;}
a{text-decoration:none;-webkit-transition:color .25s ease-out;-moz-transition:color .25s ease-out;-o-transition:color .25s ease-out;
transition:color .25s ease-out;}
body{ background-color:#fff ; line-height:20px; font-size:14px; }
img{border:0px; max-width:100% !important; height:auto !important}
body, p, table, tr, td, a, span, div, ul, li, span{	margin:0px;	padding:0px;}
.clr {	clear:both;	height:0px !important;	width:100%;	line-height:0px;	margin:0px;	padding:0px;}
.row2:before, .row2:after {	display: table;	content: "";	line-height: 0; }
.row2:after {clear: both;}
.text-upp{ text-transform:uppercase}
.inputwidth400{
	width:400px
}
.inputwidth200{
	width:200px
}
.pad10{
	padding:10px
}

.pol{ position:relative; z-index:9999}
.fl{ float:left}
.fr{ float:right}
.textcen{ text-align:center}
.textr{ text-align:right}
.darkblue{ color:#191d3d}
.white{ color:#fff}
.black{ color:#000}
.green{ color:#0d6846}
.lgreen{ color:#6C6}
.blue{ color:#034b81 }
.red{ color: #F00 }
.darkbluebg{ background-color:#0773b3}
.whitebg{ background-color:#fff}
.bg1{ background-color:#fafafa}
.red{ color:#d7100f}


.fs17{ font-size:17px !important;}

/* fixed header */
.cbp-af-header {  -webkit-transition:all  0.7s;	-moz-transition: all 0.7s;	transition: all 0.3s; z-index:9999; top:0; left:0; width:100%; top:-100% }
.cbp-af-header-shrink{ position:fixed;  box-shadow:0px 0px 10px #666;-o-box-shadow:0px 0px 10px #666; -moz-box-shadow:0px 0px 10px #666; -webkit-box-shadow:0px 0px 10px #666; -ms-box-shadow:0px 0px 10px #666; border:0; top:0}


header .headerinner{ position:relative; padding:20px 0 10px 0;}
header .logobg{ background: #fff}
.toprightpunchline{ padding:30px 0 0 } 
.toprightpunchline h1{ font-size:30px; text-transform:uppercase; font-weight:bold; margin:0px; letter-spacing:01px} 
.toprightpunchline h3{ font-size:16px; margin:10px 0px; letter-spacing:01px} 
.toprightpunchline span{ text-transform:lowercase} 
header nav ul li a::after{content:""; position:absolute;}


header .headerinner .accountarea{ position: absolute; color:#FFF; right:0px; top:0px; border-radius:0px 0px 7px 7px; background:#f64c4d; padding:5px 10px;}
header .headerinner .accountarea a{ padding:0px 10px; color:#FFF}

.boxwrap a b, header nav ul li a, #aboutussection  h1, #publisedsection ul li b, footer ul li .footerlinks span, #conferenceupdated b{ text-transform:uppercase}
.boxwrap a b, header nav ul li a, #aboutussection, #publisedsection ul li, footer ul li .footerlinks, #conferenceupdated b, #conferenceupdated ul li strong.cohfhead  { font-family: 'Roboto Condensed';}    

.boxwrap a, header nav ul li a{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out; -ms-transition:all .5s ease-out;	}  
 
 
 
 header{  border-top:4px #000 solid ; background-color:#ebebeb}
  header #logos{ position:relative; padding:0 40px 0 0}
 header #logos .mobilemenu{ background:#d7100f url(../images/menu-icon.png) no-repeat center center; width:30px; height:30px; right:0; top:0; position:absolute;   display:none} 
 
 
 
 header #maillinks{ background-color:#f64c4d} 
header nav ul li{ float:left; list-style:none; font-size:16px; position: relative}
header nav ul li+li:after{ position:absolute; content:""; left:0; top:20px; border-left:1px #fff solid; height:15px; }
header nav ul li a{ display:block; padding:18px 7px; color:#fff; position:relative}
header nav ul li a:hover{ color:#000; }

#bannersection{ position:relative; margin:20px 0; } 

.sliderivver{ background-color:#56b9f2; padding:0 0 0 40%;}


 
#aboutussection h1{ font-family: 'Roboto Condensed'; font-size:30px; margin-bottom:30px; background: #fff url(../images/border21.png) repeat-x bottom; padding: 0 0 20px 0;} 
 .abcontentsection{ font-family: 'Roboto Condensed'; font-size:16px; line-height:29px; position:relative}
 
 .abcontentsection a{ color:#035193}

.greentable table{ border:1px #666 solid !important;  width:100% !important; border-radius:7px; overflow:hidden;}
.greentable tr:first-child td{ background-color:#60af44 !important; color:#fff !important; font-size:15px; text-transform:uppercase; padding:10px 15px;}

.greentable td{ background:#fff; padding:5px 15px; border:1px #e7e2e2 solid; font-size:15px;}

.greentable table tr:nth-of-type(odd)  td {
  background: #eff6d2;
}


greentable1 table{ border:1px #666 solid !important;  width:100% !important; border-radius:7px; overflow:hidden;}


.greentable1 td{ background:#fff; padding:5px 15px; border:1px #e7e2e2 solid; font-size:15px;}

.greentable1 table tr:nth-of-type(odd)  td {
  background: #eff6d2;
}


.redtable table{ border:1px #666 solid !important;  width:100% !important; border-radius:7px; overflow:hidden;}
.redtable tr:first-child td{ background-color:#de1f05 !important; color:#fff !important; font-size:15px; text-transform:uppercase; padding:10px 15px;}

.redtable td{ background:#fbecea; padding:5px 15px; border:1px #e7e2e2 solid; font-size:15px;}

.redtable table tr:nth-of-type(odd)  td {
  background: #fff;
}

ul{
	margin-left:20px
}
ol{
	margin-left:20px
}


.bluetable table{ border:1px #666 solid !important;  width:100% !important; border-radius:7px; overflow:hidden;}
.bluetable tr:first-child td{ background-color:#42afcc !important; color:#fff !important; font-size:15px; text-transform:uppercase; padding:10px 15px;}

.bluetable td{ background:#b0ecfc; padding:5px 15px; border:1px #e7e2e2 solid; font-size:15px;}

.bluetable table tr:nth-of-type(odd)  td {
  background: #d7f5fd;
}
  
.contactdetails ul{ margin-left:10px; border-left:1px #ccc dashed}
.contactdetails ul li{ position:relative;font-family: 'Roboto Condensed'; font-size:16px; line-height:25px; list-style:none; padding:0 0 20px 50px;}
.contactdetails ul li:first-child:after{ position:absolute; content:""; left:-6px; top:6px; width:10px; height:10px; background-color:#333; border-radius:50%;}
.contactdetails ul li:first-child:before{ position:absolute; content:""; left:0px; top:10px; width:40px; height:1px; background-color:#ccc; border-radius:50%;}

.contactdetails ul li b{ text-transform:uppercase; margin-right:8px;}

 
#box-waper{ padding:10px 0;}
.boxwrap a{ display:block;  padding:25px 20px; text-align:center}
.boxwrap a:hover, #box-waper .boxwrap a.boxclor { background-color:#f5f5f5 !important}
.boxwrap a b{ display:block; font-size:16px; margin-bottom:20px; font-weight:400}
.boxwrap a .wraptext{ margin:20px 0 ; line-height:26px;}



#conferenceupdated{ background-color:#e4e4e4; padding:25px 15px; margin-top:30px; overflow:hidden}
#conferenceupdated b{ display:block; margin-bottom:18px ;font-size:21px; font-weight:400; padding:0 0 12px 0; position:relative}
#conferenceupdated b:after{ border-bottom:2px #a6a6a6 solid; position:absolute; content:""; left:0; bottom:0; width:80%;} 
#conferenceupdated ul li{ list-style:none; background-color:#fff; border-radius:7px; padding:10px;}
#conferenceupdated ul li+li{ margin-top:15px;}
#conferenceupdated ul li strong.cohfhead{ display:block; color:#80b86c; margin-bottom:5px;}
#conferenceupdated ul li a{ color:#f00}
#conferenceupdated p{ margin:0}


.organizers{ margin-top:25px ;}

.organizers b{ display:block; color:#80b86c; margin-bottom:18px ;font-size:21px; font-weight:400; padding:0 0 12px 0; position:relative}
.organizers b:after{ border-bottom:2px #a6a6a6 solid; position:absolute; content:""; left:0; bottom:0; width:80%;}
 
.organizers ul, .ourcollbreation{ overflow:hidden}
.organizers ul li{ list-style:none;  margin-bottom:-1px;}
.organizers ul li a{ display:block; padding: 5px;}


.ourcollbreation{ margin:10px 0px; width:100%}
.ourcollbreation b{ display:block; color:#80b86c; margin-bottom:18px ;font-size:21px; font-weight:400; padding:0 0 12px 0; position:relative}
.ourcollbreation b:after{ border-bottom:2px #a6a6a6 solid; position:absolute; content:""; left:0; bottom:0; width:100%;}
 
.ourcollbreation ul, .ourcollbreation{ overflow:hidden}
.ourcollbreation ul li{ display:inline-table; list-style:none;  }
.ourcollbreation ul li+li{ margin-left:1px}
.ourcollbreation ul li img{ width:100px;}
.ourcollbreation ul li a{ display:block; padding: 5px;}





#publisedsection{ background-color:#fff; padding:35px 0; margin:20px 0; overflow:hidden}
#publisedsection ul{ margin-left:-30px;margin-right:-30px;}
#publisedsection ul li{ list-style:none; padding-left:30px;padding-right:30px;}
#publisedsection ul li b{ display:block; margin-bottom:18px; padding:0 0 12px 0; position:relative; font-size:24px;; font-weight:400; color:#696969}
#publisedsection ul li b:after{ border-bottom:2px #696969 solid; left:0; position:absolute; content:""; bottom:0; width:70px;}

#publisedsection ul li .pubtext{ margin:25px 0; color:#696969; font-size:15px; line-height:28px;}




.copyright{ padding:7px 0; background-color:#d7100f; color:#f3b8b7;} 
  
footer{ background-color:#eee; padding:35px 0; overflow:hidden}
footer ul{ margin-left:-30px;margin-right:-30px;}
footer ul li{ list-style:none; padding-left:30px;padding-right:30px;}
footer ul li .footerlinks span{ display:block; margin-bottom:18px ;font-size:21px; font-weight:400; padding:0 0 12px 0; position:relative}
footer ul li .footerlinks span:after{ border-bottom:2px #096430 solid; position:absolute; content:""; left:0; bottom:0; width:80%;} 

footer ul li .footerlinks{ font-size:15px; }
footer ul li .footerlinks ol li{ font-weight:400; padding:0 0 10px 0;}
footer ul li .footerlinks .fottertext{ line-height:32px; margin:20px 0 10px 0;}
footer ul li .footerlinks .newslettesrsub{ margin:10px 0;}
footer ul li .footerlinks .newslettesrsub input[type="text"]{ padding:8px 10px; width:90%; background-color:#fff; border:1px #eff0f2 solid; margin-bottom:15px;}
footer ul li .footerlinks .newslettesrsub input[type="submit"]{ border:0; background:url(../images/subscribe-button.png); width:124px; height:43px; font-size:0 }


 
#back-top{ position:fixed; bottom:15px; right:10px;}
#back-top i{ color:#fff; border:1px #ad0807 solid; border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; background-color:#bd0c0b; font-size:29px;}


#back-last{ position:fixed; bottom:15px; left:10px;}
#back-last i{ color:#fff; border:1px #ad0807 solid; border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; background-color:#bd0c0b; font-size:29px;}


.registration label{
	display:block; margin:4px 0px
}
.registration .input{
	border:solid #CCC 1px; padding:0px 10px 
}
.registration .select{
	border:solid #CCC 1px;  padding:5px 10px 
}
.registration .textarea{
	border:solid #CCC 1px;  padding:5px 10px 
}
.registration input[type="submit"]{
	border:none;  padding:5px 15px ; background:#60af44; color:#FFF
}
.registration .button{
	border:none;  padding:5px 15px ; background:#60af44; color:#FFF
}
.redbutton{
	border:none;  padding:5px 15px ; background:#b00404; color:#FFF !important
}
.redbutton a{
	color:#FFF !important
}
.greenbutton{
	border:none;  padding:5px 15px ; background:#60af44; color:#FFF !important
}
.greenbutton a{
	color:#FFF !important
}
.distancecal .input{
	border:solid #CCC 1px; padding:5px 10px 
}
.distancecal input[type="button"]{
	border:none;  padding:5px 15px ; background:#60af44; color:#FFF
}
.distancecal b{
	font-size:14px
}
.error{
	border:solid 1px #F00 !important
}

#innercontentsection{ background:url(../images/about-bg.jpg); position:relative}
#innercontentsection:after{ position:absolute; content:"";  height:42px; width:100%; bottom:0; }
#innercontentsection .whitefadeiner{background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ padding:0px 0 75px 0; min-height:300px;}

.paymenttab{
	background:#e1efd9; padding:5px 10px; color:#000
}

.notice-board{
	background:url(../images/notice-board.png) top no-repeat; height:334px; margin-bottom:15px; display:block
}
.notice-board .detail{
	padding-top:100px
}
.notice-board .detail ul li{
	list-style:none;
	color:#F00;
	font-size:16px;
	margin-top:15px;
}
.payment ul li{
	list-style-image:url(../images/right-arrow.jpg)
}

#productssection ul li a .thumb b,   #productssection ul li a .thumb img{ -moz-transition-duration: .5s;	-webkit-transition-duration: .5s;	transition-duration: .5s; }




 #productssection .projects li{ list-style:none}

#productssection .projects a{ display:block;  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); outline:1px #d0d0d0 solid; border:10px #fff solid; position:relative; overflow:hidden}

#productssection .projects a .productthumb{ background-color:#f7c415; padding:13px 10px; position:absolute; bottom:-50%; left:0px; right:0px;  color:#fff; font-size:12px;}

#productssection .projects  a:hover .productthumb, .cd-gallery.homedesign   ul li:first-child  a .productthumb{ bottom:0px;}

#productssection .projects  a .productthumb b{ display:block; font-size:14px; margin-bottom:3px; text-transform:uppercase; font-family:Lato;}

 

#productssection{ padding:20px 0 40px 0;}

#productssection ul{ margin:0 -4px }

#productssection ul li{ list-style:none; margin:0; padding:0 4px 8px 4px; border:1px #fff solid}

#productssection ul li .thumb{ position:relative; overflow:hidden; background-color:#000}

#productssection ul li .thumb:after{ position:absolute; content:""; left:20px; right:20px; bottom:10px; top:10px; border-left:1px rgba(255, 255, 255, .7) solid;border-right:1px rgba(255, 255, 255, .7) solid; z-index:999}

#productssection ul li .thumb:before{ position:absolute; content:""; left:10px; right:10px; bottom:20px; top:20px; border-bottom:1px rgba(255, 255, 255, .7) solid;border-top:1px rgba(255, 255, 255, .7) solid;z-index:999} 

 #productssection ul li a .thumb b{ display: block ; vertical-align:middle; position:absolute; text-align:center; left:20px; right:20px;bottom:20px;  background-color:#feca16;  overflow:hidden; padding:10px; font-family: 'Roboto Condensed'; color:#fff; text-transform:uppercase; font-size:15px; z-index:999 ; opacity:0; }

#productssection ul li a:hover .thumb b{ opacity:1;}  

#productssection ul li a .thumb img{transform: scaleX(1) scaleY(1) rotateZ(0deg); -o-transform: scaleX(1) scaleY(1) rotateZ(0deg); -moz-transform: scaleX(1) scaleY(1) rotateZ(0deg); -webkit-transform: scaleX(1) scaleY(1) rotateZ(0deg); opacity:.8; width:100%}

#productssection ul li a:hover .thumb img{transform: scaleX(1.23) scaleY(1.23) rotateZ(6deg); -o-transform: scaleX(1.23) scaleY(1.23) rotateZ(6deg); -moz-transform: scaleX(1.23) scaleY(1.23) rotateZ(6deg); -webkit-transform: scaleX(1.23) scaleY(1.23) rotateZ(6deg); opacity:1}

 @media (min-width: 1200px) { 

  header nav ul li a{ padding:18px 10px}

  #conferenceupdated{ background-color:#e4e4e4; padding:25px 15px; margin-top:60px;}

  
  
  
  
  
  
  
   
}

 @media (max-width: 1199px) and (min-width: 1024px) {  
 

  
  }



 @media (max-width: 1023px) and (min-width: 980px){

	 
	  }


/*smart phone   horizontel   (3+, 4+ c)  */
@media (min-width: 768px) and (max-width: 979px) {
 header #logos{ padding:0 0 0 40px}	
 header #logos .mobilemenu{ left:0; right: auto;  display:block; }
header nav{ display:none}



	
	

}

/*smart Less than 4+ */
@media (max-width: 767px) {
.cbp-af-header { position:relative !important}
.mobilecenter{ text-align:center !important}
 header{ text-align:center }
 header #logos .mobilemenu{  display:block; }
header nav{ display:none}
.boxwrap a{ margin-bottom:30px; }
#publisedsection ul li{ margin-bottom:25px;}
footer ul li{ margin-bottom:25px;}
footer ul li li{ margin:0}

 .abimg{ margin-bottom:20px;}


}

@media only all and (max-width: 481px){ 



}