@charset "UTF-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Lato', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
	background: #000;
	padding: 20px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{
	text-decoration: none
}

h1{
	font-size: 55px;
	color: #051348
}
h2{
	font-size: 35px;
	margin-bottom: 20px
}
a:hover{
	text-decoration: none
}

p{
	line-height: 24px
}

.btn1{
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	background: #68b843;
	padding: 12px 12px !important;
   text-transform: uppercase;
	color: #fff !important;
	overflow: hidden;
	border: none;font-size: 16px;
}

.btn1.hvr-sweep-to-right:before {
    background: #051348;
}



.btn2{
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	background: #fff;
	padding: 12px 12px !important;
	font-size: 12px !important;
	color: #32141a !important;
	overflow: hidden;
	border: 1px solid #68b843;
}
.btn2:hover{
color: #fff !important;
}
.btn2.hvr-sweep-to-right:before {
    background: #68b843;
}


.btn3{
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	background: #68b843;
	padding: 12px 12px !important;
	font-size: 14px !important;
	color: #fff !important;
	overflow: hidden;
	text-transform: uppercase;
	font-weight: 600
}

.btn3.hvr-sweep-to-right:before {
    background: #051348;
}


.btn3{
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	background: #68b843;
	padding: 12px 12px !important;
	font-size: 14px !important;
	color: #fff !important;
	overflow: hidden;
	text-transform: uppercase;
	font-weight: 600
}

.btn3.hvr-sweep-to-right:before {
    background: #051348;
}

.round-btn{
	width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #f47922;
    float: left;
    text-transform: uppercase;
    padding: 9px 0 0 17px;
    
}
.round-btn:before{
	content: "\f0da";
	text-align: center;
	left: 0;
	right: 0;
	    font: normal normal normal 14px/1 FontAwesome;
	color: #fff;
	font-size:22px;
}

.btn4{
	text-transform: uppercase;
	color: #0f0f0f;
	font-weight: 600;
	font-size: 14px;

}
.btn4 i{
	line-height: 40px
}

.btn4:hover{
	color: #68b843;
}


.hvr-sweep-to-top:before {
    background: #68b843;

}



.btn5{
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	background: #68b843;
	padding: 12px 12px !important;
	font-size: 14px !important;
	color: #fff !important;
	overflow: hidden;
	text-transform: uppercase;
}

.btn5.hvr-sweep-to-right:before {
    background: #051348;
}
.btn6{
	font-size: 14px !important;
	text-transform: uppercase;
}

.img-round{
	border-radius: 100%
}



.top-bar{
	background: #051348
}

.top-bar ul.social li{
	display: inline-block;
}

.top-bar ul.social li a{
	padding: 17px 12px;
	float: left;
	color: #fff;
}


.top-bar .info{
	float: right
}
.top-bar .info ul li{
	color: #838fbe;
	font-size: 12px;
	padding: 10px 20px;
	border-left: 2px solid #2a3a6e;
	
	line-height: 15px;
	display: inline-block
}
.top-bar .info ul li:last-child{
	border-right: 2px solid #2a3a6e;
}
.top-bar .info ul li i{
	float: left;
	font-size:22px;
	margin-right: 10px;
	line-height: 22px
}
.top-bar .info ul li span{
	float: left
}
.top-bar .info a{
	color:#838fbe;
}
.top-bar .info a:hover{
	color: #68b843;
}
.main-menu{
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);
	position: relative;
	z-index: 9999
}

.navbar{
	padding: 0px
}
.navbar .nav-link{
	padding: 28px 15px;
	color: #000;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600
}
.navbar .nav-item .dropdown-menu{
	background: #051348;
	border: none
}
.dropdown-menu{
	padding: 0px;
	border-radius: 0px;

	
}
.dropdown-menu li a{
	padding: 15px 25px;
	font-size: 13px;
	color: #fff;
}
.dropdown-menu .hvr-sweep-to-right:before{
	background: #68b843
}




.slider1{
	height: 700px;
	background: no-repeat center;
	overflow: hidden;
	position: relative;
	
}

