@import url('https://fonts.googleapis.com/css?family=Ubuntu');  /* font-family: 'Ubuntu', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=PT+Sans); /*font-family: 'PT Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Montserrat'); /* font-family: 'Montserrat', sans-serif; */

html{ height:100%; }
body { height:100%; font-family: 'Ubuntu', sans-serif; }
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; }
ul{ padding:0px; margin:0px; }
ul li{ list-style-type:none; padding:0px; margin:0px; }
p{ padding:0px; margin:0px; font-size:14px; }
a{ outline:none !important; text-decoration:none !important;}

.fulcont{ height:100%; }
.header{ padding:0px 0px; position:absolute; z-index:99; width:100%; }
.head{ background-color:#fff; padding:10px 0px; }
.nav{ float:right ; padding:10px 0px; }
.mainmenu > ul > li{ float:left; border:2px solid #fff; }
.mainmenu > ul > li > a{ font-size:14px; color:#333; padding:8px 16px; display:block; text-transform:uppercase; }
.mainmenu > ul > li:hover{ border:2px solid #A37C2B !important; }
.mainmenu > ul > li:hover > a{ background-color:#0056A8; color:#fff !important; }
.mainmenu ul li ul{ position:absolute; background-color:rgba(0,0,0,0.8); width:210px; display:none; margin-left:-2px;}
.mainmenu ul li ul li a{ font-size:17px; padding:10px 16px; display:block; color:#eee; border-bottom:1px solid #555; }
.mainmenu ul li ul li{ position:relative;}
.mainmenu ul li ul li ul{ margin-left:-100%; top:0; }

.mainmenu ul li ul li:nth-child(1) a{ border-top:none; }

.respnav{ position:absolute; right:20px; top:0px; }
.respnav i{ font-size:25px; padding:10px 0px; cursor:pointer; color:#000; }
.respnav{ float:right; }
#respo_menu{ display:none; overflow:hidden; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:2px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:230px; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 8px 0 8px 10px; color:#4B4B4D; font-size:13px; text-decoration:none;  }
#respo-submenu ul li{ position:relative; }
#respo-submenu ul li ul{ margin-left:10px; }
#respo-submenu ul li ul li{ position:relative;  padding:0px 10px; font-size:14px; color:#333; }
#respo-submenu ul li ul li:before{ content:'\f105'; position:absolute; left:5px; top:5px; color:#777; font-family:'FontAwesome'; }
#respo-submenu ul li a:hover{ background-color:#008ACA; color:#fff; }

#banner{ position:relative; height:100%; background-image:url(../images/img2.jpg); background-size:cover; background-attachment:fixed; display:table; width:100%; }
.bannercont{ display:table-cell; vertical-align:middle; width:100%; overflow:hidden; }
.yercontet{ border:4px solid #A27D30; padding:40px 40px 40px 40px; color:#fff; width:100%; background-color:rgba(0,86,168,0.8); }
.yercontet h2{ text-transform:uppercase; margin:0; padding:0; }
.yercontet p{ margin-top:10px; display:inline-block;  }
.yercontet p a{ margin:0; padding:8px 15px; background-color:#fff; display:inline-block; color:#000; }

.frombackcol{ opacity:0; transform:translateY(200px); z-index:2; }
.fromleftcol{ opacity:0; transform:translateX(-500px); z-index:5; }
.fromrightcol{opacity:0; transform:translateX(500px); z-index:5; }
.animat{ padding:80px 0px 0px 0px; background-image:url(../images/promo.html); background-size:cover; overflow:hidden; } 
.animibacknrml{ opacity:1; transform:translateY(0); }
.animileftnrml{ opacity:1; transform:translateX(0); }
.animirightnrml{ opacity:1; transform:translateX(0); }

.tran01{ transition:all ease-in-out 1s; -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -ms-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; }
.tran02{ transition:all ease-in-out 1.2s; -moz-transition:all ease-in-out 1.2s; -webkit-transition:all ease-in-out 1.2s; -ms-transition:all ease-in-out 1.2s; -o-transition:all ease-in-out 1.2s; }
.tran03{transition:all ease-in-out 1.5s; -moz-transition:all ease-in-out 1.5s; -webkit-transition:all ease-in-out 1.5s; -ms-transition:all ease-in-out 1.5s;-o-transition:all ease-in-out 1.5s; }
.tran04{ transition:all ease-in-out 1.7s; -moz-transition:all ease-in-out 1.7s; -ms-transition:all ease-in-out 1.7s;-webkit-transition:all ease-in-out 1.7s; -o-transition:all ease-in-out 1.7s; }
.tran05{ transition:all ease-in-out 1.9s; -moz-transition:all ease-in-out 1.9s; -webkit-transition:all ease-in-out 1.9s;-ms-transition:all ease-in-out 1.9s;-o-transition:all ease-in-out 1.9s; }
.tran06{ transition:all ease-in-out 2.1s; -moz-transition:all ease-in-out 2.1s; -webkit-transition:all ease-in-out 2.1s;-ms-transition:all ease-in-out 2.1s;-o-transition:all ease-in-out 2.1s; }

#welco{ background-image:url(../images/background.png); background-repeat:no-repeat; background-position:bottom;  position:relative; z-index:3; }
.bodycont{ background-color:#fff; padding:50px 0px; overflow:hidden; }
.textcont{ position:relative; z-index:99; }
.textcont dt{ font-size:30px; margin-left:0; width:auto !important; text-align:left; }

.dlink{ padding:20px 0px; }
.dlink p a{ padding:10px 20px; border:2px solid #A27D30; color:#A27D30; font-size:13px; position:relative; z-index:1; overflow:hidden; display:inline-block; text-transform:uppercase; font-weight:bold; transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s; }
.dlink p a:after{ position:absolute; content:''; background-color:#0056A8; left:2px; right:2px; bottom:2px; top:100%; z-index:-1; transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; }
.dlink p a:hover{ color:#eee;  }
.dlink p a:hover:after{ top:2px; color:#222; }
.cont-box{ padding:40px;  width:100%; }

.cont-box ul li{ position:relative; padding:5px 20px; }
.cont-box ul li a{ font-size:25px; color:#444; text-transform:uppercase; }
.cont-box ul li a:hover{  color:#DFC650; }
.cont-box ul li a:before{  content:'\f105 '; font-family: 'FontAwesome'; color:#444; font-size:25px; vertical-align:middle; position:absolute; left:0; top:5px; }

.textcont p{ }
.productscolm{ background-color:#333; overflow:hidden; text-align:center; }
.productscolm p{  margin:0; padding:20px 0px; display:inline-block; } .productscolm p a{ padding:10px 20px; display:inline-block; color:#fff; }
.productscolm h2{ margin:0; padding:20px 0px; color:#fff; }
.col04{ overflow:hidden; position:relative; border:1px solid #ddd; background-size:cover; }
.col04 img{ width:100%; -webkit-transition:ease-in-out all 0.3s; transition:ease-in-out all 0.3s; -moz-transition:ease-in-out all 0.3s; -o-transition:ease-in-out all 0.3s; position:relative; z-index:22; overflow:hidden; }
.col04:hover img{ transform:scale(1.2,1.2); }
.col04cont{ top:0; bottom:0; left:0; right:0; background-color:rgba(255,255,255,0.8); z-index:55; text-align:center; padding:20% 10%; opacity:0;-webkit-transition:ease-in-out all 0.3s; transition:ease-in-out all 0.3s; -moz-transition:ease-in-out all 0.3s; -o-transition:ease-in-out all 0.3s; transform:scale(1.3); } 
.col04cont i{ font-size:50px; color:#333; }
.col04cont h2{ text-transform:uppercase; color:#FFF; font-weight:700; font-size:34px;   }
.col04cont:hover{ opacity:1;  transform:scale(1);  }
.col04{ background-size:cover; background-repeat:no-repeat; }
.pro-col{ padding:30px 0px 30px 0px; background-color:#eee; overflow:hidden; }

.proj{ padding:20px; background-color:#fff; }
.proj h2{ text-transform:uppercase; font-size:24px; }
.proj h2,.proj h3{ margin:0; padding-bottom:10px; }
.ulli li{ position:relative; padding:3px 0px 3px 20px; font-size:16px; }
.ulli li:before{ position:absolute; left:0; content:'\f0a9';  font-family: 'FontAwesome'; color:#0056A8; font-size:14px; top:5px;}

.servicescol{ padding:50px 0px; background-color:#eee; }
.servicescol h1{ margin:0; padding-bottom:20px; color:#0056A8; }
.servicescol h2{ color:#0056A8; }
.servicescol p{ color:#333; font-size:15px; }

.fom{ border:1px solid #ddd; padding:20px; }
.fom h3{ margin:0; padding-bottom:20px; color:#fff; }
.fom ul li{padding:0px 5px !important; overflow:hidden; }
.fom ul li label{ position:relative; }
.fom ul li label.error{  font-size:11px; font-weight:normal; color:rgba(176,0,2,1.00); }
.fom ul li:before{ display:none; } 
.fom ul li{ margin:0px 0px 10px 0px;   padding:0;}
.fom ul li button { }

.fom{ padding:20px 20px 10px 20px; background-color:#777; }
.fom .form-group label.error{ position:absolute; top:5px; font-size:12px; right:10px; color:#729E4C; }
.fom .form-group{ overflow:hidden; }
.fom .form-group > div{ padding:0; }
.fom .form-group label{ padding:5px 0px; position:relative; color:#fff; }

#footer{ text-align:center; background-color:#333;  }
#footer p{ margin:0; padding:10px 0px; font-size:13px; color:#eee;}
#footer p a{ color:#eee; }  
.compllogo{ background-color:#eee; padding:20px 0px; }

.projtext{ padding:30px 0px; background-color:#0056A8; color:#fff; }
.projtext h2{ margin:0; padding-bottom:10px; }
.contetcolm{ padding:40px 0px; }

.contetcolm h3{ margin:0; padding-bottom:20px; text-transform:uppercase; font-size:22px; }
.tablecolm{ width:100%; }
.tablecolm table{ width:100%;}
.tablecolm table tr th{ border:1px solid #eee; padding:10px; background-color:#f8f8f8; text-align:center; }
.tablecolm table tr td{ border:1px solid #eee; padding:10px; }
.fomcolm{}
.fomcolm ul li{padding:0px 5px !important; overflow:hidden; }
.fomcolm ul li input,.fomcolm ul li textarea{ border:1px solid #ddd; box-shadow:none; border-radius:0; }

.fomcolm ul li:before{ display:none; } 
.fomcolm ul li{ margin:0px 0px 10px 0px;   padding:0;}
.fomcolm ul li button { }
.dwnldcolm li{ margin-bottom:5px; }

.gallerycol li{ position:relative; border:none; margin-bottom:20px; }
.gallerycol li a{ position:relative; border:1px solid #ccc; display:block;  overflow:hidden; height:150px; }
.gallerycol li img{ position:absolute; bottom:0; right:0; top:0; left:0; width:100%; }
.contetcolm .fom{ background-color:#eee; }

#thankyoupage { color:#086D96; height:100%; width:100%; display:table; text-align:center; background-image:url(../images/thank-you.html); background-repeat:no-repeat; background-size:cover; background-position:center; }
#thankyoupage div{ display:table-cell; vertical-align:middle; text-align:center; background-color:rgba(0,0,0,0.5); } 
#thankyoupage h1{ color:#fff; }
#thankyoupage p{ font-size:22px; text-align:center; color:#fff;  }

/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { .mainmenu{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; } }
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .mainmenu{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; } }
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { .mainmenu{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; } }
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .mainmenu{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; } }
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .mainmenu{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; } }