/* template */

body
{
	background: #33443c;
}
.lg-max-width
{
	width: 100%;
	max-width: 1560px;
	margin: 0 auto;
}
a
{
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}
a.hover
{
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}
.header-main-page-cont
{
	
}
.header-main-cont
{
	//background: url(../images/home-header.jpg) no-repeat center center;
}
.header-cont
{
	padding: 82px 0 58px;
}
.header-left-cont
{
	float: left;
}
.header-right-cont
{
	float: right;
}
.logo-cont
{
	display: inline-block;
	padding-bottom: 24px;
}
.header-line
{
	padding: 0 21px;
	display: inline-block;
}
.header-hl-cont
{
	width: 95px;
	height: 1px;
	background-color: #fff;
}
#mobile-menu
{
	display: none;
}
.desktop-menu
{
	display: inline-block;
}
#d-main-menu
{
	
}
/* Menu */

ul.d-menu
{

}
ul.d-menu > li
{
	float:left;
	padding: 0 20px;
	position:relative;
}
ul.d-menu > li:first-child
{
	padding-left: 0;
}
ul.d-menu > li > a
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 1.4;
	display: block;
	cursor: pointer;
	position: relative;
	padding: 0 3px;
}
ul.d-menu > li:hover > a, ul.d-menu > li.current-menu-item > a, ul.d-menu > li.current-menu-ancestor > a, ul.d-menu > li > a.har-current-menu-item,  ul.d-menu > li.current-menu-parent > a
{
	color:#d1ab2a;
}
ul.d-menu > li > a:after
{
	content: '';
	width: 100%;
	position: absolute;
	height: 3px;
	background: transparent;
	top: 11px;
	left: 0;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}
ul.d-menu > li:hover > a:after, ul.d-menu > li.current-menu-item > a:after
{
	content:'';
	background: #d1ab2a;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}

ul.d-menu > li > ul.sub-menu
{
	display:none;
	position:absolute;
	background:#fff;
	border-radius:3px;
}
ul.d-menu li ul.sub-menu li
{

}
ul.d-menu  li  ul.sub-menu  li  a
{
	color: #2c2c2c;
	width: 174px;
	display: block;
	text-align: left;
	padding: 12px 16px;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size: 14px;
	line-height:1.4;
	cursor:pointer;
}

ul.d-menu:after
{
	content:'';
	display:block;
	clear:both;
}
ul.d-menu li
{
	position:relative;
}
ul.d-menu > li.menu-item-has-children:hover > ul.sub-menu
{
	display:block;
}

/* 2nd level */
ul.d-menu > li > ul.sub-menu > li  > ul.sub-menu
{
	display: none;
	position: absolute;
	background: #fff;
	left: 206px;
	top: 0;
	border-radius:3px;
}

ul.d-menu > li > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu
{
	display:block;
}
/* 3rd level */
ul.d-menu > li > ul.sub-menu > li  > ul.sub-menu > li  > ul.sub-menu
{
	display: none;
	position: absolute;
	background: #fff;
	left: 206px;
	top: 0;
	border-radius:3px;
}

ul.d-menu > li > ul.sub-menu > li > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu
{
	display:block;
}
ul.d-menu li ul.sub-menu li a:hover, ul.d-menu li ul.sub-menu li.current-menu-item > a, ul.d-menu li ul.sub-menu li a.har-current-menu-item, ul.d-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-parent > a
{
	color:#fff;
	background:#ffc30d;
}

/* Menu */

ul.s-menu
{
	display: inline-block;
	padding: 51px 0;
}
ul.s-menu > li
{
	float:left;
	padding: 0 7px;
	position:relative;
}
ul.s-menu > li:last-child
{
	padding-right: 0;
}
ul.s-menu > li:after
{
	content: "/";
	display: inline-block;
	color: #fff;
	position: absolute;
	left: 28px;
	bottom: 12px;
}
ul.s-menu > li:last-child:after
{
	content: "";
}
ul.s-menu > li > a
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color:#fff;	
	font-size:14px;	
	line-height:1.4;
	display:block;	
	cursor:pointer;
	text-transform: uppercase;
	//border-bottom: 4px solid transparent;
	padding: 10px 0 8px;
}
ul.s-menu > li > a:after
{
	
}
ul.s-menu > li > a:last-child:after
{
	content: "";
}
ul.s-menu > li:hover > a
{
	color:#d1ab2a;
}

