/* 
Theme Name: Tabor
Description: Exclusive Custom Theme for Tabor Samtosa Abadi
Version: 1
*/
/*wordpress core*/
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

.row-no-container{margin-left:0px;margin-right:0px;}
.col-xs-five,.col-sm-five,.col-md-five,.col-lg-five {position:relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-xs-five {width: 20%;float: left;}@media (min-width: 768px){.col-sm-five {width: 20%;float: left;}}@media (min-width: 992px){.col-md-five {width: 20%;float: left;}}@media (min-width: 1200px){.col-lg-five {width: 20%;float: left;}}
/*bootstrap equal row equal height*/
.row-eq-height {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;}
.row-vertical-centering {justify-content: center;align-items: center;display: flex;}
/*col no padding*/
.no-pad{padding-right:0!important;padding-left:0!important;}.no-pad-right{padding-right:0!important;}.no-pad-left{padding-left:0!important;}

.clearfix{z-index: -1;}.clearfix:before,.clearfix:after,.row:before,.row:after{content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
.row:after,.clearfix:after{clear: both;}

*{margin:0;padding:0;position:relative;-webkit-text-size-adjust:none!important;-moz-text-size-adjust:none!important;-ms-text-size-adjust:none!important;text-size-adjust:none!important;/*disable chrome font-boosting*/max-height: 10000000px;}
table th,table td{background-clip: padding-box;}
a{text-decoration:none;}
a:focus,a:hover {outline: 0;text-decoration: none;}
a img{border:none;}
img{max-width:100%;height:auto;}
.image-wrapper{overflow:hidden;}
.image-wrapper img{max-width:100%;max-height:100%;width:auto;height:auto;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.image-wrapper.landscape,.image-wrapper.potrait{overflow:hidden;}
	.image-wrapper.landscape > img{max-width:none;max-height:none;height: 100%;width:auto;position: absolute;top: -100000px;		
		right: -100000px;bottom: -100000px;left: -100000px;margin: auto;}
	.image-wrapper.potrait > img{max-width:none;max-height:none;width: 100%;height:auto;position: absolute;top: -100000px;		
		right: -100000px;bottom: -100000px;left: -100000px;margin: auto;}

.flex-container{display:flex;flex-direction: row;align-items: center;align-content: center;justify-content: space-between;flex-wrap: wrap;}
.flex-container.absolute{position:absolute;height:100%;width:100%;top:0;left:0;justify-content: center;}
	.flex-container .flex-item-top{align-self:flex-start;}
	.flex-container .flex-item-center{align-self:center;}		
	.flex-container .flex-item-bottom{align-self:flex-end;}	
.image-background-half-screen{width: 50vw;max-width: none;position: absolute;object-fit: cover;height: 100%;}
.image-background-half-screen.image-background-half-screen-left{right: 0px;}
.image-background-half-screen.image-background-half-screen-right{left: 0px;}

body{
	font-family:arial;
	-webkit-font-smoothing:antialized;
	text-rendering: optimizelegibility;
	background-color:#f7f8f8;
}
h1,h2,h3,h4{
	font-family:'CorbelBold';
	color:#231f20;
}
p,
li,
address{
	font-family:'CorbelLight';
	font-size:15px;
	color:black;
	line-height: 30px;
}
a{
	font-family:'CorbelLight';	
}
li{
	list-style:none;
}
.the-content li{
	/*list-style:none;*/
	list-style-position: inside;
	font-family: "CorbelLight";
	font-size:15px;
	list-style-type: disc;
}
h1{
	font-size:34.97px;
}

.container .cols{
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.cols{
	padding-left:15px!important;
	padding-right:15px!important;	
}

.band.nav{
    background-color: white;
	z-index: 1;
	padding-top: 92px;
	border-bottom:2px solid #f38b6f;
}
.band.nav.sticky{
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;	
}
.band.nav.home-nav{
	position:absolute;
    bottom: 18px;
    z-index: 1;
    margin: auto;
    right: 0;
    left: 0;
}
	.band.nav.home-nav .menu-logo{
	}
	.band.nav .menu-logo{	
		position: absolute;
		top: -60px;
		left: 15px;	
		z-index: 1;
	}
		.band.nav .menu-logo img{	
		}

.navbar {
    background-color: transparent;
    border: none;	
    border-radius: 0px;
	margin-bottom:0px;
}
/*FORCE RESPONSIVE MENU DISPLAYED ON ALL SCREEN RESOLUTION */
/*    .navbar-collapse.collapse {
        display: none!important;
    }
	.navbar-collapse.collapse.in{
	  display:block !important;
	}*/	
	.navbar-collapse {
		position:static;
		padding-right: 0px;
		padding-left: 0px;
		border-color: #cfcfcf;
	}
	.navbar-brand  img{
		width: 88px;
		margin-top: -10px;
	}
	.navbar-nav{
		text-align:right;
		float:none;
	}	
		.navbar-nav > li {
			margin: 0px 8px;
			float:none;
			display: inline-block;
			top: 2px;
		}
			.navbar-default .navbar-nav > li > a{
				transition:all 0.25s ease-in-out;			
				font-family:'MyriadProBold';
				font-size:24px;
				color:#231f20;
				border-bottom: 3px solid transparent;
				padding: 0px 10px 0px;
				line-height: 65px;			
			}
				.navbar-default .navbar-nav > li > a:focus,
				.navbar-default .navbar-nav > li > a:hover{
					background-color:transparent!important;
					color:#231f20!important;
					border-bottom: 3px solid #231f20;
				}			
				.navbar-default .navbar-nav > .active > a,
				.navbar-default .navbar-nav > .active > a:focus,
				.navbar-default .navbar-nav > .active > a:hover{
					background-color:transparent!important;
					color:#231f20!important;
					border-bottom: 3px solid #231f20;
				}
			.navbar-default .navbar-nav .dropdown-menu{				
				background-color: #dedfe0;
				width: 200px;
				position: absolute;
				left: 50%;
				margin-left: -100px;
			}	
				.navbar-default .navbar-nav .dropdown-menu > li > a{
					font-family:'CocogooseLight';
					display:block;
					padding: 0px 10px;
					font-size:12px;
					color:#231f20!important;	
					line-height:30px;
				}
				.navbar-default .navbar-nav .dropdown-menu > .active > a,
				.navbar-default .navbar-nav .dropdown-menu > .active > a:focus,
				.navbar-default .navbar-nav .dropdown-menu > .active > a:hover{
					background-color:black!important;
					color:white!important;				
				}	
		.navbar-nav #searchform input[type="submit"] {
			display:none;
		}
		.navbar-nav #searchform input[type="text"] {
			line-height: 28px;
			border: 3px solid #414142;
			border-radius: 14px;
			width: 140px;
			padding-left: 29px;
		}	
		.navbar-nav #searchform::after {
			content:'';
			position:absolute;
			top: 6px;
			left: 7px;
			width: 21px;
			height: 21px;
			background-image:url('images/template/magnifier-icon.png');
			background-position:center;
			background-repeat:no-repeat;
			background-size:contain;
		}		
.header-contact	{
	position:absolute;
	right: 35px;
	top: -60px;
}
	.header-contact	a{
		display:inline-block;
		margin-left:10px;
	}
	

footer{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;	
	padding:50px 0px;
	font-family:'MyriadProRegular';
	font-size:25px;
	color:#231f20;
}

 /* hide slick slider until ready */
 .slider{
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.slick-slider.slick-initialized {
    visibility: visible;
    opacity: 1;    
}	
.slider .slick-slide{
    position:absolute;
}
 .slider .slick-slide:first-child{
    position:relative;
}
.slick-initialized.slick-slider .slick-slide,
.slick-initialized.slick-slider .slick-slide:first-child{
    position:relative;
}		
.slick-slide img{			
	max-width: 100%;
	width: 100%;
	height: auto;	
	display:block;
	margin:auto;
}
.slider-nav-wrapper{
	position: absolute;
	bottom: 50px;
	right: 0;
	left: 0;
	margin: auto;
	width: 140px;
}
.slider-prev,
.slider-next{
	transition:all 0.25s ease-in-out;
	/* background: url('images/template/slider-arrow.png') no-repeat 0% / contain;	 */
	float:left;
	line-height: 34px;
	cursor: pointer;
	border: 1px solid #231f20;
	outline: none;
	width: 70px;
	height: 46px;
	opacity: 0.8;
	top: 50%;
	margin-top: -38px;
	font-size: 40px;
	text-align: center;
	user-select:none;
}
.slider-prev:hover,
.slider-next:hover{
	opacity:1;
}
.slider-prev{
	
}
.slider-next{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";			
	
}	

.slick-dots{
	bottom: 15px;	
}
	.slick-dots li button::before {
		color:red;
		font-size: 60px;
	}
	.slick-dots li.slick-active button::before {
		color: red;
		opacity:1;
	}	
/* SQUARE STYLE */
	.slick-dots li {
		width: 53px;
		height: 4px;	
		margin: 0 2px;
	}
		.slick-dots li button::before {
			content: '';
			background-color: white;
			width: 53px;
			height: 4px;
		}	

/*COMMON CLASS*/
a.anchor {
    height: 0px;
    display: block;
}		
.wpcf7-response-output{
	font-family: "CorbelLight";
	font-size: 15px;
}
#es_shortcode_msg span{
	font-family: "CorbelLight";
	font-size: 15px;
}
.frame-wrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
	.frame-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}	
	
