/*------------------------------------------------------------------*\	

				FONT																											

\*------------------------------------------------------------------*/











/*------------------------------------------------------------------*\	

				BASE STYLE																												

\*------------------------------------------------------------------*/

body {font-family: 'Open Sans', sans-serif;	overflow-x: hidden; font-size: 15px; line-height: 1.7; color: #000; font-weight: 400;}

a:hover, a:active, a:focus, button:hover, button:active, button:focus {	outline: none;	-webkit-transition: all 0.35s;	-o-transition: all 0.35s;

	transition: all 0.35s;	-moz-transition: all 0.35s;	-ms-transition: all 0.35s;}

img {	border: 0;	vertical-align: top;	max-width: 100%;	height: auto;}

/*h1,h2,h3,h4,h5{ font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 1.2; }*/

.bold{ font-weight:600}

.radius-0{border-radius: 0;}

.radius-50{border-radius: 50px; padding-left:25px; padding-right:25px}
.radius-5{border-radius: 5px; padding-left:25px; padding-right:25px}







/* HEADER STYLE

================================================== */

.top_bar {  position: relative;  z-index: 20;  font-size: 13px;  background-color: #002e5b; display:flex }
.top_bar ul li{display: inline-block;    vertical-align: middle;    padding: 12px 23px;    color: #fff;    font-size: 13px;}
.top_bar ul li i{display: inline-block;    vertical-align: middle;    margin: 0 12px 0 0;    font-size: 16px;    color: #fde428;}

.navbar {  background: rgba(255, 255, 255, 0.3);  padding: 0;   margin-bottom:0   }

.navbar-brand {  font-size: 25px;  font-weight: 700;  margin-top: 0px; padding-top:0px; height:20px;}

.navbar-brand:focus { outline: 0;}

.top-menu {   margin-top: 20px; margin-bottom:20px}



.top-nav-collapse {    padding: 0px;    background: #fff !important;    padding: 0px 0 14px 0 !important;    margin: 0px;

    margin: -9px auto;    border: none !important; color:#fff;}

.top-nav-collapse .navbar-brand {    font-size: 21px;    font-weight: 700;    margin-top: 10px;    color: #fff;}

.navbar-custom a {    color: #fff;}

.navbar-custom .nav li a {    -webkit-transition: background .3s ease-in-out;    -moz-transition: background .3s ease-in-out;    transition: background .3s ease-in-out;       }





.nav > li > a {    position: relative;    display: block;    padding: 10px 0px; margin: 0 14px;}
.navbar-custom .nav li a:hover,.navbar-custom .nav li a:focus,.navbar-custom .nav li.active a {    outline: 0;       background: transparent !important; cursor:pointer;  color:#6c98e1;}
.navbar-nav > li > a {height:auto;   color:#002e5b; font-weight:600!important;    text-transform: lowercase; font-size:13px; text-transform:uppercase}

.navbar-toggle {    padding: 4px 6px;    font-size: 16px;    color: #000;}

.navbar-toggle:focus,.navbar-toggle:active {    outline: 0;}

.navbar-custom .nav li a.top-link:hover{border-bottom: 0px solid #fff !important;}

@media(min-width:767px) {    .navbar { background:#fff !important;        padding: 15px 0;        border-bottom: 0;        letter-spacing: 1px;        background: 0 0;        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;        transition: background .5s ease-in-out,padding .5s ease-in-out;   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);5); }

    .top-nav-collapse {        padding: 0;    }

    .navbar-custom.top-nav-collapse { border-bottom: 1px solid rgba(255,255,255,.3);    }

	.navbar-nav > li > .dropdown-menu{ margin-top:-2px;}

}



.top-nav-collapse .navbar-nav a, .top-nav-collapse .nav a {    color: #000 }

.top-nav-collapse .navbar-toggle {    padding: 4px 6px;    font-size: 16px;    color: #000;    top: 11px;    margin-bottom: 9px;}

.top-nav-collapse .nav li a:hover,.top-nav-collapse .nav li a:focus,.top-nav-collapse .nav li.active a {  border-bottom: 1px solid #000 !important;}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{ background:transparent}



.dropdown-menu > li { background: transparent;  z-index: 9;  position: relative;  text-align: left;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  padding: 5px 0;}

.dropdown-menu > li > a{	line-height: 1.4;    padding: 8px 10px;    font-size: 14px !important;    text-transform: capitalize;    font-weight: 400 !important;   cursor:pointer; color:#000 !important;}

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {   text-decoration: none;}  

  

@media (max-width: 767px) {

  

  .dropdown-menu {      padding-left: 10px;  }

  .dropdown-menu .dropdown-menu {      padding-left: 20px;   }

  .dropdown-menu .dropdown-menu .dropdown-menu {      padding-left: 30px;   }

 

}

 

@media (min-width: 768px) {

  ul.nav li:hover > ul.dropdown-menu {    display: block;	left: 9px;  }

  #navbar {    text-align: center;  }

}  



/*------------------------------------------------------------------*\	

				ALIGN STYLE																												

\*------------------------------------------------------------------*/

.text-justify {text-align:justify!important}

.text-nowrap {white-space:nowrap!important}

.text-truncate {overflow:hidden;text-overflow:ellipsis;	white-space:nowrap}

.text-left {text-align:left!important}

.text-right {text-align:right!important}

.text-center {text-align:center!important}

.w-25 {	width:25%!important}

.w-50 {	width:50%!important}

.w-75 {	width:75%!important}

.w-100 {width:100%!important}

.w-auto {width:auto!important}

.h-25 {height:25%!important}

.h-50 {height:50%!important}

.h-75 {height:75%!important}

.h-100 {height:100%!important}

.h-auto {height:auto!important}

.mw-100 {max-width:100%!important}

.mh-100 {max-height:100%!important}

.m-0 {	margin:0!important}

.mt-0, .my-0 {margin-top:0!important}

.mr-0, .mx-0 {margin-right:0!important}

.mb-0, .my-0 {margin-bottom:0!important}

.ml-0, .mx-0 {margin-left:0!important}

.m-1 {margin:.25rem!important}

.mt-1, .my-1 {margin-top:.25rem!important}

.mr-1, .mx-1 {margin-right:.25rem!important}

.mb-1, .my-1 {margin-bottom:.25rem!important}

.ml-1, .mx-1 {margin-left:.25rem!important}

.m-2 {margin:.5rem!important}

.mt-2, .my-2 {margin-top:.5rem!important}

.mr-2, .mx-2 {margin-right:.5rem!important}

.mb-2, .my-2 {margin-bottom:.5rem!important}

.ml-2, .mx-2 {margin-left:.5rem!important}

.m-3 {margin:1rem!important}

.mt-3, .my-3 {margin-top:1rem!important}

.mr-3, .mx-3 {margin-right:1rem!important}

.mb-3, .my-3 {margin-bottom:1rem!important}

.ml-3, .mx-3 {margin-left:1rem!important}

.m-4 {margin:1.5rem!important}

.mt-4, .my-4 {margin-top:1.5rem!important}

.mr-4, .mx-4 {margin-right:1.5rem!important}

.mb-4, .my-4 {margin-bottom:1.5rem!important}

.ml-4, .mx-4 {margin-left:1.5rem!important}

.m-5 {margin:3rem!important}

.mt-5, .my-5 {margin-top:3rem!important}

.mr-5, .mx-5 {margin-right:3rem!important}

.mb-5, .my-5 {margin-bottom:3rem!important}

.ml-5, .mx-5 {margin-left:3rem!important}

.p-0 {padding:0!important}

.pt-0, .py-0 {padding-top:0!important}

.pr-0, .px-0 {padding-right:0!important}

.pb-0, .py-0 {padding-bottom:0!important}

.pl-0, .px-0 {padding-left:0!important}

.p-1 {padding:.25rem!important}

.pt-1, .py-1 {padding-top:.25rem!important}

.pr-1, .px-1 {padding-right:.25rem!important}

.pb-1, .py-1 {padding-bottom:.25rem!important}

.pl-1, .px-1 {padding-left:.25rem!important}

.p-2 {padding:.5rem!important}

.pt-2, .py-2 {padding-top:.5rem!important}

.pr-2, .px-2 {padding-right:.5rem!important}

.pb-2, .py-2 {padding-bottom:.5rem!important}

.pl-2, .px-2 {padding-left:.5rem!important}

.p-3 {padding:1rem!important}

.pt-3, .py-3 {padding-top:1rem!important}

.pr-3, .px-3 {padding-right:1rem!important}

.pb-3, .py-3 {	padding-bottom:1rem!important}

.pl-3, .px-3 {padding-left:1rem!important}

.p-4 {	padding:1.5rem!important}

.pt-4, .py-4 {padding-top:1.5rem!important}

.pr-4, .px-4 {padding-right:1.5rem!important}

.pb-4, .py-4 {padding-bottom:1.5rem!important}

.pl-4, .px-4 {padding-left:1.5rem!important}

.p-5 {padding:3rem!important}

.pt-5, .py-5 {padding-top:3rem!important}

.pr-5, .px-5 {padding-right:3rem!important}

.pb-5, .py-5 {padding-bottom:3rem!important}

.pl-5, .px-5 {padding-left:3rem!important}

.m-auto {margin:auto!important}

.mt-auto, .my-auto {margin-top:auto!important}

.mr-auto, .mx-auto {margin-right:auto!important}

.mb-auto, .my-auto {margin-bottom:auto!important}

.ml-auto, .mx-auto {margin-left:auto!important}

@media (min-width:576px) {

.m-sm-0 {

margin:0!important

}

.mt-sm-0, .my-sm-0 {

margin-top:0!important

}

.mr-sm-0, .mx-sm-0 {

margin-right:0!important

}

.mb-sm-0, .my-sm-0 {

margin-bottom:0!important

}

.ml-sm-0, .mx-sm-0 {

margin-left:0!important

}

.m-sm-1 {

margin:.25rem!important

}

.mt-sm-1, .my-sm-1 {

margin-top:.25rem!important

}

.mr-sm-1, .mx-sm-1 {

margin-right:.25rem!important

}

.mb-sm-1, .my-sm-1 {

margin-bottom:.25rem!important

}

.ml-sm-1, .mx-sm-1 {

margin-left:.25rem!important

}

.m-sm-2 {

margin:.5rem!important

}

.mt-sm-2, .my-sm-2 {

margin-top:.5rem!important

}

.mr-sm-2, .mx-sm-2 {

margin-right:.5rem!important

}

.mb-sm-2, .my-sm-2 {

margin-bottom:.5rem!important

}

.ml-sm-2, .mx-sm-2 {

margin-left:.5rem!important

}

.m-sm-3 {

margin:1rem!important

}

.mt-sm-3, .my-sm-3 {

margin-top:1rem!important

}

.mr-sm-3, .mx-sm-3 {

margin-right:1rem!important

}

.mb-sm-3, .my-sm-3 {

margin-bottom:1rem!important

}

.ml-sm-3, .mx-sm-3 {

margin-left:1rem!important

}

.m-sm-4 {

margin:1.5rem!important

}

.mt-sm-4, .my-sm-4 {

margin-top:1.5rem!important

}

.mr-sm-4, .mx-sm-4 {

margin-right:1.5rem!important

}

.mb-sm-4, .my-sm-4 {

margin-bottom:1.5rem!important

}

.ml-sm-4, .mx-sm-4 {

margin-left:1.5rem!important

}

.m-sm-5 {

margin:3rem!important

}

.mt-sm-5, .my-sm-5 {

margin-top:3rem!important

}

.mr-sm-5, .mx-sm-5 {

margin-right:3rem!important

}

.mb-sm-5, .my-sm-5 {

margin-bottom:3rem!important

}

.ml-sm-5, .mx-sm-5 {

margin-left:3rem!important

}

.p-sm-0 {

padding:0!important

}

.pt-sm-0, .py-sm-0 {

padding-top:0!important

}

.pr-sm-0, .px-sm-0 {

padding-right:0!important

}

.pb-sm-0, .py-sm-0 {

padding-bottom:0!important

}

.pl-sm-0, .px-sm-0 {

padding-left:0!important

}

.p-sm-1 {

padding:.25rem!important

}

.pt-sm-1, .py-sm-1 {

padding-top:.25rem!important

}

.pr-sm-1, .px-sm-1 {

padding-right:.25rem!important

}

.pb-sm-1, .py-sm-1 {

padding-bottom:.25rem!important

}

.pl-sm-1, .px-sm-1 {

padding-left:.25rem!important

}

.p-sm-2 {

padding:.5rem!important

}

.pt-sm-2, .py-sm-2 {

padding-top:.5rem!important

}

.pr-sm-2, .px-sm-2 {

padding-right:.5rem!important

}

.pb-sm-2, .py-sm-2 {

padding-bottom:.5rem!important

}

.pl-sm-2, .px-sm-2 {

padding-left:.5rem!important

}

.p-sm-3 {

padding:1rem!important

}

.pt-sm-3, .py-sm-3 {

padding-top:1rem!important

}

.pr-sm-3, .px-sm-3 {

padding-right:1rem!important

}

.pb-sm-3, .py-sm-3 {

padding-bottom:1rem!important

}

.pl-sm-3, .px-sm-3 {

padding-left:1rem!important

}

.p-sm-4 {

padding:1.5rem!important

}

.pt-sm-4, .py-sm-4 {

padding-top:1.5rem!important

}

.pr-sm-4, .px-sm-4 {

padding-right:1.5rem!important

}

.pb-sm-4, .py-sm-4 {

padding-bottom:1.5rem!important

}

.pl-sm-4, .px-sm-4 {

padding-left:1.5rem!important

}

.p-sm-5 {

padding:3rem!important

}

.pt-sm-5, .py-sm-5 {

padding-top:3rem!important

}

.pr-sm-5, .px-sm-5 {

padding-right:3rem!important

}

.pb-sm-5, .py-sm-5 {

padding-bottom:3rem!important

}

.pl-sm-5, .px-sm-5 {

padding-left:3rem!important

}

.m-sm-auto {

margin:auto!important

}

.mt-sm-auto, .my-sm-auto {

margin-top:auto!important

}

.mr-sm-auto, .mx-sm-auto {

margin-right:auto!important

}

.mb-sm-auto, .my-sm-auto {

margin-bottom:auto!important

}

.ml-sm-auto, .mx-sm-auto {

margin-left:auto!important

}

}

@media (min-width:768px) {

.m-md-0 {

margin:0!important

}

.mt-md-0, .my-md-0 {

margin-top:0!important

}

.mr-md-0, .mx-md-0 {

margin-right:0!important

}

.mb-md-0, .my-md-0 {

margin-bottom:0!important

}

.ml-md-0, .mx-md-0 {

margin-left:0!important

}

.m-md-1 {

margin:.25rem!important

}

.mt-md-1, .my-md-1 {

margin-top:.25rem!important

}

.mr-md-1, .mx-md-1 {

margin-right:.25rem!important

}

.mb-md-1, .my-md-1 {

margin-bottom:.25rem!important

}

.ml-md-1, .mx-md-1 {

margin-left:.25rem!important

}

.m-md-2 {

margin:.5rem!important

}

.mt-md-2, .my-md-2 {

margin-top:.5rem!important

}

.mr-md-2, .mx-md-2 {

margin-right:.5rem!important

}

.mb-md-2, .my-md-2 {

margin-bottom:.5rem!important

}

.ml-md-2, .mx-md-2 {

margin-left:.5rem!important

}

.m-md-3 {

margin:1rem!important

}

.mt-md-3, .my-md-3 {

margin-top:1rem!important

}

.mr-md-3, .mx-md-3 {

margin-right:1rem!important

}

.mb-md-3, .my-md-3 {

margin-bottom:1rem!important

}

.ml-md-3, .mx-md-3 {

margin-left:1rem!important

}

.m-md-4 {

margin:1.5rem!important

}

.mt-md-4, .my-md-4 {

margin-top:1.5rem!important

}

.mr-md-4, .mx-md-4 {

margin-right:1.5rem!important

}

.mb-md-4, .my-md-4 {

margin-bottom:1.5rem!important

}

.ml-md-4, .mx-md-4 {

margin-left:1.5rem!important

}

.m-md-5 {

margin:3rem!important

}

.mt-md-5, .my-md-5 {

margin-top:3rem!important

}

.mr-md-5, .mx-md-5 {

margin-right:3rem!important

}

.mb-md-5, .my-md-5 {

margin-bottom:3rem!important

}

.ml-md-5, .mx-md-5 {

margin-left:3rem!important

}

.p-md-0 {

padding:0!important

}

.pt-md-0, .py-md-0 {

padding-top:0!important

}

.pr-md-0, .px-md-0 {

padding-right:0!important

}

.pb-md-0, .py-md-0 {

padding-bottom:0!important

}

.pl-md-0, .px-md-0 {

padding-left:0!important

}

.p-md-1 {

padding:.25rem!important

}

.pt-md-1, .py-md-1 {

padding-top:.25rem!important

}

.pr-md-1, .px-md-1 {

padding-right:.25rem!important

}

.pb-md-1, .py-md-1 {

padding-bottom:.25rem!important

}

.pl-md-1, .px-md-1 {

padding-left:.25rem!important

}

.p-md-2 {

padding:.5rem!important

}

.pt-md-2, .py-md-2 {

padding-top:.5rem!important

}

.pr-md-2, .px-md-2 {

padding-right:.5rem!important

}

.pb-md-2, .py-md-2 {

padding-bottom:.5rem!important

}

.pl-md-2, .px-md-2 {

padding-left:.5rem!important

}

.p-md-3 {

padding:1rem!important

}

.pt-md-3, .py-md-3 {

padding-top:1rem!important

}

.pr-md-3, .px-md-3 {

padding-right:1rem!important

}

.pb-md-3, .py-md-3 {

padding-bottom:1rem!important

}

.pl-md-3, .px-md-3 {

padding-left:1rem!important

}

.p-md-4 {

padding:1.5rem!important

}

.pt-md-4, .py-md-4 {

padding-top:1.5rem!important

}

.pr-md-4, .px-md-4 {

padding-right:1.5rem!important

}

.pb-md-4, .py-md-4 {

padding-bottom:1.5rem!important

}

.pl-md-4, .px-md-4 {

padding-left:1.5rem!important

}

.p-md-5 {

padding:3rem!important

}

.pt-md-5, .py-md-5 {

padding-top:3rem!important

}

.pr-md-5, .px-md-5 {

padding-right:3rem!important

}

.pb-md-5, .py-md-5 {

padding-bottom:3rem!important

}

.pl-md-5, .px-md-5 {

padding-left:3rem!important

}

.m-md-auto {

margin:auto!important

}

.mt-md-auto, .my-md-auto {

margin-top:auto!important

}

.mr-md-auto, .mx-md-auto {

margin-right:auto!important

}

.mb-md-auto, .my-md-auto {

margin-bottom:auto!important

}

.ml-md-auto, .mx-md-auto {

margin-left:auto!important

}

}

@media (min-width:992px) {

.m-lg-0 {

margin:0!important

}

.mt-lg-0, .my-lg-0 {

margin-top:0!important

}

.mr-lg-0, .mx-lg-0 {

margin-right:0!important

}

.mb-lg-0, .my-lg-0 {

margin-bottom:0!important

}

.ml-lg-0, .mx-lg-0 {

margin-left:0!important

}

.m-lg-1 {

margin:.25rem!important

}

.mt-lg-1, .my-lg-1 {

margin-top:.25rem!important

}

.mr-lg-1, .mx-lg-1 {

margin-right:.25rem!important

}

.mb-lg-1, .my-lg-1 {

margin-bottom:.25rem!important

}

.ml-lg-1, .mx-lg-1 {

margin-left:.25rem!important

}

.m-lg-2 {

margin:.5rem!important

}

.mt-lg-2, .my-lg-2 {

margin-top:.5rem!important

}

.mr-lg-2, .mx-lg-2 {

margin-right:.5rem!important

}

.mb-lg-2, .my-lg-2 {

margin-bottom:.5rem!important

}

.ml-lg-2, .mx-lg-2 {

margin-left:.5rem!important

}

.m-lg-3 {

margin:1rem!important

}

.mt-lg-3, .my-lg-3 {

margin-top:1rem!important

}

.mr-lg-3, .mx-lg-3 {

margin-right:1rem!important

}

.mb-lg-3, .my-lg-3 {

margin-bottom:1rem!important

}

.ml-lg-3, .mx-lg-3 {

margin-left:1rem!important

}

.m-lg-4 {

margin:1.5rem!important

}

.mt-lg-4, .my-lg-4 {

margin-top:1.5rem!important

}

.mr-lg-4, .mx-lg-4 {

margin-right:1.5rem!important

}

.mb-lg-4, .my-lg-4 {

margin-bottom:1.5rem!important

}

.ml-lg-4, .mx-lg-4 {

margin-left:1.5rem!important

}

.m-lg-5 {

margin:3rem!important

}

.mt-lg-5, .my-lg-5 {

margin-top:3rem!important

}

.mr-lg-5, .mx-lg-5 {

margin-right:3rem!important

}

.mb-lg-5, .my-lg-5 {

margin-bottom:3rem!important

}

.ml-lg-5, .mx-lg-5 {

margin-left:3rem!important

}

.p-lg-0 {

padding:0!important

}

.pt-lg-0, .py-lg-0 {

padding-top:0!important

}

.pr-lg-0, .px-lg-0 {

padding-right:0!important

}

.pb-lg-0, .py-lg-0 {

padding-bottom:0!important

}

.pl-lg-0, .px-lg-0 {

padding-left:0!important

}

.p-lg-1 {

padding:.25rem!important

}

.pt-lg-1, .py-lg-1 {

padding-top:.25rem!important

}

.pr-lg-1, .px-lg-1 {

padding-right:.25rem!important

}

.pb-lg-1, .py-lg-1 {

padding-bottom:.25rem!important

}

.pl-lg-1, .px-lg-1 {

padding-left:.25rem!important

}

.p-lg-2 {

padding:.5rem!important

}

.pt-lg-2, .py-lg-2 {

padding-top:.5rem!important

}

.pr-lg-2, .px-lg-2 {

padding-right:.5rem!important

}

.pb-lg-2, .py-lg-2 {

padding-bottom:.5rem!important

}

.pl-lg-2, .px-lg-2 {

padding-left:.5rem!important

}

.p-lg-3 {

padding:1rem!important

}

.pt-lg-3, .py-lg-3 {

padding-top:1rem!important

}

.pr-lg-3, .px-lg-3 {

padding-right:1rem!important

}

.pb-lg-3, .py-lg-3 {

padding-bottom:1rem!important

}

.pl-lg-3, .px-lg-3 {

padding-left:1rem!important

}

.p-lg-4 {

padding:1.5rem!important

}

.pt-lg-4, .py-lg-4 {

padding-top:1.5rem!important

}

.pr-lg-4, .px-lg-4 {

padding-right:1.5rem!important

}

.pb-lg-4, .py-lg-4 {

padding-bottom:1.5rem!important

}

.pl-lg-4, .px-lg-4 {

padding-left:1.5rem!important

}

.p-lg-5 {

padding:3rem!important

}

.pt-lg-5, .py-lg-5 {

padding-top:3rem!important

}

.pr-lg-5, .px-lg-5 {

padding-right:3rem!important

}

.pb-lg-5, .py-lg-5 {

padding-bottom:3rem!important

}

.pl-lg-5, .px-lg-5 {

padding-left:3rem!important

}

.m-lg-auto {

margin:auto!important

}

.mt-lg-auto, .my-lg-auto {

margin-top:auto!important

}

.mr-lg-auto, .mx-lg-auto {

margin-right:auto!important

}

.mb-lg-auto, .my-lg-auto {

margin-bottom:auto!important

}

.ml-lg-auto, .mx-lg-auto {

margin-left:auto!important

}

}

@media (min-width:1200px) {

.m-xl-0 {

margin:0!important

}

.mt-xl-0, .my-xl-0 {

margin-top:0!important

}

.mr-xl-0, .mx-xl-0 {

margin-right:0!important

}

.mb-xl-0, .my-xl-0 {

margin-bottom:0!important

}

.ml-xl-0, .mx-xl-0 {

margin-left:0!important

}

.m-xl-1 {

margin:.25rem!important

}

.mt-xl-1, .my-xl-1 {

margin-top:.25rem!important

}

.mr-xl-1, .mx-xl-1 {

margin-right:.25rem!important

}

.mb-xl-1, .my-xl-1 {

margin-bottom:.25rem!important

}

.ml-xl-1, .mx-xl-1 {

margin-left:.25rem!important

}

.m-xl-2 {

margin:.5rem!important

}

.mt-xl-2, .my-xl-2 {

margin-top:.5rem!important

}

.mr-xl-2, .mx-xl-2 {

margin-right:.5rem!important

}

.mb-xl-2, .my-xl-2 {

margin-bottom:.5rem!important

}

.ml-xl-2, .mx-xl-2 {

margin-left:.5rem!important

}

.m-xl-3 {

margin:1rem!important

}

.mt-xl-3, .my-xl-3 {

margin-top:1rem!important

}

.mr-xl-3, .mx-xl-3 {

margin-right:1rem!important

}

.mb-xl-3, .my-xl-3 {

margin-bottom:1rem!important

}

.ml-xl-3, .mx-xl-3 {

margin-left:1rem!important

}

.m-xl-4 {

margin:1.5rem!important

}

.mt-xl-4, .my-xl-4 {

margin-top:1.5rem!important

}

.mr-xl-4, .mx-xl-4 {

margin-right:1.5rem!important

}

.mb-xl-4, .my-xl-4 {

margin-bottom:1.5rem!important

}

.ml-xl-4, .mx-xl-4 {

margin-left:1.5rem!important

}

.m-xl-5 {

margin:3rem!important

}

.mt-xl-5, .my-xl-5 {

margin-top:3rem!important

}

.mr-xl-5, .mx-xl-5 {

margin-right:3rem!important

}

.mb-xl-5, .my-xl-5 {

margin-bottom:3rem!important

}

.ml-xl-5, .mx-xl-5 {

margin-left:3rem!important

}

.p-xl-0 {

padding:0!important

}

.pt-xl-0, .py-xl-0 {

padding-top:0!important

}

.pr-xl-0, .px-xl-0 {

padding-right:0!important

}

.pb-xl-0, .py-xl-0 {

padding-bottom:0!important

}

.pl-xl-0, .px-xl-0 {

padding-left:0!important

}

.p-xl-1 {

padding:.25rem!important

}

.pt-xl-1, .py-xl-1 {

padding-top:.25rem!important

}

.pr-xl-1, .px-xl-1 {

padding-right:.25rem!important

}

.pb-xl-1, .py-xl-1 {

padding-bottom:.25rem!important

}

.pl-xl-1, .px-xl-1 {

padding-left:.25rem!important

}

.p-xl-2 {

padding:.5rem!important

}

.pt-xl-2, .py-xl-2 {

padding-top:.5rem!important

}

.pr-xl-2, .px-xl-2 {

padding-right:.5rem!important

}

.pb-xl-2, .py-xl-2 {

padding-bottom:.5rem!important

}

.pl-xl-2, .px-xl-2 {

padding-left:.5rem!important

}

.p-xl-3 {

padding:1rem!important

}

.pt-xl-3, .py-xl-3 {

padding-top:1rem!important

}

.pr-xl-3, .px-xl-3 {

padding-right:1rem!important

}

.pb-xl-3, .py-xl-3 {

padding-bottom:1rem!important

}

padding-left:1rem!important
.pl-xl-3, .px-xl-3 {


}

.p-xl-4 {

padding:1.5rem!important

}

.pt-xl-4, .py-xl-4 {

padding-top:1.5rem!important

}

.pr-xl-4, .px-xl-4 {

padding-right:1.5rem!important

}

.pb-xl-4, .py-xl-4 {

padding-bottom:1.5rem!important

}

.pl-xl-4, .px-xl-4 {

padding-left:1.5rem!important

}

.p-xl-5 {

padding:3rem!important

}

.pt-xl-5, .py-xl-5 {

padding-top:3rem!important

}

.pr-xl-5, .px-xl-5 {

padding-right:3rem!important

}

.pb-xl-5, .py-xl-5 {

padding-bottom:3rem!important

}

.pl-xl-5, .px-xl-5 {

padding-left:3rem!important

}

.m-xl-auto {

margin:auto!important

}

.mt-xl-auto, .my-xl-auto {

margin-top:auto!important

}

.mr-xl-auto, .mx-xl-auto {

margin-right:auto!important

}

.mb-xl-auto, .my-xl-auto {

margin-bottom:auto!important

}

.ml-xl-auto, .mx-xl-auto {

margin-left:auto!important

}

}

/*------------------------------------------------------------------*\	

				COLORS STYLE																												

\*------------------------------------------------------------------*/
.bg-blue{ background:#002e5b}
.bg-black{ background:#000}
.bg-light{background: #f4f5f9;}

.bg-green{ background:#6a6402}

.bg-yellow{ background:#96bc33}

.bg-red{ background:#d63a2f}

.text-green{ color:#6a6402}

.text-yellow{ color:#ffedb2}

.text-red{ color:#cc2929}

.text-white{ color:#fff;}

.text-black{ color:#000;}

.text-blue { color:#002e5b;}
.bor2-left-green{ border-left:solid 2px #309661;}

.bor2-left-red{ border-left:solid 2px #d63a2f;}

.bg-light{ background:#f4f5f9 }

.bg-footer{ background: #002e5b; color: #fff;}

.bg-copy-write{ background: #04488a; color: #fff;}

.text-white:hover{ color:#fff;}

.bg-green-border{background:#6a6402; color:#fff }

.bg-green-border:hover{background:none;border:solid 1px #6a6402; color:#6a6402 }

/*------------------------------------------------------------------*\	

				INDEX STYLE																												

\*------------------------------------------------------------------*/



.home-slider {  height: 100%; }

.home-slider .carousel-control {    z-index: 20;}

.home-slider .subscribe {    background: #fff;}

.home-slider .carousel-caption {    left: 7%;    right: 7%;    bottom: auto;    top: 75px;    text-align: left;    z-index: 20;}

.home-slider .carousel-caption * {    text-shadow: none;}
.home-slider .carousel-caption a{ font-weight:700}
#home-carousel .carousel-inner>.item>img{ margin:0 auto; }
#home-carousel .carousel-inner>.item>img::before {		background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, color-stop(20%, #26aef9), to(#22f285)) repeat scroll 0 0;		background: rgba(0, 0, 0, 0) linear-gradient(to right, #26aef9 20%, #22f285 100%) repeat scroll 0 0;	}

.home-slider .carousel-control {    top: 50%;bottom: auto;    width: 70px;height: 70px;margin-top: -35px;background: #333;background: rgba(0,0,0,.4);}

.home-slider .item {    -webkit-transition: all 1s ease-out ;    -moz-transition: all 1s ease-out ;    -o-transition: all 1s ease-out ; transition: all 1s ease-out ;}

.home-slider .carousel-control .fa {    font-size: 36px;    line-height: 70px;text-align: center;}

.home-slider .carousel-control.left {    left: 0;-webkit-border-top-right-radius: 3px;-moz-border-radius-topright: 3px;border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;border-bottom-right-radius: 3px;}

.home-slider .carousel-control.right {    right: 0;-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-left-radius: 3px;}

.home-slider .wrap-contact-form {    max-width: 850px;    margin: 0 auto;}

.home-slider .carousel-caption h5{ font-size: 14px; line-height: 22px; font-weight: 500; color: rgb(10, 2, 2); text-transform: uppercase; background-color:#ffedb2; transition: none 0s ease 0s; padding: 2px 10px; opacity: 1;transform: translate3d(0px, 0px, 0px);

transform-origin: 50% 50% 0px; display: inline-block;}

.home-slider .carousel-caption h2{font-size: 50px;  line-height: 72px;  font-weight: 600;   color:#fff ;   transform: translate3d(0px, 0px, 0px);

    transform-origin: 50% 50% 0px;}

.home-slider .carousel-caption h4{ font-size: 20px;line-height: 32px;font-weight: 400;color: rgb(255, 255, 255);transform: translate3d(0px, 0px, 0px);transform-origin: 50% 50% 0px;}	


.index-contact h4{ font-size: 20px; color: #000000;  line-height: 24px; font-weight:700; float:left}
.index-contact a{ float:right; border:solid 2px #002e5b; font-weight:700; color:#fff} 
.index-contact a:hover{ background:#fde428;  border:solid 2px #fff; font-weight:700; color:#002e5b} 
.index-contact a i{ color:#fde428; font-weight:700; }
.index-contact a:hover i{ color:#002e5b; font-weight:700; }

.header-title { font-family: Poppins;     font-weight: 900;     font-size: 40px;    line-height: 60px;    text-align: center; text-transform:uppercase}
.header-title:after {content: '';    display: block;    width: 35px;    height: 6px;    background: #fde428; text-align: center; margin:0 auto; margin-top:5px;}
.services  section { padding:1%; min-height:250px}

.services  section:hover { background:#fff; cursor:pointer}
/*.services  section:hover .icon-holder{ padding:20px 0; -webkit-transition: all 0.3s ease;      -moz-transition: all 0.3s ease;      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;}*/
.services  section .icon{ width:65px; position: relative; float: left;    margin: 0;    text-align: center; color: #002e5b;     vertical-align: bottom; font-size:20px;}
.services  section .icon i img{vertical-align:unset}
.services  section .services-content { float:left;}
.services  section .services-content h4{ font-family: Poppins; font-size:18px; font-weight: 700; color:#002e5b; min-height:40px; }
.services  section .icon i{    background: none;    color: #002e5b;   width: 64px;    height: 55px;    line-height: 55px; text-align:center}
.services  section .icon i:after {    content: "\e91c";    font-family: 'stm';    speak: none;    font-style: normal;    font-weight: normal;
    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;
    position: absolute;    left: 0;    top: 0;    font-size: 55px; z-index:99}
.services  section .icon:after{    content: '';     display: block;    position: absolute;    left: 29px;    bottom: -3px;    width: 6px;    background: #fde428; height: 0;   webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease; display: inline-block;    vertical-align: middle;    height: 100%; z-index:-1}
.bg-help{ background: url(../images/placeholder.gif) ; padding:2% 0; width:100%; }

.bg-help h2 {font-size: 28px;    color: #ffffff;    line-height: 34px;    text-align: center;    font-family: Poppins;    font-weight: 700;}

.request h3{    color: #ffffff;    line-height: 38px;      font-family: Poppins;    font-weight: 700;}
.request p{color: #ffffff;  }
.request h4{ font-size: 20px;    color: #ffffff;    line-height: 38px;      font-family: Poppins;    font-weight: 700;}

input{ background:#fff; border-radius: 0; padding-top:6.5%; padding-bottom:6.5%;  color:#222}
.form-control{ background:#fff; border-radius: 0; min-height:45px;   color:#222}
input::placeholder {  color:#222;}
.request a{border-radius: 0;}
.request a i{ color:#fde428}
.affix {    top: 0;    width: 100%;    z-index: 9999 !important;  }
.top_bar ul li a{ color:#fff;}
.top_bar ul li a:hover{ color:#fde428; text-decoration:none}
.modal-open .modal{ margin-top:5%;}
.bg-yellow .btn:focus{ color:#fff}
.modal-title{font-family: Poppins; font-size:25px  font-weight: 700; margin-bottom:0}
.modal-header .close{ margin-top:-25px; color:#ff0000}

.promoters{ background:#f5f5f5; border-radius:5px; padding:20px; }
@media (max-width: 1155px) {

    .wrap-header-slider .carousel-inner > .item > img, .carousel-inner > .item > a > img {        margin-left: -450px;    }

}

@media (max-width: 780px) {

    .home-slider .carousel-caption {top: 100px;}

    .wrap-header-slider {height: 1200px;}

    .home-slider .carousel-control {top: 50%;bottom: auto;width: 35px;height: 35px;margin-top: -17.5px;background: #333;background: rgba(0,0,0,.4);    }

    .home-slider .carousel-caption { left: 50px; right: 50px;}

    .home-slider .carousel-control .fa {line-height: 35px; font-size: 20px;}

	.what-we-do h2:after, .product h4:after, .product h4:before, .about h2:after, .title-center:before, .title-center:after { background:none}

	

}

@media (max-width: 480px) {
	.top-menu{ margin-top:0}
	body{ text-align:center;}
	.home-slider .carousel-caption h2{font-size: 20px; line-height: normal; text-align:center}

	.home-slider .carousel-caption h4{font-size: 13px; line-height: normal; text-align:center}

	.home-slider .carousel-caption {left:0; right:0 ;top: 0px; text-align:center}

	.home-slider .carousel-inner{top: 0px;}

	.home-slider .btn-group-lg > .btn, .btn-lg{padding: 5px 15px;}
	.navbar-nav{ text-align:left}
	.home-slider .carousel-control{top: 50%;}
	.index-contact a{ float:none}
	.services section .icon{ left:41%;}

	.bg-footer{ text-align:center}
	.bg-footer a img{text-align:center; margin:0 auto}
	#process p{ text-align:center !important}
	.return-top{margin-top:-120px !important}
	.lr_prt_img_wrapper img{ text-align:center; margin:0 auto}
	}

@media (max-width: 320px) {#home-carousel .carousel-inner>.item>img{ min-height:200px}}	

header h4.sub-title{font-size: 18px;  font-weight: 400; line-height: 1.4; text-transform: capitalize; margin-top: 0;}

header h2.title{font-size: 34px;  font-weight: 600;  color: #404040;   text-transform: capitalize;  letter-spacing: -1px; line-height: .9;}



.bg-footer h4{ color:#fff; margin-bottom:20px; font-family: Poppins; padding-bottom:3%;     font-weight: 700; border-bottom:1px solid rgba(204, 204, 204, 0.5) }

.footer-title{color:#ffedb2; margin-bottom:20px;}

.bg-footer ul{ padding-left:0; list-style:none; }

.bg-footer a{color:#fff}

.bg-footer a:hover{color:#fde428; text-decoration:none;}

.line { width: 10px;  height: 2px;  margin: 3px 6px; display: inline-block; background: #d63a2f;}

.bg-footer .line { width: 10px;  height: 2px;  margin: 3px 6px; display: inline-block; background: #f1bb50;}

.row-border-top { border-top: 1px solid rgba(255, 255, 255, 0.1); display:grid}


.footer-contact { list-style:none}
.footer-social-media{display: inline-flex;}

.footer-social-media li{ margin-right:10px;}

.return-top{background-color: #000;    color: #fff;   text-align: center;  position:absolute;   right: 30px;

  z-index: 999;  text-transform: uppercase; -webkit-transition: all 0.35s;  -o-transition: all 0.35s;

  transition: all 0.35s;  -moz-transition: all 0.35s;  -ms-transition: all 0.35s; float:right; padding: 10px 15px; margin-top: -70px;}

a.return-top { color:#fff}

/*------------------------------------------------------------------*\	

				CONTACT

\*------------------------------------------------------------------*/




@media (max-width: 996px) {

.navbar-header {
	
    float: none;
	background:#fff;

}

.navbar-toggle {

    display: block;

}

.navbar-collapse {

    border-top: 1px solid transparent;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

}

.navbar-collapse.collapse {

    display: none!important;

}

.navbar-collapse.collapse.in {

    display: block!important;
	background:#fff;

}

.navbar-nav {

    float: none!important;

    margin: 7.5px -15px;

}

.navbar-nav>li {

    float: none;

}

.navbar-nav>li>a {

    padding-top: 10px;

    padding-bottom: 10px;

}



}




#inner-carousel .carousel-caption{top: 110px;}

.contact-address li{ list-style:none}


@media (max-width: 480px) {
#home-carousel .carousel-inner{min-height: 150px;}
#home-carousel .carousel-inner > .item > img{min-height: 150px;}
#inner-carousel .carousel-caption{ top:0}
.navbar-brand > img{width: 42px; margin-top: 3px; }
.promoters img{ width:30%; margin:0 auto}
.icon-holder i img{ width:25%;}
.services-content img{width:20%; }
.header-title{ font-size:25px;}
}