/*
1.  RESET CSS
2.  Common CSS
3.  Top Bar Area
4.  Header Area
5.  About Area
6.  Projects Area
7.  Philosophy Area
8.  Services Area
9.  Testimonial Area
10. Services Area
11. CTA Area
12. Partners Area
13. Footer Area
14. Coustom Media Query CSS
*/
/* ##################### RESET CSS  ##################### */

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, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
a:focus {
	outline: 0;
	text-decoration: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration:none;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
a:hover {
	text-decoration:none;
}

::-webkit-input-placeholder {
   opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
   opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
   opacity:1;
}

:-ms-input-placeholder {  
   opacity:1;
}

img{
	max-width:100%;
}
.input:focus{
	outline:none;
	box-shadow:none;
}
/* Common CSS */

.no-padding{
	padding:0 !important;
}
.no-margin{
	margin:0;
}
.relative{
	position:relative;
}
.button{
	line-height:60px;
	text-align:center;
	display:inline-block;
	padding:0 45px;
	border-radius:3px;
	font-size:20px;
	font-weight:600;
}
.bg-parallax  .section-head > h2, .bg-parallax  .section-head > p{
	color:#fff;
}
.section-head{
	padding-bottom:65px;
}
.section-head h2{
	padding:65px 0 20px;
	position:relative;
	margin-bottom:22px;
}
.section-head h2:after{
	position:absolute;
	content:"";
	bottom:0;
	left:50%;
	margin-left:-40px;
	height:1px;
	width:80px;
}
.projectslide1 .slick-dots li button:before{
	color:#3498DB;
}
.projectslide1 .slick-dots li.slick-active button:before{
	color:#3498DB;
}
#op-2-our-work .op-2-section-header-title{
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#op-2-our-work  .op-2-section-product{
	padding-top:30px;
}
/* Head Title style 1 */
.section-title-style-1 .section-head h2{
	font-weight:400;   
	font-size: 40px;
    line-height: 54px;
}
.section-title-style-1 .section-title p{
	line-height:24px;
}
.harddark{
	background-color:#f2f2f2;
}
.testimonialTopSpace .testimonial-area .testimonials{ 
	padding-top:0px !important;
}
.real-man .our-philosophy-area{
	padding:0px !important;
}
.real-man .col-md-5{
	margin-top:-80px;
}
.real-man .our-philosophy-area .col-md-7{
	padding-top: 85px;
}
/*Top Bar Area*/

.phone-no .fa{
	width:20px;
	line-height:20px;
	border-radius:3px;
	color:#fff;
	text-align:center;
	margin-right:10px;
	font-size:14px;
	position:relative;
	top:-2px;
}
.phone-no{
	padding-top:30px;
	padding-bottom:10px;
	font-size:20px;
}
.slogan{
	padding-bottom:30px;
}

/*Header Area*/
/*Header Area*/

.header-area-image{
	background-size:cover;
}

.header-area-image .overlay{
	padding:190px 0 155px;
}
.header-area-image h3{
	padding-bottom:25px;
}
.header-area-image h1{
	font-weight:700;
	text-transform:uppercase;
	display:inline-block;
	padding-left:15px;
}
.header-area-image h1 span{
	display:inline-block;
	padding:0 15px;
}
.header-area-image h5{
	padding:20px 0 40px;
}
.lead-header-area{
	background-size:cover;
}

.lead-header-area .overlay{
	padding:70px 0;
}
.home-text h3{
	font-weight:300;
	text-transform:uppercase;
}
.home-text h1{
	font-weight:700;
	text-transform:uppercase;
	display:inline-block;
}
.home-text{
	padding:100px 0;
}
.lead-form-area{
	padding:20px 15px;
	border-radius:4px;
}
.lead-form-area h3 small{
	display:block;
	margin-bottom:10px;
}
.lead-form-area h3{
	margin-bottom:10px;
}
.lead-form-area p{
	margin-bottom:15px;
}
.lead-form-area input[type="text"],
.lead-form-area input[type="email"]{
	width:100%;
	line-height:55px;
	border-radius:4px;
	border:none;
	margin-bottom:15px;
	color:#a1a1a1;
	padding-left:15px;
}
.lead-form-area form p{
	margin:0px !important;
}
.lead-form-area input[type="submit"]{
	line-height:60px;
	text-align:center;
	display:inline-block;
	width:100%;
	border-radius:3px;
	font-size:20px;
	font-weight:600;
	border:none;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.subscription-success, .subscription-failed {
    display: none
}
.contact-form .success, .contact-form .error {
    display: none;
    font-weight: 300 !important;
}
#maximage {
	height:700px !important;
}
#maximage2 {
	height:613px !important;
}
.slider-container{
	position:relative;
}
.header-area-slider{
	 background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 700px;
}
.header-area-slider.subscription-header{
	height: 613px;
}
.subscription-header .sub-heading{
	margin-top:-34px;
}
.header-area-slider .overlay{
	background:none;
	transform: translateY(70%);
}
.header-area-title2{
	height: 600px;
}
.header-area-title2 .sub-heading {
    padding: 50px 0;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	transform: translateY(54%);
}
.header-area-slider h3{
	padding-bottom:25px;
}
.header-area-slider h1{
	font-weight:700;
	text-transform:uppercase;
	display:inline-block;
	padding-left:15px;
}
.header-area-slider h1 span{
	display:inline-block;
	padding:0 15px;
}
.header-area-slider h5{
	padding:20px 0 40px;
}

.videowraper{
	padding:15px 0;
	background:#000;
}
.subscription-form input[type="email"]{
	width:41.6667%;
	height:50px;
	color:#313131;
	padding-left:12px;
	border-radius:4px;
	border:none;
	margin-left: 15px;
    margin-right: 15px;
}
.subscription-form input[type="text"]{
	width:41.6667%;
	height:50px;
	color:#313131;
	padding-left:12px;
	border-radius:4px;
	border:none;
	margin-left: 15px;
    margin-right: 15px;
}
.subscription-form input[type="submit"]{
	width:25%;
	height:50px;
	padding-left:12px;
	border-radius:4px;
	border:none;
	font-size:20px;
	margin-left: 15px;
    margin-right: 15px;
	color:#fff;
}
/*About Area*/

.about-more-area{
	background:  fixed;
	background-size:cover;
	margin-top:185px;
}

