/*@font-face{
	font-family:'impact';
	src:url('../fonts/impact.ttf');
}
@font-face{
	font-family:'kalinga';
	src:url('../fonts/kalingab.ttf');
}
*/
*{ -webkit-transition:all 200ms ease 0ms; -moz-transition: all 200ms ease 0ms; -o-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}
html{ overflow-x:hidden;}
body, p, label, button, input, select, textarea{
	color:#fff; font-family:'arial', sans-serif; font-weight:400; font-size:14px; font-size:0.875rem; letter-spacing:0;}
a{ color:#fff; font-weight:400; text-decoration:none;}
a:hover, a:active,a:focus{ color:#eee; opacity:0.8;}
p{ line-height:1.3;}
hr{ max-width:none;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="date"], textarea, select, option{
	padding:6px 12px; background:#f7f7f7; color:#6b6b6b; font-size:14px; font-size:0.875rem;
	height:auto; box-shadow:none; border:0; outline:0;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus{
	background:#efefef;
}
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus,
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus{
	padding:3px 8px; background:transparent; color:inherit;
}
input:-ms-input-placeholder{ color:#888;}
input:-moz-placeholder{ color:#888;}
input::-moz-placeholder{ color:#888;}
input::-webkit-input-placeholder{ color:#888;}
input::placeholder{ color:#888;}
textarea:-ms-input-placeholder{ color:#888;}
textarea:-moz-placeholder{ color:#888;}
textarea::-moz-placeholder{ color:#888;}
textarea::-webkit-input-placeholder{ color:#888;}
textarea::placeholder{ color:#888;}

a.read-more{ display:inline-block; color:inherit; font-style:italic;}
.wpcf7-form-control-wrap >*{
	margin-bottom:0; margin-bottom:12px; border:1px solid #999; box-shadow:none;
	display:inline-block; vertical-align:top; width:100%;
}
.wpcf7-submit{ width:100%; text-align:center; border:1px solid #999; display:block;}

.site-header nav, .site-header nav *{ -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}

#menu-toggle{ font-size:28px; padding:7px 14px;}
ul.menu{ display:inline-block; vertical-align:middle;}
.full-width{ max-width:100% !important;}
.bx-wrapper{ position:relative; margin-left:auto;margin-right:auto;}
.bx-wrapper ul, .bx-wrapper ol{ margin-left:0;}
.bx-viewport >ul >li{ -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
.bx-controls .bx-pager{ position:relative; z-index:52; margin-top:-30px; width:100%; text-align:center;}
.bx-controls.bx-has-pager .bx-pager{ margin-top:5px;}
.bx-controls .bx-controls-direction .bx-prev{
	position:absolute; top:50%;left:0;
	-ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
	text-indent:-99px; overflow:hidden;
	width:0;height:0; border-style:solid;border-width:40px 20px 40px 0;border-color:transparent #fff transparent transparent;
}
.bx-controls .bx-controls-direction .bx-next{
	position:absolute; top:50%;right:0;
	-ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
	text-indent:-99px; overflow:hidden;
	width:0;height:0; border-style:solid;border-width:40px 0 40px 20px;border-color:transparent transparent transparent #fff;
}
.bx-pager-item{ display:inline-block;}
.bx-pager-link{
	display:block; text-indent:-99px; width:20px; height:30px; line-height:30px; overflow:hidden;
	position:relative;
}
.bx-pager-link::after{
	position:absolute; top:50%;left:50%;
	-ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
	content:''; width:12px;height:12px;
	background:#fff; border-radius:50%;
}
.bx-pager-link.active::after{ background:#000;}
ul.banner-slider{ margin-left:0;}
.bg-img{ /*background-color:rgba(32,32,32,0.6);*/ background-repeat:no-repeat; background-size:cover; background-position:center; min-height:80px;}
.bg-img >img{ visibility:hidden;}
img[lazy-interchange]{ -ms-transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0);}
#contactForm label{ margin-top:10px; color:#fff; font-size:80%;}
#contactForm input, #contactForm select, #contactForm textarea{ margin-bottom:0;}
#contactForm input[type="submit"]{
	background:transparent; color:#fff;
	padding:8px 0 8px 10px; margin-top:10px;
	border:0; box-shadow:none;
}
#contactForm input[type="submit"]:hover{ opacity:0.8;}
#contactForm input[type="text"], #contactForm textarea, #contactForm select, #contactForm option{
	background:rgba(63,61,61, 1); color:#fff;
	border:0; box-shadow:none;
}
#contactForm input:-ms-input-placeholder{ color:#fff;}
#contactForm input:-moz-placeholder{ color:#fff;}
#contactForm input::-moz-placeholder{ color:#fff;}
#contactForm input::-webkit-input-placeholder{ color:#fff;}
#contactForm input::placeholder{ color:#fff;}
#contactForm textarea:-ms-input-placeholder{ color:#fff;}
#contactForm textarea:-moz-placeholder{ color:#fff;}
#contactForm textarea::-moz-placeholder{ color:#fff;}
#contactForm textarea::-webkit-input-placeholder{ color:#fff;}
#contactForm textarea::placeholder{ color:#fff;}
.contact-form .sendmail_feedback, .contact-form .text-error, .contact-form .text-success{ font-size:76%;}
.contact-form .sendmail_feedback{ border:2px solid; padding:2px 14px;}
.contact-form .sendmail_feedback.text-error{ border-color:rgba(255,39,9, 1);}
.contact-form .sendmail_feedback.text-success{ border-color:rgba(40,204,82 ,1);}
ul.archive{ list-style:none; margin-left:0; margin-bottom:0;}
ul.archive li.item{	display:inline-block; vertical-align:middle;}
.site-pagination{ margin:25px 0; display:inline-block; width:100%;}
ul.page-numbers{ margin:0; text-align:center;}
ul.page-numbers li{ display:inline-block;}
li >.page-numbers{ padding:3px 10px;}
.page-numbers.current{ color:#f5a71b;}
.next-post{ text-align:right;}
.posts-nav-link a{ padding:5px 0;}

.site-footer a{
	padding:5px 8px; margin:5px 10px;
	display:inline-block; line-height:1;
}
#social-navigation a{ font-size:32px; font-size:2rem;}
.copyright{ margin-top:25px;}
.error404 .site-header{ position:initial;}
.error404 .site-main{ min-height:100px; margin-top:50px;}


/* start editing :	*/
main{ }
body{
	position:relative; background:#1e1e1e;
	background-image:linear-gradient(to bottom, #000 0%, #1e1e1e 100%);
	background-size:cover; background-repeat:no-repeat;
}
.row{ max-width:1024px;}
.pad{ padding:30px 20px;}
hr{ border-color:#f4a01e;}
a.read-more{
	margin-top:30px; padding-right:30px;
	background:url('../img/orn.png') no-repeat; background-position:right 0;
	line-height:26px;
}
.site-header{
	position:fixed; z-index:60; top:0; left:0;
	width:100%; text-align:center;
}
.site-header.fixed{ background-color:rgba(0,0,0,0.8);}
.site-header .logo{ display:inline-block;}
.site-header .logo-img{ padding:15px; max-width:240px;}
.menu-item-has-children{ position:relative;}
.menu-item-has-children .sub-menu{ display:none; text-align:left; list-style:none; margin:0; padding:10px 15px;}
li.menu-item{ vertical-align:top;}
#header-navigation li.current-menu-item >a{ position:relative;}
#header-navigation li.current-menu-item >a::before{
	content:''; background:url('../img/orn.png') no-repeat center -40px;
	position:absolute; top:13px; left:-6px;
	width:15px; height:15px;
}
.menu a{ font-family:"arial", sans-serif; text-transform:capitalize; font-size:16px; font-size:0.9375rem; font-weight:700;}
.menu a:hover, .menu a:active, .menu a:focus, .current-menu-item a, .current_page_item a{ }
.lg-outer, .lg-outer *{ -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
.page-banner, .site-banner{
	position:relative; text-align:center;
}
.site-banner .bg-overlay{
	position:absolute; top:0; left:0; z-index:1;
	width:100%; height:100%;
	background:rgba(0,0,0,0.72);
}
.banner{
	/*position:relative;*/
}
.banner-title{
	position:absolute; z-index:51;
	top:50%; left:50%;
	-ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
	padding:18px 36px;
	font-size:80px; font-size:5rem; font-weight:700; color:#fff; line-height:1.1; text-transform:uppercase;
	border:8px solid #f4a01d; border-image-slice:1;
	-moz-border-image: -moz-linear-gradient(left, #f5a71b 0%, #f39920 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #f5a71b 0%, #f39920 100%);
	border-image: linear-gradient(to right, #f5a71b 0%, #f39920 100%) 1;
}
.section-title, .page-title{
	margin-bottom:40px;
	font-size:46px; font-size:2.875rem; line-height:1.5; font-weight:700;
	text-transform:uppercase;
}
.page-title{ margin-top:90px; margin-bottom:40px;}
.page-content, .sidebar{
	padding-left:15px; padding-right:15px;
	margin:50px auto 90px;
}
.content-title{
	text-transform:uppercase; font-weight:700; font-size:20px;font-size:1.25rem;
	margin-bottom:20px;
}
.site-footer{
	background-color:#000; color:#fff; padding:30px 0 40px;
	position:relative;
	box-shadow:0 -10px 10px rgba(0,0,0, 0.6);
}



hr.gradient{ border:0; height:15px; background:#f4a01d url('../img/hbar.jpg') no-repeat center; background-size:cover; margin:0;}
.section-title.boxed{
	display:inline-block; padding:0 30px;
	border:6px solid #f4a01d; border-image-slice:1;
	-moz-border-image: -moz-linear-gradient(left, #f5a71b 0%, #f39920 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #f5a71b 0%, #f39920 100%);
	border-image: linear-gradient(to right, #f5a71b 0%, #f39920 100%) 1;
}
.lg-backdrop{ background-color:rgba(0,0,0,0.72);}
.lg-image{ border:6px solid #f5a71b;}
.lg-actions .lg-next, .lg-actions .lg-prev{ background:none;}
.lg-actions .lg-prev::after, .lg-actions .lg-next::before{
	content:''; width:20px; height:30px; position:absolute; top:0;
	background-image:url("../img/orn.png"); background-repeat:no-repeat;
}
.lg-actions .lg-prev::after{ background-position:left 7px;
    left: 0;
    transform: scaleX(-1);}
.lg-actions .lg-next::before{background-position:right 7px;
    right: 0;}
.posts-nav-link a{ position:relative; padding-left:30px; padding-right:30px;}
.posts-nav-link a::before{
	position:absolute; top:0;
	width:20px; height:30px; content:'';
	background-image:url('../img/orn.png'); background-repeat:no-repeat;
}
.prev-post a{}
.prev-post a::before{
	left:0; background-position:left 1px;
	-ms-transform:scaleX(-1); -webkit-transform:scaleX(-1); -moz-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); 
}
.next-post a{}
.next-post a::before{ right:0; background-position:right 1px; }

#section-about, #section-product{ background-color:#000;}
#section-about .text-container{ max-width:800px;}
.section-title-container{ position:relative;}
.section-title-container .title-container{
	position:absolute; top:50%;left:50%;
	-ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); 
}
.product-list{ position:relative;}
.product{ position:relative; background-size:cover; background-position:center;}
.product .bg-overlay{
	position:absolute; z-index:0; top:0;left:0; width:100%;height:100%;
	background-color:rgba(0,0,0,0.5);
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 35%, #000 100%);
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 35%, #000 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,0) 35%, #000 100%);
	background-image: linear-gradient(to right, rgba(0,0,0,0) 35%, #000 100%);
}
.product-list{ list-style:none; margin-left:0; margin-bottom:0;}
.product-name{
	position:relative; z-index:1;
	font-size:42px; font-size:2.625rem; font-weight:700; text-transform:uppercase;
	margin:0; padding:30px 10%;
}
#section-gallery{ position:relative;}
#section-gallery .bg-overlay{
	position:absolute; z-index:0; top:0;left:0; width:100%;height:100%;
	background-color:rgba(0,0,0,0.72);
}
#section-gallery .section-title, #section-gallery .gallery-more{ position:relative; z-index:1;}
#section-gallery .section-title{ margin-bottom:0;}
#section-client >h2{
	margin:25px 0;
	font-weight:700; color:#f5a71b;
}
.client-container{ background:#fff; padding:54px 0 40px; text-align:center;}
.client-list{
	list-style:none; max-width:1024px; width:100%;
	margin-left:auto;margin-right:auto; margin-bottom:0;
	position:relative; display:inline-block;
}
.client-list::after{
	position:absolute; z-index:0; top:0;right:0;
	content:''; width:100%;height:100%;
	border-right:1px solid #6e6e6e; border-bottom:1px solid #6e6e6e;
}
.client-item{
	display:inline-block; text-align:center; vertical-align:top;
	position:relative; z-index:1;
}
.client-item::after{
	position:absolute; z-index:0; top:0;left:0;
	content:''; width:100%;height:100%;
	border-top:1px solid #6e6e6e; border-left:1px solid #6e6e6e;
}
.client-item >.kanvas{
	position:absolute; z-index:1;
	top:0; left:0;
	width:100%; height:100%;
}
.client-logo, .client-name{
	position:absolute; top:50%;left:50%;
	-ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); 
}
.client-name{
	font-size:32px; font-size:2rem; color:#000; font-weight:700;
	opacity:0; line-height:initial; text-transform:uppercase;
}
.client-item >a:hover{ opacity:1;}
.client-item >a:hover .client-logo{ opacity:0;}
.client-item >a:hover .client-name{ opacity:1;}
#section-contact{ padding:40px 10px;}
#contactForm input[type="submit"]{
	padding-right:30px; font-style:italic;
	background:url('../img/orn.png') no-repeat; background-position:right 5px;
}

ul.archive li.item{
	position:relative;
	width:calc(50% - 10px); padding-bottom:calc(50% - 10px); margin:0 5px 10px; overflow:hidden;
}
ul.archive li.item >a{
	position:absolute; top:0; left:0;
	width:100%; height:100%;
}
ul.archive li.item .bg{
	position:absolute; top:50%; left:50%;
	-ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); 
	max-width:none;
}
ul.archive li.item .item-title{
	position:absolute; top:50%; left:50%;
	-ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); 
	font-weight:700; text-transform:uppercase;
}
ul.archive.cpclient li.item{ background:#fff; outline:1px solid #6e6e6e; margin:0;}
ul.archive.cpclient li.item >.kanvas{ position:absolute; top:0; left:0; width:100%; height:100%;}
ul.archive.cpclient li.item .bg{ max-width:80%; max-height:80%; width:auto;}
ul.archive.cpclient li.item .item-title{ color:#000; opacity:0;}
ul.archive.cpclient li.item a:hover .bg{ opacity:0;}
ul.archive.cpclient li.item a:hover .item-title{ opacity:1;}
ul.archive.cpproduct li.item a:hover{ opacity:1;}
ul.archive.cpproduct li.item .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
ul.archive.cpproduct li.item .bg{ border:0 solid #f5a71b;}
ul.archive.cpproduct li.item:hover .bg{ border-width:6px;}
/*ul.archive.cpproduct li.item .bg{ border:0 solid #f5a71b; height:100%;}
ul.archive.cpproduct li.item a:hover .bg{ border-width:6px;}*/

.single .page-banner >.product-name{
	position:absolute; top:50%; left:50%;
	text-shadow:4px 5px 2px rgba(0, 0, 0, 0.7);
	-ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
.sidebar-title{ color:#f5a71b; font-weight:700;}
ul.list .item{ padding-left:10px; font-style:italic;}
ul.list{ list-style-type: "- ";}
ul.list a{ padding:5px;}
ul.list .current a{ color:#f5a71b;}

.lg-sub-html{ background:transparent; padding:0 20% 30px;}
.lg-title, .lg-sub-html .lg-desc{ font-size:24px; font-size:1.5rem;}
.lg-title{ font-style:italic; font-weight:700; margin:45px 0 30px;}
.lg-sub-html .lg-desc{ }



/* animate home */
#section-about .text-container{ opacity:0; -ms-transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); -o-transform:translateY(40px); transform:translateY(40px);}
#section-product .product-list .product{ opacity:0; -ms-transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%);}
#section-client .client-list .client-item >.kanvas{ -ms-transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0);}


/* 14.0 - Media Queries
 *    14.1 - >= 640px
 *    14.2 - >= 1024px
 *    14.3 - >= 1200px
 *    14.4 - >= 1440px
 */
@media screen and (max-width: 1439) {
	
}
@media screen and (max-width: 1199px) {
	.site-footer li.menu-item a{ font-size:14px; font-size:0.875rem;}
}
@media screen and (max-width: 1023px) {
	body, p, label, button, input, select, textarea{ font-size:16px; font-size:1rem;}
	/* edit start here :	*/
	.section-title, .page-title{ font-size:20px; font-size:1.25rem; letter-spacing:1px;}
	.page-title{ margin-top:40px; margin-bottom:25px;}
	.page-content, .sidebar{ margin-bottom:30px; margin-bottom:40px;}
	.site-pagination{ padding:0 20px;}
	.prev-post a::before{ background-size:80%; background-position:-2px 5px;}
	.next-post a::before{ background-size:80%; background-position:-2px 5px;}
	
	.banner-title{ border-width:5px; font-size:32px; font-size:2rem; padding:15px 30px;}
	.section-title.boxed{ border-width:5px; padding:5px 30px;}
	.product-name{ font-size:1.5rem;}
	#section-gallery{ padding:40px 0;}
	.client-name{ font-size:16px;font-size:1rem;}
	.site-footer{ text-align:center;}
	
	.archive.cpproduct li.item .item-title{ font-size:20px; font-size:1.25rem; text-shadow:2px 2px 1px rgba(0,0,0,0.7);}
	.archive.cpclient li.item .item-title{ font-size:16px; font-size:1rem;}
	.sidebar-title{ font-size:20px; font-size:1.25rem;}
}
@media screen and (max-width: 639px) {
	.site-header .logo-img { max-height:80px; /*line-height:80px;*/}
	.site-header.fixed .logo-img { max-height:60px; /*line-height:40px;*/}
	#menu-toggle{ margin-top:20px;}
	.fixed #menu-toggle{ margin-top:8px;}
	.site-header-menu.small-dropdown .main-navigation{ border-top:1px solid rgba(245, 167, 27, 0.6); text-align:center;}
	.site-header-menu .menu >li{ display:block;}
	.site-header-menu .menu >li:first-child{ margin-top:10px;}
	.site-header-menu .menu >li:last-child{ margin-bottom:20px;}
	.page-banner{ min-height:160px;}
	.site-footer-menu .menu >li{ display:inline-block;}
	.site-footer-menu li.menu-item a{ margin-top:0; margin-bottom:0;}
	/* edit start here :	*/
	main{ margin-top:85px;}
	.site-header{ background:rgba(0,0,0,0.9);}
	li.menu-item a{ padding:0.7rem 0.25rem;}
	#header-navigation li.current-menu-item > a::before{ left:-20%;}
	.site-footer .main-navigation li.menu-item a{ margin:0;}
		
	#section-product .section-title{ margin-top:30px; margin-bottom:30px;}
	.client-name{ padding:30px 10%;}
	.client-item{ padding-bottom:50%; width:50%;}
	.client-logo{ max-width:calc(75% - 30px); max-height:calc(75% - 30px);}
	#section-contact >div{ padding-left:0; padding-right:0;}
	#section-contact >div:not(:last-child){ border-bottom:1px solid #fff; padding-bottom:25px; margin-bottom:25px;}
	
	.page.contact .contact-container, .page.contact .form-container{ margin-bottom:50px; padding-bottom:25px; border-bottom:1px solid #fff;}
	
	.sidebar{ margin-top:0;}
	.sidebar-title{
		padding-top:20px; 
		border-top:4px solid #f5a71b;
		-moz-border-image: -moz-linear-gradient(left, #f5a71b 0%, #ecc009 100%);
		-webkit-border-image: -webkit-linear-gradient(left, #f5a71b 0%, #ecc009 100%);
		border-image: linear-gradient(to right, #f5a71b 0%, #ecc009 100%) 1;
	}
	
	.lg-sub-html{ padding-left:10%; padding-right:10%;}
	.lg-title, .lg-sub-html .lg-desc{ font-size:16px; font-size:1rem;}
}
@media screen and (min-width: 640px) {
	.bx-pager-link{ width:25px;}
	.bg-img{ min-height:120px;}
	.posts-nav-link{ display:inline-block; width:50%;}
	/* edit start here :	*/
	.menu-item-has-children .sub-menu{ position:absolute; width:300px; top:100%; left:0;}
	.fixed .menu-item-has-children .sub-menu{ background-color:rgba(0,0,0, 0.9);}
	
	.banner-title{ white-space:nowrap;}
	
	.client-item{ padding-bottom:30%; width:33.3%;}
	.client-logo{ max-width:calc(60% - 50px); max-height:calc(60% - 50px);}
	#section-contact{ padding:80px 20px;}
	
	ul.archive li.item{ width:calc(calc(100% / 3) - 10px); padding-bottom:calc(calc(100% / 3) - 10px);}
	.archive.cpclient li.item{ width:calc(25% - 10px); padding-bottom:calc(25% - 10px);}
	
	.page.contact .contact-container, .page.contact .form-container{ margin-bottom:80px;}
	.page.contact .contact-container{ padding-right:5%;}
	.page.contact .form-container{ border-left:1px solid #fff; padding-left:10%;}
	
	.single .page-content{
		border-left:4px solid #f5a71b;
		-moz-border-image: -moz-linear-gradient(top, #f5a71b 0%, #ecc009 100%);
		-webkit-border-image: -webkit-linear-gradient(top, #f5a71b 0%, #ecc009 100%);
		border-image: linear-gradient(to bottom, #f5a71b 0%, #ecc009 100%) 1;
	}
}
@media screen and (min-width: 1024px) {
	.page-banner{ min-height:320px;}
	/* edit start here :	*/
	.logo-container{ text-align:left;}
	#header-navigation{ text-align:right;}
	li.menu-item a { margin:50px 10px 0;}
	.pad{ padding:80px 60px;}
	hr.gradient{ height:18px;}
	.site-pagination{ padding:0 60px;}
	.site-banner{ margin-top:140px; min-height:280px;}
	.site-footer .main-navigation li.menu-item a { margin:20px 4px 0;}
	
	#section-about .section-title{ font-size:32px; font-size:2rem;}
	#section-product .section-title{ margin-top:210px;}
	.product-name{ padding:50px 12%;}
	#section-gallery{ padding:280px 0;}
	#section-client >h2{ font-size:26px; font-size:1.625rem;}
	#section-contact >div:nth-child(1){ padding-right:50px;}
	#section-contact >div:nth-child(2){ padding-left:50px; padding-right:50px; border-left:1px solid #fff;}
	#section-contact >div:nth-child(3){ padding-left:50px; border-left:1px solid #fff;}
	
	.footer-logo >a{ margin:0; padding:0;}
	#site-footer-menu, #social-navigation{ text-align:right;}
	#social-navigation{ margin-right:8px;}
	.copyright{ margin-top:60px;}
	
	.archive.cpproduct li.item .item-title{ font-size:34px; font-size:2.125rem; text-shadow:3px 4px 2px rgba(0,0,0,0.5);}
	.archive.cpclient li.item .item-title{ font-size:32px; font-size:2rem;}
	.single .page-content{ border-left:6px solid #f5a71b;}
}
@media screen and (min-width: 1200px) {
	.text-container{ max-width:1200px; margin-left:auto; margin-right:auto;}
}
@media screen and (min-width: 1440px) {
	
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
	.site-header .logo-img { max-height:120px; /*line-height:80px;*/}
	.site-header.fixed .logo-img { max-height:80px; /*line-height:40px;*/}
	main{ margin-top:180px;}
	.page-banner{ min-height:240px;}
	
	#section-product .section-title{ margin-top:110px;}
	#section-client >h2{ font-size:20px; font-size:1.25rem;}
	#section-contact >div:nth-child(1){ padding-right:25px;}
	#section-contact >div:nth-child(2){ padding-left:25px; border-left:1px solid #fff;}
	#section-contact >div:nth-child(3){ padding-top:15px;}
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
	#section-product .section-title{ font-size:64px; margin-top:343px;}
}