.slider1 .contant
{
	width:550px;
	height: 100%;
	position: absolute;
    display: table;
}

.slider1 .text{
	display: table-cell;
    vertical-align: middle;
}
.slider1 .text h1 {
	margin-bottom: 15px;
}
.slider1 .text h1 span{
	display: block;
}
.slider1 .text p{
	font-size: 17px;
	line-height:24px
}

.slider2 .contant
{
	width:550px;
	height: 100%;
	position: absolute;
    display: table;
	padding: 0 25px;
	background:#ffffff96
}

.banner.owl-carousel .owl-dots{
	margin: 0px auto;
	left: 0;
	right: 0;
	text-align: center
}
.banner.owl-carousel button.owl-dot{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #fff;
	margin: 0px auto;
	text-align: center;
	opacity: 0.3;
	margin: 10px;
	
}
.banner.owl-carousel button.owl-dot.active{
	background: #68b843;
	opacity: 1
}
.banner.owl-carousel .owl-dots{
	margin: -70px 0 0 0;
	position: absolute
	
}
.banner.owl-carousel .owl-nav{
	display: none
}
.layer{
	position: absolute;
}

.animationimg1{
	right: 12%;
	top: -10%;
}

.owl-carousel .owl-item img{
	width: auto !important
}



.certifications-block{
	background: #f6f6f6;
	position: relative;
	z-index: 9999
}
.certifications-block .hotline{
	background: #68b843;
	padding: 25px;
	margin: -20px 0 0 0;
}
.certifications-block h4{
	color: #fff;
	font-size: 24px;
	font-weight: 500
}
.certifications-block h4 span{
	font-size: 18px;
	display: block
}
.certifications-block h3{
	font-size: 32px;
	font-weight: 300;
	color: #fff;
	margin-top: 7px;
}

.certifications-block .hotline img{
	float: left;
	width: 45px;
	margin-right: 10px
}

.certifications-block .hotline:after {
    content: "";
    position: absolute;
    right: 1px;
    top: -21px;
    width: 14px;
    height: 21px;
    background: url(../img/arrow-pic.png);
}

.certifications-block .box1{
	margin: 15px 0 0 25px;
}

.about{
	border-bottom: 1px solid #ececec;
	overflow: hidden
}
.about .pic-box {
    display: block;
    height: 100%;
    position: relative;
    z-index: 1;
    margin-right: 10px;
    background-size: cover;
    background: bottom right;

}

.about ul{
	margin: 20px 0 0 0
}
.about ul li{
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	margin:0 20px 15px 0;
	line-height: 22px
}
.about ul li:before{
	content: "";
	width: 26px;
	height: 26px;

	float: left;
	border-radius: 100%;
	margin-right:15px;
	background: url("../img/arrow-r.svg") no-repeat #68b843 10px;
	background-size: 8px
}


.about .inner{
	padding: 80px 0 70px 20px;
}
.about .inner h1{
	margin-bottom: 20px
}



.services-block{
	padding: 60px 0;
	
}
.services-block h1{
	text-align: center;
	margin:0px auto
}
.serv-box1 h3{
	padding: 20px 0;
	color: #051348;
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase
}
.serv-box1 p{
	font-size: 14px;
	color: #7d7e7d
} 


.services-slider.owl-carousel .owl-dots{
	margin: 0px auto;
	left: 0;
	right: 0;
	text-align: center
}
.services-slider.owl-carousel button.owl-dot{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin: 0px auto;
	text-align: center;
	background: #d1eac6;
	margin: 10px;

	
	
}
.services-slider.owl-carousel button.owl-dot.active{
	background: #68b843;
	opacity: 1
}
.services-slider.owl-carousel .owl-dots{
	margin:0;
	position: relative;
	display: block !important;
	
}
.services-slider.owl-carousel .owl-nav{

}
.layer{
	position: absolute;
}

.animationimg1{
	right: 12%;
	top: -10%;
}

.owl-carousel .owl-item img{
	width: auto !important
}