/* footer */
.footer-main-page-cont
{
	background:#293730;
}
.footer-main-cont
{
	
}
.footer-top-main-cont
{
	
}
.footer-top-cont
{
	
}
.footer-bottom-cont
{
	
}
.fb-top-cont
{
	
}
.footer-left-cont
{
	float: left;
	width: 23%;
	margin-right: 3%;
}
.footer-right-cont
{
	float: left;
	width: 74%;
	
}
.footer-max-width
{
	max-width: 624px;
}
.fb-top-cont:after, .fb-bottom-cont:after
{
	content:'';
	display:block;
	clear:both;
}
.footer-logo-cont
{
	margin-top:3px;
}
.fbt-right-cont
{
	
}
.fbt-right-cont p
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color:#b3aeaa;	
	font-size:18px;	
	line-height:1.6;
	margin-bottom: 20px;
}
.fbt-right-cont a
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color:#fff;	
	font-size:24px;	
	line-height:1.4;
	vertical-align: baseline;
	text-decoration: underline;
}
.fbt-right-cont a:hover
{
	vertical-align: baseline;
	color: #d1ab2a;
}
.fb-bottom-cont
{
	
}
.fbb-left-cont
{
	float: right;
}
.fbb-left-cont h3
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color: #b3aeaa;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 24px;
	margin-top: 80px;
}
.fbblr-cont
{
	
}
.frb-start-cont
{
	float:left;
	width:64%;
}
.frb-social-cont
{
	float:left;
	width:36%;
}
.frb-start-cont h5
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color:#fff;	
	font-size:18px;	
	line-height:1.5;
}
.sf-menu{
	
}
.sf-menu li
{
	
}
.sf-menu li a
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color:#fff;	
	font-size:18px;	
	line-height:1.5;
}
.frb-start-cont a
{
	color: #fff;
	text-decoration: underline;
}
.frb-start-cont a:hover
{
	color: #d1ab2a;
}
.frb-social-cont
{
	
}
.fbb-right-cont
{
	float: left;
}
.fbb-right-cont h5
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color: #597266;
	font-size: 13px;
	line-height: 1.4;
	margin-top: 10px;
}
.fbb-right-cont h5 span
{
	text-transform: uppercase;
}


/* home page */
.home-main-page-cont
{
	
}
.home-main-cont
{
	
}
.home-box1-main-cont
{
	//padding: 156px 0 175px;
}
.home-box1-cont
{
	
}
.home-box1-content
{
	width: 100%;
	max-width: 725px;
}
.home-box1-content h3
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color:#d1ab2a;	
	font-size:36px;	
	line-height:1.4;
	margin-bottom: 36px;
}
.home-box1-content p
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color: #b2ada9;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 36px;
}
.home-box1-content a
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 1.4;
	display: inline-block;
	margin-bottom: 20px;
}
.home-box1-content a:hover
{
	color: #d1ab2a;
}
.home-box2-main-cont
{
	
}
.home-box2-header
{
	position:relative;
}
.home-ver-text-cont
{
	position:absolute;
	writing-mode:tb-rl;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform:rotate(180deg);
    transform: rotate(180deg);
    white-space:nowrap;
    display:block;
    
}
.home-ver-text-cont h6
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 4px;
	position: relative;
}
.home-ver-text-cont h6:after
{
	content: '';
	width: 1px;
	height: 78px;
	background: #fff;
	position: absolute;
	bottom: 100%;
	left: 3px;
	margin-bottom: 22px;
}
.home-line
{
	width: 1px;
	height: 80px;
	background-color: #fff;
	display: block;
	position: absolute;
	//bottom: 35px;
	//left: 3px;
}
.home-left-cont
{
	float: left;
}
.home-right-cont
{
	float: right;
}
.home-box2-main-cont
{
	//margin-bottom: 250px;
}
.home-box2-cont
{
	
}
.hbox2-left-cont
{
	float: left;
	width: 75%;
}
.hbox2-left-cont img
{
	width: 100%;
	position: relative;
}
.hbox2-right-cont
{
	width: 35%;
	float: right;
	position: absolute;
}
/* home work cont */
.home-work-main-cont
{
	position:relative;
}
.home-work-cont
{
	
}
.hw-left-cont
{
	
}
.hw-right-cont
{
	float:right;
}
.home-work-img-cont
{
	width:75%;
}
.home-work-img-cont img
{
	width:100%;
}
.home-work-content-box
{
	width: 35%;
	position: absolute;
	top: 0;	
	height: 100%;
}
.hwcontent-left
{
	width:37%;
}
.hwcontent-left
{
	left:0;
}
.hwcontent-right
{
	right:0;
}
.work-content
{
	display:table;
	width:100%;
	height:100%;
}
.work-content-cell
{
	display:table-cell;
	vertical-align:middle;	
}
.work-content h3
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color:#fff;	
	font-size:80px;	
	line-height:1.2;
	text-decoration: underline;	
}
.work-link
{
	padding-bottom:48px;
}
.yellow-link
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color: #fff;
	font-size: 24px;
	line-height: 1.2;
	display: inline-block;
	position: relative;
	padding: 0 19px;
	margin-top: 30px;
	height:43px;
	//border-bottom: 7px solid transparent;
	//border-top: 7px solid transparent;
}
.yellow-link:before
{
	content: '';
    position: absolute;
    width: 100%;
    height: 14px;
    background: #d1ab2a;
    left: 0;
	bottom:14px;
	z-index:1;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}
