/* RESET */
html, body,  ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input ,table tr,td {
	margin : 0;
	padding : 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code {
	font-size : 17px;
	font-weight : normal;
	font-style : normal;
}
ul, ol { list-style : none; }
fieldset, img { border : none; }
body {	
	background: #fff;
	font-family: 'avenirregular';
	font-weight: normal;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size : 12px;
	color : #000;
}
html { -webkit-text-size-adjust: none; }
a {
	text-decoration : none;
	color : #252525;
	outline : none;
}
a:hover { text-decoration : none;}
a img, select, textarea , button { outline : none;}
textarea{resize: none}
input,textarea{border: none;outline: medium none;}

/** Generated by FG **/

@font-face {
    font-family: 'avenirregular';
    src: url('Fonts/avenir-95-black-webfont.eot');
    src: url('Fonts/avenir-95-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/avenir-95-black-webfont.woff') format('woff'),
         url('Fonts/avenir-95-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_85_heavyheavy';
    src: url('Fonts/avenir-85-heavy-webfont.eot');
    src: url('Fonts/avenir-85-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/avenir-85-heavy-webfont.woff') format('woff'),
         url('Fonts/avenir-85-heavy-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_lt_35_lightregular';
    src: url('Fonts/avenir-lt-35-light-webfont.eot');
    src: url('Fonts/avenir-lt-35-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/avenir-lt-35-light-webfont.woff') format('woff'),
         url('Fonts/avenir-lt-35-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}  
@font-face {
	font-family: 'AvenirNextLTPro-Demi';
	src: url('Fonts/2945FA_0_0.eot');
	src: url('Fonts/2945FA_0_0.eot?#iefix') format('embedded-opentype'),
	 	 url('Fonts/2945FA_0_0.woff') format('woff'),
		 url('Fonts/2945FA_0_0.ttf') format('truetype');
} 
@font-face {
	font-family: 'AvenirNextLTPro-UltLt';
	src: url('Fonts/2945FA_1_0.eot');
	src: url('Fonts/2945FA_1_0.eot?#iefix') format('embedded-opentype'),
	url('Fonts/2945FA_1_0.woff') format('woff'),
	url('Fonts/2945FA_1_0.ttf') format('truetype');
}
@font-face {
    font-family: 'avenirnext_lt_pro_regularRg';
    src: url('Fonts/linotype_-_avenirnextltpro-regular-webfont.eot');
    src: url('Fonts/linotype_-_avenirnextltpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/linotype_-_avenirnextltpro-regular-webfont.woff') format('woff'),
         url('Fonts/linotype_-_avenirnextltpro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'agaramonditalic';
    src: url('Fonts/agaramond-italic-webfont.eot');
    src: url('Fonts/agaramond-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/agaramond-italic-webfont.woff') format('woff'),
         url('Fonts/agaramond-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*** Common Classes **/
.clear  { clear : both; }
.clearh { clear : both; height : 0; }
.fleft { float : left; }
.fright { float : right; }
.relative { position : relative; }

.dnone { display : none; }
.dblock { display : block; }
.middle { vertical-align : middle; }
.vtop { vertical-align : top; }
.aright { text-align : right; }
.error_msg { color: red;font-size: 12px;padding-top:3px;clear:both }
.succes_msg { color: green;font-size: 12px;padding-top:3px;clear:both }
input { font-size: 11px;font-family: 'MyriadProRegular'; }
select{ height: 22px;}

/****** device focus color change *****/
input, textarea { /*-webkit-appearance: none;border-radius: 0; */}
input[type=checkbox]{ width: 14px;height: 14px;vertical-align:middle }
input:focus, select:focus, textarea:focus { outline:none; }
*{ -webkit-tap-highlight-color: rgba(0,0,0,0); }

/***** Placeholder value ******/
input::-webkit-input-placeholder{ color:#d99816; }
input:-moz-placeholder { color:#d99816; }

/* Chrome input field yellow bg color change */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fffbf0 inset; }

/*****************/
.ess_overlay{
	background-color: #fff;
    opacity: 0.50;
	height: 100%; 
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}
.loader_outer{
	background-color: #fff;
    opacity: 0.50;
	height: 100%; 
    left: 0;
    position: fixed;
    top: 0;
    width: 100%; 
    z-index: 10000;
}
.loader_inner{
    color: #666666;
    left: 48%;
    position: fixed;
    text-align: left;
    top: 45%;
    z-index: 10001;
	margin:auto;
}
.popup_outer{
	background-color: #fff;
    opacity: 0.50;
	height: 100%; 
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.popup_inner{
    color: #666666;
    left: 39%;
    position: absolute;
    text-align: left;
    top: 30%;
    z-index: 10002;
	margin:auto;
}
.brand_outer {
	background-color: #fff;
    opacity: 0.50;
	height: 100%; 
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.brand_inner{
    color: #666666;
    left: 50%;
    position: absolute;
    text-align: left;
    top: 45%;
    z-index: 10002;
	margin:auto;
}
.loginbox {
	background: #fff;
	width: 360px;
	height: 360px;
	-webkit-border-radius: 360px;
	-moz-border-radius: 360px;
	border-radius: 360px;
	text-align:center;
}
.loginbox h2{
	font-size: 32px;
	color: #000;
	font-family: 'avenirnext_lt_pro_regularRg';
	padding-top: 150px;
}
.loginbox .inputbox{
	background: transparent;
	border-bottom: 1px solid #606060;
	height: 30px;
	color: #000;
	-webkit-appearance: none;
	width: 150px;
	font-size: 24px;
	text-align: center;
	-webkit-border-radius: 0
}

body {margin: 0;padding: 0}
#wrap{
	/*position:relative;*/
	height: 100%;
	width: 100%;
}
.imageblock img{
	position: absolute;
	left: 0;
	top: 0
}
#logo_txt b{
	clear: both;
	background: url(../Images/wstrip.jpg) no-repeat center top;
	padding-top: 13px;
	font-size:18px;
	font-weight: normal;
	color: #fff;
	font-family: 'avenir_lt_35_lightregular';
}
.resource{
	clear: both;	
	background: url(../Images/wstrip.jpg) no-repeat center top;
	padding-top: 13px;
	font-size:20px;
	font-weight: normal;
	color: #fff;
	/*font-family: 'AvenirNextLTPro-UltLt';*/
	font-family:'avenirnext_lt_pro_regularRg';
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 100
}
.resource b{font-weight: normal}
.about {width: 100%;text-align:center}
h1{	position: relative;/*margin-top: 400px;*/z-index:100}

.topmenu { position: fixed;top: 30px;text-align:center;width: 100%;z-index:1005 }
.topmenu ul {  display: inline-block;border: 1px solid #000;height: 40px;border-right: 0; }
.topmenu li{	
	opacity: 0.8;
	float: left;	
	border-right: 1px solid #000
}
.topmenu li a{
	background: #fff;
	width: 130px;
	height: 40px;	
	line-height: 45px;
	font-size: 14px;
	font-family: 'avenirnext_lt_pro_regularRg';
	color: #000;
	text-transform: uppercase;
	display: block;
	text-align:center;
}
.topmenu li a:hover,.topmenu li a.sel{ background: #000;color: #fff }

.footmenu { position: absolute;bottom: 30px;text-align:center;width: 100%;z-index:1000 }
.footmenu ul {  display: inline-block;border: 1px solid #000;border-right: 0;height: 40px;}
.footmenu li{	
	opacity: 0.7;
	float:left;	
	border-right: 1px solid #000
}
.footmenu li a{
	background: #fff;
	width: 160px;
	height: 40px;	
	line-height: 45px;
	font-size: 14px;
	font-family: 'avenirnext_lt_pro_regularRg';
	color: #000;
	text-transform: uppercase;
	display: block;
	text-align:center;
}
.footmenu li a:hover,.footmenu li a.sel{ background:transparent;color:#fff }
.brandvideo,.brandvsion,.brandence,.manifest,.equities{ position: relative; }
.brandvideo .video_icon{
	cursor: pointer;
	position: absolute;
	left: 48%;
    top: 45%;	
	z-index:100
}
.video_bg {
	background: url(../Images/brandvideobg.jpg) no-repeat;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.contact_form,.contfadein {
	position: absolute;
	left: 39%;
    top: 30%;
	background: #fff;
	width: 360px;
	height: 360px;
	-webkit-border-radius: 360px;
	-moz-border-radius: 360px;
	border-radius: 360px;
	text-align:center;
	opacity: 0
}
.contact_form h2,.txtfadein{
	font-size: 30px;
	color: #000;
	font-family: 'vag_roundedregular';
	padding-top: 100px;
	text-transform: uppercase;
	opacity: 0
}
.contact_form .address{
	border-top: 1px solid #000;
	width: 280px;
	margin: 20px auto;
	padding-top: 20px;
	line-height: 25px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'vag_roundedregular';
	opacity: 0
}
.crea_materail {
	position: absolute;
	left: 38%;
	top: 30%;
	width: 640px;
	padding: 30px 20px;
	background: #fff;
	opacity: 0.9;
	z-index:100;
}
.crea_materail .fleft{ width: 192px;padding-left: 20px;float: left;border-right: 1px solid #999999;margin-bottom: 20px}
.crea_materail .bsection { width: 192px; }
.crea_materail .pro_hghlight {width: 192px;}
.crea_materail .fleft.pro_hghlight{border-right: 0}
.crea_materail span{float: left;width: 150px;font-family: 'avenir_85_heavyheavy';}
.crea_materail h2,.contact h2,.contact h2{
	background: url(../Images/dots.png) no-repeat center bottom;
	font-family: 'avenir_85_heavyheavy';
	font-weight: normal;
	font-size: 25px;
	color: #000;
	text-align:center;
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.crea_materail h3{
	font-family: 'AvenirNextLTPro-Demi';
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.crea_materail .fleft li {
	width: 100%;
	float:left;
	padding: 5px 0;
	font-family: 'avenirnext_lt_pro_regularRg';
	text-transform: uppercase;
	font-size: 11px;
}
.crea_materail .fleft li input{float: left;margin-right: 5px;}
.crea_materail .fleft li label{float:left;padding-top: 0px;width:81%}
.crea_materail a.download{	
	background: url(../Images/download.jpg) no-repeat;
	width: 98px;
	height: 18px;
	display: block;
	position: absolute;
	bottom: 20px;
	margin-left: 20px;
}
.crea_materail .scroll{
	height: 270px;
	overflow: auto
}
.crea_materail .search{width:95%;margin-left:20px;padding-bottom: 20px;float: left;} 
.crea_materail .searchbox {
	border: 1px solid #999999;
	width: 90%;
	height: 32px;
	float: left;
	padding-left: 10px;
	font-weight: normal;
	font-family: 'avenirnext_lt_pro_regularRg';
	font-size: 14px;
}
.crea_materail a{float: left;margin: 5px 0 0px 10px;}
.noresult {
	color: red;
	text-align: center;
	font-weight: normal;
	font-family: 'avenirnext_lt_pro_regularRg';
	font-size: 14px;
	height: 100px;
	line-height: 100px;
	clear:both
}
/*
.contact{
	position: absolute;
	z-index:100;	
	top: 25%;
	width: 814px;
	padding: 30px 20px;
	background: #fff;
	opacity: 0.9;
	font-family: 'avenir_85_heavyheavy';
}
.contact .fleft{
	float: left;
	width: 260px; 
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	text-align:center
}
.contact .one,.contact .three{ border-right: none;border-left: 0}
.contact h3,.contact h4{
	font-family: 'avenir_85_heavyheavy';
	font-size: 14px;
	text-transform: uppercase;
}
.contact h4{padding-bottom: 10px;padding-top: 10px}
.contact p{ font-family: 'avenir_85_heavyheavy';line-height: 16px; }
.contact p strong{text-transform: uppercase;}
.contact p b{font-size: 22px;line-height: 32px}
.contact a{text-decoration: underline}
.contact a:hover{text-decoration:none}*/
.contact{
	position: absolute;
	z-index:100;	
	top: 25%;
	width: 542px;
	padding: 30px 40px;
	background: #fff;
	opacity: 0.9;	
}
.contact .fleft{
	float: left;
	width: 270px; 
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-family: 'avenirnext_lt_pro_regularRg';
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 30px ;
	min-height: 120px;
}
.contact .clear{ clear:both }
.contact .fleft strong{ font-family: 'AvenirNextLTPro-Demi'; font-weight: normal;line-height: 35px}
.contact .fleft b{ font-family: 'AvenirNextLTPro-Demi'; font-weight: normal;font-size: 22px;line-height: 35px}
.contact .fleft a{font-size: 13px;text-transform: none;text-decoration: underline}
.contact .one{border-left: 0}
.contact .two{border-left: 0;border-right: 0}
.contact .three{border-left: 0;border-bottom: 0;padding-top: 25px}
.contact .four{border-left: 0;border-right:0;border-bottom: 0;padding-top: 25px}
.essence_cont {
	position: absolute;
	width: 100%;
	/*left: 39%;*/
    top: 30%;	
}
.essence_circle {
	margin: auto;
	background: #fff;
	width: 360px;
	height: 360px;
	-webkit-border-radius: 360px;
	-moz-border-radius: 360px;
	border-radius: 360px;
	text-align:center;
	z-index: 100
}
/*.essence_circle:hover{ opacity: 0.9;cursor:pointer}*/
.essence_cont h2,.brandequities .circle h2{
	font-size: 30px;
	color: #000;
	font-family: 'avenirnext_lt_pro_regularRg';
	padding-top: 130px;
	text-transform: uppercase;
	line-height: 35px;	
	position: relative;
}
.circlearrow{
	background: url(../Images/rightarrow.png) no-repeat;
	width: 24px;
	height: 58px;
	display: block;
	position: absolute;
	right: 40px;
	top: 150px;
}
.closeicon{
	background: url(../Images/closeicon.png) no-repeat;
	width: 55px;
	height: 55px;
	display: block;
	position: absolute;
	top: 12%;
	right: 100px;
}

/*
.contfadein {
    position: absolute;
    width: 360px;
	height: 360px;
    transition: all 2s ease-in-out 1s;
    opacity: 1
}*/
.txtfadein {
	transition: all 2s ease-in-out 3s;
    opacity: 1 !important
}
/****/
.brandvision{
	background: #fff;
	width: 450px;
	height: 350px;	
	text-align:center;	
	position: absolute;	
	top: 25%;
	left: 35%;
	text-align:center;
	opacity: 0.8;
	padding-top: 100px;
	-webkit-border-radius: 450px;
	-moz-border-radius: 450px;
	border-radius: 450px;
	z-index:100;
}
/*.brandvision h2{
	font-size: 30px;
	color: #000;
	font-family: 'vag_roundedregular';
	padding-bottom: 20px;
	width: 250px;
	margin: auto;
	display: block;
	margin-bottom:40px;
	border-bottom: 1px solid #000;
}*/
.brandvision div.visiontxt{padding: 20px 0;text-align:center; }
.brandvision .bstrip { background: url(../Images/bvstrip.png) no-repeat center center;width: 164px;height: 1px;padding: 10px 0;margin:auto }
.brandvision p{	
	font-size: 15px;
	text-transform: uppercase;
	color: #000;
	font-family: 'avenirnext_lt_pro_regularRg';
	padding-top: 0px;
	display: block;
	line-height: 30px;
}
.brandvision p strong{font-family: 'AvenirNextLTPro-Demi';font-weight: normal }
/*.brandvision .line1,.brandvision .line2,.brandvision .line3,.brandvision .line4{
	display: block;
	text-align: center;
}
.brandvision .line1			{ top: 60px; left: 50px; }
.brandvision .line1_effect	{ transition: all 3s ease 1s; opacity: 1 !important; }
.brandvision .line2			{ top: 90px; left: 70px; }
.brandvision .line2_effect  { transition: all 3s ease 2s; opacity: 1 !important; }
.brandvision .line3			{ top: 120px; left: 40px; }
.brandvision .line3_effect	{ transition: all 3s ease 3s; opacity: 1 !important; }
.brandvision .line4			{ top: 150px; left: 70px; }
.brandvision .line4_effect	{ transition: all 3s ease 5s; opacity: 1 !important; }*/
/****/
.brandessence{
	width: 775px;
	position: absolute;
	left: 25%;
	top: 15%;
	text-align:center;
	z-index: 100
}
.esse_txt_cle{
	position: absolute;
	width: 100%;
	height: 100%;
}
.brandessence .essencetxt{ text-align: center }

.brandessence .bstrip { background: url(../Images/esstrip.png) no-repeat center center;width: 263px;height: 1px;padding: 20px 0;margin:auto }
.brandessence p{
	font-size: 13px;
	color: #000;
	font-family: 'avenirnext_lt_pro_regularRg';
	padding-bottom: 5px;
	text-transform: uppercase;
}
.brandessence p strong{ font-family: 'AvenirNextLTPro-Demi';font-weight: normal }

.botcircle {
	width: 900px;
	height: 125px;
	position: absolute;
	bottom: 30px;
	left: 22%;	
	z-index: 1000
}
.botcircle .scircle{
	width: 123px;
	height: 123px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;	
	background: #fff;
	float: left;
	margin-right: 32px;
	display: block
}
.botcircle .scircle h3{
	font-size: 16px;
	color: #000;
	font-family: 'avenirnext_lt_pro_regularRg';
	text-transform: uppercase;
	text-align: center;
	line-height: 123px;
	display: block;
	position: relative;
}
.botcircle .circlearrow{
	background: url(../Images/smallarrow.png) no-repeat;
	width: 10px;
	height: 24px;
	position: absolute;
	right: 10px;
	top: 49px;
}
.botcircle #effortless .circlearrow,.botcircle #inviting .circlearrow{right: 5px;}
.botcircle .scircle h3.last{ line-height: 22px;padding-top: 28px; }
.botcircle .scircle:hover{opacity: 0.7 !important;cursor: pointer;background:#ffe599}
.botcircle .ycircle {background:#ffe599;opacity:0.7}
.txt_effect {cursor:pointer}
/*
.botcircle .one{ transition: all 3s ease 1s; opacity: 1 !important; }
.botcircle .one h3 { transition: all 3s ease 2s; opacity: 1 !important; }
.botcircle .one{ transition: all 3s ease 1s; opacity: 1 !important; }
*/
.botcircle .scircle.bnone{ margin-right:0 }
 .circlelarrow, .circlerarrow{
	background: url(../Images/leftarrow.png) no-repeat;
	width: 24px;
	height: 58px;
	position: absolute;	
	top: 108px;
}
 .circlelarrow{left: 25px;}
.circlerarrow{background: url(../Images/rightarrow.png) no-repeat;right: 25px}
/***********/
.manifesto{
	/*width: 900px;
	left: 25%;*/
	width: 75%;
	position: absolute;
	left: 12%;
	top: 0%;
	text-align:center;
	min-height: 500px;
	/*background: url(../Images/esstrip.jpg) no-repeat center top,url(../Images/esstrip.jpg) no-repeat center bottom;*/
	padding: 0px 0;
	z-index: 100
}
.manifesto .bstrip,.brandessence .bstrip { background: url(../Images/bvstrip.png) repeat-x center center;width: 264px;height: 1px;padding: 20px 0 20px 0;margin:auto }
.brandessence .bstrip {padding: 0}
.manifesto .manifestxt{text-align: center}
.manifesto h3{
	font-size: 12px;
	color: #000;
	/*font-family: 'avenir_lt_35_lightregular';*/
	font-family: 'AvenirNextLTPro-Demi';
	text-transform: uppercase;
	font-weight: normal;
	padding: 10px 0;
}
.manifesto p{
	font-size: 12px;
	color: #000;
	/*font-family: 'avenir_lt_35_lightregular';*/
	/*font-family: 'avenirnext_lt_pro_regularRg';	*/
	font-family: 'avenirnext_lt_pro_regularRg';
	padding: 4px 0;
	text-transform: uppercase;
}
.manifesto p strong{font-family: 'AvenirNextLTPro-Demi';}
.close {
	background: url(../Images/close.png) no-repeat;
	width: 40px;
	height: 40px;	
	display: block;
	position: absolute;
	right: 30px;
	bottom: 30px;
}
/** Brand Wheel **/
.brandwheel{ 
    width:540px;
    height: 540px;
    margin: auto;
    position: absolute;
	top: 25%;
	left: 33%;
}
.bwcircle{
    background: url(../Images/bwcircle.png) no-repeat;
    width: 149px;
    height: 149px;
    position: absolute;
    left: 195px;
    top: 195px;
    opacity: 0
}
.bwimg1{
    background: url(../Images/bwimg1.png) no-repeat;
    width: 230px;
    height: 98px;
    position: absolute;
    left: 152px;
    /*top: 106px*/
    top: -800px;
}
.bwimg2{
    background: url(../Images/bwimg2.png) no-repeat;
    width: 95px;
    height: 175px;
    position: absolute;
    /*right: 109px;*/
    right: -800px;
    top: 155px
}
.bwimg3{
    background: url(../Images/bwimg3.png) no-repeat;
    width: 122px;
    height: 121px;
    position: absolute;
    right: 112px;
    /*bottom: 112px*/
    bottom: -800px;
}
.bwimg4{
    background: url(../Images/bwimg4.png) no-repeat;
    width: 181px;
    height: 96px;
    position: absolute;
    left: 154px;
    /*bottom: 106px*/
    bottom: -800px
}
.bwimg5{
    background: url(../Images/bwimg5.png) no-repeat;
    width: 96px;
    height: 227px;
    position: absolute;
    /*left: 105px;*/
    left: -800px;
    top: 157px
}
.bwimg6{
    background: url(../Images/bwimg6.png) no-repeat;
    width: 227px;
    height: 176px;
    position: absolute;
    left: 272px;
    /*top: 1px*/
    top: -800px
}
.bwimg7{
    background: url(../Images/bwimg7.png) no-repeat;
    width: 107px;
    height: 264px;
    position: absolute;
    /*right: 3px;*/
    right: -800px;
    top: 139px
}
.bwimg8{
    background: url(../Images/bwimg8.png) no-repeat;
    width: 227px;
    height: 173px;
    position: absolute;
    right: 41px;
    /*bottom: 0px*/
    bottom: -800px
}
.bwimg9{
    background: url(../Images/bwimg9.png) no-repeat;
    width: 228px;
    height: 172px;
    position: absolute;
    left: 37px;
    /*bottom: 0px*/
    bottom: -800px
}
.bwimg10{
    background: url(../Images/bwimg10.png) no-repeat;
    width: 112px;
    height: 196px;
    position: absolute;
    /*left: -3px;*/
    left: -800px;
    bottom: 134px
}
.bwimg11{
    background: url(../Images/bwimg11.png) no-repeat;
    width: 149px;
    height: 155px;
    position: absolute;
    left: -11px;
    /*top: 72px*/
    top: -800px
}
.bwimg12{
    background: url(../Images/bwimg12.png) no-repeat;
    width: 191px;
    height: 142px;
    position: absolute;
    left: 76px;
    /*top: 0px*/
    top: -800px
}
.bwfadein {
    position: absolute;
    left: 195px;
    top: 195px;
    transition: all 2s ease-in-out 1s;
    opacity: 1
}
.bweffect1 {
    position: absolute;
    top: 106px !important;
    transition: all 3s ease 2s;
}
.bweffect2 {
    position: absolute;
    right: 109px !important;
    transition: all 3s ease 3s;
}
.bweffect3 {
    position: absolute;
    bottom: 112px !important;
    transition: all 3s ease 4s;
}
.bweffect4 {
    position: absolute;
    bottom: 106px !important;
    transition: all 3s ease 5s;
}
.bweffect5 {
    position: absolute;
    left: 105px !important;
    transition: all 3s ease 6s;
}
.bweffect6 {
    position: absolute;
    top: 1px !important;
    transition: all 3s ease 7s;
}
.bweffect7 {
    position: absolute;
    right: 3px !important;
    transition: all 3s ease 8s;
}
.bweffect8 {
    position: absolute;
    bottom: 0px !important;
    transition: all 3s ease 9s;
}
.bweffect9 {
    position: absolute;
    bottom: 0px !important;
    transition: all 3s ease 10s;
}
.bweffect10 {
    position: absolute;
    left: -3px !important;
    transition: all 3s ease 11s;
}
.bweffect11 {
    position: absolute;
    top: 72px !important;
    transition: all 3s ease 12s;
}
.bweffect12 {
    position: absolute;
    top: 0px !important;
    transition: all 3s ease 13s;
}
/*******/
/* Brand Equities */
 .brandequties{
    width:540px;
    height: 540px;
    margin: auto;
    position: absolute;
	top: 25%;
	left: 33%; 	
}
.circle{
    background: url(../Images/beqcircle.png) no-repeat;
    width: 251px;
    height: 251px;
	text-align:center;
    position: absolute;
    left: 144px;
    top: 144px;
    opacity : 1
}
.brandequties .circle h2 { font-family: 'avenirnext_lt_pro_regularRg';padding-top: 90px;font-size: 20px;line-height: 28px  }
.top_img{
    background: url(../Images/beqimg1.png) no-repeat;
    width: 339px;
    height: 169px;
    position: absolute;
    /*top: -300px;*/
	top: 0;
    left: 100px;
	opacity: 1
}
.right_img{
    background: url(../Images/beqimg2.png) no-repeat;
    width: 169px;
    height: 339px;
    position: absolute;
   /* right: -300px;*/
   right: 0;
    top: 100px;
	opacity: 1
}        
.bot_img{
    background: url(../Images/beqimg3.png) no-repeat;
    width: 339px;
    height: 173px;
    position: absolute;
   /* bottom: -300px;*/
   bottom: -4px;
    left: 100px;
	opacity: 1
}
.left_img{
    background: url(../Images/beqimg4.png) no-repeat;
    width: 171px;
    height: 339px;
    position: absolute;
   /* left: -300px;*/
   left: -4px;
    top: 100px;
	opacity: 1
}/*
.beqfadein {
    position: absolute;
    left: 144px;
    top: 144px;
    transition: all 2s ease-in-out .5s;
    opacity: 1
}
.topeffect {
    position: absolute;
    top: 0 !important;
    transition: all 3s ease 1s;
	opacity: 1
}
.righteffect {
    position: absolute;
    right: 0px !important;
    transition: all 3s ease 2s;	
	opacity: 1
}
.boteffect {
    position: absolute;
    bottom: -4px !important;
    transition: all 3s ease 2.5s;
	opacity: 1
}
.lefteffect {
    position: absolute;
    left: -4px !important;
    transition: all 3s ease 1.5s;
	opacity: 1
}
.topeffect:hover,.righteffect:hover,.boteffect:hover,.lefteffect:hover{cursor: pointer;}*/
/*transition: all .1s ease .1s;opacity: 0.7*/
/**/
.inspired,.artliving,.craftman,.creativesprit{ position: absolute;width: 100%; }
.spritbg,.craftbg,.inspiredbg,.artbg{
	background-image: url(../Images/creasprite_bg.jpg);
	background-repeat:no-repeat;
	width: 100%;
	height: 100%;
	background-size: cover;	
	background-position: 50% 50%;
	position: absolute;
	left: 0;
	top: 0;
}
.craftbg{background-image: url(../Images/craftman_bg.jpg);background-position: 50% 50%;}
.inspiredbg{background-image: url(../Images/inspired_bg.jpg);background-position: 50% 50%;}
.artbg{background-image: url(../Images/artliving_bg.jpg);background-position: 50% 50%;}

.artliving .image img{height: 100% !important;width: 100% !important;background-size: contain;}
.inspired_cont,.artliving_cont,.craftman_cont,.creativesprit_cont {
	position: absolute;
	right: 10%;
	top: 20%;	
	width: 30%;
	text-align:center;
}
.inspired_cont h2,.artliving_cont h2,.craftman_cont h2,.creativesprit_cont h2{
	font-size: 24px;
	font-family: 'avenirnext_lt_pro_regularRg';
	line-height: 35px;
}
.inspired_cont small,.artliving_cont small,.craftman_cont small,.creativesprit_cont small{
	float: left;
	width: 100%;
	background: url(../Images/strip_s.png) no-repeat center top,url(../Images/strip_s.png) no-repeat center bottom;
	font-family: 'agaramonditalic';
	font-size: 16px;
	padding: 20px 0;
	margin: 30px 0;
}
.inspired_cont p,.artliving_cont p,.craftman_cont p,.creativesprit_cont p{
	font-size: 18px;
	font-family: 'avenirnext_lt_pro_regularRg';
	line-height: 26px;
	padding-bottom: 20px;
	text-transform: uppercase;
}
/****/
.ncircle,.lcircle,.ccircle,.sscircle,.ecircle,.icircle{
	position: absolute;
	background: #fff;
	width: 265px;
	height: 265px;
	-webkit-border-radius: 265px;
	-moz-border-radius: 265px;
	border-radius: 265px;
	text-align: center;
	z-index: 100;	
}
.ncircle h2,.lcircle h2,.ccircle h2,.sscircle h2,.ecircle h2,.icircle h2{
	font-size: 25px;
	color: #000;
	font-family: 'avenirnext_lt_pro_regularRg';
	padding-top: 120px;
	text-transform: uppercase;
	line-height: 35px;	
}
.icircle h2{ padding-top:80px; }
.ncircle {left: 34%;  bottom: 20%;}
.lcircle {left: 26%;  bottom: 23%;}
.ccircle {left: 60%;  top: 30%;}
.sscircle{right: 20%;  top: 35%;}
.ecircle {left: 26%;  top: 30%;}
.icircle {right: 25%;  top: 30%;}
/*****/

.nature { background: #fff;width: 100%; position: absolute; top: 0;z-index:1001 }
.nature img{ width: 100%;height: 100%;background-size: cover;/*background-poisition: bottom*/}
.nature .col1 { float: left; margin-right: 15px; }
/*.natural .row1,.natural .row2{overflow: hidden}*/
.nature .col2 { float: left; margin-right: 16px; }	
.nature .col3 { float: left;}
.nature .col1 .row1,.nature .col1 .row2,.nature .col1 .row3 {clear: both;margin-bottom: 16px;}
.nature .col3 .row1,.nature .col3 .row2 { clear: both;margin-bottom: 16px; }
.nature .img1,.nature .img2,.nature .img3,.nature .img4,.nature .img5,.nature .img6{
	background-image: url(../Images/nature/img1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;	
}
.nature .img2{ background-image: url(../Images/nature/img2.jpg); }
.nature .img3{ background-image: url(../Images/nature/img3.jpg); }
.nature .img4{ background-image: url(../Images/nature/img4.jpg); }
.nature .img5{ background-image: url(../Images/nature/img5.jpg); }
.nature .img6{ background-image: url(../Images/nature/img6.jpg); }
/**/
.light {  background: #fff;width: 100%; position: absolute; left: 0; top: 0;z-index:1001;height: 100%;}
.light img{ width: 100%;height: 100%;background-size: cover}
.light .col1 { float: left; margin-right: 15px; }
.light .col2 { float: left; }	
.light .col1 .row1,.light .col1 .row2 {clear: both;margin-bottom: 16px;}
.light .col1 .row2{margin-bottom: 0}
.light .col2 .row1 { margin-bottom: 16px; }
.light .col2 .row2 { clear: both }
.light .col2 .row2 .c1,.light .col2 .row2 .c2 {float: left;}
.light .col2 .row2 .c1 { margin-right: 16px;}
.light .img1,.light .img2,.light .img3,.light .img4,.light .img5{
	background-image: url(../Images/light/img1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;	
}
.light .img2{ background-image: url(../Images/light/img2.jpg); }
.light .img3{ background-image: url(../Images/light/img3.jpg); }
.light .img4{ background-image: url(../Images/light/img4.jpg); }
.light .img5{ background-image: url(../Images/light/img5.jpg); }
/**/
.colour {  background: #fff;width: 100%; position: absolute; left: 0; top: 0;z-index:1001 }
.colour img{ width: 100%;height: 100%;background-size: cover}
.colour .row1 { clear:both; }
.colour .row2 { clear: both;padding-top: 16px; }	
.colour .row1 .c1,.colour .row1 .c2,.colour .row1 .c3{float: left;}
.colour .row1 .c1,.colour .row1 .c2 {margin-right: 15px;}
.colour .row2 .c4,.colour .row2 .c5,.colour .row2 .c6{float: left;}
.colour .row2 .c4,.colour .row2 .c5 {margin-right: 15px;}
.colour .img1,.colour .img2,.colour .img3,.colour .img4,.colour .img5,.colour .img6{
	background-image: url(../Images/color/img1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;	
}
.colour .img2{ background-image: url(../Images/color/img2.jpg); }
.colour .img3{ background-image: url(../Images/color/img3.jpg); }
.colour .img4{ background-image: url(../Images/color/img4.jpg); }
.colour .img5{ background-image: url(../Images/color/img5.jpg); }
.colour .img6{ background-image: url(../Images/color/img6.jpg); }
/**/
.space { background: #fff; width: 100%; position: absolute; top: 0;z-index:1001 }
.space img{ width: 100%;height: 100%;background-size: cover}
.space .col1 { float: left; margin-right: 15px; }
.space .col2 { float: left; }	
.space .col1 .row1 .c1{float: left;margin-right: 15px;}
.space .col1 .row1 .c2{float: left;}
.space .col1 .row2 {clear:both; float: left;margin-top: 16px; }
.space .img1,.space .img2,.space .img3,.space .img4,.space .img5,.space .img6{
	background-image: url(../Images/space/img1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;	
}
.space .img2{ background-image: url(../Images/space/img2.jpg); }
.space .img3{ background-image: url(../Images/space/img3.jpg); }
.space .img4{ background-image: url(../Images/space/img4.jpg); }
.space .img5{ background-image: url(../Images/space/img5.jpg); }
.space .img6{ background-image: url(../Images/space/img6.jpg); }
/**/
.effortless {  background: #fff;width: 100%; position: absolute;  top: 0;z-index:1001 }
.effortless img{ width: 100%;height: 100%;background-size: cover}
.effortless .col1 { float: left; margin-right: 15px; }
.effortless .col1 .row1,.effortless .col2 .row1 { clear: both;}
.effortless .col1 .row2,.effortless .col2 .row2 { clear: both;margin-top: 16px;}
.effortless .col2 { float: left; margin-right: 15px; }	
.effortless .col3 { float: left; }	
.effortless .img1,.effortless .img2,.effortless .img3,.effortless .img4,.effortless .img5{
	background-image: url(../Images/effort/img1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;	
}
.effortless .img2{ background-image: url(../Images/effort/img2.jpg); }
.effortless .img3{ background-image: url(../Images/effort/img3.jpg); }
.effortless .img4{ background-image: url(../Images/effort/img4.jpg); }
.effortless .img5{ background-image: url(../Images/effort/img5.jpg); }
/**/
.inviting {  background: #fff;width: 100%; position: absolute;  top: 0;z-index:1001 }
.inviting img{ width: 100%;height: 100%;background-size: cover}
.inviting .col1 { float: left; margin-right: 15px; }
.inviting .col1 .row1,.inviting .col2 .row1 { clear: both;}
.inviting .col1 .row2,.inviting .col2 .row2 { clear: both;margin-top: 16px;}
.inviting .col2 .row2 {margin-bottom: 0}
.inviting .col1 .row2 .c1,.inviting .col1 .row2 .c2{ float: left; }
.inviting .col1 .row2 .c1{margin-right: 15px;}
.inviting .col2 { float: left; }	
.inviting .img1,.inviting .img2,.inviting .img3,.inviting .img4,.inviting .img5{
	background-image: url(../Images/inviting/img1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;	
}
.inviting .img2{ background-image: url(../Images/inviting/img2.jpg); }
.inviting .img3{ background-image: url(../Images/inviting/img3.jpg); }
.inviting .img4{ background-image: url(../Images/inviting/img4.jpg); }
.inviting .img5{ background-image: url(../Images/inviting/img5.jpg); }
/*************/
.tonevoice,.customers{	width: 100%; position: relative}
.customers{overflow:hidden;}
.tonevoice_cont,.customers_cont,.customer_profile,.customer_home{
	width: 100%;	
	position: absolute;
	top: 0;
}
.customerbg{
	background-image: url(../Images/customers_bg.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 0%;
	position: absolute;
	top: 0;
	left: 0;	
}
/*.customer_home .imageblock img{position: inherit}*/
.customers_cont,.customer_profile,.customer_home{ height: 100%; }
.profile_cont{
	width: 100%;	
	position: absolute;
	top: 0;
}
.tonevoice h2,.customer_profile h2{
	margin: 20px 0 40px 0; 
	background:url(../Images/bvstrip.png) no-repeat center bottom;
	font-family: 'avenirnext_lt_pro_regularRg';
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 20px;
}
.tonevoice .column,.customer_profile .column,.tonevoice .titles{
	float: left;
	text-align: center;
	width: 20%;
	font-family: 'avenirnext_lt_pro_regularRg';
	font-size: 13px;
	text-transform: uppercase;
}
.tonevoice .titles{ width: 9%;margin-top:20px;border-right: 1px solid #676465 }
.tonevoice .column{ width: 18%; }
.tonevoice .titles div.tone{ min-height: 150px; }
.tonevoice .titles div.ttwo{ min-height: 100px; }
.tonevoice .titles div.tthree{ min-height: 120px; }
.tonevoice .titles div.tfour{ min-height: 100px; }
.tonevoice .column small,.customer_profile .column small{
	width: 100%;display:inline-block;
	font-family: 'avenirnext_lt_pro_regularRg';
	font-size: 11px;line-height: 18px;
	text-transform: uppercase;
	margin: 20px 0;
	min-height: 120px;
}
.tonevoice .column strong,.customer_profile .column strong{
	font-family: 'AvenirNextLTPro-Demi';
	font-size: 15px;line-height: 18px;
	font-weight: normal
}
.leftarrow,.rightarrow,.eqlarrow,.eqrarrow{
	background: url(../Images/leftarrow.png) no-repeat;
	width: 24px;
	height: 58px;
	display: block;
	position: absolute;
	top: 45%;
	z-index: 1001;	
}
.eqlarrow{background: url(../Images/leftarrow.png) no-repeat;right: 40px;}
.eqrarrow{background: url(../Images/rightarrow.png) no-repeat;right: 40px;}

.leftarrow{left: 40px;}
.rightarrow{background: url(../Images/rightarrow.png) no-repeat;right:40px;}
.customers .leftarrow{
	background: url(../Images/leftarrow.png) no-repeat;
}
.customers .rightarrow{
	background: url(../Images/rightarrow.png) no-repeat;
}
.profile_cont{width: 60%;left: 20%;top: 20%;}
.customer_profile .column{ width: 33% }
.customer_profile .column small{
	background:url(../Images/strip.jpg) no-repeat center top;
	padding-top: 20px;
	text-transform: none;
	font-size: 15px;
	line-height: 22px
}

.brandessence p strong:hover .bstrip{ background: none }
.brandessence h2.title{ font-family: avenirnext_lt_pro_regularRg;  font-size: 22px;  text-transform: uppercase; color: #000;margin-bottom: 5px}
.brandessence .bstrip.padd_bot {padding-bottom: 5px}
#big-vimeo-wrap video{/*position: absolute;top:0;left:300px;z-index:-1 !important*/}
/****/
@media only screen
and (min-width : 268px)
and (max-width : 567px){
	body{ }
	.topmenu ul{width: 100%;overflow: hidden}
	.topmenu li a{ width: auto;padding: 0 10px;font-size: 8px }
}

@media only screen
and (min-width : 568px)
and (max-width : 767px){
	body{ border: 0px solid green }
	.topmenu li a{ width: auto;padding: 0 5px;font-size: 8px }
}

@media only screen
and (min-width : 768px)
and (max-width : 867px){
	body{ border: 0px solid pink }
	.topmenu li a{ width: auto;font-size: 11px;padding: 0 10px; }
}

@media only screen
and (min-width : 868px)
and (max-width : 1224px){
	body{ border: 0px solid red }
	.topmenu li a{ width: auto;padding: 0 10px;font-size: 13px }	
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	.topmenu{top: 20px}
	.topmenu li a{padding: 0 10px;font-size: 10px}	
	.brandvision{ left: 22%;}
	.essence_circle { left: 30%; }
	.brandessence { left: 5%; }
	.botcircle { left: 5%; }
	.botcircle { width: 755px;left: 10px;}
	.botcircle .scircle{ width: 120px;height: 120px;margin-right: 5px; }
	.ncircle{ left: 24%; }
	.lcircle{ left: 20%; }
	.ccircle{ left: 50%; }
	.sscircle{ right: 17%; }
	.ecircle{ left: 18%; }
	.icircle{ right: 18%; }
	.brandequties { left: 16%; }
	.profile_cont { width: 100%;left: 0%;}
	.inspired_cont, .artliving_cont, .craftman_cont, .creativesprit_cont {
		width: 50%; 
	}
	.titles div{float:left;width:25%;min-height:25px !important}
	.titles{color:#000000}
	.tonevoice .titles {
		width:99%;
		border-right: 0px;
		border-bottom:1px solid #676465;
		margin-bottom:15px
	}
	.row {clear:both;width:100%}
	.tonevoice .column {
		display:inline-block;
		vertical-align:middle;
		float:none;
		width:24%;
	}
	.tonevoice .column small { display:inline }
	.row { margin-bottom:5px }
	.tonevoice h2{ margin-bottom:10px;padding-bottom: 10px }
	.tonevoice .column small{ line-height: 15px; }
	.craftman .image,.inspired .image,.creativesprit .image,.artliving .image{ overflow: hidden }
	.craftman .image img,.inspired .image img,.creativesprit .image img,.artliving .image img{ height: 1024px !important;width: auto !important;background-size: contain; }
	
	.spritbg{background-image: url(../Images/ipad/creasprite_bg.jpg);background-position: 50% 50%;}
	.craftbg{background-image: url(../Images/ipad/craftman_bg.jpg);background-position: 50% 50%;}
	.inspiredbg{background-image: url(../Images/ipad/inspired_bg.jpg);background-position: 50% 50%;}
	.artbg{background-image: url(../Images/ipad/artliviing.jpg);background-position: 0% 0%;}
	.creativesprit_cont{ top: 25%; }
	.inspired_cont{ top: 25%; }
	.craftman_cont{ top: 30%; }
	.artliving_cont{ top: 30%; }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.topmenu{top: 20px}
	.topmenu li a{padding: 0 15px;font-size: 12px}	
	.brandvision{ left: 28%;}
	.essence_circle { left: 32%; }
	.brandessence { left: 12%; }
	.botcircle { left: 5%; }
	.ncircle, .lcircle, .ccircle, .sscircle, .ecircle, .icircle{
		width: 200px;
		height: 200px;
		-webkit-border-radius: 200px; 
		-moz-border-radius: 200px;
		border-radius: 200px;
		bottom: 25%;
	}
	.ncircle h2, .lcircle h2, .ccircle h2, .sscircle h2, .ecircle h2, .icircle h2{font-size: 22px;padding-top: 80px}
	.lcircle{ bottom: 22%;}
	.nature .col1,.nature .col2 {margin-right: 15px;}
	.brandequties { left: 24%; }
	.inspired_cont p, .artliving_cont p, .craftman_cont p, .creativesprit_cont p{ font-size: 15px }
	.profile_cont { width: 80%;left: 10%;}
	.manifesto p {font-size: 11px;padding: 3px 0}
	.tonevoice h2{ margin: 20px 0}
	.icircle h2 { padding-top: 50px;}
	.circlelarrow, .circlerarrow {top: 70px;}
	.circlelarrow{left: 10px}
	.circlerarrow{right: 10px}
	
}


@media only screen
and (min-height : 568px)
and (max-height : 767px){
	body{ border: 0px solid green }
	.manifesto .bstrip, .brandessence .bstrip {padding: 10px 0}
	.manifesto p{padding: 1px 0;}
	.tonevoice h2 { margin: 20px 0 0 0}
	.customer_profile h2{margin: 20px 0 }
	.manifesto .bstrip, .brandessence .bstrip { padding: 10px 0 }
}