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

html{padding:0px;margin:0px;width:100%; min-height:100% !important;position:relative !important;}
body {/* Margin bottom by footer height */ background-color:#002a38;}
.body1{ background-position:bottom; background-repeat:no-repeat; background-image:url(images/footer.png); background-size:contain;}
.body2{ background-position:bottom; background-repeat:no-repeat; background-image:url(images/footer2.png); background-size:contain;}
.container-fluid{margin:0px !important;padding:0px !important;} 

#container { min-height:100%;padding:0px; margin:0px; position:relative;}
 
@font-face{ font-family:font2; src:url(fonts/Lato-Light.ttf);}  
@font-face{ font-family:font2b; src:url(fonts/Lato-Bold.ttf);} 
@font-face{ font-family:font3; src:url(fonts/Lato-Hairline.ttf);} 
@font-face{ font-family:font4; src:url(fonts/Lato-Black.ttf);} 
   

.space5{height:5px;}
.space10{height:10px;}
.space20{height:20px;}
.space30{height:30px;}
.space40{height:40px;}
.space50{height:50px;}
.space60{height:60px;}

.colpad10{ padding:10px;}
.colpad1{ padding:1px;}
.colpad05{ padding:0px 10px;}
.colpad20{ padding:20px;}
.padleft2{ padding-left:2px;}
.pad3{ padding:0px 3px;}
.padright2{ padding-right:2px;}
.pad0{padding:0px;}
.cursor{ cursor:pointer;}

.width100{ width:100%;}
.relative{ position:relative;}
.pointer{ cursor:pointer;}
.bggrey{ background-color:#f3f3f3;}
p{padding:0px; margin:0px;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;color:inherit;}  
 
.textfield::-webkit-input-placeholder {color: #002a38;} 


.containnavbar{ height:0px;}
.divnavbar-toggle{  position:relative;}
.icon-bar{background-color:#002a38}
.navbar-toggle{float:left !important;margin:5px !important;padding: 5px !important;margin-right:0px !important;padding-bottom:0px !important}
.navbar-collapse{border-top:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;float:left !important;}  
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-left:0px !important;margin-right:0px !important; }
.navbar-collapse.collapse{width:100% !important;}

/*................. TOP CSS....................*/ 
.logo{ padding-bottom:25px;}   
.divmenu{ height:616px;position:relative;}
.divmenu2{ background-image:url(images/bgmenu.png); background-position:left top; position:absolute; z-index:100; width:100%; height:616px; } 
.divmenu3{ width:1170px; position:absolute;left:50%; margin-left:-585px; bottom:0px;}
.menu{ font-family:font2; font-size:20px; color:#002a38; cursor:pointer; line-height:50px; display:inline-block; vertical-align:top; padding:0px 20px 10px 00px;}
.menusel{ font-family:font2b; } 


 
/*................. accordion CSS....................*/  
.ncs-container {max-width: 100%;overflow: hidden;position: relative;}
.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; } 
.text-center {  text-align: center; } 
.block-center { display: table;  margin: 0 auto; }  
#ncs0 .ncs-card {  width: 600px;  height: 400px; } 
#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; }
.product-accordion-name{ position:absolute; bottom:0px; z-index:100;font-family:font2b; font-size:25px; color:#002936; padding:30px; line-height:100px;}


/*................. home CSS....................*/ 
.titlehome{font-family:font2; font-size:50px; color:#fff; line-height:70px; padding:20px 0px; }
.texthome{font-family:font2; font-size:18px; color:#fff; line-height:30px; padding:00px 0px 30px; text-align:justify; }

.boxnameservice{ width:282px; height:223px; position:absolute; bottom:0px; left:0px; background-image:url(images/bgserv.png);}
.nameservice{ font-family:font2b; font-size:20px; color:#002a38; position:absolute; bottom:0px; width:220px; 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%;}}

/*................. about CSS....................*/ 
.titleabout{font-family:font2b; font-size:20px; color:#fff; line-height:30px; padding:20px 0px; }


/*................. products CSS....................*/ 
.drawer{width:100%; }
.accordion-item{border-bottom:none;position:relative;padding-bottom:0px;}
.accordion-header-icon{ font-size:0px;  }
.accordion-header{ cursor:pointer; transition:.25s; background-color:#b9d4dd; padding:10px;border-bottom:solid 1px #002a38;} 
.accordion-header h1{color:#000000; background-image:url(images/3point.png);background-repeat:no-repeat; background-position:right center;font-family:font2; font-size:26px; }
.accordion-content{display:none; background-color:#fff;}
.product-name{color:#000000; background-image:url(images/arrow-accordion.png);background-repeat:no-repeat; background-position:right 10px center;font-family:font2; font-size:26px;padding:20px 10px;border-bottom:solid 1px #002a38;  cursor:pointer; }
.titleprod{font-family:font2; font-size:50px; color:#fff; line-height:70px; padding:20px 0px;}
.titleprod span{ font-size:24px;}
.titleprod .back{ font-size:24px; text-align:right; cursor:pointer;}
.desc{font-family:font2; font-size:18px; color:#fff; line-height:26px; padding-left:20px; text-align:justify;}

/*................. portfolio CSS....................*/ 
.divalbum{ border:solid 1px #002a38; position:relative;
-webkit-transition: all  ease-in-out 0.5s;
-moz-transition: all  ease-in-out 0.5s;
-o-transition: all  ease-in-out 0.5s;
transition: all  ease-in-out 0.5s;}
.hoveralbum{ position:absolute; top:0px; opacity:0; width:100%; height:100%;background-color:rgba(185,212,221,0.6); background-image:url(images/openalbum.png); background-position:center; background-repeat:no-repeat;  background-size:contain; cursor:pointer;} 
.divalbum:hover .hoveralbum{ opacity:1;
-webkit-transition: all  ease-in-out 0.5s;
-moz-transition: all  ease-in-out 0.5s;
-o-transition: all  ease-in-out 0.5s;
transition: all  ease-in-out 0.5s; }

.divpic{border:solid 1px #002a38; position:relative;
-webkit-transition: all  ease-in-out 0.5s;
-moz-transition: all  ease-in-out 0.5s;
-o-transition: all  ease-in-out 0.5s;
transition: all  ease-in-out 0.5s;}
.hoverpic{ position:absolute; top:0px; opacity:0; width:100%; height:100%;background-color:rgba(185,212,221,0.6); background-image:url(images/enlarge.png); background-position:center; background-repeat:no-repeat;  background-size:contain; cursor:pointer;} 
.divpic:hover .hoverpic{ opacity:1;
-webkit-transition: all  ease-in-out 0.5s;
-moz-transition: all  ease-in-out 0.5s;
-o-transition: all  ease-in-out 0.5s;
transition: all  ease-in-out 0.5s; }

.fancybox-close { width:0px !important; height:0px !important;}
.fancybox-skin{ padding:0px !important;}

/*................. contact CSS....................*/ 
.boxcontact{ position:absolute; width:100%; height:100%;display: flex;align-items: center;justify-content: center; top:0px;  }
.contactinfo{ background-color:rgba(255,255,255,0.8); padding:10px; width:100%; background-image:url(images/pointermap.png); background-position:bottom 20px right 20px; background-repeat:no-repeat; position:relative;}
.contactinfotitle{ font-family:font4; font-size:27px; color:#002a38;}
.contactinfotext{ font-family:font2; font-size:20px; color:#002a38;}
.maplink{ position:absolute; bottom:12px; right:12px; z-index:100; width:50px; height:60px;  cursor:pointer;}

.textinput{height:40px;max-width:100%;}
.textfield{width:100%;height:100%;padding:0px;resize:none;border:solid 0px #002a38;font-size:18px; font-family:font2;color:#002a38;background-color:#b9d4dd;padding-left:10px;}  
.textarea1{height:100px;}
.submit1{background-color:#fff;width:100%;height:50px; float:right;}
.submit1 input{border:solid 0px #002a38;padding:0px;background-color:#fff;text-align:center;width:100%;height:100%;font-size:18px; font-weight:bold;font-family:font2; color:#002a38;line-height:50px;}
  
/*................. footer CSS....................*/ 
.footerempty{ height:350px;}
.footerempty2{ height:250px;}

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

/*................. TOP CSS....................*/    
.divmenu{ height:500px; }
.divmenu2{ background-position:left top; height:500px; } 
.divmenu3{ width:1170px; margin-left:-585px;}

.logo{ padding-bottom:15px;}   
.menu{font-size:20px; padding:0px 20px 10px 00px;} 
	 
}


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

	
/*................. TOP CSS....................*/    
.divmenu{ height:400px; }
.logo{ padding-bottom:10px;}   
.logo img{ height:120px;}
.divmenu2{ background-position:left top; height:400px; background-image:url(images/bgmenu1200.png);  } 
.divmenu3{ width:960px; margin-left:-480px;}
.menu{font-size:18px; padding:0px 20px 5px 00px;} 
	 
	 
/*................. home CSS....................*/  
.boxnameservice{ width:250px; height:198px;}
.nameservice{ font-family:font2b; font-size:18px; width:200px; padding:10px 20px; line-height:26px;}


/*................. products CSS....................*/ 
.titleprod{font-size:28px;  line-height:60px; padding:20px 0px;}
.titleprod span{ font-size:20px;}
.titleprod .back{ font-size:20px; }
.desc{ font-size:16px;  line-height:26px;}

	 
/*................. contact CSS....................*/  
.contactinfo{ background-position:bottom 10px right 10px;}
.contactinfotitle{font-size:24px;}
.contactinfotext{font-size:18px;}
.maplink{  bottom:2px; right:2px; }

/*................. footer CSS....................*/ 
.footerempty{ height:300px;}

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

/*................. TOP CSS....................*/    
.divmenu{ height:400px; }
.logo img{ height:120px;}
.divmenu2{ background-position:left top; height:400px; background-image:url(images/bgmenu1200.png); } 
.divmenu3{ width:738px; margin-left:-369px;}
.menu{ padding:0px 10px 0px 00px;}  


/*................. products CSS....................*/ 
.titleprod{font-size:24px;  line-height:60px; padding:20px 0px;} 

/*................. contact CSS....................*/  
.contactinfo{ background-position:bottom 10px right 10px;}
.contactinfotitle{font-size:24px; }
.contactinfotext{font-size:18px; }

.submit1 input{font-size:22px;}
/*................. footer CSS....................*/ 
.footerempty{ height:250px;}

}  

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


.max300{ display:table; margin:auto; width:280px;}	
.padleft2{ padding:0px; margin-bottom:2px;}
.padright2{ padding:0px; margin-bottom:2px;}
.textcenter{ text-align:center;}

/*................. TOP CSS....................*/    
.divmenu{ height:auto;position:relative;}
.logo{display:table; margin:auto;}
.logo img{ height:100px;}
.divmenu2{ background-image:none;position:relative;   height:auto; background-color:#e3f9ff; } 
.divmenu3{ width:auto; position:relative;left:inherit; margin-left:0px; bottom:0px;height:auto;}
.containnavbar{ height:30px;}
.divmenu1{ position:relative; height:auto;}
.navbar-collapse{float:none !important; position:relative;}
.navbar-toggle{float:right !important; position:relative;}
.menu{font-size:20px; color:#002a38;  line-height:30px; display:block; padding:5px 10px; text-align:center; border-bottom:solid 1px #002a38;} 
#amazingslider-wrapper-1{ height:300px !important; position:relative !important;}



 
/*................. accordion CSS....................*/  
.ncs-container {max-width: 100%;overflow: hidden;position: relative;} 
#wrapper {  max-width: 100%;   margin: 0 auto; padding: 0px; }  
#ncs0 .ncs-card {  width: 260px;  height: 173px; }  
.product-accordion-name{ font-family:font2; font-size:20px;  padding:10px; line-height:30px;}



/*................. home CSS....................*/ 
.titlehome{ font-size:30px;  line-height:50px; padding:10px; }
.texthome{  font-size:18px; line-height:24px; padding:00px 10px 20px;  }

.boxnameservice{ width:250px; height:198px;}
.nameservice{ width:200px; padding:10px 10px; line-height:22px;}

/*................. about CSS....................*/ 
.titleabout{ font-size:20px;  padding:10px 10px; }


/*................. products CSS....................*/   
.accordion-header h1{ font-size:20px; }
.product-name{ font-size:20px;}
 
.titleprod{font-size:24px;  line-height:30px; padding:10px 10px;} 
.desc{ font-size:16px;  line-height:22px; padding:10px 0px; }


 
/*................. contact CSS....................*/  
.contactinfo{ background-position:bottom 10px right 10px;}
.contactinfotitle{font-size:20px; }
.contactinfotext{font-size:16px; }

/*................. footer CSS....................*/ 
.footerempty{ height:100px;}
.footerempty2{ height:80px;}

  
}