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

html{padding:0px;margin:0px;width:100%; height: 100%; min-height:100% !important;position:relative !important;} 
body{ height: 100%;padding:0px;margin:0px; background-image:url(images/BG_BODY.jpg); background-attachment:fixed; background-position:center; background-size:cover;}
.container-fluid{margin:0px !important;padding:0px !important;width:100%; height: 100%; min-height:100% !important; }


p{padding:0px; margin:0px;}
#container { padding:0px; margin:0px;} 

@font-face { font-family:font1; src:url(fonts/OpenSans-Light.ttf);} 
@font-face { font-family:font1b; src:url(fonts/OpenSans-Bold.ttf);} 
@font-face { font-family:font2; src:url(fonts/OpenSans-Regular.ttf);} 


.space5{height:5px;}
.space10{height:10px;}
.space15{height:15px;}
.space20{height:20px;}
.space30{height:30px;}
.space60{height:60px;} 
.space140{height:140px;} 
  
 

.colpad{padding:10px;}
.colpad1{ padding:1px ;}
.colpad5{padding:5px;} 
.colpad20{padding:20px;} 
.colpad30{padding:30px;} 

.colpadleft{padding-left:10px;}
.colpadright{padding-right:10px;}

.relative{ position:relative;}
.cursor{ cursor:pointer;}
.width100{ width:100%;}  
section & title:hover{ cursor:pointer;}
.borderbottom{border-bottom:solid 1px #999;}
.bgshadow{-webkit-box-shadow: -2px 3px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 3px 17px 0px rgba(0,0,0,0.75);
box-shadow: -2px 3px 17px 0px rgba(0,0,0,0.75);}

*{outline:none;} 

.textfield::-webkit-input-placeholder {color:#000;}   
  
 
.fixedtop{ position:fixed; top:0px; height:110px; background-color:rgba(237,237,237,0.8); width:100%; z-index:100;
-webkit-box-shadow: -2px 3px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 3px 17px 0px rgba(0,0,0,0.75);
box-shadow: -2px 3px 17px 0px rgba(0,0,0,0.75);}
.logo{}
.socialdiv{ float:right; margin-top:20px;}
.social{ display:inline-block; vertical-align:top; cursor:pointer;}
 
  
/*.inner{top:140px !important; margin-top:0px !important; padding-bottom:50px; } */ 
.inner{ padding-top:140px !important;}
section{ min-height:inherit !important;   }
.inner2{margin-top:140px; } 
.vpagescroll_navigation2{ margin-top:-150px;} 


 
/*................. accordion CSS....................*/  
.ncs-container {max-width: 100%;overflow: hidden;position: relative;
-webkit-box-shadow: -2px 3px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 3px 17px 0px rgba(0,0,0,0.75);
box-shadow: -2px 3px 17px 0px rgba(0,0,0,0.75);}
.ncs-card { position: absolute;top: 0;right: 0;background-position: left top,left top;background-repeat: no-repeat;}
#wrapper {  max-width: 100%;   margin: 0 auto; padding: 0px; }  
#ncs0 .ncs-card {  width: 600px;  height: 400px; border:solid 2px #333; } 
#ncs0 .ncs-card a {  position: absolute; width: 100%; height: 100%; opacity:0; }
#ncs0 .ncs-card:first-child a{  position: absolute; width: 100%; height: 100%; opacity:1; }
#ncs0 .ncs-card a:hover {  position: absolute; width: 100%; height: 100%; opacity:1; } 
 

/*................. home page CSS....................*/  
.titlehome{ font-family:font1b; font-size:24px; color:#b20000; padding-bottom:10px;line-height:34px; }
.texthome{ font-family:font1; font-size:18px; color:#000;line-height:26px;  }


/*................. about page CSS....................*/  
.titleabout{ font-family:font1b; font-size:24px; color:#000; line-height:60px; text-align:center; display:table; margin:auto; width:135px; background-image:url(images/title-glass-bg.png);}
.textabout{ font-family:font1; font-size:18px; color:#000;line-height:26px; text-align:center; }
.titleabout2{ font-family:font1b; font-size:24px; color:#000; line-height:60px; text-align:center; display:table; padding:0px 20px; background-color:#000; color:#fff;}
.textabout2{ font-family:font1; font-size:18px; color:#000;line-height:26px; text-align:justify; }

/*................. project page CSS....................*/  

.boxnameservice{ width:370px; height:277px; position:absolute; bottom:0px; left:0px; background-image:url(images/bgserv.png);}
.nameservice{ font-family:font1b; font-size:20px; color:#b20000; position:absolute; bottom:0px; width:320px; padding:10px 20px; line-height:30px;}

figure {width: auto;height: auto;margin: 0;padding: 0;background: #fff;overflow: hidden; } 
.hover14 figure {position: relative;}
.hover14 figure::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover14 figure:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}

.paginationstyle { font-family:font1b; font-size:20px; text-decoration:none; color:#c70125; margin-right:4px; } 
.paginationstyle:hover { font-family:font1b; font-size:20px; text-decoration:none; color:#35003b; } 
.pagingdiv{display:inline-table;vertical-align:top;color:#c70125;font-size:20px;font-family:font1b;cursor:pointer; height:30px; line-height:30px; margin-right:4px;}

.boxnum{display:inline-table;vertical-align:top;font-family:font1;font-size:18px;color:#000;width:30px;height:30px;text-align:center;line-height:30px;cursor:pointer;  margin-right:4px; }
.boxnumsel{display:inline-table;vertical-align:top;font-size:20px;color:#35003b;font-family:font1b;width:30px;height:30px;text-align:center;line-height:30px;cursor:pointer;margin-right:4px; }
.pagingdiv:hover{color:#c70125; }
.boxnum:hover{color:#c70125; }



/*................. contact page CSS....................*/  
.titlecontact{font-family:font1b; font-size:24px; color:#000; line-height:60px; text-align:center; display:table; margin:auto; width:145px; background-image:url(images/title-glass-bg2.png);} 
.textcontact{font-family:font1b; font-size:18px; color:#000;line-height:26px; text-align:center; }

.mapdiv{ height:320px; position:relative;} 
.iconmap{ position:absolute; width:88px; height:88px; left:50%; top:50%; margin-left:-44px; margin-top:-44px; z-index:100;}
.mapdiv:hover .iconmap{ display:none;}
.scrolloff {pointer-events:none;}
.mapdiv:hover #map_canvas1{ 
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);} 
#map_canvas1{ border:0px; height:100% !important; width:100% !important;
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);}


.textinput{height:40px;max-width:100%;}
.textfield{width:100%;height:100%;padding:0px;resize:none;border:solid 1px #000;font-size:18px; font-family:font1;color:#000;background-color:#CCCCCC;padding-left:10px;}  
.textarea1{height:100px;}
.submit1{background-color:#b20000;width:100%;height:40px; float:right;}
.submit1 input{border:solid 1px #000;padding:0px;background-color:#b20000;text-align:center;width:100%;height:100%;font-size:22px; font-family:font1b; color:#FFF;line-height:40px;}
 
	
@media screen and (max-width: 1200px){    

/*................. project page CSS....................*/  
.boxnameservice{ width:303px; height:227px; }
.nameservice{  font-size:18px;  width:303px;line-height:26px;} 

} 

			
@media screen and (max-width: 990px){   

/*................. home page CSS....................*/  
.titlehome{ font-size:22px; line-height:28px; }
.texthome{  font-size:15px; line-height:20px;  } 

/*................. about page CSS....................*/  
.titleabout{ font-size:22px;}
.textabout{ font-size:15px;line-height:20px;}
.titleabout2{ font-size:22px;line-height:50px;}
.textabout2{ font-size:15px;line-height:20px;  } 

/*................. project page CSS....................*/  
.boxnameservice{ width:230px;height:172px; }
.nameservice{ font-size:15px;width:230px;line-height:22px;} 


/*................. contact page CSS....................*/  
.titlecontact{font-size:22px;} 
.textcontact{font-size:15px;line-height:22px;  }


} 




@media screen and (max-width: 767px){ 

.space0{ height:0px;}
.space200{height:30px;}   
.colpad10{padding:10px;}
.max300{ display:table; margin:auto; max-width:300px;} 

.colpadleft{padding:10px;}
.colpadright{padding:10px;}

.fixedtop{ display:none;}


.inner{ padding-top:60px !important;}


/*................. project page CSS....................*/  
.boxnameservice{ width:280px;height:209px; }
.nameservice{ font-size:15px; font-family:font1b;width:280px;line-height:22px;} 


/*................. accordion CSS....................*/    
#ncs0 .ncs-card {  width: 300px;  height: 200px;  }  

}