

/* CSS Document */
body{
  font-family: 'poppins'; font-size:18px; border-top: 15px solid #1b4588;"
  }

  p{margin:0px 0px 15px 0px; font-family: 'poppins';  color: #000;
    font-size: 16px;
}

.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}

/*sssssssssssssssssssssssssss */
.h2font {
 font-family: poppins;
 font-size: 40px;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
    color: red;
}

.call{padding-top:10px;}
.call2{padding-top:8px; padding-bottom:8px; padding-right:35px;}

.yb{background:#ffffff; padding-top:6px; padding-bottom:6px; border-top:#FFF solid 1px;}
.topbg{background:#dddddd url(../images/separate.jpg) no-repeat left; padding-left:70px; padding-bottom:0px; padding-top:5px; margin-top:-3px;}
.banner{position: relative;
height:auto;
    
}

.eqbg{background:rgba(189, 182, 156, 0.9); border:none; border-radius:0;}
.main-text
{
    position: absolute;
    top: 50px;
    width: 100%;
    color: #FFF;
}

.panel-heading {
  padding: 0px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.blbg{background:#9ccf31; padding-top:10px; padding-bottom:10px;}
.arbg2{background:#dddddd; border-top:#ffffff solid 2px;  padding-bottom:20px; padding-top:20px;}
.grbg{background:#41aac4; background-size:cover; padding-top:15px; padding-bottom:35px;}
.con_txt{width:100%; margin-bottom:4px; margin-top:4px; padding:5px; border:#7d7761 solid 1px; border-radius:2px; font-size:14px; color:#19507c;}

.con_txt2{width:100%; margin-bottom:6px; padding-top:5px; padding-bottom:5px; border:#7d7761 solid 1px; border-radius:2px; font-size:14px;}
.wellbg{background:#ffffff; border-color:#dcdcdc;}
.wellbg3{background:#2e2f2f;  border-color:#2e2f2f; padding-top:5px;}

.mlr{margin-left:5px; margin-right:5px;}
.bbg{background:url(../images/homebg.jpg) no-repeat center center fixed; background-size:cover; height:auto; margin-bottom:20px; border-top:#FFF solid 1px;}
.bbg3{background:url(../images/contactbg.jpg) 
  no-repeat center center fixed; background-size:cover; 
  height:auto; margin-bottom:20px;
   border-top:#FFF solid 1px;}

.mtb{margin-top:20px; margin-bottom:25px;}
.mtb2{margin-top:12px; margin-bottom:12px;}
.mb{margin-bottom:25px;}
.mb2{margin-bottom:8px;}
.mbs{margin-bottom:10px;}
.imageleft{width:18%; height:auto; float:left; margin-right:10px; margin-bottom:5px; float:left;}
.clrbg{background:#c73b0b;}
.ybg{background:#f7d708;  border-bottom:#ffffff solid 1px;}

.mt{margin-top:25px;}
.mt2{margin-top:10px;}
.mtb{margin-top:25px; margin-bottom:25px;}
.ptb{padding-top:20px; padding-bottom:20px;}
.pt{padding-top:10px;}
.pb{padding-bottom:45px;}
.ptb2{padding-bottom:20px; padding-top:5px; margin-bottom:15px; border-bottom:#e2e2e2 solid 1px;}

.imgr{border-radius:50%; border:#FF0 solid 3px; width:80px; height:80px; padding:25px; line-height:80px; float:left; color:#FFF; margin-right:8px; margin-bottom:20px; background:#f78515; font-size:18pt;}
.imgr:hover{border:#FF0 solid 3px; background:#009ece;}
.nmd{margin-bottom:0; background:#CCC; border-color:#CCC;}
.plr{padding-left:3px; padding-right:3px;}
.plr2{padding-right:10px; padding-left:10px;}
.plr3{padding-right:10px; padding-left:10px;}

.lorry{background:url(../images/lorry.jpg) no-repeat right center;}
.imgleft{width:35%; height:auto; float:left; margin-right:15px;}
.iconleft{width:130px; height:130px; line-height:100px;  padding:2px; background:#ffffff;  border:#23b5af solid 1px; border-radius:50%; float:left; margin-right:20px; margin-bottom:20px;}
.iconleft2{width:130px; height:130px; line-height:100px;  padding:2px; background:#ffffff;  border:#23b5af solid 1px; border-radius:50%; float:right; margin-left:20px; margin-bottom:20px;}

.sertopmargin{margin-top:50px;}
.querybg{background-color: rgba(255, 255, 255, 0.4); padding-bottom:25px; padding-top:15px;}
.querybg2{background-color:#f7d708; padding-bottom:25px; padding-top:15px;}
.box {
    border-radius: 3px;
	/*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
	padding: 0px 15px;
	text-align: right;
	display: block;
	/* margin-top: 60px; */cursor: pointer;
}
.box-icon span {
	color: #f2c545;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.info h4 {
	color: #222222;
	font-size: 22px;
	margin: 0px;
	font-family: poppins;
	font-weight: 100;
	padding: 10px 0px;
	text-transform: uppercase;
}
.info > p {
	color: #222222;
	font-size: 14px;
	text-align: center;
}

.box >.box-icon {
    border: 1px solid #ac2c00;
}
.box:hover >.box-icon {
	border: 1px solid #ac2c00;
	background-color: #ffffff;
	color: #222222;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
}
.box:hover >.box-icon >span {
	color: #ff9e00;
}
.box-icon {
	background-color: #c73b0b;
	border-radius: 50%;
	display: table;
	height: 80px;
	margin: 0 auto;
	width: 80px;/*margin-top: -61px;*/
}
.nmd{margin-bottom:10px; background:#f7f7f7; border-color:#d8d8d8;}
.nmd:hover{background:#fff9d4; border-color:#e9e1ad;}

.hr {
height: 1px;
color: #b4b4b4;
background-color: #b4b4b4;
border: none;
}
h1, h2, h3, h4, h5, h6{
    
    font-weight: 500;
    font-family:  'poppins';
}

     }
.pdleft{padding-left:0; padding-bottom:20px; margin-top:20px; margin-right:15px;}
	
#backToTop{
    position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
    color: #fff;
    background: rgba(0,0,0,0.3);
    border: none;
}
.formwidth{width:35px; border:#CCC solid 1px;}
.marquee {
  height: 20px;
  width: 100%;
  
  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 200%;
  height: 30px;

  position: absolute;
  overflow: hidden;

  animation: marquee 20s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}
.thumbnails .fff .caption { 
    background:#f4f4f4!important; 
    padding:10px;
}



ul.thumbnails { 
    margin-bottom: 0px;
}



/* Thumbnail Box */
.caption h4 {
    color: #5a8f29;
}

.caption p {  
    color: #777777;
}






/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
        text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
        word-break: break-all;
    }
}

.wbg2{padding-bottom:0;}
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
.input-group { margin-bottom:10px; }
.separator { border-right: 1px solid #dfdfe0; }

.tmrg{margin:-35px auto 20px auto;}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #fdb632; 
  border-color: #ec9e0d;
}
.panel{border-color: #d1d1d1;  background:#d6e5ec4a;}



.footerbg2{background:#5a8f29; border-bottom:#8fbc66 solid 1px; padding-top:10px; padding-bottom:10px; color:#FFF;}
.footerbg{background:#2f343a;border-bottom:#343434 solid 1px; padding-top:25px; padding-bottom:20px;}
.footermenu{list-style-image:url(../images/arrow.png);}
.footermenu2{color:#ffffff; text-decoration:none; line-height:20px; font-size:18px;}
.footermenu2:hover{color:#350608; text-decoration:none;}
.submenulik{color:#000; text-decoration:none; line-height:20px; padding-left:8px; padding-right:8px;}
.submenulik:hover{color:#1b4588; text-decoration:none;}
.submenu2{color:#000000; text-decoration:none; line-height:20px;  padding-left:8px; padding-right:8px;}
.submenu2:hover{color:#ffffff; text-decoration:none;}
.readmore{color:#222;}
.readmore:hover{color:#000000;}
.readmore2{color:#f37338; text-decoration:none; }
.readmore2:hover{color:#fdb632; text-decoration:none;}

.readmore3{color:#41aac4;}
.readmore3:hover{color:#fff600;}

.brbtm{border-bottom:#d2d2d2 solid 1px; padding-bottom:5px; margin-bottom:20px;}
.brlr{border-left:#e78200 solid 1px; border-right:#e78200 solid 1px; }

.img-radius{border-radius:50%; border:#FFF solid 3px; -moz-box-shadow: 0 0 20px -12px #000000;
-webkit-box-shadow: 0 0 20px -12px #000000;
box-shadow: 0 0 20px -12px #000000;}
.bg1{background:#fcbd1a; border-radius:0; border:none;}
.bg2{background:#ff8f00; border-radius:0; border:none;}
.bg3{background:#5a8f29; border-radius:0; border:none;}


.clrw{color:#FFF;}
.clry{color:#fcbd1a;}
.clrb{color:#2f343a;}
.clrbl{color:#41aac4;}
.clrc{color:#bdb69c;}
.clrbl2{color:#80ceb9;}
.clrr2{color:#801638;}
.clra2{color:#717d8c;}
.clrgg{color:#355842;}
.clra{color:#dddddd;}
.clrm{color:#222222;}

.imgr2{width:80px; height:80px;  float:left; margin-right:15px; background:#ffffff; border:#c5c5c5 solid 1px;
border-radius:50%;  text-align:center; font-size:25pt; color:#333333; margin-top:20px; padding-top:20px;}
.gbg{background:#7fa707; margin-top:10px; margin-bottom:25px; }

.panel-title > a:before {
    float: right !important;
    font-family: poppins;
    content:"\f055";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f056";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}




.brdr{border:#CCC solid 1px;}
.why{background:#000 url(../images/whybg.jpg) no-repeat center fixed ; background-size:cover; padding-top:5px; padding-bottom:5px;}
.sbg{background:#000000 url(../images/backgound-bg2.jpg) no-repeat center center fixed ; background-size:cover; padding-top:25px; padding-bottom:25px; margin-bottom:25px;}

.sbg2{background:#000000 url(../images/backgound-bg2.jpg) no-repeat center center fixed ; background-size:cover; padding-top:2px; padding-bottom:2px; margin-bottom:25px;}

.netbg{background:#ffffff url(../images/ashbg.png) repeat; padding-top:20px; padding-bottom:20px; border-bottom:#FFF solid 1px;}
.navbg2{background:none; border:none; border-radius:0; width:100%;  height: 230px; margin-bottom:20px;  overflow-y: scroll;  overflow-x: hidden; 

 }
.navbg3{background:#a0e8ff; border:#7cd0ec solid 1px; border-radius:0; width:100%;  height: 250px;  overflow-y: scroll;  overflow-x: hidden; }


.nav-list li{border-bottom:#d4d4d4 dashed 1px; font-size:16px; color:#206ba4; background:url(../images/arrow2.png) no-repeat left;}
.nav-list li a{color:#282828;  padding-top:4px; padding-bottom:4px; line-height:19px; }
.nav-list li a:hover{color:#c73b0b; background:url(../images/arrow3.png) no-repeat left #ffffff;}

/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 0px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #c73b0b;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 20px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #c73b0b;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 20px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #23b5af;
}
.media-carousel img
{
  width: 250px;
  height: auto;
}
/* End carousel */
.wellbg2{background:#FFF;}
.brtop{border-top:#424951 solid 1px; padding-top:15px;}

#imagelightbox

{

    position: fixed;

    z-index: 9999;

 

    -ms-touch-action: none;

    touch-action: none;

}
.mtb3{margin-top:5px; margin-bottom:5px;}

.jumbotron{display:block; margin-bottom:0; border-radius:0; background:#333 url(../images/aboutbg.jpg) no-repeat center bottom fixed; background-size:cover;  padding-top:30px; padding-bottom:35px; border-top:#3e444a solid 1px;  }
.jumbotron h3{ color:#ffffff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.71); font-size:29px;}
.jumbotron p {font-size:16px; color:#000000; }

.img-with-arrow img{
    width:100%;
}
.img-with-arrow{
    position:relative;
    width:100%;
    height:auto;
}
.img-with-arrow:after{
    position:absolute;
    content:'';
    display: inline-block;
    width:0;
    height:0;
    border:30px solid transparent;
    vertical-align: middle;
    margin:auto 0;
    top:0;
    bottom:0;right:0;
    border-right-color: #fff;
}
/*Main style*/
.list-quotes {
    cursor: pointer;
    height: auto;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    display: block;
    border-bottom: 1px solid #FFF;
}
.list-quotes img,
.list-quotes h1 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.list-quotes img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.list-quotes h1{
    background: rgba(20,31,44,0.8);
    bottom: 0px;
    float: right;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 15px;
    position: absolute;
    margin: 0; width:100%;
}

.list-quotes p {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0;
    padding: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    font-size: 15px;
    font-weight: normal;
    background: rgba(51,153,153,0.8);
    width: 100%;
    color: #fff;
}
.list-quotes:hover img {
    -webkit-transform: translate3d(0,-80px,0);
    transform: scale(1.2);
    transition: all 250ms ease;
}
.list-quotes:hover{
    box-shadow: 0 0 1px 2px rgba(0,0,0, 0.2);
}
.list-quotes:hover h1 {
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
    text-shadow: 0px 0 2px #fff;
    transition: all 250ms ease;
}
.list-quotes:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.quotes span{
    color:#222;
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;
}

@media (max-width: 768px)  { 
.tmrg{margin:10px auto 20px auto;}
.call{padding-top:10px; border-bottom:#e96e00 solid 1px; border-top:#e96e00 solid 1px;}
.call2{padding-top:8px; padding-bottom:8px; padding-right:20px;}
.logo{padding-top:10px; padding-bottom:15px; margin-left:0px;}
.topbg{background:#dadad5 none; padding-left:10px; padding-bottom:10px; padding-top:7px;}
.banner{position: relative;
height:440px;
    
}
.enquiry{
	position: absolute;
    top: 120px;
    left: 0px;  
}

 .lorry{background:none;}


.main-text
{
    position: absolute;
    top: 120px;
    width: 100%;
    color: #222222;
}

.navbg2{background:#FFF; border:#dddddd solid 1px; border-radius:0; width:100%;  height: auto;  overflow-y: hidden;  overflow-x: hidden; }
.navbg3{background:#a0e8ff; border:#7cd0ec solid 1px; border-radius:0; width:100%;  height: 250px;  overflow-y: hidden;  overflow-x: hidden; }

.iconleft{width:90px; height:90px; line-height:90px; float:left;  }
.iconleft2{width:90px; height:90px; line-height:900px; float:right;}
}

.linkft {
  color: #404141;
  font-size: 12px;
}






.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
.bbg5 {
    background-image: url(../images/bg5.jpg);
    padding-top: 40px;
    padding-bottom: 0%;
   
    background-attachment: fixed;
}

.bbg6 {
    background-image: url(../images/bar.jpg);
    padding-top: 40px;
    padding-bottom: 0%;
    border-top: #FFF solid 1px;
}

.btn-danger {
    color: #fff;
    background-color: #1b4588;
    
}

.btn-primary {
    color: #fff;
    background-color: #0089ff;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.template-btn {
    color: #fff;
    background: linear-gradient(to top right, rgb(255 25 43 / 97%), rgb(231 128 86 / 90%));
    font-family: "poppins", sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    padding: 12px 30px !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

 @keyframes blink {
            0% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        .blinking-text {
            font-size: 18px;
            color: #1c4688;
            animation: blink 1s infinite;
        }


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  background-color: #1b4588;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 25px 8px 2px 32px;
  text-decoration: none;
  font-size: 15px;
  color: #fff;
  display: block;
  transition: 0.3s;
  line-height: 23px;

}

.sidenav a:hover {
  color: #f7951e;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 30px;
  margin-left: 50px;
}


form.example input[type=text] {
  padding: 4px;
  font-size: 13px;
  border: 1px solid #8080804a;
  float: left;
  width: 80%;
  background: #fff;
}

form.example button {
  float: left;
  width: 20%;
  padding: 2px;
  background: #ff2e06;
  color: white;
  font-size: 17px;
  border: none;
  border-left: none;
  cursor: pointer;
}

form.example button:hover {
  background: #0b7dda;
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 60px;}
  .sidenav a {font-size: 16px;}
}


.break {
    padding: 30px;
}       


.animate-border-white {
    position: relative;
    display: block;
    width: 115px;
    height: 4px;
    border-radius: 150px;
    background: #f7951e;
    overflow: hidden;
}

.animate-border-white:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 5px;
    left: 15px;
    bottom: 0;

    border-left: 10px solid #1b4588;
    border-right: 10px solid #1b4588;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}

@keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px);
    }
}

.ms-auto {
    margin-left: auto !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}
.me-auto {
    margin-right: auto !important;
}



.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.well:hover {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}


.checked {
  color: orange;
}

.maintxt {
    font-weight: bold;
    color:#1b4588 ;
}

.float1 {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 60px;
    color: #fff;
    right: 0;
    background-color: #093;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}
/* header */
.header{
    display: block;
    width: 100%;
    position: relative;
    z-index: 99;
   
}
.header .item-left{
    flex:0 0 10%;
}
.header .logo a{
    font-size: 30px;
    color:#000000;
    font-weight: 700;
    text-decoration: none;
}
.header .item-center{
    flex:0 0 66%;
}
.header .item-right{
    flex:0 0 17%;
    display: flex;
    justify-content: flex-end;
}
.header .item-right a{ 
     text-decoration: none;
     font-size: 16px;
     color:#555555;
     display: inline-block;
     margin-left: 10px;
     transition: color 0.3s ease;
}
.header .menu > ul > li{
    display: inline-block;
    line-height: 50px;
    margin-left: 25px;
}
.header .menu > ul > li > a{
    font-size: 15px;
    font-weight: 500;
    color:#1b4588;
    position: relative;
    text-transform: capitalize;
    transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu{
    position: absolute;
    z-index: 500;
    background-color:#ffffff;
    box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
    padding: 20px 30px;
    transition: all 0.5s ease;
    margin-top:25px;
    opacity:0;
    visibility: hidden;
}
@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
    margin-top: 0;
    visibility: visible;
    opacity: 1;
}
}
.header .menu > ul > li .sub-menu > ul > li{
    line-height: 1;
}
.header .menu > ul > li .sub-menu > ul > li > a{
    display: inline-block;
    padding: 10px 0;
    font-size: 15px;
    color: #555555;
    transition: color 0.3s ease;
    text-decoration: none;
    text-transform: capitalize;
}
.header .menu > ul > li .single-column-menu{
    min-width: 280px;
    max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block; 
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
    padding:10px 0;
    display: inline-block;
    font-size: 15px;
    color:#555555;
    transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu{ 
    left: 50%;
    transform: translateX(-50%);    
}

.header .menu > ul > li .sub-menu.mega-menu-column-4{
  max-width: 1100px;
  width: 100%;  
  display: flex;
  flex-wrap: wrap;
  padding:20px 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 25%;
  padding:0 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
    font-size: 16px;
    color:#ea4636;
    font-weight: 500;
    line-height: 1;
    padding:10px 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
    text-align: center;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    margin-top: 10px;
    height: 300px;
    object-fit: cover;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a{
    color:#ea4636;
}
/* banner section */
.banner-section{
  background-image: url('../img/banner.jpg');
  background-size: cover;
  background-position: center;
  height: 700px;
  width: 100%;
  display: block;
}
.mobile-menu-head,
.mobile-menu-trigger{
    display: none;
}

/*responsive*/
@media(max-width: 991px){

    .header .item-center{
        order:3;
        flex:0 0 100%;
    }
    .header .item-left,
    .header .item-right{
        flex:0 0 auto;
    }
    .v-center{
        justify-content: space-between;
    }
    .header .mobile-menu-trigger{
        display: flex;
        height: 30px;
        width: 30px;
        margin-left: 15px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
    }
    .header .mobile-menu-trigger span{
        display: block;
        height: 2px;
        background-color: #333333;
        width: 24px;
        position: relative;
    }
    .header .mobile-menu-trigger span:before,
    .header .mobile-menu-trigger span:after{
        content: '';
        position: absolute;
        left:0;
        width: 100%;
        height: 100%;
        background-color: #333333;
    }
    .header .mobile-menu-trigger span:before{
        top:-6px;
    }
    .header .mobile-menu-trigger span:after{
        top:6px;
    }
    .header .item-right{
        align-items: center;
    }

    .header .menu{
        position: fixed;
        width: 320px;
        background-color:#ffffff;
        left:0;
        top:0;
        height: 100%;
        overflow: hidden;
        transform: translate(-100%);
        transition: all 0.5s ease;
        z-index: 1099;
    }
    .header .menu.active{
       transform: translate(0%);    
    }
    .header .menu > ul > li{
        line-height: 1;
        margin:0;
        display: block;
    }
    .header .menu > ul > li > a{
        line-height: 50px;
        height: 50px;
        padding:0 50px 0 15px;
        display: block;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .header .menu > ul > li > a i{
        position: absolute;
        height: 50px;
        width: 50px;
        top:0;
        right: 0;
        text-align: center;
        line-height: 50px;
        transform: rotate(-90deg);
    }
    .header .menu .mobile-menu-head{
        display: flex;
        height: 50px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 501;
        position: sticky;
        background-color: #ffffff;
        top:0;
    }
    .header .menu .mobile-menu-head .go-back{
        height: 50px;
        width: 50px;
        border-right: 1px solid rgba(0,0,0,0.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color:#000000;
        font-size: 16px;
        display: none;
    }
    .header .menu .mobile-menu-head.active .go-back{
        display: block;
    }
    .header .menu .mobile-menu-head .current-menu-title{
        font-size: 15px;
        font-weight: 500;
        color:#000000;
    }
    .header .menu .mobile-menu-head .mobile-menu-close{
        height: 50px;
        width: 50px;
        border-left: 1px solid rgba(0,0,0,0.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color:#000000;  
        font-size: 25px;
    }
    .header .menu .menu-main{
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .header .menu > ul > li .sub-menu.mega-menu,
    .header .menu > ul > li .sub-menu{
        visibility: visible;
        opacity: 1;
        position: absolute;
        box-shadow: none;
        margin:0;
        padding:15px;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        padding-top: 65px;
        max-width: none;
        min-width: auto;
        display: none;
        transform: translateX(0%);
        overflow-y: auto;
    }
.header .menu > ul > li .sub-menu.active{
    display: block;
}
@keyframes slideLeft{
    0%{
        opacity:0;
        transform: translateX(100%);
    }
    100%{
        opacity:1;
        transform: translateX(0%);  
    }
}
@keyframes slideRight{
    0%{
        opacity:1;
        transform: translateX(0%);
    }
    100%{
        opacity:0;
        transform: translateX(100%);    
    }
}
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
        margin-top:0;
    }
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
        margin-bottom: 20px;
    }
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
        margin-bottom:0px;
    }
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
        flex: 0 0 100%;
        padding: 0px;
    }
    .header .menu > ul > li .sub-menu > ul > li > a,
    .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
        display: block;
    }
    .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
        margin-bottom: 15px;
    }
    .menu-overlay{
        position: fixed;
        background-color: rgba(0,0,0,0.5);
        left:0;
        top:0;
        width: 100%;
        height: 100%;
        z-index: 1098;
        visibility: hidden;
        opacity:0;
        transition: all 0.5s ease;
    }
    .menu-overlay.active{
      visibility: visible;
      opacity:1;    
    }
}



.ftco-section {
  padding: 6em 0;
  position: relative;
  }
  @media (max-width: 767.98px) {
    .ftco-section {
      padding: 6em 0; } }


.ftco-about {
  position: relative;
  z-index: 0; }
  .ftco-about:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: #f7951e;
    z-index: -2;
    width: 63%;
    }
    @media (max-width: 767.98px) {
      .ftco-about:after {
        width: 100%; } }


@media (max-width: 767.98px) {
    .ftco-section {
        padding: 6em 0;
    }
}

@media (min-width: 768px) {
    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important;
    }
}

@media (max-width: 767.98px) {
    .img-2 {
        height: 100%;
        margin-bottom: 40px;
    }
}

.img,
.blog-img,
.user-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  }
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}


.ftco-section1 {
  padding: 6em 0;
  position: relative;
  }
  @media (max-width: 767.98px) {
    .ftco-section1 {
      padding: 6em 0; } }


.ftco-about1 {
  position: relative;
  z-index: 0; }
  .ftco-about1:after {
    position: absolute;
    top: 0;
    right: 1;
    bottom: 0;
    content: '';
    background: #1b4588;
    z-index: -2;
    width: 63%;
    }
    @media (max-width: 767.98px) {
      .ftco-about1:after {
        width: 100%; } }


@media (max-width: 767.98px) {
    .ftco-section1 {
        padding: 6em 0;
    }
}


.icon-bar {
  z-index: 2000;
  position: fixed;
  top: 50%;
  right: 0%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 5px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

a {
    text-decoration: none;
}

.headfnt {
    font-weight: bold;
    color: #1b4588;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}