.choose-block{
padding: 60px 0;
background: url("../img/services.jpg") no-repeat center;
	background-size: cover
}
.choose-block .hed{
	text-align: center;
	
}
.choose-block h1{
	color: #68b843
}
.choose-block h5{
	color: #ddd;
	font-size: 17px
}
.choose-block .hed h5 span{
	display: block;
	line-height: 27px;
}

.choose-block .media{
	border-bottom: 1px solid #394a76;
	
}
.choose-block .media h5{
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 10px
}
.choose-block .media p{
	color: #abb4d7;
	font-size: 13px;
}
.choose-block .media img{
	width: 50px
}
.choose-block .media{
	padding: 20px 0
}
.choose-block h3{
	font-size: 35px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700
}
.choose-block h3 span{
	display: block;
	
}
.choose-block .static{
	border-left: 1px solid #59678c;
}
.static-box{
	border: 1px solid #fff;
	padding: 20px;
	text-align: left;
	color: #fff;
	min-height:70px;
	font-size: 17px;
	
	
}
.static-box b{
	font-weight: 700;
	font-size: 25px;
	display: block
}

.re-quote{
	width: 100%;
	background: #68b843;
	padding: 50px 0
}
.re-quote .box{
	padding: 10px 5px;
	position: relative
}
.re-quote .line-box:after {
    border-right: 1px solid #fff;
    content: "";
    right: -16px;
    position: absolute;
    height: 70px;
    top: 9px;
}
.re-quote .box h6{
	font-size: 18px;
	color: #fff;
	line-height: 26px
	
}

.re-quote .line-top{
	border-top: 1px solid #fff
}
.re-quote .box img{
	width:50px;
}
.re-quote .box h6 span{
	display: block;
}

.re-quote .download img{
	width: 60px;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.14);
box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.14);
	border-radius: 100%;
	float: left;
	z-index: 9999;
	position: relative

}
.re-quote .download .btn-1{
	background: #fff;
	color:#68b843;
	padding: 10px 20px;
	border-radius: 0px 29px 29px 0px;
-moz-border-radius: 0px 29px 29px 0px;
-webkit-border-radius: 0px 29px 29px 0px;
	margin:12px 0 0 -9px;
	float: left;
	overflow: hidden;
	z-index: 999
	
	
}
.re-quote .download .hvr-sweep-to-right:before
{
	color: #fff;
	background: #051348
}

.re-quote .download .btn-2{
	border-radius: 0px 29px 29px 0px;
-moz-border-radius: 0px 29px 29px 0px;
-webkit-border-radius: 0px 29px 29px 0px;
	border: 1px solid #fff;
    padding: 9px 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    margin: 12px 0 0 -15px;
    float: left;
	overflow: hidden
}

.re-quote .form-box {
    background: url(../img/contact-bg.jpg) no-repeat top;
    border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.28);
    box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.28);
    position: absolute;
    margin: -199px 0 0 0;
}

.re-quote .form-box h2{
	font-size: 28px;
	margin-bottom: 10px
}
.re-quote .form-box p
{
	color: #7d7e7d;
	font-size: 14px;
	line-height: 20px
}
.re-quote .form-box input, .re-quote .form-box textarea{
	background: none;
	border: none;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0px;
	padding-bottom: 10px;
	font-size: 14px
}
.re-quote .form-box button{
	border: none;
	font-size: 16px !important;
	padding: 10px 20px !important
}


footer{
	background: #020b2b;
	padding: 40px 0 10px 0
}
footer h3{
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	margin-bottom: 25px;
	text-transform: uppercase
}

footer .two-col{
	float: left;

}
footer ul li{
	color: #fff;
	padding: 5px 0;
	display: block;
	
}

