@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro'); /* font-family: 'Source Sans Pro', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:700');  /* font-family: 'Droid Sans', sans-serif; */
 
body { font-family: 'Source Sans Pro', sans-serif; background-image:url(../images/bg.png); background-size:cover; background-attachment:fixed; overflow-X:hidden; }
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:15px;  }
a{ outline:none !important; text-decoration:none !important;}


#continfo{ top:0;position:absolute; overflow:hidden; z-index:999; font-family: 'Droid Sans', sans-serif; right:-310px; width:350px;  }
#continfo p{ margin:0; color:#fff; font-size:17px; }
.imgdiv{ cursor:pointer; }
.imgdiv img{ width:40px; }
.detailscol{ padding:20px 0px; overflow:hidden; text-align:center; background-color:#31beed; }
.detailscol:after{ position:absolute; content:'X'; right:5px; top:-2px; color:#fff; font-size:20px; cursor:pointer; }


.fullcontainer{ overflow:hidden; width:100%; }
.head{ padding:5px 0px; position:relative; z-index:99; }
.mainmenu{ margin:15px 0px; }
.mainmenu > ul > li{ float:left; }
.mainmenu > ul > li > a{ color: #4b4b4d; font-size: 14px; letter-spacing:2px; position: relative; text-transform: uppercase; transition: all 0.25s ease 0s; font-family: 'Droid Sans', sans-serif; padding:20px 0px; display:block; margin-left:20px; }
.mainmenu  > ul > li > a:after{ position:absolute; bottom:0px; height:3px; width:0%; left:0; content:''; background-color:#31beed; -moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s;}	
.mainmenu > ul > li > a:hover,.mainmenu > ul > li.active > a{ color:#31beed;}
.mainmenu > ul > li:hover a:after, .mainmenu > ul > li.active > a:after{ width:100%; }
.mainmenu > ul > li > ul{ position:absolute; background-color:rgba(0,0,0,0.9); padding:5px 0px; display:none; }
.mainmenu > ul > li > ul > li a{ color:#eee; display:block; padding:10px 20px;  font-family: 'Source Sans Pro', sans-serif;}
.mainmenu > ul > li > ul > li{ border-top:1px solid #888; }
.mainmenu > ul > li > ul > li:nth-child(1){ border-top:none; }
.mainmenu > ul >li > ul > li a:hover{ color:#31beed; }
.respnav{ float:right; padding:20px; }
.respnav i{ font-size:25px; padding:10px 20px; cursor:pointer; color:#333; }
#respo_menu{ display:none; overflow:hidden; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:10px; 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:220px; 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:#333; font-size:13px; text-decoration:none;  }
#respo-submenu ul li ul li{ position:relative;  padding:0px 18px; font-size:16px; color:#333; }
#respo-submenu ul li ul li:before{ content:'\f005'; font-family: 'FontAwesome'; position:absolute; top:10px; left:0; font-size:11px; vertical-align:middle; color:#729E4C; diplay:none; }
#respo-submenu ul li a:hover{ background-color:#444; color:#fff;dispaly:block; }

.row01{ background-color:#eee; padding:30px 0px; }.row01 p{ font-size:16px; }
.row01 p em{ font-style:normal; }
.titldiv{ padding-bottom:20px; margin-bottom:20px; }.titldiv h1{ font-family: 'Droid Sans', sans-serif; text-transform:uppercase; color:#31beed; margin:0;  }
.titldiv:before{ width:30%; height:2px; content:''; background-color:#444; position:absolute; bottom:0; }
.titldiv:after{ width:12px; height:12px; bottom:-5px; content:''; background-color:#444; position:absolute; border-radius:50%; }

.dlink{ padding:20px 0px 0px 0px; }
.dlink p{ margin:0; }
.dlink p a{ padding:10px 20px; border:2px solid #555; color:#222; font-size:13px; position:relative; z-index:1; overflow:hidden; display:inline-block; text-transform:uppercase; 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:''; width:100%; height:100%; background-color:#555; left:0; 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:0; color:#eee; }

.years20{ padding:45px 0px 0px 0px; }
.years20 img{ width:100%; }

.fromrightcol{ transform:translateX(100px);opacity:0; }.animirightnrml{ opacity:1; transform:translateX(0px); }
.fromleftcol{ transform:translateX(-100px);opacity:0;  }.animileftnrml{ opacity:1; transform:translateX(0px); }
.frombottomcol{ transform:translateY(100px); opacity:0; }.animinrml{ opacity:1; transform:translateY(0px); }
.tran01{ -moz-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 2s cubic-bezier(0.23,1,0.32,1);-o-transition:all 2s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 2s cubic-bezier(0.23,1,0.32,1);transition:all 2s cubic-bezier(0.23,1,0.32,1); }

.row02{ padding:40px 0px;  background-color:rgba(255,255,255,0.7); }
.threecol h3{ margin:0px 0px 15px 0px; text-transform:uppercase; font-family: 'Droid Sans', sans-serif; }
.threecol p a{ color:#333; }

.row03{ background-image:url(../images/black-bg.jpg); background-attachment:fixed; padding:30px 0px; }
.prod-range h3{ font-family: 'Droid Sans', sans-serif; text-transform:uppercase; color:#31beed; }
.ulli li{ font-family: 'Source Sans Pro', sans-serif; position:relative; padding:8px 18px; font-size:16px;color:#999; }
.ulli li em{ font-style:normal; }
.ulli li:before{ position:absolute; content:'\f101'; left:0; font-family: 'FontAwesome'; color:#999;  }

.clients{ background-color:#EEEEEE; text-align:center; padding:30px 0px; }
.clititle{ position:relative; padding:20px 0px; }
.clititle h3{ display:inline-block; font-family: 'Droid Sans', sans-serif; text-transform:uppercase; margin:0px 0px 0px 0px; padding:0px 20px; background-color:#EEEEEE; z-index:5; position:relative; }
.clititle:after{ position:absolute; content:''; height:2px; background-color:#ddd; top:49%; left:60px; right:60px; z-index:1; }

#footercol{ padding:30px 0px 20px 0px; border-top:1px solid #ddd; background-color:#31beed; }
#footercol h3{ color:#fff; }
#footercol p{ color:#fff; }
.iframemap iframe{ margin:0 !important; padding:0 !important; border:1px solid #aaa; } 
#footer{  z-index:55; position:relative; text-align:center; border-bottom:2px solid #4b4b4d; background-color:#31beed; }
#footer p{ margin:0; padding:10px 30px; font-size:13px; color:#eee; font-family: 'Source Sans Pro', sans-serif; margin-bottom:-1px; background-color:#333; display:inline-block; border-radius:10px 10px 0px 0px;}

.fom ul li:before{ display:none; } 
.fom ul li{ margin:0px 0px 10px 0px; font-family: 'Source Sans Pro', sans-serif;  padding:0; position:relative; }
.fom ul li label.error{ position:absolute; top:5px; font-size:12px; right:10px; color:#31beed; }
.fom ul li input,.fom ul li textarea{ background:#eee; color:#fff; }
.fom ul li button { font-family: 'Source Sans Pro', sans-serif; background-color:#333; color:#eee !important;  }

.thank-col{ background-color:#fff; padding:40px; width:100%; text-align:center; height:600px; display:table; overflow:hidden; }
.thank-col div{ display:table-cell; vertical-align:middle; text-align:center; width:100%; }
.thank-col h2{ font-family: 'Droid Sans', sans-serif; color:#555; }
.thank-col p{ font-family: 'Droid Sans', sans-serif; color:#333; font-size:15px; }

.bodycol{ padding:40px 0px 0px 0px; background-color:#fff; }
.bodycol h3{font-family: 'Droid Sans', sans-serif; text-transform:uppercase; color:#31beed; margin:0px 0px 10px 0px; }
.bodycontent{ overflow:hidden; margin-bottom:30px; }
.sidenav{ position:relative; padding-bottom:30px; clear:both;}
.sidenav:after{ height:100%; width:2px; position:absolute; right:0; background-color:#444; content:''; top:0;  }
.sidenav:before{ width:12px; height:12px; right:-5px; content:''; background-color:#444; position:absolute; border-radius:50%; top:0; }
.sidenav ul li a{ display:block; padding:10px 15px; position:relative; font-size:15px; color:#444; font-family: 'Source Sans Pro', sans-serif; border-bottom:1px solid rgba(0,0,0,0.2); }
.sidenav ul li a:before{ position:absolute; content:'\f101'; left:0; font-family: 'FontAwesome'; color:#31beed; }



/* 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; }  }