/* fonts

font-family: 'Montserrat', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Lato', sans-serif;

 */

/* deftl css */
body {margin: 0px;padding: 0px;}
.pdngnone {padding-left: 0px !important;padding-right: 0px !important;}
/* deftl css */
.subnav {
    background-color: #1a63a0;
    padding: 10px 0;
}
.colnavsec61 {width: 50%;float: left;}
.colnavsec6a2 {width: 30%;float: left;}
.colnavsec62 {width: 20%;float: left;}
.navdtail-sec {
    padding: 0px;
    list-style: none;
}
.navdtail-sec li {
    float: left;
    color: #fff;
    font-family: 'Lato', sans-serif;
    margin-right: 30px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px
}
.navdtail-sec li i {
    color: #3d89ca ;
    font-size: 14px;
    margin-right: 5px;
}
.mysocial {
    
}
.mysocial a i {
    color: #fff;
}
.mysocial a i:hover {
	color: # ;
}
.mysocial .btn {
    padding: 0px 5px;
}
.logow {
	width: 460px;
}

.mynavbar {
	padding: 10px 0 0;
}
.mynavbar .navbar-brand {
    float: left;
    /*height: 50px;*/
    padding: 1px;
    font-size: 18px;
    line-height: 20px;
}
.mynavbar .navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: -0px !important;
    margin-left: -0px !important;
}
.activea {color: #000 !important;}

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.mybanner .fade-carousel {
    position: relative;
    height: 77vh;
}
.mybanner .fade-carousel .carousel-inner .item {
    height: 77vh;
}
.mybanner .fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.mybanner .fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}
div.navigation header.row
{
	margin: 2rem 1rem;
}

div.navigation header h1
{
	margin: 0;
	line-height: 1;
	text-align: center;
	text-transform: lowercase;
}

div.navigation header .title
{
	font-size: 6rem;
}

div.navigation header .subheader
{
	font-size: 1.2rem;
}

div.navigation
{
	padding: 0 5px;
}

div.navigation .side-nav *
{
	list-style: none;
}

div.navigation .side-nav a > i
{
	float: right;
	margin-top: .3rem;
	margin-right: 1rem;
}

div.navigation .side-nav li a,
div.navigation .side-nav li a:focus,
div.navigation .side-nav.accordion .accordion-navigation > a
{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #666;
	font-weight:bold;
	/*
	word-break: break-all;
	-ms-word-break: break-all;
	*/
	border-right: .1rem solid #f5f5f5;
	border-left: .2rem solid #1a63a0;
	box-shadow: 0 .4rem .5rem #ddd;
	background: #fff;
	margin-bottom: 5px;
}

div.navigation .side-nav li
{
	margin: 0;
	border-top: .1rem solid #f5f5f5;
}

div.navigation .side-nav li ul,
div.navigation .side-nav.accordion .accordion-navigation > .content
{
	margin: 0;
	padding: 0;
}

div.navigation .side-nav ul a,
div.navigation .side-nav.accordion .accordion-navigation ul a
{
	font-size: 14px;
	    padding: .8rem 1rem .8rem 2rem;
	border-left: .2rem solid #E21E11;
}

div.navigation .side-nav ul ul a,
div.navigation .side-nav.accordion .accordion-navigation ul ul a
{
	padding-right: 5rem;
	border-left: .2rem solid #E21E11;
}

div.navigation .side-nav ul ul ul a,
div.navigation .side-nav.accordion .accordion-navigation ul ul ul a
{
	padding-right: 6rem;
	border-left: .2rem solid #E21E11;
}

div.navigation .side-nav li.accordion-navigation > a:before
{
	margin: .3rem 0 0 -1.2rem;
	float: left;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1rem;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "\f0da";
}

div.navigation .side-nav li.accordion-navigation.active > a:before,
.no-js div.navigation .side-nav li.accordion-navigation > a:before
{
	content: "\f0d7";
}

.no-js .accordion .accordion-navigation > .content
{
	display: block;
}

div.navigation .side-nav li a:hover,
div.navigation .side-nav li a.current
{
	color: #E21E11 !important;
	background-color: #fff !important;
}

div.navigation .side-nav li a
{
	padding: .8rem 1rem .8rem 1.6rem;
}
.transition-mc,
.button.button-primary,
.item-cont a .item-content,
.item-cont a .item-content .text-cont,
.item-cont a figure:after {
  -webkit-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  transition: all 800ms ease-in-out;
}