footer ul li a{
	color: #9a9b9a;
	font-size: 13px;
}
footer ul li a:hover
{
	color: #68b843
}
footer .ul-left{
	margin-left: 50px
} 
footer ul li p{
	font-weight: 400;
	font-size: 14px;
	color: #9a9b9a;
	

}
.footer-bottom{
	border-top: 1px solid #626779;
	padding: 20px 0
}
.footer-bottom p{
	color: #9a9b9a;
	margin: 15px 0 0 0;
	text-align: center
}
.footer-bottom p a
{
	color: #68b843
}
.footer-bottom .social{
	float: right
}
.footer-bottom .social ul li{
	display: inline-block;
	margin: 10px;
	
}
.footer-bottom .social ul li a
{
	font-size: 16px;
}



/* Shine */
.hover14 figure {
	position: relative;
	overflow: hidden
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}


.projact{
	padding: 20px 0
}
.projact .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);

		}

.projact .item{
	opacity:0.2;
}

.projact .main-img{
	overflow: hidden;
	position: relative;
}
.projact .overly{
		background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 56%);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99999;

}
.projact .overly .title{
	position: absolute;
	bottom: 0;
	margin: 35px
}
.projact .overly .title h4{
	color: #fff;
	font-size: 35px;
	font-weight: 300;
	margin-bottom: 10px
}
.projact .overly .title p b{
	font-weight: 800;
	display: block
}

.projact .overly .title p{
	color: #fff;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* Opacity #2 */
.hover12 figure {
	background: #68b843;
}
.hover12 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12 figure:hover img {
	opacity: .2;
}
.hover12 figure span{
	opacity: 1 !important;
	display: none;
	color: #fff
}

.hover12 figure:hover span{
	position: absolute;
	height: 100%;
	text-align: center;
	opacity: 1;
	top:40%;
	left: 0;
	right: 0;
	bottom: 0;
	display: block
}
.hover12 figure a{
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	margin-top: 5px
}
.hover12 figure a i{
	font-size: 16px;
	margin-left: 5px
}


.projact .owl-prev,
.projact .owl-next {
  position: absolute;
  top: 50%;
	background:#000;
	width: 30px;
	height: 30px;
	display: block;
  transform: translateY(-50%);
}





.projact .owl-prev, .owl-next{position:absolute;}

.projact .owl-prev{top:48%;transform:translateY(-50%); font-size:40px !important; background-color:transparent !important; outline:none !important;	background:#fff !important ; width: 40px; height: 40px; display: block; border-radius: 100%; background: #fff; box-shadow:-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31); }

.projact .owl-next{right:-5px;top:48%;transform:translateY(-50%);font-size:40px !important;background-color:transparent !important;outline:none !important;transition:all 0.3s ease;	background:#fff !important ;
	width: 40px;
	height: 40px;border-radius: 100%;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);}


.projact .owl-next:hover, .projact .owl-prev:hover{
	background: #68b843 !important;
}
.projact .owl-next:hover:before, .projact .owl-prev:hover:before{
	color: #fff;
}
.projact .owl-prev:before{
	content:"\f104";
	font-family: FontAwesome;
	font-size: 30px;
	float: left;
	margin: 0 0 0 14px;
}

.projact .owl-next:before{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 30px;
	float: left;
	margin: 0 0 0 15px;
}



.testimonials{
	padding: 30px 0 60px 0
}

.testimonials h1{
	text-align: center;
}


ul.resp-tabs-list, p {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
	line-height:22px;
}
.resp-tabs-list li span{
	display: block;
	font-weight: 500;
	color: #7d7e7d;
	font-size: 13px;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
	padding: 12px 14px 14px 14px !important;
-webkit-box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.16);
box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.16);
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
	border-top-color: #5AB1D0;
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 15px 0;
    cursor: pointer;
    float: none;
	background: #fff !important;
	border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 1px solid #eee;

}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
	padding-left: 25px;
}
.resp-vtabs .resp-tabs-list li img{
	float: left;
	border-radius: 100%;
	width: 50px;
	margin-right: 20px
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
margin: 0 0 15px 0;
padding-left: 25px;
border: none; !important;
	
	
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #fff;/* !important;*/
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;/* !important;*/
}











/*======== Sub Banner ========*/
.jumbotron{
	margin-bottom: 0px;
}