.about-boxes{
	margin-top:-185px;
}
.single-about-img{
	overflow:hidden;
}
.single-about-img img{
	width:100%;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-about:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.single-info h4{
	padding-bottom:10px;
}
.single-about .single-info h4{
	padding-bottom:0px;
}
.single-info{
	padding:30px 40px;
}
.about-cta{
	padding:90px 0 75px;
}
.about-cta h1{
	font-weight:700;
	padding:20px 0 40px;
}
.about-cta h3{
	font-weight:300;
}

/*Projects Area*/

.featured-project-area{
	padding-bottom:50px;
}

.single-fproject{
	position:relative;
	margin-bottom:30px;
}
.single-fproject img{
	width:100%;
}
.single-fproject h6{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:18px;
	font-weight:700;
}
.single-fproject h6 small{
	float:right;
	font-weight:300;
	line-height:24px;
	color:#fff;
}

/*Projects Area*/

.featured-project-area-re{
	padding-bottom:120px;
}
.single-project-innrre{
	overflow:hidden;
	position:relative;
}
.single-projectre{
	margin-bottom:30px;
	box-shadow: 3px 3px 0 #d4d4d4;
}
.single-projectre img{
	width:100%;
}
.project-badge{
	position:absolute;
	top:-40px;
	left:0;
	line-height:40px;
	padding:0 15px;
	background:#f0f0f0;
	text-transform:uppercase;
	-webkit-transition:all .5s ease 0.5s;
	-moz-transition:all .5s ease 0.5s;
	transition:all .5s ease 0.5s;
}
.single-projectre:hover  .project-badge{
	top:0;
}
.project-over{
	position:absolute;
	top:100%;
	left:0;
	margin-top:-90px;
	width:100%;
	height:100%;
	padding-top:35px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-projectre:hover .project-over{
	padding-top:75px;
	top:0;
	margin-top:0;
}
.project-over h5{
	padding-bottom:30px;
}
.single-projectre:hover .project-over h5{
	padding-bottom:5px;
}
.project-over p{
	padding-bottom:20px;
}
.project-over h4{
	padding-top:20px;
	position:relative;
	font-weight:700;
}
.project-over h4:after{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-30px;
	height:1px;
	width:60px;
	background:#fff;
	content:"";
}
.project-over ul{
	padding:30px 50px;
}
.project-over ul li .fa{
	padding-right:2px;
}
.project-over ul li{
	display:inline-block;
	width:49%;
	text-align:left;
	line-height:30px;
}

.mfp-wrap {
	z-index: 2147483647;
}
.mfp-bg {
	z-index: 2147483646;
}
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}
/*Why us area*/

.why-text{
	padding:60px 0;
}
.why-fetu{
	margin-top:-15px;
}
.why-text h2{
	padding-bottom:15px;
}
.why-text ul{
	padding-top:30px;
}
.why-text ul li{
	position:relative;
	padding-left:90px;
	padding-bottom:20px;
}
.why-text ul li h5{
	padding-bottom:7px;
}
.why-text ul li img{
	position:absolute;
	top:0;
	left:0;
}
.why-text ul li i{
	position:absolute;
	top:0;
	left:0;
}


/*Philosophy Area*/

.our-philosophy-area{
	padding:65px 0;
}
.our-philosophy-area h4{
	padding-bottom:30px;
}
.philosophy-list{
	padding-top:35px;
}
.philosophy-list li{
	display:inline-block;
	width:49%;
	margin:12px 0;
}
.philosophy-list li span{
	position:relative;
	padding:0 0 6px 0;
	margin-left:15px;
	vertical-align:middle;
	top:-4px;
}
.philosophy-list li span:after{
	position:absolute;
	width:60px;
	height:1px;
	content:"";
	left:0;
	bottom:0;
}
.philosophy-list .fa{
	line-height:40px;
	width:40px;
	border-radius:5px;
	text-align:center;
	font-size:20px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.philosophy-list li:hover .fa{
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	transform:scale(.8);
}
/* Services Area*/

.services-area{
	padding-bottom:80px;
}

.single-service{
	background:#f2f2f2;
	position:relative;
	margin-bottom:30px;
	overflow:hidden;
	box-shadow: 5px 5px 0 #d4d4d4;
}
.service-over{
	padding:15px 25px;
	position:absolute;
	left:0;
	top:100%;
	height:100%;
	width:100%;
	background:#f2f2f2;
	margin-top:-90px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}


@media (min-width: 1025px) {
	.single-service:hover .service-over{ 
		top:0;
		margin-top:0;
	}
	.touchMe {
		display: none;
	}

}

 

@media(max-width: 1024px) {
	.single-service.active .service-over{
		top:0;
		margin-top:0;
	}
	.touchMe {
		background-image: url("/wp-content/themes/constructive/assets/img/hand-touch-icon.png");
		   background-position: 0 0;
		   background-repeat: no-repeat;
		   cursor: pointer;
		   height: 64px;
		   left: 5px;
		   position: absolute;
		   top: 10px;
		   width: 64px;
		   z-index: 3;
		   -webkit-animation: backlight linear 2s;
		   -webkit-animation-iteration-count: infinite;
		   -moz-animation: backlight linear 2s;
		   -moz-animation-iteration-count: infinite;
		   -o-animation: backlight linear 2s;
		   -o-animation-iteration-count: infinite;
		   -ms-animation: backlight linear 2s;
		   -ms-animation-iteration-count: infinite;
		   animation: backlight linear 2s;
		   animation-iteration-count: infinite;
	}

	.touchMe.active {
		   background-position: 0 -64px;
	}
	@-moz-keyframes backlight {
	    0% {
	        opacity: 1;
	    }
	    50% {
	        opacity: .5;
	    }
	    100% {
	        opacity: 1;
	    }
	}
	@-webkit-keyframes backlight {
	    0% {
	        opacity: 1;
	    }
	    50% {
	        opacity: .5;
	    }
	    100% {
	        opacity: 1;
	    }
	}
	@-o-keyframes backlight {
	    0% {
	        opacity: 1;
	    }
	    50% {
	        opacity: .5;
	    }
	    100% {
	        opacity: 1;
	    }
	}
	@-ms-keyframes backlight {
	    0% {
	        opacity: 1;
	    }
	    50% {
	        opacity: .5;
	    }
	    100% {
	        opacity: 1;
	    }
	}
	@keyframes backlight {
	    0% {
	        opacity: 1;
	    }
	    50% {
	        opacity: .5;
	    }
	    100% {
	        opacity: 1;
	    }
	}
	#single-service-items-h5.h5 {
		color:#252525;
		padding:0px 30px 23px;
	}
}




.single-service h5{
	color:#252525;
	padding:17px 30px 23px;
}
.single-service p{
	color:#4f4f4f;
}

/* Services Area 2*/

.services-area2{
	padding-bottom:50px;
}
.services-area2 .overlay{
	padding-bottom:50px;
}
.single-service2{
	margin-bottom:30px;
	padding:17px 15px 35px;
	background: #3498DB none repeat scroll 0% 0%;
}
.single-service2 h4, .single-service2 p{
	color:#fff
}
.single-service2 h4{
	margin:0 25px 20px;
	padding:0 0 8px 0;
	position:relative;
}
.single-service2 h4:after{
	position:absolute;
	content:"";
	height:1px;
	width:130px;
	margin-left:-65px;
	bottom:0;
	left:50%;
}
/* Testimonial Area*/

.testimonials{
	padding:70px 0;
}
.single-testimonial{
	margin-bottom:30px;
	padding:0 15px;
}
.single-testimonial h5{
	padding:20px 0;
	position:relative;
}
.single-testimonial h5:after{
	position:absolute;
	content:"";
	width:80%;
	height:1px;
	left:50%;
	bottom:0;
	margin-left:-40%;
}
.single-testimonial h5 small{
	display:block;
	font-size:12px;
}
.tequote{
	font-size:42px;
	padding:18px 0 16px;
}
.single-testimonial ul{
	padding-top:15px;
}
.single-testimonial ul li{
	display:inline-block;
	font-size:20px;
}


/*Popup Video*/

.popup-video{
	padding:100px 0;
}
.popup-video h3{
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:-.05em;
}
.popup-video h3 a .fa {
	bottom: -13px;
	font-size: 70px;
	margin: 0 30px;
	position: relative;
}
.screen-reader-text{}
/* Agent Area*/

.agent-area-innr{
	padding:90px 0 60px;
}
.single-agent{
	padding-bottom:30px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-agent .top img{
	width:100%;
}
.single-agent .top{
	position:relative;
	overflow:hidden;
}
.single-agent:hover{
	background:#fff;
}
.single-agent:hover .top .top-over{
	opacity:1;
}
.single-agent .top .top-over{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:230px;
	opacity:0;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-agent .top ul{
	 bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
}
.single-agent .top ul li{
	display:inline-block;
	line-height:40px;
	width:40px;
	margin:0 5px;
}
.single-agent .top ul li a{
	display:block;
	border:1px solid #fff;
}
.single-agent .top ul li a:hover{
	border:1px solid #f56800;
}
.single-agent h4{
	font-weight:700;
	padding-top:20px;
}
.single-agent h4 small{
	display:block;
	font-size:14px;
	font-weight:400;
}

/* Services Area*/

.form-area{
	background-size:cover;
}
.form-area .overlay{
	padding-bottom:80px;
}
.form{
	padding:10px 15px;
}
.form input[type="text"]{
	width:100%;
	height:55px;
	border-radius:8px;
	border:none;
	padding-left:15px;
	margin:5px 0;
}
#form-area .form input[type="text"], #form-area .form input[type="email"]{
	width:100%;
	height:55px;
	border-radius:3px;
	border:none;
	padding-left:15px;
	margin:5px 0;
}
.form input[type="submit"]{
	line-height:60px;
	text-align:center;
	display:inline-block;
	width:100%;
	border-radius:3px;
	font-size:20px;
	font-weight:600;
	border:none;
	margin:5px 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.subscription-form span.wpcf7-not-valid-tip{
	display:inline !important;
}
/*CTA Area*/

.cta-area{
	background-size:cover;
}
.cta-area .overlay{
	padding-bottom:80px;
}

/*Partners Area*/

.partners-area{
	padding:50px 0;
}
.partners-area ul{}
.partners-area ul li{
	display:inline-block;
}
div.wpcf7 img.ajax-loader{
	display:none;
}
.wpcf7-submit{
	margin-bottom:5px !important;
}
div.wpcf7-response-output{
	margin:0px !important;
	color:#F7E700 !important;
	padding:5px 13px
}
.wpcf7-mail-sent-ok{
	color:#398F14 !important;
}
/*Footer Area*/

.footer-area{
	padding:20px 0;
}
.social-icons li{
	display:inline-block;
	line-height:40px;
	margin:0 5px;
}
.social-icons li a{
	display:inline-block;
	line-height: 35px;
	width: 35px;
	text-align:center;
}
.footer-area p{
	padding:7px 0;
}

/* navbar */
.navbar-default {
	background-color: #fff;
}
.navbar {
	border: 0;
	margin-bottom: 0;
	min-height: 50px;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	border-radius:0;
}
.navbar-brand {
	height: 100px;
	padding:0 15px;
}
.navbar-nav {
	padding:25px 0;
}
.navbar-nav > li > a {
	font-size:18px;
	font-weight:400;
	position:relative;
}
.navbar-nav > li > a:after{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-25px;
	width:50px;
	height:1px;
	content:"";
	opacity:0;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
.navbar-nav > li.current > a:after,
.navbar-nav > li:hover > a:after{
	bottom:5px;
	opacity:1;
}
.affix{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	box-shadow: 0 0 2px rgba(0,0,0,.2)
}
/* New Page 1*/
/* Custom */

	.op-h2{
		font-size:30px;
		font-weight:bold;
		text-transform:uppercase;
		color:#3b3b3b;    
		letter-spacing: 2px;
		line-height:21px;
	}
	.op-h2 a{
		font-size:30px;
		font-weight:bold;
		text-transform:uppercase;
		color:#3b3b3b;    
		letter-spacing: 2px;
		line-height:21px;
	}
	.aliceblue{
		background-color:#f0f0f0;
	}
	.white{
		background-color:#fff;
	}
	.lightblack{
		background-color:#3b3b3b;
	}
	.project-inner-heading{
		font-size:16px;
		color:#3b3b3b;
		font-weight:400;
		text-transform:uppercase;
	}
	/* Rotate Section  */

	.art-text-section {
		position:relative;
	}
	.art-text-section:after{
		content:"";
		position:absolute;
		top: -32px;
		left: 0%;
		width: 50%;
		height:100px;
		background-color: #FFFFFF;
		z-index:999999999999;
		-moz-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-2deg);
	}
	.art-text-section:before {
		content:"";
		position:absolute;
		top: -32px;
		right: 2px;
		width: 51%;
		height:100px;
		background-color: #FFFFFF;
		z-index:999999999999;
		-moz-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(2deg);
	}
	.op-contact-form .wpcf7-form-control-wrap input{
		display: block;
		width: 100%;
		height: 47px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #6d6d6d;
		background-color: #e9e9e9;
		background-image: none;
		border: 0px;
		border-radius: 0px;
		box-shadow: none;
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;    
		margin-bottom: 15px;
	}
	.op-contact-form .wpcf7-submit {
		background-color: #fff;
		font-size: 15px;
		font-weight: 400;
		color: #3b3b3b;
		border-radius: 2px;
		border: 0px;
		width: 100%;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
		height:auto;
		margin-top: -25px;
	}
	.op-contact-form .wpcf7-submit:hover{
		color:#fff;
	}
	.contact-form-2-btn:hover {
		color:#fff;
	}
	.contact-form-2-btn{
		position:relative;
		margin-top: 15px;
		float: left;
		width: 100%;
		margin-bottom: 23px;
	}
	.contact-form-2-btn:before{
		content: "\f095";
		font-family:FontAwesome;
		font-size: 16px;
		position: absolute;
		left: 20%;
		top: 13px;
		transform: translateY(-50%);	
	}
.pad{padding:0px !important;}
.pad-30{padding:30px;}
.pad-left-0{padding-left:0px !important;}
.pad-vr-0{padding:0px 0;}
.pad-vr-30{padding:30px 0;}
.pad-vr-45{padding:45px 0;}
.mr-vr-45{margin:45px 0;}
.pad-hr-30{padding:0px 60px;}
/* Padding Bottom
---------------------------------*/
.pad-bottom-0{padding-bottom:0px !important;}
.pad-bottom-5{padding-bottom:5px;}
.pad-bottom-8{padding-bottom:8px;}
.pad-bottom-10{padding-bottom:10px;}
.pad-bottom-15{padding-bottom:15px;}
.pad-bottom-20{padding-bottom:20px;}
.pad-bottom-22{padding-bottom:22px;}
.pad-bottom-25{padding-bottom:25px;}
.pad-bottom-30{padding-bottom:30px;}
.pad-bottom-35{padding-bottom:35px;}
.pad-bottom-40{padding-bottom:40px;}
.pad-bottom-45{padding-bottom:45px;}
.pad-bottom-47{padding-bottom:47px;}
.pad-bottom-49{padding-bottom:49px;}
.pad-bottom-50{padding-bottom:50px;}
.pad-bottom-55{padding-bottom:55px;}
.pad-bottom-60{padding-bottom:60px;}
.pad-bottom-imp-60{padding-bottom:60px !important;}
.pad-bottom-65{padding-bottom:65px;}
.pad-bottom-70{padding-bottom:70px;}
.pad-bottom-75{padding-bottom:75px;}
.pad-bottom-77{padding-bottom:77px;}
.pad-bottom-80{padding-bottom:80px;}
.pad-bottom-82{padding-bottom:82px;}
.pad-bottom-83{padding-bottom:83px;}
.pad-bottom-84{padding-bottom:84px;}
.pad-bottom-85{padding-bottom:85px;}
.pad-bottom-90{padding-bottom:90px;}
.pad-bottom-95{padding-bottom:95px !important;}
.pad-bottom-100{padding-bottom:100px;}
/* Padding Top
---------------------------------*/
.pad-top-0{padding-top:0px !important;}
.pad-top-5{padding-top:5px;}
.pad-top-10{padding-top:10px;}
.pad-top-15{padding-top:15px;}
.pad-top-18{padding-top:18px;}
.pad-top-20{padding-top:20px;}
.pad-top-25{padding-top:25px;}
.pad-top-27{padding-top:27px;}
.pad-top-30{padding-top:30px !important;}
.pad-top-35{padding-top:35px;}
.pad-top-40{padding-top:40px;}
.pad-top-45{padding-top:45px;}
.pad-top-49{padding-top:49px;}
.pad-top-50{padding-top:50px;}
.pad-top-55{padding-top:55px;}
.pad-top-60{padding-top:60px;}
.pad-top-imp-60{padding-top:60px !important;}
.pad-top-65{padding-top:65px;}
.pad-top-70{padding-top:70px;}
.pad-top-75{padding-top:75px;}
.pad-top-77{padding-top:77px;}
.pad-top-80{padding-top:80px;}
.pad-top-82{padding-top:82px;}
.pad-top-84{padding-top:84px;}
.pad-top-85{padding-top:85px;}
.pad-top-90{padding-top:90px;}
.pad-top-95{padding-top:95px;}
.pad-top-100{padding-top:100px;}

/* Padding Left
---------------------------------*/
.pad-left-0{padding-left:0px !important;}
.pad-left-5{padding-left:5px;}
.pad-left-8{padding-left:8px;}
.pad-left-9{padding-left:9px;}
.pad-left-10{padding-left:10px;}
.pad-left-15{padding-left:15px;}
.pad-left-20{padding-left:20px;}
.pad-left-25{padding-left:25px;}
.pad-left-30{padding-left:30px;}
.pad-left-35{padding-left:35px;}
.pad-left-40{padding-left:40px;}
.pad-left-45{padding-left:45px;}
.pad-left-50{padding-left:50px;}
.pad-left-55{padding-left:55px;}
.pad-left-65{padding-left:65px;}
.pad-left-70{padding-left:70px;}
.pad-left-75{padding-left:75px;}
.pad-left-80{padding-left:80px;}
.pad-left-85{padding-left:85px;}
.pad-left-90{padding-left:95px;}
.pad-left-100{padding-left:100px;}

/* Padding Right
---------------------------------*/
.pad-right-0{padding-right:0px !important;}
.pad-right-5{padding-right:5px;}
.pad-right-8{padding-right:8px;}
.pad-right-10{padding-right:10px;}
.pad-right-15{padding-right:15px;}
.pad-right-20{padding-right:20px;}
.pad-right-25{padding-right:25px;}
.pad-right-30{padding-right:30px;}
.pad-right-35{padding-right:35px;}
.pad-right-40{padding-right:40px;}
.pad-right-45{padding-right:45px;}
.pad-right-50{padding-right:50px;}
.pad-right-55{padding-right:55px;}
.pad-right-65{padding-right:65px;}
.pad-right-70{padding-right:70px;}
.pad-right-75{padding-right:75px;}
.pad-right-80{padding-right:80px;}
.pad-right-84{padding-right:84px;}
.pad-right-85{padding-right:85px;}
.pad-right-90{padding-right:95px;}
.pad-right-100{padding-right:100px;}


/* Margin Top
--------------------------------- */
.mr-top-0{margin-top:0px !important;}
.mr-top-5{margin-top:5px;}
.mr-top-10{margin-top:10px;}
.mr-top-15{margin-top:15px;}
.mr-top-20{margin-top:20px !important;}
.mr-top-25{margin-top:25px !important;;}
.mr-top-28{margin-top:28px;}
.mr-top-30{margin-top:30px !important;}
.mr-top-35{margin-top:35px;}
.mr-top-40{margin-top:40px;}
.mr-top-45{margin-top:45px;}
.mr-top-50{margin-top:50px;}
.mr-top-55{margin-top:55px;}
.mr-top-60{margin-top:60px;}
.mr-top-65{margin-top:65px;}
.mr-top-70{margin-top:70px;}
.mr-top-75{margin-top:75px;}
.mr-top-80{margin-top:80px;}
.mr-top-84{margin-top:84px;}
.mr-top-85{margin-top:85px;}
.mr-top-90{margin-top:90px;}
.mr-top-95{margin-top:95px;}
.mr-top-100{margin-top:100px;}

/* Margin 
--------------------------------- */
	.mr-0{margin:0px !important;}
/* Margin Bottom
--------------------------------- */
.mr-bottom-0{margin-bottom:0px !important;}
.mr-bottom-5{margin-bottom:5px;}
.mr-bottom-10{margin-bottom:10px;}
.mr-bottom-18{margin-bottom:18px;}
.mr-bottom-15{margin-bottom:15px;}
.mr-bottom-20{margin-bottom:20px;}
.mr-bottom-25{margin-bottom:25px;}
.mr-bottom-30{margin-bottom:30px !important;}
.mr-bottom-35{margin-bottom:35px;}
.mr-bottom-40{margin-bottom:40px;}
.mr-bottom-45{margin-bottom:45px;}
.mr-bottom-50{margin-bottom:50px;}
.mr-bottom-55{margin-bottom:55px;}
.mr-bottom-60{margin-bottom:60px;}
.mr-bottom-65{margin-bottom:65px;}
.mr-bottom-70{margin-bottom:70px;}
.mr-bottom-75{margin-bottom:75px;}
.mr-bottom-80{margin-bottom:80px;}
.mr-bottom-84{margin-bottom:4px;}
.mr-bottom-85{margin-bottom:85px;}
.mr-bottom-90{margin-bottom:90px;}
.mr-bottom-95{margin-bottom:95px;}
.mr-bottom-100{margin-bottom:100px;}

/* Padding right
-----------------------------------*/
.pad-rt-5{padding-right:5px;}

/* margin Right
----------------------------------*/
.mr-right-20{margin-right:20px;}
.mr-right-10{margin-right:10px;}

/* Section Title Style 2 */


.op-h2{
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	color:#3b3b3b;    
	letter-spacing: 2px;
	line-height:21px;
}
.op-h2 a{
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	color:#3b3b3b;    
	letter-spacing: 2px;
	line-height:21px;
}

/* Section Title Style 2 end */
/* Header Style  Start */


.onepage-top-bar{
	padding:15px 0px;
}
.onepage-phone-no i{
	margin-right:5px;
}
.onepage-topbar-email{
	margin-left:37px;
}
.onepage-social-icons li{
	display:inline-block;
	margin-right:6px;
}
.onepage-social-icons li:last-child{
	margin-right:0px;
}
.onepage-social-icons li a{
	font-size:16px;
	color:#fff;
}
.onepage-nav-bar{
	background-color: rgba(0,0,0,0.50);
    z-index: 9999999;
    position: absolute;
    top: 0px;
    width: 100%;
    transition: all 0.6s ease-in-out;
	position:fixed;
	transform: translateY(0px);
}
.onepage-nav-bar-transition{
	transform: translateY(-47px);
}
.onepage-nav {
	height:75px;
}
.onepage-logo{
	padding:18px 0px;
}
.onepage-nav .navbar{
	float:right;
	margin-bottom:0px;
	min-height:75px;
	text-align:right;
}
.onepage-nav .navbar  li{
	display:inline-block;
	margin-right:60px;
}
.onepage-nav .navbar  li:last-child{
	margin-right:0px;
}
.onepage-nav .navbar  li a{
	min-height:75px;
	line-height:75px;
	padding: 8px 0;
	position:relative;
	color:#fff;
}
.onepage-nav .navbar  li a::after {
	position: absolute;
	top: 100%;
	left: 25%;
	width: 50%;
	height: 1px;
	background:#fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.onepage-nav .navbar  li a:hover::after,
.onepage-nav .navbar  li a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
	transform: translateY(-4px);
}

.header-contact-info li{
	display:inline-block;
	color:#fff;
	margin-right:35px;
}
.header-contact-info li:last-child{
	margin-right:0px;
}
.header-contact-info li i{
	padding-right:3px;
}
.header-style-3{
	width:100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999;
    text-align: center;
}
.header-style-4{
    height: 745px;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% 100%;
}

.header-style-4 .banner-row p{
	font-size: 24px;
	line-height: 36px;
    font-family: Open Sans;
	letter-spacing: 2px
}
.header-style-4 .join-us-title {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
}
.header-style-4  p {
    font-family: Open Sans;
    font-size: 14px;
    line-height: 26px;
}
.join-us-text {
    color: #fff;
}
.join-us-form form {
    max-width: 425px;
    font-family: 'Open Sans', sans-serif;
}
..join-us-form input:focus, ..join-us-form input:active, ..join-us-form input:hover {
    outline: none;
    box-shadow: none;
    border-color: transparent;
}
.join-us-form input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    padding-left: 23px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #464646;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 30px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin-bottom:25px;
}
.join-us-form p{
	float:left;
    width: 100%;
}
.join-us-form .form-button, .join-us-form .wpcf7-submit {
    display: block;
    width: 100%;
    background-color: rgb(250, 179, 30);
    border: 0px none;
    box-shadow: none;
    color: rgb(255, 255, 255);
    height: 60px;
    line-height: 60px;
    font-family: "Cabin",sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 30px;   
	padding: 0px;
}
.join-us-form .form-button:hover, .join-us-form .wpcf7-submit:hover{
    background-color: rgb(84, 84, 84) !important;
}
.banner-row h2{
	font-size:35px;
	font-weight:400;
}
.banner-row h1{  
	font-size: 60px;
	font-weight: bold;
}
.banner-row p{
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 2px
}
.header-style-4 .sing-in-btn{
    font-size: 15px;
    font-weight: bold;
    width: 150px;
    height: 50px;
    border: 2px solid #FFF;
    border-radius: 30px;
    background-color: transparent;
    padding: 14px 47px;
    text-transform: uppercase;
}
.header-style-4 .sing-in-btn:hover,
.header-style-4 .sing-in-btn:focus{
	background-color:#fff;
	color:#000;
}
.one-page-art-v3-overlay{
	background-color:rgba(31, 90, 46, 0.68);
	position:absolute;
	top:0px;
	left:0px;
	width:44%;
	height:100%;
}
.scroll-bottom{
	position:absolute;
	bottom:0px;
	width:100%;
	left:0px;
}
.scroll-to-bottom{
	width:65px;
	height:65px;
	line-height:65px;
	background-color:#464646;
	border-radius:50%;
	text-align:center;
	cursor:pointer;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    margin-right: 15px;
    position: relative;
    top: -13px;
}
/* Header Style  End*/
/* About Style 2  Start*/


.op-project-area{
    margin-top: -60px;
    z-index: 999;
    position: relative;
}
.op-project-area .bg-white{
	background-color:#fff;
	position:relative;
}
.op-project-area .bg-white:before{
    content: "";
    display: inline-block;
    background-image: url('/wp-content/themes/constructive/assets/img/shadow-left.png');
    width: 100px;
    height: 150px;
    position: absolute;
    top: 0px;
    left: -13px;
    background-repeat: no-repeat;
}
.op-project-area .bg-white:after{
    content: "";
    display: inline-block;
    background-image: url('/wp-content/themes/constructive/assets/img/shadow-right.png');
    width: 13px;
    height: 150px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: -13px;
}
.onepage-bannertext{
	
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.onepage-sub-heading h3{
	font-size:26px;
	line-height:50px;
	color:#fff;
	text-transform:uppercase;
	font-weight:100;
    letter-spacing: 1px;
}
.onepage-sub-heading h1{
	font-size:60px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
    letter-spacing: 3px;
}
.onepage-btn{
	padding:15px 27px;
	background-color:#fff;
	font-size:15px;
	font-weight:400;
	color:#3b3b3b;
	margin-right: 13px;
	border-radius:2px;
}
.onepage-btn i{
	margin-right:9px;
	font-size:16px;
}
.onepage-btn:hover{
	color:#fff;
}
.banner-btn-container{
	padding-top:39px;
}
.banner-btn-container .onepage-btn:last-child{
	margin-right:0px;
}
p.op-sub-title-p{
	font-size:16px;
	line-height:26px;
	color:#6d6d6d;
	max-width:570px;
	margin:0 auto;
	font-size:300;
}
.op-about-box{
	border:1px solid #dedede;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}
.op-about-thumb{
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow:hidden;
}
.op-about-thumb img{ 
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}
.op-about-box:hover .op-about-thumb img{ 
	-moz-transform: scale(1.1); 
	-webkit-transform: scale(1.1); 
	transform: scale(1.1); 
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}
.op-about-box:hover .op-about-thumb:before {
  height: 50%;
  width: 50%;
  border-color: #fff;
}
.op-about-box:hover .op-about-thumb:after {
  height: 50%;
  width: 50%;
  border-color: #fff;
}
.op-about-thumb-overlay{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.6);
	opacity:0;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.op-about-box:hover .op-about-thumb-overlay{
	opacity:1;
}
.op-about-thumb:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 15px;
  width: 0;
  height: 0;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  -webkit-transition: width .2s ease .3s, height .3s ease .4s;
  -moz-transition: width .2s ease .3s, height .3s ease .4s;
  -o-transition: width .2s ease .3s, height .3s ease .4s;
  transition: width .2s ease .3s, height .3s ease .4s;
  z-index:999;
}
.op-about-thumb:after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 0;
  height: 0;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-transition:width .2s ease .3s, height .3s ease .4s;
  -moz-transition:width .2s ease .3s, height .3s ease .4s;
  -o-transition:width .2s ease .3s, height .3s ease .4s;
  transition: width .2s ease .3s, height .3s ease .4s;
  z-index:999;
}
.op-about-box .op-about-title{
	font-size:20px;
	text-transform:uppercase;
	color:#3b3b3b;
}
.op-about-box  p {
    font-size: 14px;
    font-weight: 300;
    color: #6D6D6D;
}

/* About Style 2  End*/


/* Callout Style 2 */

.project-successfull{
	background-attachment: fixed;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	height:598px;
}
.ps-text-mid{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
}
.ps-text{
	background-image:url('/wp-content/themes/constructive/assets/img/shape-1.png');
	background-position:center center;
	background-repeat:no-repeat;
	width:100%;
	height:464px;
}
.parralax-description{
	width:264px;
	margin:0 auto;
}
.parralax-description p{
	font-size:26px;
	color:#fff;
    line-height: 30px;
    font-weight: 300;
}
.parralax-btn .onepage-btn{
	padding:13px 15px;
	margin-right:0px;
}

/* Callout 2  End*/

/* Services 3  End*/
.services-inner-box{
	position:relative;
}
.services-inner-box .serviceOnepage {
	margin-bottom:0px;
}
.services-inner-box .services-box{
	padding:0px;
	height:auto;
}
.services-line{
	position:absolute;
	top:24%;
	transform:translateY(-50%);
	border-bottom:3px dotted #ddd;
}
.services-thumb-outer{
	background-color:#fff;
	width: 210px;
	margin: 0 auto;
}
.services-box-thumb{
	border:2px solid #d7d7d7;
	width:164px;
	height:164px;
	text-align:center;
    margin: 0 auto;
	border-radius:50%;
	background-color:#fff;
}
.services-box-thumb-inner{
    background-color: #3b3b3b;
    width: 76px;
    height: 76px;
    text-align: center;
    line-height: 72px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.services-title h4{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.services-description p,.project-description p{
    font-size: 14px;
    font-weight: 300;
    color: #6d6d6d;
}
/* Services 3  End*/

/* Testimonial style 2 */


/* One Page Testimonials */
.op-testimonial-box{
	position:relative;
}
.op-testimonial-thumb{
    border: 1px solid #d7d7d7;
    padding: 5px;
    float: left;
    position: absolute;
    left: 9px;
    z-index: 9999;
    background-color: #fff;
}
.op-testimonial-description{
	float:left;
	margin-top:20px;
}
.op-testimonial-description blockquote
{ 
    width: 500px;
    height: 140px;
    background: #fff;
    margin-right: 50px;
    position: relative;
    border: 1px solid #eee;
    padding-left: 91px;
    margin-left: 34px;
    padding-right: 45px;
    padding-top: 32px;
    font-size: 14px;
    color: #6d6d6d;
    font-style: inherit;
    line-height: 26px;
} 

.op-testimonial-description blockquote:before
{
    content: "";
    display: block;
    position: absolute;
    left: 492px;
    top: -1px;
    width: 0;
    height: 0;
    border-top: 70px solid #F0F0F0;
    border-color: #F0F0F0 #F0F0F0 #F0F0F0 #F0F0F0;
    border-right: 20px solid #FFFFFF;
    border-bottom: 70px solid #FFFFFF;
    border-left: 20px solid #F0F0F0;
}

.op-testimonial-description blockquote:after
{
    content: "";
    display: block;
    position: absolute;
    right: -33px;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 70px solid transparent;
    border-color: #FFFFFF #FFFFFF rgb(255, 255, 255) rgb(255, 255, 255);
    border-right: 20px solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 20px solid #FFFFFF;
}
.op-testimonial-user{
	float:left;
	width:100%;
    margin-left: 34px;
}
.pos-relative{
	position:relative;
}
.right-skew {
  position: relative;
}
.right-skew:before {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: -15px;
  display: block;
  width: 35px;
  background: red;
  -webkit-transform: skew(-10deg);
  -ms-transform: skew(-10deg);
  transform: skew(-10deg);
}
.post-link.slick-active{
	text-align:left;
}
.post-link:nth-child(odd) {
	float:left;
}
.post-link:nth-child(even) {
	float:right;
	text-align:right;
}
.post-link:last-child {
	text-align:right !important;
}
.rgt-arrow{
	margin-top:-14px;
}
#outer-left {
    -ms-transform: skew(-30deg, 0deg);
    /* IE 9 */
    -webkit-transform:skew(-30deg, 0deg);
    /* Chrome, Safari, Opera */
    transform: skew(-30deg, 0deg);
    background:#333333;
    width:200px;
    z-index:20;
    border-bottom:3px solid #2E8DEF;
    padding:10px 30px 10px 75px;
    font-size:20px;
    color:#2E8DEF;
    position:relative;
    left:-50px;
}
#outer-left:after {
    content:"";
    display:inline-block;
    position:absolute;
    width:20px;
    height:100%;
    background:#2E8DEF;
    float:right;
    right:0px;
    top:0px;
    z-index:10;
}
#inner-left {
    -ms-transform: skew(30deg, 0deg);
    /* IE 9 */
    -webkit-transform: skew(30deg, 0deg);
    /* Chrome, Safari, Opera */
    transform: skew(30deg, 0deg);
    display:inline-block;
}

/* Testimonial style 2  End*/

/* Form Area 2 + Map*/


/* Contact us */
#map{
	height:750px;
}
.op-contact-us{
	position:relative;
}
.position-form{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
    max-width: 410px;
}
.op-contact-form{
	float:left;
}