.fancybox__backdrop {
	background: rgba(255,255,255,0.8);
}
.fancybox-navigation{
	position:static;	
}
.fancybox-nav {
    width: 15%;
}

.link-animate{
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
}
	.link-animate:hover{
		opacity:0.7;
	}

.styled-title{
	font-family:'MyriadProSemibold';
	font-size:38px;
	color:#231f20;
}
	.styled-title span{
		font-family:'MyriadProBold';
		font-size:57px;
		color:#ec2227;
	}

.styled-button{
	font-family: 'MyriadProRegular';
  	font-size: 25px;
	color: #231f20;
	text-align: center;
	border: 1px solid #231f20;
	line-height: 42px;
	display: inline-block;
	width: 177px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}	
/*____________________________________*/

/* COMMON TEMPLATE */
.common-pagination{
	text-align:center;
}
	.common-pagination a,
	.common-pagination span{
		font-family: 'MarkPro';
		font-size: 18px;
		padding: 10px 15px;
	}
	.common-pagination span{
		font-weight:bold;
		font-size: 18px;
		border-bottom: 2px solid black;
	}


.common-vision-mission .grouper{
	/* margin-top: -100px; */
}
.common-vision-mission .item{
	padding:30px 20px;
}
.common-vision-mission .item:nth-child(1){
	background-color:#cd163f;
}	
.common-vision-mission .item:nth-child(2){
	background-color:#febe10;
}	
.common-vision-mission .item:nth-child(3){
	background-color:#0070a6;
}	
.common-vision-mission .item h2{
	font-family:'Cocogoose';
	font-size:30px;
	color:white;
	margin:0px 0px 20px;
}
.common-vision-mission .item img{
	width:100%;
	margin-bottom:20px;
}
.common-vision-mission .item p{
	text-align:justify;
	color:white;
}
	.common-vision-mission .item p span{
		display:inline-block;
		width:20px;
	}