.sub-banner{
	width: 100%;
	height:180px;
	background-color:#1c3870 !important;
	
}

.sub-banner h3{
	font-size:35px;
	color: #fff;
	font-weight: 300;
	float: left
}

.breadcrumb {
	background: none;
	padding: 0px;
	margin: 10px 0 0 0
}

.breadcrumb li{
	font-size: 14px;
	color: #fff;
}
.breadcrumb li a{color: #fff;}
.breadcrumb-item.active{color: #68b843}

.breadcrumb-item + .breadcrumb-item::before{
	content: "\f105";
	    font-family: FontAwesome;
	color: #fff;
}


.list-style1 li{
	padding:7px 0;
	color: #fff;
}

.list-style1 li:before{
		content: "\f105";
	    font-family: FontAwesome;
	color: #fff;
	padding-right: 15px
	
}

.pic-box2 {
    display: block;
    height: 100%;
    position: relative;
    z-index: 1;
    margin-right: 10px;
    background-size: cover;
    background: bottom right no-repeat;
	overflow: hidden
}

.pic-box3 {
    display: block;
    height: 100%;
    position: relative;
    z-index: 1;
    margin-right: 10px;
    background-size: cover;
    background: bottom right no-repeat;
	overflow: hidden
}


.pic-box4 {
    display: block;
    height: 100%;
    position: relative;
    z-index: 1;
    margin-right: 10px;
    background-size: cover;
    background: bottom right no-repeat;
	overflow: hidden
}
.no-border{
	border: none
}

.offer-block{
	padding: 60px 0;
	background: #f2f2f2
}

.list-style2 li {
	padding: 10px 0
}

.list-style2 li:before{
	content: "\f105";
	    font-family: FontAwesome;
	margin-right: 10px;
	color: #68b843
	
}

.offer-block .box
{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	padding:20px;
	background: #fff;
}

.our-team {
	padding: 60px 0
}

.our-team h2{
	text-align: center
}
.our-team h3{
	text-align: left;
	padding: 10px 0 5px 0;
	font-weight: 700;
	font-size:20px;
	text-align: center
}
.our-team h4{
	color: #b3b3b3;
	font-weight: 500;
	text-align: center
}
.our-team ul{
	margin: 0px auto;
	text-align: center;
}
.our-team ul li{
	display: inline-block;
	margin: 15px
}

.our-team ul li a{
	width: 40px;
	height: 40px;
	display: block;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	border-radius: 100%;
	color: #fff;
	line-height: 40px
}

.our-team ul li:nth-child(1) a{
	background: #3b5998;
}
.our-team ul li:nth-child(2) a{
	background: #00acee;
}

.our-team ul li:nth-child(3) a{
	background: #0e76a8;
}
.our-team ul li a:hover
{
	-webkit-box-shadow: 0px 0px 47px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 47px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 47px 0px rgba(0,0,0,0.3);
}







.services-item{
	padding: 60px 0;
}

.services-item b{
	font-weight: 600;
	color: #051348;
}


.services-item .test-box{
	border-right: dashed 1px #ccc;
	padding-right: 25px
	
}
.services-item h4{
	font-size: 20px;
	padding: 20px 0
}
.services-item ul.list-style1 li{
	box-shadow: 0px 13px 40px 0px rgb(0 0 0 / 8%);
	color: #000;
	padding: 20px 10px;
	margin:6px 0;
	float: left
	
}
.services-item ul.list-style1 li:before{
	content: "\f058";
	color: #000
}


.form-block{
	background: #f9f9ff;
	padding: 60px 0
}
.form-block .hed{
	text-align: center
}
.form-block .hed span{
	font-size: 100px;
	font-weight: bolder;
	opacity: 0.1
	
}
.form-block .hed h2{
	font-weight: 700;
	font-size:25px;
	margin: -22px 0 0 0
}


.form-block .form-wrapper
{
	    display: block;
    position: relative;
    border: 1px solid #e3e3f9;
    border-top: 4px solid #020b2b;
    text-align: left;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
    margin-right: 19px;
    border-radius: 0px 0px 4px 4px;
	background: #fff;
	padding:50px 25px;
}

.form-block .form-wrapper:before{
	content: "";
	width: 50%;
	background: #68b843;
	height: 4px;
	position: absolute;
	right: 0;
	top: -4px
}


.form-block .form-wrapper label{
	padding-bottom: 10px;
	font-size: 15px;
	color: #9a9a9a
}
.form-block .form-wrapper input{
	margin-bottom: 20px
}

.form-block .contact-info-box
{
    display: block;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 13px 40px 0px rgb(0 0 0 / 8%);
    padding: 36px 28px 30px 28px;
    padding-left: 143px;
    text-align: left;

}
.form-block .contact-info-box h5{
	font-weight: 500;
	color: #68b843;
	font-size:20px
}
.form-block .contact-info-box h5 span{
	color: #020b2b;
	font-size: 15px;
	display: block;
		margin:10px 0 10px 0;
}
.form-block .contact-info-box ul.social-box li{
	border-bottom: 1px solid #e6e4f0;
	padding: 10px 0
}
.form-block .contact-info-box ul.social-box li:last-child{
	border: none
}
.form-block .contact-info-box ul.social-box li i{
	font-size: 14px;
	color: #a1a1a1;
	margin-right: 5px
}
.form-block .contact-avatar
{
	    display: block;

    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 28px;
    margin: auto;
}

.form-block .contact-avatar img{
	margin: 30px 0 0 0
}
.form-block ul.side-info li{
	position: relative
}


/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley h2,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-marley p {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-marley h2 {
	top: 30px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.grid {
	position: relative;
	margin: 0 auto;
	padding:0;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 100%;
	max-width: 100%;
	max-height: 360px;
	width:50%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
	width: 100%
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size:25px
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}






/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}


#info {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;				
	background:#fcf8e3;
	border:1px solid  #fbeed5;
	width:95%;
	max-width:900px;
	margin:0 auto 40px auto;
	font-family:arial;
	font-size:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

	#info .info-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;

	}
	
	#info a {
		color:#c09853;
		text-decoration:none;
	}
	
	#info p {
		margin:5px 0 0 0;
	}


 