.op-contact-form-header .form-title{
	color:#fff;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
    letter-spacing: 1px;
}
.op-contact-form-header .form-subtitle{
	color:#fff;
	font-size:16px;
	text-align:center;
	
}
.op-contact-us .form-control{
	border-radius:0px;
	background-color:#e9e9e9;
	border:0px;
	color:#6d6d6d;
    height: 47px;
	box-shadow:none;
}
.op-contact-us .form-control:focus{
	outline:none;
	box-shadow:none
	;
}
.op-contact-us .form-control::-webkit-input-placeholder {
	color:#6d6d6d;
}

.op-contact-us .form-control:-moz-placeholder { /* Firefox 18- */
	color:#6d6d6d;
}

.op-contact-us .form-control::-moz-placeholder {  /* Firefox 19+ */
	color:#6d6d6d;
}

.op-contact-us .form-control:-ms-input-placeholder {  
	color:#6d6d6d;
}
.one-page .owl-theme .owl-controls .owl-page span{
	background-color:#3498DB;
    display: block;
    width: 40px;
    height: 5px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.one-page .owl-theme .owl-controls .owl-page.active span{
    opacity: 1;
	
}
.op-contact-form button{
    background-color: #fff;
    font-size: 15px;
    font-weight: 400;
    color: #3b3b3b;
    border-radius: 2px;
	border:0px;
	width:100%;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
.op-contact-form button i{
	padding-right:5px;
	font-size:16px;
}
.contact-form-info span{
	color:#fff;
    width: 80%;
    float: left;
    vertical-align: top;
    position: relative;
    top: -4px;
}
.contact-form-info p i{
	font-size:16px;
	color:#fff;
	float:left;
	padding-right:25px;
}


/* Form Area 2 + Map End*/

/* New Page 2*/
/* Feature Product Style 3*/
.op-2-section-product .op-2-section-box{
	padding-bottom:35px;
}
.op-2-section-product .op-2-section-box:last-child{
	padding-bottom:0px;
}
.op-2-section-product .op-2-section-text h4{
	font-size:16px;
	font-weight:bold;
	color:#464646;
	text-transform:uppercase;
	letter-spacing:1px;
}
.op-2-section-product .op-2-section-text p{
	font-size:14px;
	color:#464646;
	letter-spacing:1px;
	line-height:30px;
}

.op-2-section-header-title,.section-tabs-title,.section-title-2{
	text-transform:uppercase;
	font-size:34px;
	font-weight:bold;
	position:relative;
	line-height:27px;
	position:relative;
}
.op-2-section-header-title span{
	vertical-align:top;
    letter-spacing: 2px;
}
.op-2-section-header-title{
    margin-bottom: 25px;
    padding-left: 25px;
	padding-bottom:0px;
    line-height: 34px;
}
.op-2-section-header-title:before{
	position: absolute;
	top:0;
	left:0;
	content:"";
	width: 5px;
	height: 100%;
	background-color: #579ed2;
	display: inline-block;
	margin-right: 2px;
}
.border-left{
	width:6px;
	height:34px;
	background-color:#579ed2;
	display:inline-block;
    margin-right: 17px;
}
.border-left{
	display:none;
}

p.op-2-section-header-sub-title,.section-tabs-sub-title,.section-sub-title-2{
	font-size:16px;
	color:#464646;
	line-height:30px;
	text-transform:uppercase;
	letter-spacing:1px;
}
.op-2-section-header-sub-title{
	padding-bottom:30px !important;
}
.section-sub-title-2 {
	max-width:570px;
	margin:0 auto;
}
.op-2-section-box{
	width:75%;
}

.fore-ground-container{
	height:540px;
	overflow:hidden;
}
.fore-ground-img{
	overflow:hidden;
	max-height:540px;
}
.fore-ground-img img{
	width:auto;
    max-width: inherit;
}
.container-wrap-inner{
	max-width:570px;
}
/* Feature Product Style 3 End*/
/* Description Box*/


.art-text-section{
	position:relative;
}
.section-big-text{
	font-size:24px;
	font-weight:400;
	line-height:46px;
	color:#464646;
	text-transform:uppercase;
	letter-spacing:1px;
}
.curve-position-bottom{
	fill: #FFF;
    position: absolute;
    top: -60px;
    left: 0px;
    height: 60px;
    width: 100%;
}

/* Description Box End*/

/* Full Width Box*/
.full-width-box-bg-left{
	background-position:center left;
	background-repeat:no-repeat;
}
.full-width-box-bg-right{
	background-position:center right;
	background-repeat:no-repeat;	
}
.min-height-250{
	min-height:250px;
}
.min-height-190{
	min-height:190px;
}
.op-2-btn{
	background-color:transparent;
	border:0px;
	border-radius:0px;
	font-size:15px;
	font-weight:bold;
	font-family:'Cabin', sans-serif;
    text-transform: uppercase;
}
.op-2-btn i {
    padding-left: 15px;
}
.btn-4 i{
    font-size: 32px;
    position: relative;
    top: 6px;
    margin-right: 16px;
}
.btn-4{
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:transparent;
	border-style:solid;
	border-width:1px;
	border-color:#e7e7e7;
	border-radius:2px;
    padding: 20px 29px;
}
.btn-4:hover{
	color:#fff;
}
/* Full Width Box End*/
/* Callout 3*/

.creation-focus{
	position:relative;
	height:458px;
}
.creation-focus-container{
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.creation-focus-btn{
	max-width:630px;
	margin:0 auto;
}
.creation-focus-btn span{
	width:100%;
	border:5px solid #fff;
	background-color:transparent;
	font-size:34px;
	font-weight:bold;
	height:119px;
	color:#fff;
    display: block;
    line-height: 119px;
	text-transform:uppercase;
	
}
/* Callout 3 End*/
/* Featured Project 3*/

.op-2-our-work .owl-theme .owl-controls{
	position:absolute;
	left:0px;
    bottom: 21%;
    padding-left: 40px;
}
.op-2-our-work .op-2-section-text{
	min-height:250px;
}
.op-2-our-work .owl-theme .owl-controls .owl-page span {
    background: #BFBCBC;
}
/* Featured Project 3 End*/

/* Team 2 */

.pos-relative .services-line{
	top:36%;
}
.team-box-thumb-outer{
    width: 215px;
    margin: 0 auto;
    background-color: #fff;
}
.team-box-thumb img{
    border: 2px solid #d7d7d7;
    border-radius: 50%;
    padding: 15px;
}
.team-box-title h4{
	font-family:'Roboto', sans-serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:2px;
}

/* Team 2 End*/
/* Testimonial 3 */


.op-2-testimonials{
	background-repeat:no-repeat;
	position:relative;
}
.testimonials-overlay{
	background-color:rgba(45, 138, 200, 0.8);
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}
.op-2-testimonials-msg{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:38px;
	letter-spacing:2px;
	text-transform:uppercase;
}
.op-2-testimonials-user{
	font-size:16px;
	color:#fff;
	font-style:italic;
}

/* Testimonial 2 End*/

/* Partners 2 End*/

.op-2-partners-list li{
	display:inline-block;
}

/* Partners 2 End*/
/* About 4*/

.about-box-4{
	position:relative;
	height:414px;
    padding-left: 60px;
    padding-right: 60px;
}
.about-box-4{
	border:1px solid #ccc;
}
.about-box-4-overlay{
	background-color:rgba(55, 71, 79, 0.8);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.about-box-4-inner{
	z-index:99999;
    position: relative;
    top: 51%;
    transform: translateY(-50%);
}
.about-box-4-box-title h3{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}
.color-white{
	color:#fff;
}
.about-box-4-box-description{
    font-family: Open Sans;
    font-size: 14px;
    line-height: 26px;
}
/* About 4 End*/
/* Video Section End*/


.responsive-section{
	background-size:100% 100%;
}
.responsive-section .section-title-icon i{
	border-bottom-color:#fff;
	color:#fff;
}
.compatiable-icon ul li{
	display:inline-block;
	padding-right:25px;
}
.compatiable-icon ul li:last-child{
	padding-right:0px;
}
.compatiable-bottom-text{
	letter-spacing:1px;
}
.btn-video{
	background-color:#8dcd7f;
	height:60px;
	border-radius:30px;
    display: inline-block;
}
.btn-video .btn-video-icon{
	background-color:#fff;
	height:60px;
	line-height:60px;
	width:75px;
    display: inline-block;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.btn-video .btn-video-icon i{
    font-size: 20px;
    background-color: #8dcd7f;
    color: #fff;
    line-height: 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    top: 3px;
    padding-left: 3px;
}
.btn-video .btn-video-text{
    display: inline-block;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#8dcd7f;
	color:#fff;
	line-height:60px;
	width:222px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
	padding-right:10px;
}

/* Video Section End*/

/* Featured Project 4 */


.work-inner{
	position:relative;
	text-align:center;
}
.work-inner:hover .work-overlay{
	opacity:1;
}
.work-inner:hover .work-overlay a{
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.work-overlay{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(141, 205, 127, 0.9);
	opacity:0;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.work-overlay a{
	position:relative;
	top:50%;
	transform:translateY(-50%);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   opacity:0;
}
.work-overlay i{
	color:#f2f2f2;
	font-size:26px;
}
#op-3-our-work.owl-theme .owl-controls{
	margin-top:55px;
}
#op-3-our-work.owl-theme .owl-controls .owl-page span{
	width:8px;
	height:8px;
	margin:5px 2px;
    background: #869791 !important;
}

#op-3-our-work.owl-theme .owl-controls .owl-page.active span{
	background-color:#8dcd7f !important;
}

/* Featured Project 4 End*/

/* Review Section 4 */

.section-title-icon i{
	font-size:26px;
	line-height:26px;
	border-bottom:3px solid #8dcd7f;
	color:#8dcd7f;
	padding-bottom: 10px;
}
.section-title h2{
	line-height: 50px;
	font-size: 34px;
	font-weight: bold;
}
.section-title  p{
    font-weight: 400;
    letter-spacing: 1px;
	line-height:30px;
    max-width: 400px;
    margin: 0 auto;
}
.section-title-style-1 p{
    max-width: 100%;	
}
.review-bg{
	background-size:100% 100%;
}
.review-bg .section-title-icon i{
	border-bottom-color:#fff;
	color:#fff;
}
.op-3-review-box-lft{
	float:left;
	width:20%;
}
.op-3-review-box-rt{
	width:79%;
	float:left;
	margin-left: 5px;
}
.op-3-review-box-qoutes blockquote{
	font-size:16px;
	line-height:26px;
	font-style:inherit;
    font-family: 'Open Sans', sans-serif;
	position:relative;
}

.op-3-review-box-qoutes  blockquote::before{
    content: "\2033";
    font-size: 26px;
    position: absolute;
    left: -22px;
    top: -20px;
    transform: rotate(190deg);
    background-color: transparent;
    padding: 0px;
}
.op-3-review-box-user-info{
	padding-top:17px;
}
.op-3-review-box-user-info h3{
    font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	line-height: 26px;
}

/* Review Section 4 End*/
/* Download App Box with Subscribe Box */


.subscribe-section-title p{
    font-family: 'Cabin', sans-serif;
	font-size:18px;
	color:#353535;
	padding-top: 12px;
}
.section--subscribe-des{
	color:#353535;
	font-size:18px;
}
.subscribe-form h3{
	font-size: 18px;
	text-transform: uppercase;
}
.subscribe-form form{
	max-width:500px;
	margin:0 auto;
}
.subscribe-form form input{
	height:45px;
	border:1px solid #cccccc;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	box-shadow:none;
	color:#737373;
	font-family:'Open Sans' , sans-serif;
	font-size:14px;
}

.subscribe-form form input::-webkit-input-placeholder {
	color:#737373;
}
.subscribe-form form input:-moz-placeholder { /* Firefox 18- */
	color:#737373;
}
.subscribe-form form input::-moz-placeholder {  /* Firefox 19+ */
	color:#737373;
}
.subscribe-form form input:-ms-input-placeholder {  
	color:#737373;
}
.subscribe-form form input:focus,.subscribe-form form input:active,.subscribe-form form input:hover{
	border:1px solid #cccccc;
}
.subscribe-form .input-group-btn{
	padding:0px;
}
.subscribe-form .input-group-btn input{
	background-color:#8dcd7f;
	border-color:#8dcd7f;
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	height:45px;
	line-height:45px;
	color:#fff;
	font-family:'Cabin' , sans-serif;
	text-transform:uppercase;
	font-size:14px;
	padding-left:29px;
	padding-right:29px;
}
.btn:focus,.btn:hover,.btn:active,.input-group-btn:focus,.input-group-btn:hover,.input-group-btn:active{
	outline:none;
	box-shadow:none;
}
#mc_embed_signup .alert,#mc_embed_signup .success {
    position: relative;
    margin-bottom: 4px;
    padding: 11px 40px 11px 40px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #8DCD7F;
    color: #FFFFFF;
    top: 41px;
    text-shadow: none;
    float: left;
    transform: translateX(-50%);
    left: 50%;
}

.subscribe-container {
    max-width: 465px;
    text-align: center;
    margin: 0 auto;
}
.subscribe-now .input-group .form-control, .subscribe-now .input-group .subscribe-btn {
    background-color: #9a9a9a;
    color: #fff;
    font-weight: 300;
    border-radius: 0px;
    border: 0px;
    height: 47px;
    box-shadow: none;
}
.subscribe-now .input-group .subscribe-btn {
    height: 47px;
    line-height: 47px;
    border: 0px;
	padding:1px 6px !important;
}
.subscribe-now .input-group .subscribe-btn:hover,.subscribe-now .input-group .subscribe-btn:focus{
	background-color:#9a9a9a !important;
}
.subscribe-container{
	color:#fff;
    font-size: 14px;
    font-weight: 300;
}
.subscribe-now .input-group .subscribe-btn i {
    width: 47px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.subscribe-now .input-group .form-control::-webkit-input-placeholder {
	color:#fff;
}
.subscribe-now .input-group .form-control:-moz-placeholder { /* Firefox 18- */
	color:#fff;
}
.subscribe-now .input-group .form-control::-moz-placeholder {  /* Firefox 19+ */
	color:#fff;
}
.subscribe-now .input-group .form-control:-ms-input-placeholder {  
	color:#fff;
}
.footer-social-icons li a{
	background-color:#3d3d3d;
	width:32px;
	height:32px;
	line-height:32px;
	font-size:11px;
	transition:all 0.1s ease;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
}
.footer-social-icons li {
	line-height:32px;
	margin:0 2px;
}
.footer-social-icons li a i{
	color:#868786;
}
.footer-social-icons li a.fb-icon:hover{
	background-color:#415997;
}
.footer-social-icons li a.tw-icon:hover{
	background-color:#55acee;
}
.footer-social-icons li a.linke-icon:hover{
	background-color:#0e76a8;
}
.footer-social-icons li a.ytube-icon:hover{
	background-color:#d34836;
}
.footer-social-icons li a:hover i{
	color:#fff;
}
}
/* Download App Box with Subscribe Box End*/

/* Form Area 3 */


.op-2-getin-touch-text-box h4{
	font-family:'Roboto', sans-serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
}
.op-2-getin-touch-text-box p{
	font-size:14px;
	line-height:30px;
	color:#333;
}
.op-2-getin-touch-form input,.op-2-getin-touch-form textarea{
	color:#464646;
	border:0px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#d7d7d7;
	border-radius:0px;
	box-shadow:none;
	background-color:transparent;
	width:100%;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	transition:all 0.6s ease;
	margin-bottom:15px;
}
.op-2-getin-touch-form textarea{
    padding: 25px 0px;
}
.op-2-getin-touch-form input{
    height: 47px;
}
.op-2-form-inner{
	float:left;
}
.op-2-form-inner textarea{
	height:135px;
}
.op-2-getin-touch-form input.wpcf7-text::-webkit-input-placeholder  {
	color:#464646 !important;
}
.op-2-getin-touch-form textarea::-webkit-input-placeholder  {
	color:#464646 !important;
}

.op-2-getin-touch-form input.wpcf7-text:-moz-placeholder { 
	color:#464646 !important;
}
.op-2-getin-touch-form textarea::-webkit-input-placeholder  { /* Firefox 18- */
	color:#464646 !important;
}

.op-2-getin-touch-form input.wpcf7-text::-moz-placeholder{  
	color:#464646 !important;
}
.op-2-getin-touch-form textarea::-webkit-input-placeholder  {  /* Firefox 19+ */
	color:#464646 !important;
}

.op-2-getin-touch-form input.wpcf7-text:-ms-input-placeholder{  
	color:#464646 !important;
}

.op-2-getin-touch-form textarea::-webkit-input-placeholder  {  
	color:#464646 !important;
}
.op-2-getin-touch-form .form-control:focus{
	outline:none;
	box-shadow:none;
	border-bottom:1px solid #d7d7d7;
}
.op-2-form-inner form .form-submit-btn{
    float: left;
    margin-top: 15px;
}
.op-2-getin-touch-form  input.wpcf7-submit{
	background-color:transparent;
	border:0px;
	border-radius:0px;
	color:#3498db;
	font-size:15px;
	font-weight:bold;
	font-family:'Cabin', sans-serif;
    text-transform: uppercase;
	padding:0px;
    float: left;
    text-align: left;
    width: auto;
    background-image: url('/wp-content/themes/constructive/assets/img/contact-form-arrow.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 30px;
}
.op-2-getin-touch-form  input.wpcf7-submit:hover{
	background-color:transparent !important;
    background-image: url('/wp-content/themes/constructive/assets/img/contact-form-arrow.png') !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}
.op-2-getin-touch-text-box h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.dark{
	background-color:#eaeaea;
}
/* Form Area 3 End */
/* Footer Styles */


.bottom-img-logo{
    position: relative;
    top: -43px;
    margin-top: -12px;
	text-align:center;
}
.footer-bottom p {
    font-size: 14px !important;
    font-weight: 300;
    color: #6d6d6d;
	padding-bottom:0px;
	padding-top:0px;
}
.footer-bottom p  a{
    color: #6d6d6d;
}

.op-2-social-icon li{
	display:inline-block;
	line-height:90px;
	margin-right:25px;
}
.op-2-social-icon li a i{
	color:#a1a0a0;
	font-size:20px;
}
.one-page-art-v2 footer p{
	color:#a1a0a0;
	line-height:90px;
}
.one-page-art-v2 footer p a{
	color:#a1a0a0;
}
.op-2-social-icon li a.op-2-fb:hover i{
	color:#415997;
}
.op-2-social-icon li a.op-2-tw:hover i{
	color:#55acee;
}
.op-2-social-icon li a.op-2-rss:hover i{
	color:#415997;
}
.op-2-social-icon li a.op-2-google:hover i{
	color:#0e76a8;
}
.op-2-social-icon li a.op-2-linkedin:hover i{
	color:#0e76a8;
}
.op-2-social-icon li a.op-2-skype:hover i{
	color:#d34836;
}
.op-2-social-icon li a.op-2-tumblr:hover i{
	color:#35465c;
}

.op-2-social-icon li{
	display:inline-block;
	line-height:90px;
	margin-right:25px;
}
.op-2-social-icon li a i{
	color:#a1a0a0;
	font-size:20px;
}
.footer-3 p{
	color:#a1a0a0;
	line-height:90px;
}
.footer-3 p a{
	color:#a1a0a0;
}
.op-2-social-icon li a i:hover{
	color:#415997;
}
.op-2-social-icon{
	display:inline-block;
}
.footer-3{
	background-color: #464646;
    height: 90px;
}
.contact-social{
	display:none;
}
.footer-4{
	background-color: #29282b !important;
	color: #6e6c72 !important;
}

.footer-4 .op-3-ft-bottom-bar{
	border-top:1px solid #6e6c72;
}
.footer-4 .op-2-social-bottom li {
	display: inline-block !important;
	margin-bottom: 15px;
}
.footer-4 .op-3-ft-bottom-bar p{
    height: 85px;
    line-height: 85px;
}

.footer-4 .op-2-social-bottom li{
	display:inline-block;
	margin-right:58px;
}
.footer-4 .op-2-social-bottom li:last-child{
	margin-right:0px;
}
.footer-4 .op-2-social-bottom li a{
	font-size:15px;
	color:#6e6c72;
	text-transform:uppercase;
}
.footer-4 .op-2-social-bottom li a i{
	margin-right:5px;
}
.footer-4 .logo-bottom{
	position:relative;
	top:-36px;
}
.onepage-overlay {
    background-color: rgba(94,92,92,0.73);
    position: absolute;
    width: 100%;
    top: 0px;
    height: 100%;
    z-index: 999;
}
#scrollUptwo{
	cursor:pointer;
}

/* Footer Styles End */

/* Tabs */


.section-tabs-sub-title {
	font-weight:bold;
}
.op-2-tabs .nav-tabs {
	text-align:center;
	position: relative;
	top: -38px;
	border-bottom:0px;
}
.op-2-tabs .nav-tabs li{
	width:72px;
	height:72px;
	margin-right:90px;
	border-radius:50%;
	line-height:72px;
	float:none;
	display:inline-block;
	border:5px solid #fff;
}

.op-2-tabs .nav-tabs li.active{
	background-color:#464646;		
}
.op-2-tabs .nav-tabs li.active a{
	background-color:transparent;
	border:0px;
}
.op-2-tabs .nav-tabs li a{
	padding: 0px;
	margin: 0px;
	line-height: 56px;
	border:0px;
}
.op-2-tabs .nav-tabs li a:hover,.op-2-tabs .nav-tabs li a:active,.op-2-tabs .nav-tabs li a:focus{
	background-color:transparent;
	border:0px;
	outline:none;
	box-shadow:none;
}
.op-2-tabs .nav-tabs li:last-child{
	margin-right:0px;
}

.op-2-tabs .nav-tabs>li>a,.op-2-tabs  .tabs-below>.nav-tabs>li>a {
    background: transparent !important; 
}
.op-2-tabs .tab-content{
	background-color: transparent !important; 
}
.tab-header h2 ,.tab-header p{
	color:#fff;
}
.icon-container{
    width: 72px;
    height: 72px;
    margin-right: 90px;
    border-radius: 50%;
    line-height: 59px;
    float: none;
    display: inline-block;
    border: 5px solid #fff;
	text-align:center;
}
.tab-content{
	position:relative;
}
.tabs-container{
	position:absolute;
	top:0px;
	left:0px;
}
.op-2-tabs .nav-tabs>li>a span,.op-2-tabs .nav-tabs>li>a i{
	padding:0px 0px;
}
/* Tabs End */

/* Tabs 2 */


.op-3-tabs-2-container .tabs-thumb{
	position:absolute;
	right:0px;
	bottom:0px;
	/*! padding-top: 90px; */
}
.op-3-section-tab-title h4{
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
}
.op-3-section-tab-des p{
	color:#353535;
}
.op-3-tabs-container .nav-tabs > li > a{
		font-weight: bold;
		font-size: 16px;
		line-height: 45px;
		border-radius: 0px;
		border: 1px solid #cccccc;
		padding: 0px;
		width: 163px;
		height: 45px;
		text-align: center;
		position: relative;
		background-color: #FFF;
	  transition: all 0.1s ease;
}

.op-3-tabs-container .nav-tabs{
	border-bottom:0px;
}
.op-3-tabs-container .tab-content{
	background-color:#fff;
	border:1px solid #cccccc;
	min-height: 300px;
}
.op-3-tabs-container .tab-content > .tab-pane {
    padding-left: 30px;
    padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.op-3-tabs-container .tab-content > .tab-pane p {
	color:#353535;
}
.op-3-tabs-container .nav-tabs > li > a{
	margin-right:0px;
	border-right-width:0px;
}
.op-3-tabs-container .nav-tabs  li:last-child > a{
	border-right-width:1px;
    width: 163px;
}
.op-3-tabs-container .nav-tabs > li.active > a,
.op-3-tabs-container .nav-tabs > li.active > a:hover,
.op-3-tabs-container .nav-tabs > li.active > a:focus,
.op-3-tabs-container .nav-tabs li a:hover,
.op-3-tabs-container .nav-tabs li a:focus{
		color: #FFF;
		cursor: pointer;
		background-color: #8dcd7f;
		border-color:#8dcd7f !important;
		border-right-color:#8dcd7f !important;
}


/* Tabs 2 End */
/*Coustom Media Query CSS*/
@media (min-width: 1900px) {	
	.fore-ground-img img{
		    width: auto;
	}
}
@media only screen and (max-width: 1280px) {
	.contact-form-2-btn::before {
		left:10%;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.op-testimonial-description blockquote{
		width:415px;
		height:auto;
	}
	.op-testimonial-description blockquote:before,
	.op-testimonial-description blockquote:after {
		display:none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.parallax {
		background-attachment: scroll !important;
		background-position: center top !important;
		background-size: cover !important;
		height: auto;
		margin: 0 auto;
		width: 100%;
	}
	.text-center-tab{
		text-align:center;
	}
	.header-area h1 span{
		display:block;
		padding:0;
	}
	.header-area h1{
		display:block;
		padding:0;
	}
	.about-more-area{
		margin-top:119px;
	}
	.about-boxes{
		margin-top:-119px;
	}
}

@media only screen and (max-width: 781px) {
	.parallax {
		background-attachment: scroll !important;
		background-position: center top !important;
		background-size: cover !important;
		height: auto;
		margin: 0 auto;
		width: 100%;
	}
	h1, .h1-like {
	  font-size: 40px;
	  line-height: 56px;
	}
	.text-center-tab,.text-center-mob{
		text-align:center;
	}
	.header-area h1 span{
		display:block;
		padding:0;
	}
	.header-area h1{
		display:block;
		padding:0;
	}
	
	.philosophy-list li {
		width: 100%;
	}
	.about-more-area{
		margin-top:0;
	}
	.about-boxes{
		margin-top:0;
	}
	
	/* Landing Page 1 */
	.onepage-nav .navbar li{
		margin-right:30px;
	}
	/* Landing Page 2 */
	/* Landing Page 3 */
	.one-page-art-v3-overlay{
		width: 51%;
	}
	.op-3-tabs-container  .nav-tabs li{
		width:100%;
	}
	.op-3-tabs-container  .nav-tabs li a{
		display:block;
		width:100%;
		border-right-width: 1px;
	}
	
	.op-3-tabs-container  .nav-tabs li:last-child a{
		display:block;
		width:100%;
	}
	.op-3-tabs-container .tab-content > .tab-pane{
		padding-right:30px;
	}
	.op-3-review-box{
		text-align:center;
	}
	.op-3-review-box-lft,.op-3-review-box-rt{
		width:100%;
	}
	.review-bg {
		background-size: auto 100%;
	}
	.fore-ground-container{
		height:auto;
		overflow:visible;
	}
	.fore-ground-img img{
		width:100%;
	}
	.container-wrap-inner{
		max-width:100%;
	}
	#op-2-our-work img{
		width:100%;
	}
	.op-2-our-work .owl-theme .owl-controls{
		bottom:0px;
	}
	.project-successfull{
		height:600px !important;
	}
	.op-project-area .bg-white{
		float:left;
		width:100%;
	}
	.services-line{
		display:none;
	}
	.op-2-getin-touch-address {
		text-align:center;
	}
	.right-position{
		padding-left:30px !important;
		padding-right:30px !important;
		padding-bottom:50px !important;
		padding-top:30px !important;
	}
	.left-position{
		padding-left:30px !important;
		padding-right:30px !important;
		padding-bottom:30px !important;
		padding-top:60px !important;
	}
	.op-2-section-header-title{
		padding-left:15px; 
		padding-bottom: 0px !important;
		margin-bottom:20px;
	}
	.op-2-section-header-title:before{
		position: absolute;
		top:0;
		left:0;
		content:"";
		width: 5px;
		height: 100%;
		background-color: #579ed2;
		display: inline-block;
		margin-right: 2px;
	}
	.border-left{
		display:none;
	}
	.op-2-tabs .nav-tabs {
		top: -24px;
	}
	.op-2-tabs .nav-tabs li {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.op-2-tabs .nav-tabs li a {
		line-height: 37px;
	}
	.creation-focus-btn span{
		height:auto;
	}
	.owl-item .op-2-section-header-title{
		margin-bottom: 0px;
	}
	.op-2-section-product{
		padding-top:30px;
	}
	.op-2-section-header-title, .section-tabs-title, .section-title-2{
		line-height:38px;
	}
	.creation-focus-btn span{
		line-height: 40px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.op-2-tabs .nav-tabs li a img{
		width:19px;
	}
	.op-2-partners-list li{
		margin-right: 0px;
		padding-right: 0px;
		width: 100%;
	}
	.op-2-getin-touch-address,.op-2-form-inner{
		padding: 30px !important;
	}
	footer .social-icons ul a:first-child{
		display:block;
	}
	.header-area-image h1{
		font-size:46px;
	}
	.header-area-title2 .sub-heading{
		transform: translateY(0%);
	}
	.popup-video h3{
		font-size:20px;
	}
	.real-man .col-md-5{
		margin-top:30px;
	}
	.popup-video h3 span{
		float:left;
		width:100%;
	}
	.popup-video h3 a{
		float: left;
		width: 100%;
		margin-bottom: 22px;
	}
	.header-area-title2 h1{
		font-size:50px;
	}
	.single-service2 h4,
	.single-about .single-info h4{
		font-size:20px;
	}
	.single-info{
		padding: 30px 30px;
	}
	.creation-focus-btn span{
		font-size:20px;
	}
	#op-2-our-work .item .col-md-6{
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}

@media (max-width: 680px) {	
	/* Landing Page 1 */
	.onepage-nav .navbar li{
		margin-right:30px;
	}
	.onepage-logo .navbar-toggle .icon-bar{
		background-color:#3498DB;
	}
	.onepage-social-icons{
		display:none;
	}
	.onepage-phone-no{
		text-align:center;
	}
	.onepage-nav{
		height:auto;
	}
	.onepage-nav .navbar{
		width:100%;
	}
	.onepage-nav .navbar li{
		margin-right:0px;
		width:100%;
	}
	.onepage-nav .navbar li a{
		width: 100%;
		line-height:60px;
		min-height:60px;
		padding: 0px;
		text-align:center;
		display: block;
	}
	.onepage-logo img{
		float:left;
	}
	.onepage-sub-heading h1{
		font-size:50px;
	}
	.onepage-sub-heading h3{
		line-height: 37px;
	}
	.one-page .op-h2{
		line-height:32px;
	}
	.one-page .container{
		padding-left:15px;
		padding-right:15px;
	}
	.op-about-box-container ,.one-page .services-inner-box .services-box{
		margin-bottom:30px;
	}
	.one-page footer .social-icons li:first-child,
	.social-icons li:first-child{
		display: inline-block;
	}
	.one-page-art-v2 footer{
		height:auto;
	}
	/* Landing Page 2 */
	/* Landing Page 3 */
	
	.one-page-art-v3 .container{
		padding-right: 10px;
		padding-left: 10px;
	}
	.banner-row h1 {
		font-size: 42px;
		line-height: 43px;
	}
	.service-box-main{
		padding-left:0px;
		padding-right:0px;
	}
	.one-page-art-v3 .logo,.sing-in-btn-top{
		text-align:center;
	}
	.sing-in-btn-top{
		margin-top:25px;
	}
	.one-page-art-v3-overlay {
		width: 100%;
	}
	.join-us-form{
		text-align:center;
	}
	.one-page-art-v3 .join-us-text{
		width:100%;
		padding-right:30px;
		padding-left:30px;
	}
	.one-page-art-v3 .services-box{
		padding-left: 30px;
		padding-right: 30px;
	}
	.one-page-art-v3 .tabs-thumb{
		display:none;
	}
	.subscribe-app-logo img{
		margin-right:0px;   
		margin-bottom: 10px;
	}
	.op-2-social-bottom li {
		display: inline-block;
		margin-bottom: 15px;
		width:100%;
	}
	.one-page-art-v3 .op-3-ft-bottom-bar p{
		height:auto;
		line-height:inherit;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.one-page-art-v3 header{
		height: auto;
		background-size: auto 100%;
	}
	.one-page-art-v3 header .pad-top-90{
		padding-top:0px;
	}
	.one-page-art-v3 header .pad-left-15{
		padding-left:0px;
	}
	.section-bottom-btn .btn-video .btn-video-text {
		width: 180px;
	}
	.op-h2{
		line-height: 36px;
	}
	.position-form{
		position:static;
		margin-top: 90px;
	}
	.projectslide1 img{
		width:100%;
		margin-bottom:30px;
	}
	.op-testimonial-description blockquote{
		width:100%;
		margin-left:0px;
		padding:15px 15px 15px 15px;
	}
	.op-testimonial-description{
		margin-top: 70px;
	}
	.op-testimonial-thumb{
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		top: 4px;
	}
	.op-testimonial-user{
		margin-left:0px;
		text-align:center;
	}
	.op-testimonial-description blockquote::before,
	.op-testimonial-description blockquote::after {
		display:none;
	}
	.contact-form-2-btn::before {
		left:10%;
	}
	.header-area-image h1{
		padding-right:15px;
		font-size: 43px;
	}
	.op-project-area{
		margin-top:0px;
	}
	.header-style-3 .pad-top-30{
		padding-top: 5px !important;
	}
	.header-style-3 .pad-top-15{
		padding-top: 0px !important;
	}
	.op-project-area {
		margin-top:0px;
	}
	.header-style-4 {
	    height: auto;
		background-position: top center;
		background-repeat: no-repeat;
		position: relative;
		background-size: auto 100%;
	    padding-bottom: 30px;
	}
	.header-style-4 .logo{
		text-align:center;
	}
	.about-box-4{
		padding-top: 30px;
		padding-bottom: 30px;
		height:auto;
	}
	.about-box-4-inner{
		top: 0%;
		transform: translateY(0%); 
	}
	.op-3-tabs-2-container .tabs-thumb {
		position: static;
	}
	.header-style-4 .join-us-title .pad-top-40{
		padding-top: 10px !important;
	}
	.subscribe-form .input-group-btn{
		float:left;
		width:100%;
	}
	.subscribe-form .input-group-btn input,
	.subscribe-form form input{
		border-radius:30px !important;
	}
	.subscribe-form .input-group{
		width:100%;
	}
	.subscribe-form .input-group-btn input{
		width:100%;
		margin-top:10px;
	}
	.join-us-form form{
		max-width:100%;
	}
	#op-3-our-work .owl-item{
		max-width:270px;
	}
	
}
@media (max-width: 768px) {	
	.slider2logo{
		left: 45% !important;
	}
	.slide1p{
		left: 43% !important;
	}
	.slide1t1{
		left:31% !important;
	}
	.slide1t2{
		left: 42% !important;
	}
	.ls-wp-fullwidth-container .onepage-btn {
		padding: 9px 10px;
	}
	.home-text h1, 
	.home-tex .h1-like{
		font-size: 48px;
		line-height: 57px;
	}
}
@media (max-width: 415px) {	
	.slider2title2{
		left:11% !important;
		letter-spacing:2px !important;
	}
	.slider2logo{
		left: 47% !important;
	}
	.slider2p1{
		left: 21% !important;
	    font-size: 11px !important;
	}
	.slide1p {
		left: 37% !important;
	}
	.slide1t1 {
		left: 25% !important;
	}
	.slide1t2 {
		left: 36% !important;
	}
	.slide1bt1{
		left: 18% !important;
	}
	.slide1bt1 .onepage-btn{
		font-size: 12px;
	}
}
@media (max-width: 380px) {	
	.slider2title2{
		left:11% !important;
		letter-spacing:2px !important;
	}
	.slider2logo{
		left: 48% !important;
	}
	.slider2p1{
		left: 21% !important;
	    font-size: 9px !important;
	}
}
@media (max-width: 375px) {	
	.slide1bt1 {
		left: 14% !important;
	}
	.slide1p {
		left: 33% !important;
		font-size: 12px !important;
		top: 38px !important;
	}
}
@media (max-width: 320px) {	
	.slide1bt1 {
		left: 7% !important;
	    top: 120px !important;
	}
	.slide1p {
		left: 30% !important;
	}
}
.header-area-title2	 h1 {
	display: inline-block !important;
	font-weight: 700 !important;
	padding-left: 15px !important;
	text-transform: uppercase !important;
}
.header-area-title2  h5 {
	padding: 20px 0 40px !important;
}
.header-area-title2  h3 {
	 padding-bottom: 25px !important;
}