.common-vision-mission .item:nth-child(2) h2,
.common-vision-mission .item:nth-child(2) p{
	/* color:#231f20; */
}

.common-our-works .columns-3{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
	.common-our-works .columns-3 > *{
		width:calc(100%/3);
	}
	.common-our-works .item a{
		display:block;
	}
	.common-our-works .item img{
		width:100%;
	}
	.common-our-works .item .overlay{
		transition:all .25s ease-in-out;
		opacity:0;
		background-color: rgba(000,000,000,0.4);
		width:100%;
		height:100%;
	}
	.common-our-works .item:hover .overlay{
		opacity:1;
	}
	.common-our-works .item .likes{
		display: inline-block;
		text-align:center;
		border-right:1px solid white;
		padding-right:10px;
		margin-right:10px;
		vertical-align: super;
	}
		.common-our-works .item .heart{
			width:17px;
		}
		.common-our-works .item h4{
			font-family:'CodeBold';
			font-size:14px;
			color:white;
			margin:0px;
		}
	.common-our-works .item .item-title-wrap{
		display:inline-block;
	}
	.common-our-works .item h2{
		font-family:'CorbelBold';
		font-size:26px;
		color:white;
		margin:0px;
	}
	.common-our-works .item h3{
		font-family:'CorbelLight';
		font-size:18px;
		color:white;
		margin:0px;
	}

.common-contact-us{
	background-image:url('images/home/background.jpg');
	background-size:cover;
	background-position:top;
	background-repeat: no-repeat;
	padding:100px 0px 200px;
}
	.common-contact-us h2{
		margin:0px 0px 100px; 
	}
	.common-contact-us h3::before{
		content:'';
		position:absolute;
		top: 54px;
  		right: 0px;
		width:1000px;
		border:1px solid #febe10;
	}
	.common-contact-us h3::after{
		content:'';
		position:absolute;
		top: 53px;
  		right: 0px;
		width:100px;
		border:2px solid #231f20;
	}
	.common-contact-us h3{
		font-family:'CorbelLight';
		font-size:38px;
		color:#231f20;
		margin:0px 0px 50px;
	}
	.common-contact-us address{
		font-size:18px;
		margin-bottom:40px;
	}
		.common-contact-us address a{
			color:#231f20;
		}



	.common-contact-us .contact-form .fix{		
		font-family:'MyriadProRegular';
		font-size:25px;
		display: inline-block;
		width: 20%;
	}
	.common-contact-us .contact-form select{
		border:1px solid black;	
		margin: 10px 0px;
	}
	.common-contact-us .contact-form input,
	.common-contact-us .contact-form textarea{		
		font-family:'MyriadProRegular';
		font-size:20px;
		width: 79%;
		background-color:transparent;
		border:none;
		padding:0px 5px;
		margin-bottom: 10px;
		vertical-align: inherit;
		border-bottom:2px solid #808080;
	}
	.common-contact-us .contact-form textarea{		
		width:100%;
		border:2px solid #808080;
		background-color:white;
	}
	.common-contact-us .contact-form p.captcha .fix img {
		max-width: 100%;
	}		
	.common-contact-us .contact-form p.submit{			
		text-align:right;
	}
		.common-contact-us .contact-form input[type='submit']{		
			font-family:'MyriadProRegular';
			font-size:25px;
			color:#231f20;	
			transition:all 0.25s ease-in-out;
			padding: 4px 30px;			
			margin-top:40px;
			background-color:transparent;
			line-height:42px;
			width:130px;
			text-align: center;
			border:2px solid #808080;
		}	
		.common-contact-us .contact-form input[type='submit']:hover{				
			opacity:0.7;
		}
		

/* 404 PAGE */
.error404 main{text-align: center;min-height:80vh}.error404 main h2{margin-bottom: 40px;}.error404 main a{font-size: 25px;}

/*HOME PAGE*/
.home.page section.first .background-image{
	position:absolute;
	width:100%;
}
.home.page section.first .slider-wrapper{
	padding-top:50px;
	padding-bottom: 120px;
}
.home.page section.first .slider-hero{
	padding-top:50px;
}
.home.page section.first .slider-hero h2{
	font-family: 'MyriadProRegular';	
	font-size:53px;
	color:black;
	margin:20px 0px 40px;
}
	.home.page section.first .slider-hero strong{
		font-family: 'MyriadProBold';	
		color:#eb2127;
	}
.home.page section.first .slider-hero h3{
	font-family: 'MyriadProRegular';	
	font-size:27px;
	color:#808184;
}
.home.page section.first .slider-hero p{
	font-family: 'MyriadProRegular';	
	font-size:20px;
	color:#231f20;
	margin-bottom:30px;
}
	.home.page section.first .slider-hero p span{
		font-family: 'MyriadProBold';	
	}
	.home.page section.first .slider-hero p strong{
		font-size:27px;
	}

.home.page section.first .slider-col li{
	font-family: 'MyriadProRegular';	
	font-size:18px;
	color:#808184;
	left:10px;
	padding-left:20px;
	padding-right:10px;
	margin-bottom:20px;
	text-align: justify;
}
.home.page section.first .slider-col li .bullet{
	position:absolute;
	left:-3px;
}
.home.page section.first .slider-col li span{
	display:inline-block;
	font-style:italic;
	font-size:20px;
	color:#231f20;
	margin-bottom:10px;
}
.home.page section.first .slider-col img{
	margin-bottom:20px;
}


.home.page section.third{
	background-color:#fbfbfb;
	background-image:url('images/home/milestone-background.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:bottom;
}

.home.page section.third{
	padding:100px 0px 300px;
}
.home.page section.third .milestone{
	float: right;
	right: 80px;
}
.home.page section.third .item{
	position:absolute;
}
	.home.page section.third h3{
		font-family:'MyriadProBold';
		font-size:22px;
	}
		.home.page section.third h3 small{
			font-family:'MyriadProRegular';
			font-size:17px;
		}
	.home.page section.third h3 span{
		font-family:'MyriadProRegular';
		font-size:25px;
	}
	.home.page section.third p{
		font-family:'MyriadProRegular';
		color:#818285;
		font-size:17px;
		line-height: 18px;
		text-align:justify;
	}
	.home.page section.third p strong{
		color:#231f20;
	}
	
.home.page section.third .blue{
	top: -6px;
	right: 0px;
	width: 240px;
}
	.home.page section.third .blue h3{
		color:#231f20;
		text-align:right;
	}
	.home.page section.third .blue h3 span{
		color:#0070a6;
	}
.home.page section.third .yellow{
	top: 208px;
  	left: 0px;
	width: 240px;
}
	.home.page section.third .yellow h3{
		color:#231f20;
		text-align:left;
	}
	.home.page section.third .yellow span{
		color:#febe10;
	}
.home.page section.third .red{
	top: 442px;
	right: 0px;
	width: 240px;
}
	.home.page section.third .red h3{
		color:#cd163f;
		text-align:right;
	}
.home.page section.third .grey{
	top: 514px;
	left: -80px;
	width: 240px;
}	
	.home.page section.third .grey h3{
		color:#7d7d7d;
		text-align:left;
	}

.home.page section.fourth{
	margin-top: -147px;
}
.home.page section.fourth .styled-title{
	margin: 0px 0px 50px;
}
.home.page section.fourth .center{
	text-align: center;
	padding-top: 20px;
	background: white;
}
	.home.page section.fourth .center a{
		font-family:'MyriadProRegular';
		font-size:25px;
		color:#231f20;
	}

.home.page section.fifth{
	padding:50px 0px 100px;
	background-color:white;
}


.home.page section.sixth {
	padding:100px 0px;
}
.home.page section.sixth .styled-button{
	position:absolute;
	top:60px;
	right:15px;
}
.home.page section.sixth .collection {
	margin-top:100px;
}
.home.page section.sixth .collection .item img{
	width:100%;
}
.home.page section.sixth .collection h2{
	font-size:38px;
	color:#231f20;
	font-family:'CorbelLight';
	display:inline-block;
	border-bottom:2px solid #f38b6f;
	line-height: 90px;
	width: 170px;
	padding-left: 20px;
}
.home.page section.sixth .collection h2::before{
	content:'';
	position:absolute;
	bottom:-2px;
	width:91px;
	border-bottom:3px solid #231f20;
}

/*PAGE ABOUT US*/
.page-template-page-about-us main{
	overflow:hidden;
}
.page-template-page-about-us main > .background{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
	.page-template-page-about-us main > .background img{
		width:100%;
	}
.page-template-page-about-us section.first{
	/* background-image:url('images/about-us/heidelberg-background.jpg');
	background-position: center;
	background-size:100%;
	background-repeat:no-repeat;
	padding:100px 0px 180px;
	background-color:white; */
}
.page-template-page-about-us section.first .row{
	margin-bottom:40px;
}

.page-template-page-about-us section.first .title-wrap{
	margin-top:50px;
	margin-bottom:30px;
}
.page-template-page-about-us section.first .title-wrap h2{
	font-family: 'MyriadProBold';
	font-size:42px;
	color:#231f20;
}
	.page-template-page-about-us section.first .title-wrap h2 span{ 
		color:#ec2227;
	}
.page-template-page-about-us section.first p{
	font-family: 'MyriadProRegular';
	font-size:23px;
	color:#808083;
	text-align:justify;
}
	.page-template-page-about-us section.first p strong{
		font-family: 'MyriadProBold';
	}
.page-template-page-about-us section.first .bullet{
	color:#231f20;
	font-style:italic;
}
	.page-template-page-about-us section.first .bullet span{
		display:inline-block;
		width:40px;
	}
.page-template-page-about-us section.first img{
	margin-top:30px;
	margin-bottom:30px;
}

.page-template-page-about-us section.first .bullet-list{
	left:30px;
	padding-right:30px;
}
	.page-template-page-about-us section.first .bullet-list span{
		display:inline-block;
		font-style:italic;
		color:#231f20;
		margin-bottom:10px;
	}
	.page-template-page-about-us section.first .bullet-list span::before{
		content:'';
		position:absolute;
		top: 7px;
  		left: -32px;
		width:22px;
		height:14px;
		background-image:url('images/about-us/bullet-icon.png');
		background-size:contain;
	}
	.page-template-page-about-us section.first .why-us img{
		margin-top:0px;
		margin-bottom:20px;
	}


/*OUR WORKS PAGE*/
.page-template-page-our-works section.first{
	margin-top:50px;
}
.page-template-page-our-works section.first .filter{
	text-align:right;
	border-bottom: 1px solid black;
	margin-top: 60px;
}
.page-template-page-our-works section.first .filter li{
	display: inline-block;
}
.page-template-page-our-works section.first .filter li a{
	font-size:12px;
	font-family:'Cocogoose';
	line-height:30px;
	margin:0px 20px;
	color: #231f20;
	display: inline-block;
	border-bottom: 2px solid transparent;
}
.page-template-page-our-works section.first .filter li a:hover{
	border-bottom: 2px solid black;
}

.page-template-page-our-works .common-our-works{
	margin-top:50px;
}

.page-template-page-our-works .pop-up-product{
	width:1200px;
	max-width:100%;
	border-radius: 30px;
	padding: 0px;
	background-color:transparent;
}
.page-template-page-our-works .pop-up-product .bottom{
	padding-top:40px;
}
.page-template-page-our-works .pop-up-product .description h2{
	font-family: 'CorbelBold';
	font-size: 26px;
	margin:0px;
}
.page-template-page-our-works .pop-up-product .description h3{
	font-family: 'CorbelLight';
	font-size: 18px;
	margin:0px 0px 20px;
}
.page-template-page-our-works .pop-up-product .bottom .likes{
	position:absolute;
	top:0px;
	right:30px;
}
	.page-template-page-our-works .pop-up-product .bottom .likes h4{
		margin:0px;
	}

.page-template-page-our-works .pop-up-product .thumbnail-slider .slider-item{
	padding:0px 10px;
	cursor: pointer;
}

/*PAGE PHOTO*/
.page-template-page-photo .background-image{
	position: absolute;
	width: 100%;
}
.page-template-page-photo section.first{
	padding-top: 50px;
	padding-bottom:100px;
}
.page-template-page-photo section.first .collection{
	margin-top: 50px;
}
.page-template-page-photo section.first .filter{
	text-align:right;
	border-bottom: 1px solid black;
	margin-top: 60px;
}
.page-template-page-photo section.first .filter li{
	display: inline-block;
}
.page-template-page-photo section.first .filter li a{
	font-size:12px;
	font-family:'Cocogoose';
	line-height:30px;
	margin:0px 20px;
	color: #231f20;
	display: inline-block;
	border-bottom: 2px solid transparent;
}
.page-template-page-photo section.first .filter li a:hover{
	border-bottom: 2px solid black;
}
.page-template-page-photo section.first .collection .grid-item{
	margin-bottom:20px;
}

/*PAGE VIDEO*/
.page-template-page-video section.first{
	margin-top: 50px;
	padding-bottom:100px;
}
.page-template-page-video section.first .collection{
	margin-top: 50px;
}
.page-template-page-video section.first .filter{
	text-align:right;
	border-bottom: 1px solid black;
	margin-top: 60px;
}
.page-template-page-video section.first .filter li{
	display: inline-block;
}
.page-template-page-video section.first .filter li a{
	font-size:12px;
	font-family:'Cocogoose';
	line-height:30px;
	margin:0px 20px;
	color: #231f20;
	display: inline-block;
	border-bottom: 2px solid transparent;
}
.page-template-page-video section.first .filter li a:hover{
	border-bottom: 2px solid black;
}
.page-template-page-video section.first .collection .grid-item{
	margin-bottom:20px;
}
.page-template-page-video section.first .collection .grid-item h2{
	margin: 0px;
}
.page-template-page-video section.first .collection .grid-item h3{
	font-family:'CorbelLight';
	font-size:20px;
	margin:0px;
}

@media only screen and (min-width : 1900px){
/*.container{width:1870px;}*/
/* html::before{content:'1900 lg';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}		 */
}
@media only screen and (min-width : 1401px) and (max-width: 1899px){
	/*.container{width:100%;}*/
	/* html::before{content:'1401 1899 lg';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}	 */
	}
@media only screen and (min-width : 1200px) and (max-width: 1400px){
	/*.container{width:100%;}*/
	/* html::before{content:'1201 1400 lg';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}	 */
	.home.page section.first{
		padding-bottom: 100px;
	}
	.home.page section.first .slider-item  .slider-box{
		width:50%;
		margin-left:50%;
	}
	.home.page section.first .slider-item  .slider-box p img{
		width:auto;
	}
	.home.page section.first .slider-nav-wrapper {
		bottom: 140px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width: 1199px){
/*col no padding*/
.col-md-no-pad{padding-right:0!important;padding-left:0!important;}
.col-md-no-pad-right{padding-right:0!important;}
.col-md-no-pad-left{padding-left:0!important;}
/* html::before{content:'992 1199 md';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}		 */

.common-contact-us h3::before {
	top: 104px;
}
.common-contact-us h3::after {
	top: 103px;
}

/*HOME PAGE*/
.slider-nav-wrapper {
	bottom: 20px;
}
.common-vision-mission .grouper {
	margin-top: 0px;
}

.home.page section.third .right{
	padding-top: 170px;
}
.home.page section.third .yellow {
  top: 196px;
}
.home.page section.third .red {
	top: 419px;
}


}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
/*col no padding*/
.col-sm-no-pad{padding-right:0!important;padding-left:0!important;}
.col-sm-no-pad-right{padding-right:0!important;}
.col-sm-no-pad-left{padding-left:0!important;}		
/* html::before{content:'768 991 sm';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}	 */

.band.nav {
	padding-top: 132px;
}
.band.nav .menu-logo {
	position: absolute;
	top: -66px;
	left: 0px;
	width: 200px;
	right: 0px;
	margin: auto;
}
.navbar-nav {
	text-align: center;
}
.header-contact {
	top: -118px;
}


/*HOME PAGE*/
.home.page section.first{
	padding-bottom:100px;
}
.home.page section.first .slider-item .background-image {
	position:absolute;
	object-fit: cover;
	object-position:center;
}
.home.page section.first .slider-item .container-absolute {
	position: relative;
}
.slider-nav-wrapper {
	bottom: 20px;
}
.common-vision-mission .grouper {
	margin-top: 0px;
}

.home.page section.third .milestone {
	margin-top: 30px;
	right: 0px;
}
.home.page section.third .yellow {
	top: 204px;
}
.home.page section.third .red {
	top: 435px;
}

.home.page section.fourth {
	padding-top: 50px;
}

/*PAGE ABOUT US*/

.page-template-page-about-us section.first {
	padding: 100px 0px 60px;
}

/*PAGE OUR WORKS*/
.page-template-page-our-works section.first .filter {
	text-align: left;
}
}

/* ENABLE SUB MENU BOOTSTRAP HOVER */
@media only screen and (min-width: 768px){
.dropdown:hover > .dropdown-menu {
    display: block;
}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*col no padding*/
.col-xs-no-pad{padding-right:0!important;padding-left:0!important;}
.col-xs-no-pad-right{padding-right:0!important;}
.col-xs-no-pad-left{padding-left:0!important;}
.row-eq-height,.row-vertical-centering{display:block;}
.image-background-half-screen{width:100%;position:relative}
.element-center{top:0px;transform:none;}		
/* html::before{content:'480 767 xs';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}		 */
.common-our-works .columns-3 > * {
	width:100%;
}


.common-contact-us {
	padding: 20px 0px 0px;
}
.common-contact-us h2 {
	margin: 0px 0px 40px;
}

.common-contact-us .contact-form{
	margin-top:30px;
}

.band.nav {
	padding: 10px 0px 10px;
}

.navbar-brand img {
	width: 158px;
	margin-top: -20px;
}
.navbar-nav {
    margin: 0px;
}
.navbar-nav > li {
    display: block;
	text-align: left;	
}	
	.navbar-default .navbar-nav > li > a {
		line-height: 40px;
	}
	.navbar-default .navbar-nav .dropdown-menu {
		padding-top: 10px;
		position: relative;
		width: 100%;
		left: 0px;
		margin-left: 0px;
	}		

/*HOME PAGE*/
.home.page section.first{
	padding-bottom:100px;
}
.home.page section.first .slider-item .background-image {
	position:absolute;
	object-fit: cover;
	object-position:center;
	height: 1280px;
}
.home.page section.first .slider-item .container-absolute {
	position: relative;
}
.slider-nav-wrapper {
	bottom: 20px;
}
.common-vision-mission .grouper {
	margin-top: 0px;
}
.common-vision-mission .item img {
	width: 100%;
}

.home.page section.third .milestone {
	margin-top: 30px;
	float: none;
	right: auto;
}
.home.page section.third .milestone img{
	display: none;
}
.home.page section.third .item {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	width:100%;
}
.home.page section.third {
	padding: 100px 0px 50px;
}

.home.page section.fourth {
	padding-top: 50px;
}

.home.page section.sixth .styled-button {
	top: 20px;
}

/*PAGE OUR WORKS*/
.page-template-page-our-works section.first .filter {
	text-align: left;
}


.common-slider,
.common-slider .slider,
.common-slider .slider .slick-list,
.common-slider .slider .slick-list .slick-track{
	height:100vh;
}			
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 479px) {
/*col no padding*/
.col-xs-no-pad{padding-right:0!important;padding-left:0!important;}
.col-xs-no-pad-right{padding-right:0!important;}
.col-xs-no-pad-left{padding-left:0!important;}		
.row-eq-height,.row-vertical-centering{display:block;}
.image-background-half-screen{width:100%;position:relative}
.element-center{top:0px;transform:none;}
/* html::before{content:'479 xs';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}	 */

.common-our-works .columns-3 > * {
	width:100%;
}


.common-contact-us {
	padding: 20px 0px 0px;
}
.common-contact-us h2 {
	margin: 0px 0px 40px;
}

.common-contact-us .contact-form{
	margin-top:30px;
}

.band.nav {
	padding: 10px 0px 10px;
}

.navbar-brand img {
	width: 158px;
	margin-top: -20px;
}
.navbar-nav {
    margin: 0px;
}
.navbar-nav > li {
    display: block;
	text-align: left;	
}	
	.navbar-default .navbar-nav > li > a {
		line-height: 40px;
		font-size: 19px;
	}
	
	.navbar-default .navbar-nav .dropdown-menu {
		padding-top: 10px;
		position: relative;
		width: 100%;
		left: 0px;
		margin-left: 0px;
	}	
	
footer {
	position: relative;
}
.header-contact {
	text-align: left;
	position: relative;
	right: 0px;
	top: 0px;
	margin-bottom:20px;
}
	.header-contact a{
		display:block;
		margin-bottom:10px;
	}

/*HOME PAGE*/
.home.page section.first{
	padding-bottom:100px;
}
.home.page section.first .slider-item .background-image {
	position:absolute;
	object-fit: cover;
	object-position:center;
	height: 1280px;
}
.home.page section.first .slider-item .container-absolute {
	position: relative;
}
.slider-nav-wrapper {
	bottom: 20px;
}
.common-vision-mission .grouper {
	margin-top: 0px;
}
.common-vision-mission .item img {
	width: 100%;
}

.home.page section.third .milestone {
	margin-top: 30px;
	float: none;
	right: auto;
}
.home.page section.third .milestone img{
	display: none;
}
.home.page section.third .item {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	width:100%;
}
.home.page section.third {
	padding: 100px 0px 50px;
}

.home.page section.fourth {
	padding-top: 50px;
	margin-top: 0px;
}

.home.page section.sixth .styled-button {
	top: 20px;
}
.home.page section.sixth .collection h2 {
	line-height: 40px;
	margin-bottom: 60px;
}

/*PAGE OUR WORKS*/
.page-template-page-our-works section.first .filter {
	text-align: left;
}
.page-template-page-our-works .pop-up-product .bottom {
	margin-top: 40px;
}
.page-template-page-our-works .slick-dots {
	top: 100%;
    bottom: auto;
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
}
.page-template-page-our-works .pop-up-product .bottom .likes {
	top: -20px;
	right: 0px;
}


.common-slider,
.common-slider .slider,
.common-slider .slider .slick-list,
.common-slider .slider .slick-list .slick-track{
	height:100vh;
}		
}

@font-face {
    font-family: 'CocogooseLight';
    src: url('fonts/CocogooseProLighttrial.eot');
    src: url('fonts/CocogooseProLighttrial.eot') format('embedded-opentype'),
         url('fonts/CocogooseProLighttrial.woff2') format('woff2'),
         url('fonts/CocogooseProLighttrial.woff') format('woff'),
         url('fonts/CocogooseProLighttrial.ttf') format('truetype'),
         url('fonts/CocogooseProLighttrial.svg#CocogooseLight') format('svg');
}
@font-face {
    font-family: 'Cocogoose';
    src: url('fonts/CocogooseProtrial.eot');
    src: url('fonts/CocogooseProtrial.eot') format('embedded-opentype'),
         url('fonts/CocogooseProtrial.woff2') format('woff2'),
         url('fonts/CocogooseProtrial.woff') format('woff'),
         url('fonts/CocogooseProtrial.ttf') format('truetype'),
         url('fonts/CocogooseProtrial.svg#Cocogoose') format('svg');
}
@font-face {
    font-family: 'CorbelBold';
    src: url('fonts/corbelb.eot');
    src: url('fonts/corbelb.eot') format('embedded-opentype'),
         url('fonts/corbelb.woff2') format('woff2'),
         url('fonts/corbelb.woff') format('woff'),
         url('fonts/corbelb.ttf') format('truetype'),
         url('fonts/corbelb.svg#CorbelBold') format('svg');
}
@font-face {
    font-family: 'CorbelLight';
    src: url('fonts/corbell.eot');
    src: url('fonts/corbell.eot') format('embedded-opentype'),
         url('fonts/corbell.woff2') format('woff2'),
         url('fonts/corbell.woff') format('woff'),
         url('fonts/corbell.ttf') format('truetype'),
         url('fonts/corbell.svg#CorbelLight') format('svg');
}
@font-face {
    font-family: 'CodeBold';
    src: url('fonts/CODEBold.eot');
    src: url('fonts/CODEBold.eot') format('embedded-opentype'),
         url('fonts/CODEBold.woff2') format('woff2'),
         url('fonts/CODEBold.woff') format('woff'),
         url('fonts/CODEBold.ttf') format('truetype'),
         url('fonts/CODEBold.svg#CodeBold') format('svg');
}
@font-face {
    font-family: 'CodeBold';
    src: url('fonts/CODEBold.eot');
    src: url('fonts/CODEBold.eot') format('embedded-opentype'),
         url('fonts/CODEBold.woff2') format('woff2'),
         url('fonts/CODEBold.woff') format('woff'),
         url('fonts/CODEBold.ttf') format('truetype'),
         url('fonts/CODEBold.svg#CODEBold') format('svg');
}
@font-face {
    font-family: 'MyriadProBold';
    src: url('fonts/MyriadProBold.eot');
    src: url('fonts/MyriadProBold.eot') format('embedded-opentype'),
         url('fonts/MyriadProBold.woff2') format('woff2'),
         url('fonts/MyriadProBold.woff') format('woff'),
         url('fonts/MyriadProBold.ttf') format('truetype'),
         url('fonts/MyriadProBold.svg#MyriadProBold') format('svg');
}
@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/MyriadProRegular.eot');
    src: url('fonts/MyriadProRegular.eot') format('embedded-opentype'),
         url('fonts/MyriadProRegular.woff2') format('woff2'),
         url('fonts/MyriadProRegular.woff') format('woff'),
         url('fonts/MyriadProRegular.ttf') format('truetype'),
         url('fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
}
@font-face {
    font-family: 'MyriadProSemibold';
    src: url('fonts/MyriadProSemibold.eot');
    src: url('fonts/MyriadProSemibold.eot') format('embedded-opentype'),
         url('fonts/MyriadProSemibold.woff2') format('woff2'),
         url('fonts/MyriadProSemibold.woff') format('woff'),
         url('fonts/MyriadProSemibold.ttf') format('truetype'),
         url('fonts/MyriadProSemibold.svg#MyriadProSemibold') format('svg');
}