.item-cont {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 0px;
}
.myclm3 figure {
    margin: 0;
}
.item-cont a {
  display: block;
  position: relative;
  color: #fff !important;
  border-color: #fff;
  font-size: 24px;
}

.item-cont a .item-content {
  position: absolute;
  width: 100%;
  cursor: pointer;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  opacity: 1;
}

.item-cont a .item-content:before {
  border-top: 1px solid;
  border-bottom: 1px solid;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  opacity: 0;
}

.item-cont a .item-content:after {
  border-left: 1px solid;
  border-right: 1px solid;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  opacity: 0;
}

.item-cont a .item-content:before,
.item-cont a .item-content:after {
  border-color: #fff;
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, transform 0.8s;
}

.item-cont a .item-content .text-cont {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  opacity: 0;
}

.item-cont a .item-content .align-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.item-cont a figure {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.item-cont a figure:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  background-color: rgba(46, 52, 62, 0.5);
  opacity: 0;
}

.item-cont a figure img {
  max-width: 100%;
  height: auto;
  display: block;
}

.item-cont a:hover figure {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.item-cont a:hover figure:after {
  opacity: 1;
}

.item-cont a:hover .item-content {
  opacity: 1;
}

.item-cont a:hover .item-content:before,
.item-cont a:hover .item-content:after {
  border-color: #fff;
}

.item-cont a:hover .item-content:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.item-cont a:hover .item-content:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.item-cont a:hover .item-content .text-cont {
  opacity: 1;
}
h1 {
  font-size:     72px;
  line-height:   1.5;
  color: #fff;
  font-weight:   100;
}

#container {
  width:  980px;
  margin: 0 auto;
}

section {
  height: 300px;
  margin: 60px 0;
}

.section--purple {
  background-color: #9b59b6;
}

.section--blue {
  background-color: #3498db;
}

.section--green {
  background-color: #2ecc71;
}

#main {
  text-align: center;
}

#more {
  margin: 20px auto 48px;
}
.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
			
		}