.yellow-link span
{
	position:relative;
	z-index:2;
}
.yellow-link:hover
{
	color:#fff;
	//border-bottom: 7px solid #d1ab2a;
	//border-top: 7px solid #d1ab2a;
}
.yellow-link:hover:before
{
	content:'';
	bottom:7px;
	height:100%;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}

.home-box-3-cont
{
	background:#33443c;
}
.home-box3-main-cont
{
	//margin-bottom: 170px;
}
.home-box3-cont
{
	
}
.hbox3-top-cont
{
	width: 100%;
	max-width: 700px;
}
.hbox3-top-cont h3
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color:#fff;	
	font-size:48px;	
	line-height:1.4;
	margin-bottom: 40px;
}
.hbox3-top-cont p
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color:#b2ada9;	
	font-size: 18px;	
	line-height:1.6;
	margin-bottom: 34px;
}
.hbox3-bottom-cont
{
	width: 100%;
	max-width: 75%;
	padding: 26px 0 40px;
}
.hr-line
{
	width: 100%;
	height: 1px;
	background: #b2ada9;
	margin: 47px 0;	
}
.hb3-box
{
	float: left;
	margin-right: 3%;
}
.hb3-box1
{
	width:13%;
}
.hb3-box2
{
	width:30%;
}
.hb3-box3
{
	width:48%;
}
.hb3ul
{
	
}
.hb3ul li
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color: #d1ab2a;
	font-size: 18px;
	line-height: 1.4;
	padding: 9px 0 9px 60px;
	background-position: left top;
	background-repeat: no-repeat;
	margin: 18px 0;
	vertical-align: middle;
}
.hb3li1
{
	background-image: url(../images/home-icon-1.png);
}
.hb3li2
{
	background-image: url(../images/home-icon-2.png);
}
.hb3li3
{
	background-image: url(../images/home-icon-3.png);
}
.hb3li4
{
	background-image: url(../images/home-icon-4.png);
}
.hb3li5
{
	background-image: url(../images/home-icon-5.png);
}
.hb3li6
{
	background-image: url(../images/home-icon-6.png);
}
.hb3li7
{
	background-image: url(../images/home-icon-7.png);
}
.hbox3-bottom-cont:after
{
	content:'';
	display:block;
	clear:both;
}
.home-box4-main-cont
{
	display:table;
	width:100%;
}
.home-box4-cont
{
	
}
.hbox4-left-cont, .hbox4-right-cont
{
	position:relative;
	display:table-cell;
	width: 50%;
	background: #fff;
}
.hbox4-left-cont
{
	
}
.hbox4-right-cont
{
	
}
.hbox4-left-cont img
{
	width: 100%;
}
.hbx4-right-content
{
	
}
.hbx4-right-content h3
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color: #b2ada9;
	font-size: 48px;
	line-height: 1.2;
	margin-bottom: 50px;
}
.hbx4-right-content h5
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color:#33443c;	
	font-size:18px;	
	line-height:1.2;
	padding-bottom:70px;
	vertical-align:baseline;
}
.hbx4-right-content h5 strong
{
	font-weight:normal;
	font-family: 'CircularStdBold', Arial, sans-serif;
	vertical-align:baseline;
}
.topstrip-cont,.bottomstrip-cont
{
	width:100%;
	height:70px;
}
.topstrip-cont
{	
	background:#33443c;
}
.bottomstrip-cont
{
	background: #b2ada9;
	position: absolute;
	bottom: 0;
}
/* studio */
.studio-main-page-cont
{
	
}
.studio-page-cont
{
	position:relative;
}
.studio-main-cont
{
	
}
.studio-top-cont
{
	//margin-bottom: 320px;
}
.studio-top-cont img
{
	width: 33.33%;
	float: left;
}
.studio-top-cont:after
{
	content: '';
	display: block;
	clear: both;
}
.studioimg1
{
	
}
.studioimg2
{
	margin-top:110px;
}
.studioimg3
{
	margin-top:60px;
}
.studio-bottom-cont
{
	width: 100%;
	max-width: 950px;
}
.studio-bottom-cont h3
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color:#d1ab2a;	
	font-size:80px;	
	line-height:1.2;
	text-decoration: underline;
	margin-bottom: 50px;
}
.studio-bottom-cont p
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color: #b2ada9;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 34px;
	width: 97%;
}
.page-id-21 .pi-content p
{
	max-width:520px;
	width:100%;
}
/* contact page */
.contact-main-page-cont
{
	
}
.contact-main-cont
{
	
}
.contact-left-main-cont
{
	float: left;
	width: 50%;
}
.contact-right-main-cont
{
	float: right;
	width: 50%;
}
.contact-main-cont:after
{
	content:'';
	display:block;
	clear:both;
}
.contact-left-cont
{
	
}
.contact-top-cont
{
	
}
.contact-top-cont p
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color:#b2ada9;	
	font-size:18px;	
	line-height:1.6;
}
.contact-top-cont h3
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color:#d1ab2a;	
	font-size:80px;	
	line-height:1.2;
}
.contact-top-cont a
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color: #d1ab2a;
	font-size: 27px;
	line-height: 1.4;
	vertical-align: baseline;
	display: inline-block;
	margin: 7px 0 100px;
}
.contact-top-cont a:hover
{
	color: #fff;
	vertical-align: baseline;
}
.contact-bottom-cont
{
	
}
.contact-bottom-cont h5
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color: #b2ada9;
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 30px;
}
.contact-form-cont
{
	
}
.contact-right-cont
{
	width: 70%;
	margin: 0 auto;
}
.contact-right-cont h6
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color:#d1ab2a;	
	font-size:18px;	
	line-height:1.6;
}
.contact-right-cont img
{
	
}
/* footer next link */
.footer-next-link-cont
{
	background:#b2ada9;
}
.footer-next-link
{
	
}
.footer-next-content
{
	
}
.footern-content
{
	
}
.footern-content h4
{
	font-family: 'CircularStdBook', Arial, sans-serif;
	color: #33443c;
	font-size: 18px;
	line-height: 1.4;
}
.footern-content h3 
{
	vertical-align:baseline;
}
.footern-content h3 a
{
	font-family: 'CircularStdBold', Arial, sans-serif;
	color: #fff;
	font-size: 80px;
	line-height: 1.2;
	vertical-align: baseline;
	display: inline-block;
}
.footern-content h3 a strong
{
	border-bottom: 7px solid #fff;
	vertical-align: baseline;
	font-weight: normal;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}
.footern-content h3 a span
{
	vertical-align: middle;
	display: inline-block;
	position: relative;
	margin-left: 30px;
}
.footern-content h3 a span:before
{
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	top: 50%;
	left:0;
	margin-top: -2px;
}
.footern-content h3 a span:after
{
	content: '';
	position: absolute;
	height: 2px;
	width: 0;
	background: #33443c;
	top: 50%;
	left:0;
	margin-top: -2px;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}
.footern-content h3 a i
{
	vertical-align: baseline;
	position: absolute;
	font-size: 26px;
	top: 50%;
	margin-top: -13px;
	left: 100%;
	
}
.footern-content h3 a i.yelarrow
{
	color: #33443c;
	left: 0;
	opacity: 0;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}
.footern-content h3:hover a strong
{
	//border-color:#33443c;
	//color:#33443c;
	opacity:0.7;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;	
}
.footern-content h3:hover  a span:after
{
	content:'';
	width:100%;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}
.footern-content h3:hover  a i.yelarrow
{
	left:100%;
	opacity:1;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
}