#filters {
	padding:0;
	list-style:none;
	margin: 0px auto 25px;
	text-align: center
}

	#filters li {
		margin: 0px 10px;
		text-align: center;
		display: inline-block
	}
	
	#filters li span {
		display: block;
			
		text-decoration:none;
		color:#666;
		cursor: pointer;
				color:#fff;
			border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	padding: 12px 20px !important;
   text-transform: uppercase;
	overflow: hidden;
	border: none;font-size: 16px;
		font-size: 13px;
		color: #000 !important;
		border: 1px solid #ccc
	}
	
	#filters li span.active {
		color:#fff;
			border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	background: #68b843;
	padding: 12px 12px !important;
   text-transform: uppercase;
	color: #fff !important;
	overflow: hidden;
	border: none;font-size: 16px;
		font-size: 13px;
	}
 

 
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:100%;
	display:none;
	float:left;
	overflow:hidden;
}

	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		background: #666;
		cursor:pointer;
	}

	.portfolio img {
		width:100%;
		position: relative;
		top:0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		
	}
	
	.portfolio .label {
		position: absolute;
		width: 100%;
		height:40px;
		bottom:-40px;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	}

		.portfolio .label-bg {
			background: #e95a44;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}
	
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding:5px 8px;
		}
			
			.portfolio .text-category {
				display:block;
				font-size:9px;
			}
	
	.portfolio:hover .label {
    bottom:0;
  }

	
.certification .item1{
	    box-shadow: 0px 13px 40px 0px rgb(0 0 0 / 8%);
    padding: 36px 28px 30px 28px;
	text-align: center;
	margin-bottom: 25px
}
.certification h2{
	font-size: 25px;
	margin-bottom: 25px
}
.certification h4{
	font-weight: 400;
	font-size: 18px
}
















/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}






















@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}