/********************************/
/*          Hero Headers        */
/********************************/
.mybanner .hero {
    position: absolute;
    top: 50%;
    left: 44%;
	width: 80%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.mybanner .hero h1 {
    font-size: 40px;    
	font-family: 'Montserrat', sans-serif;
    font-weight: bold;
	color: #fff; text-align:left;
	line-height: 1.5em;
    margin: 0;
    padding: 0;
}
.mybanner .hero h3 {
    font-size: 16px;    
	font-family: 'Montserrat', sans-serif;
	color: #fff; text-align:left;
	line-height: 1.5em;
    margin: 5px 0 0 0;
    padding: 0; 
}
.paddL0{ padding-left:0!important}
.sercse2_uli {margin: 0 0 0 0px; list-style: none;}
.sercse2_uli li{color: #525252;font-family: 'Lato', sans-serif;margin: 4px 0 8px 25px;font-size: 16px;line-height: 26px;text-align: left}
.sercse2_uli li i{position: absolute;left: 16px;margin-top: 9px;font-size: 10px;color: #0257a2}

.sercse1_uli {margin: 0 0 0 0px; list-style: none;}
.sercse1_uli li{color: #525252;font-family: 'Lato', sans-serif;margin: 4px 0 4px 37px;font-size: 15px;line-height: 26px;text-align: left}
.sercse1_uli li i{position: absolute;left: 16px;margin-top: 9px;font-size: 9px;color: #0257a2}

.sercse_uli {margin: 0 0 0 0px; list-style: none;}
.sercse_uli li{color: #525252;font-family: 'Lato', sans-serif;margin: 4px 0 4px 23px;font-size: 14px;line-height: 26px;text-align: left}
.sercse_uli li i{position: absolute;left: 16px;margin-top: 9px;font-size: 9px;color: #0257a2}

.mybanner .fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.mybanner .fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.mybanner .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.mybanner .btn.btn-lg {padding: 10px 40px;}
.mybanner .btn.btn-hero,
.mybanner .btn.btn-hero:hover,
.mybanner .btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.mybanner .fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4 {
  height: 77vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.mybanner .fade-carousel .slides .slide-1 {
  background-image: url(../images/slider1.jpg); 
}
.mybanner .fade-carousel .slides .slide-2 {
  background-image: url(../images/slider2.jpg); 
}
.mybanner .fade-carousel .slides .slide-3 {
  background-image: url(../images/slider3.jpg); 
}
.mybanner .fade-carousel .slides .slide-4 {
  background-image: url(../images/slider4.jpg); 
}
.paddb100{ padding-bottom:50px!important;}
.footer{ background-color:#123550;}
.foot1{ position:absolute; left:0; right:0;}
.testimonials{ color:#fff; padding:5rem 15px;}
.testimonials h1, .enquiry-form h1{ font-size: 3.625rem;
    color: #fff;
    z-index: 2;
    text-align: left;
    font-weight: 700;
    padding-bottom: 2rem;
    margin-bottom: 2rem!important;
    position: relative;}
	.btn{ border-radius:0; font-size:1rem; text-transform:uppercase; padding:0.75rem 1rem; border:2px solid transparent;}
.btn-primary{ background-color: #123550 !important;
    color: #fff!important;
    border-color: #0b2a42 !important;}
.btn-default{ background-color:transparent!important; border-color:#fff!important; color:#fff!important;}

	.form-control{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.25;color:#495057;background-color:#fff;background-image:none;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.testimonials h1:before, .enquiry-form h1:before{ content:''; position:absolute; display:block; z-index:2; width:4rem; height:2px; background-color:#d69112; left:0; bottom:0;}
.quote{ position:absolute; left:0; top:-1rem; z-index:-1;}
.test-in article{ width:80%;}
.test-in article p{ line-height:28px; font-family:'Lato'; font-size:16px; font-style:italic}
.test-in article dd{  position:relative; margin-top:2rem;}
.test-in article dd img{ width:3rem; height:3rem; border-radius:50%; position:absolute; left:0; top:0;}
.test-in article dd h5{ color:#fff;}
.test-in article dd span{ color:# ;}
#testimonials .owl-controls{ right:auto; left:0; bottom:-2rem;}
#testimonials .owl-controls .owl-page{ display:inline-block;}
#testimonials .owl-controls .owl-page span{ background-color:transparent; border:2px solid #fff;}
.enquiry-form{ background-image:url(../images/image-2.jpg); background-repeat:no-repeat; padding:5rem 45px 3rem 6rem!important;}
.enquiry-form:before{ content:''; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(11, 70, 115, 0.85)}
.enquiry-form form blockquote .form-control{ height:5rem!important; border-radius:0!important; padding:0.825rem 1.3rem!important;}
.enquiry-form form blockquote textarea.form-control{ height:auto !important}
.foot2{ padding:0.8125rem 15px;  color:rgba(255, 255, 255, 0.7); background-color:rgba(0, 0, 0, 0.5); font-size:0.8rem;}
.foot2 a{ color:rgba(255, 255, 255, 0.7);}
.sec5{ padding:3rem 15px;}
.sec5 h1{ width:100%; color:#040406!important; text-align:center; font-size:4rem!important; padding-bottom:1rem!important; position:relative; margin-bottom:2rem!important; font-weight:900!important; font-family:'Lato';}
.newp{ color:#5d5b5b; font-size:1.7rem; text-align:center; font-family:'Lato';}
.sec2 h1:before, .sec5 h1:before {
    content: '';
    display: block;
    position: absolute;
    width: 4rem;
    height: 2px;
    background-color: # ;
    bottom: -2px;
    left: 45%;
}.sec2 h1:before, .sec5 h1:before {
    content: '';
    display: block;
    position: absolute;
    width: 4rem;
    height: 2px;
    background-color: # ;
    bottom: -2px;
    left: 48%;
}
/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
.mybanner .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
.mybanner .hero h1 { font-size: 4em; }    
}

.myfeature {padding: 5% 0;}
.myclm3 {width: 33.33%;float: left; padding: 10px;}
.text-area {width: 100%; float: left;padding: 10px 0;}
.text-area1 {width: 100%; float: left;padding: 10px 0; text-align:center}
.h4servc {font-family: 'Lato', sans-serif;font-size: 16px;font-weight: 700;color: #333; margin: 5px 0 8px;}
.paraservc {font-family: 'Lato', sans-serif;font-size: 15px!important;font-weight: 500;color: #c1c1c1; text-align: left;margin: 5px 0 10px;line-height: 26px;}
.paraservc2 {font-family: 'Lato', sans-serif;font-size: 16px!important;font-weight: 500;color: #444; text-align: left;margin: 5px 0 10px;line-height: 28px;}

.paraservc3 {font-family: 'Lato', sans-serif;font-size: 16px!important;font-weight: 500;color: #fff; text-align: left;margin: 5px 0 10px;line-height: 28px;}
.paraservc2 {font-family: 'Lato', sans-serif;font-size: 16px!important;font-weight: 500;color: #6b6868; text-align: left;margin: 5px 0 10px;line-height: 28px;}
.paraservc1 {font-family: 'Lato', sans-serif;font-size: 16px!important;font-weight: 500;color: #6b6868; text-align: left;margin: 5px 0 10px;line-height: 28px;}
.redmrbtn {font-family: 'Lato', sans-serif;color: #333;font-weight:600;font-size: 14px;}
.redmrbtn:hover {color: #000;text-decoration: none;}
.redmrbtn i {margin-left: 7px;-webkit-transition-duration: .20s;transition-duration: .20s;}
.redmrbtn:hover i {margin-left: 13px;-webkit-transition-duration: .20s;transition-duration: .20s;}
.bg2seccle { background-color: #f1f1f1;}

.item figure.snip0011 {position: relative;float: left;overflow: hidden;margin: 10px 1%;min-width: 220px;max-width: 310px;max-height: 220px;width: 100%;background: #000000;text-align: center;cursor: pointer;}
.item figure.snip0011 img {max-width: 100%;opacity: 1;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.item figure.snip0011 > div a {height: 100%;left: 0;position: absolute;top: 0;width: 100%;color: #ffffff;}
.item figure.snip0011 > div a i::before {font-size: 50px; opacity: 0;top: 55%;position: relative; -webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-webkit-transition-delay: 0s;transition-delay: 0s;display: inline-block;
}
.item figure.snip0016 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  max-height: 200px;
  width: 100%;
  background: #000000;
  text-align: left;
}
.item figure.snip0016 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item figure.snip0016 img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.item figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 78px 3em;
  width: 100%;
  height: 100%;
}
.item figure.snip0016 figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 100%;
  border-left: 2px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.item figure.snip0016 h2,
figure.snip0016 p {
	 font-family: 'Lato', sans-serif;
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
.item figure.snip0016 h2 {
	font-size: 19px;
  word-spacing: -0.12em;
  font-weight: 300;
  text-transform: capitalize;
  -webkit-transform: translate3d(30%, 0%, 0);
  transform: translate3d(30%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.item figure.snip0016 h2 span {
  font-weight: 600;
}
.item figure.snip0016 p {
  font-weight: 200;
  -webkit-transform: translate3d(0%, 30%, 0);
  transform: translate3d(0%, 30%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.item figure.snip0016 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
.item figure.snip0016:hover img {
  opacity: 0.3;
}
.item figure.snip0016:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.item figure.snip0016:hover figcaption p {
  opacity: 0.9;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.item figure.snip0016:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  left: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.bg3seccle {padding: 3% 0 2%!important; background-color: #123550;}
.h3servc {font-family: 'Lato', sans-serif;font-weight: 700;font-size: 20px;color: #fff; text-align: left;margin: 5px 0 10px;}

.subtitle-divider-2 {position: relative;height: 20px;margin-bottom: 10px;}
.subtitle-divider-2::after { content: "";height: 1px;left: 0;position: absolute;top: 15px;width: 100px;right: 0;margin: 0 0px;background-color: #555;}
.subtitle-divider-2::after {background: #fff  none repeat scroll 0 0;top: 5px;width: 50px;height: 2px;}
.mysrvccl {float: left;width: 100%;}
.abthref {display: inline-block;text-decoration: none;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;float: left;width: 60px;height: 60px;background: #08253c;text-align: center;line-height: 60px;font-size: 16px;color: #ffffff;}
 .abthref:hover {color:#  ;}
.about-us-post {
    overflow: hidden;
    margin-top: 30px;
}
.mysrvccl .h4servc {font-size: 19px;color: #333; text-align: left;margin: 0 0 12px;color: #dadada;margin-left: 70px;font-weight: 500;margin-bottom: 6px;margin-top: 10px;}
.mysrvccl .paraservc {font-size: 12px;font-weight: 400;color: #eeeeee; text-align: left;margin: 5px 0 10px 70px;line-height: 22px;}

.mysrvccl2 .h4servc {font-size: 19px;color: #333; text-align: left;margin: 0 0 12px;color: #c1c1c1;margin-left: 0px;font-weight: 500;margin-bottom: 6px;margin-top: 30px;}
.mysrvccl2 .paraservc {font-family: 'Lato', sans-serif;font-size: 13px;font-weight: 500;color: #F1F1F1; text-align: left;margin: 0px 0 10px;line-height: 22px;}

.bg4seccle {background-color: #fff;}
.bg4seccle .myclm3 {width: 100%;float: left; padding: 10px;}

.bg5seccle {background: url(../images/image-3.jpg) center;padding: 6% 0; background-size: 100%;}
.bg5seccle .h3servc {text-align: center;}
.bg5seccle .h4servc {font-size: 15px;color: #fff; text-align: left;margin: 0 0 12px;color: #999;margin-left: 0px;font-weight: 700;margin-bottom: 6px;margin-top: 20px; text-align: center;}
.bg5seccle p {font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: 500;color: #F1F1F1;font-style:italic; text-align: center;margin: 0px 0 10px;line-height: 24px;letter-spacing: .5px;}

.bg6seccle {padding:4% 0;background: #fff;}
.brandwdth {width:18%;float: left;margin: 10px; padding: 10px;background-color: #fff; box-shadow: 0 0 7px #ccc;-webkit-box-shadow: 0 0 7px #ccc;-o-box-shadow: 0 0 7px #ccc;-moz-box-shadow: 0 0 7px #ccc;-ms-box-shadow: 0 0 7px #ccc;}

.footertxt {float: left; width: 100%;}
.paraftr {font-family: 'Lato', sans-serif;font-size: 14px;font-weight: 500;color: #C5C5C5; text-align: left;margin: 0px 0 10px;line-height: 25px;}
.ftrtags{list-style: none; padding: 0px; margin-left:0;}
.ftrtags li a {float:left;font-family: 'Lato', sans-serif;font-size: 13px;font-weight: 500;color: #C5C5C5;border-radius: 3px;background: #062a46;padding: 6px 12px;margin-right: 5px;margin-bottom: 5px;}
.ftrtags li a:hover {text-decoration: none; background-color: # ;}

.ftrnav{list-style: none; padding: 0px; margin-left:0;}
.ftrnav li a {display: block;font-family: 'Lato', sans-serif;font-size: 13px;font-weight: 500;color: #C5C5C5;border-radius: 3px;margin-right: 0px;margin-bottom: 10px;}
.ftrnav li {display: block;font-family: 'Lato', sans-serif;font-size: 13px;font-weight: 500;color: #C5C5C5;border-radius: 3px;margin-right: 0px;margin-bottom: 10px; line-height: 24px;}
.ftrnav li span { color: #5681a2 ;font-weight: 700;font-family: 'Lato', sans-serif;}
.ftrnav li a:hover {text-decoration: none;color: #fff;}


.bg6sseccle {background-color: #0a2c46;padding: 15px 0;}
.bg6sseccle .paraftr {color: #f1f1f1;text-align: center; margin: 0px;}

.sub_divider {background: #d69112 none repeat scroll 0 0;height: 2px;width: 45px;outline: none; margin-bottom:10px;}
/*--BACK TO TOP--*/
.back-to-top{display: inline-block;margin-bottom: 18px;text-decoration: underline;width: 35px;height: 35px;border-radius: 50%;background: #000;position: fixed;bottom: -150px;right: 18px;transition: bottom 1s;cursor: pointer;font-size: 14px}
.back-to-top:before{content: " ";display: block;width: 49%;padding: 21% 0;border: solid #FFF;border-width: 0 2px 2px 0;transform: rotate(220deg);margin-left: 26%;margin-top: 35%;position: absolute;z-index: 20}
.mybanner2{padding: 50px 0;background-image:url(../images/slider1n.jpg);overflow: hidden}
.mybanner2_h2{font-family: 'Lato', sans-serif!important;font-weight: bold;margin: 0 0 30px;text-transform: uppercase;float: left;color: #ffffff;font-size: 26px; margin-bottom: 0px}
.pad100{ padding:100px 0;}
.mar40{ padding:40px 0;}
.pad40{ padding:40px 0 0;}
.about_sec {float: left; width: 100%;padding: 70px 0; background: #fff;}
.about_sech2 {font-family: 'Lato', sans-serif;font-size: 25px;font-weight: 700;color: #333; text-align: left;margin: 5px 0 15px;}
.about_secpara {font-family: 'Lato', sans-serif;font-size: 14px;font-weight: 500;color: #888888; text-align: left;margin: 5px 0 10px;line-height: 22px;}
.about_bg3{padding: 3% 0;background-color: #222;display: block;float: left;width: 100%}
.about_bg4{padding: 3% 0;background-color: #fff;display: block;float: left;width: 100%}
.about_bg4 .myclm3{width: 33.333333%;float: left;padding: 10px}
.about_bg5{display: block;float: left;width: 100%}
.paddt30{ padding-top:40px;}
.product_sec {display: block;padding: 3% 0;background-color: #fff;float: left;width: 100%}
.product_sec .side-nav {padding: 0 0 0.875rem;}
.product_sec .myclm3 {width: 32%;margin: 5px;float: left; padding: 10px;}
.side-nav li.active>a:first-child:not(.button){ color:#1a63a0!important;
    font-weight: bold!important;
    font-size: 16px;}
.prdt_h3se1 {font-family: 'Lato', sans-serif;font-size: 21px;font-weight: 700;color: #333; text-align: left;margin: 5px 0 3px;padding-bottom: 7px;}
.prdt_h3se {font-family: 'Lato', sans-serif;font-size: 25px;font-weight: 700;color: #333; text-align: left;margin: 5px 0 3px;padding-bottom: 7px;}
.prdt_bg {background: #f5f5f5;}
.prdt_img_sec {float: left;width: 100%;}
.prdt_para_sec {width: 100%;float: left;padding: 10px 0;}
.prdt_h4se {font-family: 'Lato', sans-serif;font-size: 17px;font-weight: 700;color: #333; text-align: left;margin: 0px 0;}
.prdt_parse {font-family: 'Lato', sans-serif;font-size: 13px;font-weight: 500;color: #888888;text-align: left;margin: 8px 0 0px;line-height: 22px;}

.contact_sec {float: left; width: 100%;padding: 30px 0; background: #fff;}
.forms_nav {padding: 0px;margin: 0px;list-style: none;}
.forms_nav li {list-style: none;overflow: hidden;border-bottom: 1px solid #dddddd;margin-bottom: 15px;padding-bottom: 13px;padding-top: 5px;font-family: 'Montserrat', sans-serif;}
.forms_nav li span {display: block;font-size: 15px;color: #777777;font-family: 'Lato', sans-serif;font-weight: 400;line-height: 22px;margin: 0 0 10px;margin-bottom: 0px;margin-left: 25px;color: #333333;}
.forms_nav li i {float: left;color: #333333;font-size: 13px;display: inline-block;line-height: 24px;margin-left: 2px;}
/* fonts */
 #contact{
    padding:10px 0 10px;
  }

  .contact-text{
    margin:45px auto;
  }

  .mail-message-area{
    width:100%;
    padding:0 15px;
  }

  .mail-message{
    width: 100%;
    background:rgba(255,255,255, 0.8) !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    margin:0 auto;
    border-radius: 0;
  }

  .not-visible-message{
    height:0px;
    opacity: 0;
  }

  .visible-message{
    height:auto;
    opacity: 1;
    margin:25px auto 0;
  }

/* Input Styles */

  .form{
    width: 100%;
    padding: 15px;
    background:#fff;
    border:1px solid rgba(0, 0, 0, .2);
    margin-bottom:25px;
    color:#727272 !important;
    font-size:13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }

  .form:hover{
    border:1px solid #000;
  }

  .form:focus{
    color: white;
    outline: none;
    border:1px solid #000;
  }

  .textarea{
    height: 189px;
    max-height: 189px;
    max-width: 100%;
  }
  
/* Generic Button Styles */

  .button{
    padding:8px 12px;
    background:#0A5175;
    display: block;
    width:120px;
    margin:10px 0 0px 0;
    border-radius:3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align:center;
    font-size:0.8em;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .button:hover{
    background:#000;
    color:white;
  }

/* Send Button Styles */

  .form-btn{
    width:150px;
    display: block;
    height: auto;
    padding:12px;
    color:#fff;
    background:#000;
    border:none;
    border-radius:3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin:auto;font-family: 'Lato', sans-serif;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .form-btn:hover{
    background:#111;
    color: white;
    border:none;
  }

  .form-btn:active{
    opacity: 0.9;
  }
/* fonts

font-family: 'Montserrat', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Lato', sans-serif;

 */

/* default */
.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:1;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:1;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/* default */