/*
Theme Name: Social Soup
Version: 1.0

/***********************************************************************************/
/*                                  Reset Browser                                  */
/***********************************************************************************/
@font-face{font-family:'BreeBold';src:url('//www.socialsoup.com/wp-content/themes/social_soup/fonts/BreeBold.eot');src:url('//www.socialsoup.com/wp-content/themes/social_soup/fonts/BreeBold.eot?#iefix') format('embedded-opentype'),
url('//www.socialsoup.com/wp-content/themes/social_soup/fonts/BreeBold.woff') format('woff'),
url('//www.socialsoup.com/wp-content/themes/social_soup/fonts/BreeBold.ttf') format('truetype'),
url('//www.socialsoup.com/wp-content/themes/social_soup/fonts/BreeBold.svg') format('svg');font-weight:normal;font-style:normal}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }

h1, h2, h3, h4, h5, h6, { font-weight: normal; }
h1.fl {font-size:28px;}
.link {cursor:pointer;}
.clearfix {
	clear: both;
}
.clearfix:after {
	display: block;
	content: '';
	clear: both;
	overflow: hidden;
}
.short700 {max-width:700px; margin:0 auto;}
.short800 {max-width:700px; margin:0 auto;}
/* text-align */
.tl { text-align:left}
.tc { text-align:center}
.tr { text-align:right}

/* vertical-align */
.vt { vertical-align:top}
.vm { vertical-align:middle}
.vb { vertical-align:bottom}

/* float */
.fl, .left { float:left}
.fr, .right { float:right}
.fn { float:none}
.clear{clear: both;}
.v10{height:10px;}
.v15{height:15px;}
.v20{height:20px;}
 
/***********************************************************************************/
/*                                  Main Elements                                  */
/***********************************************************************************/
a{
	color: #919191;
	text-decoration: none;
	outline:none;
}
a:hover{
	text-decoration: none;
}
p{
	padding: 0 0 21px;
}
hr {
	background-color: #eee;
	border: 0;
	height: 1px;
	margin: 0;
}
b, strong, .bold {
	font-family: 'Montserrat', arial; font-weight:bold;
}
cite, em, i, .italic {
	font-style: italic;
}
::-webkit-input-placeholder { color: #848484; }
:-moz-placeholder           { color: #848484; }
::-moz-placeholder          { color: #848484; }
:-ms-input-placeholder      { color: #848484; }
:placeholder                { color: #848484; }

.signin-body::-webkit-input-placeholder { color: #58667a; }
.signin-body:-moz-placeholder           { color: #58667a; }
.signin-body::-moz-placeholder          { color: #58667a; }
.signin-body:-ms-input-placeholder      { color: #58667a; }
.signin-body:placeholder                { color: #58667a; }

/***********************************************************************************/
/*                               Layout & Composition                              */
/***********************************************************************************/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	color: #000;
	max-width: 1680px;
	padding: 0;
	margin:0 auto;
	font-size: 15px;
	line-height: 1.5;
	font-family: 'Montserrat', arial;
	-webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: none;
}
input, textarea, select, button{
	color: #848484;
	font-family: 'Montserrat', arial;
	border-radius: 0;
}
input[type="submit"], input[type="text"], input[type="email"], button, select{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
input[type="text"], input[type="email"], input[type="tel"], textarea, select{
	width: 100%;
	border: none;
}
.sign-in input, .sign-in textarea, .signin-body input{
	font-family: 'Montserrat', arial;
}
textarea{
	resize: none;
	border: 1px solid #ddd;
	padding: 16px;
}
a, a:focus, input, input:focus{
	outline: none;
}
img{
display:block;	max-width: 100%; margin: 0 auto;
}
.imgbox img,.about-banner img,.home-banner img ,.review-banner img{width:100%;}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.mb20{margin-bottom: 20px;}
.w230{width: 230px;}

.fz24{font-size: 27px;}

.section-table{display: table;height: 100%;width: 100%;}
.nav-logo {margin-right: 0px;}
.hidden {display:none;}
.left {float:left;}
.clear {clear:both;}
/*  PageNavi */
.page_navi{
	width:100%;
	text-align:left;
	overflow:hidden;
	margin:10px 0 30px 0;
	font-size: 0;
}
.page_navi a{
	margin-right:3px;
	display: inline-block;
	font-size: 16px;
	padding: 0 12px;height: 34px;
	line-height: 34px;
	font-family: 'Montserrat', arial;
	border-radius: 3px;
	border: 1px solid #d8d8d8;
	color: #000;
}
.page_navi a:hover,
.page_navi a.current{
	color:#fff;
	background: #ef5039;
	border-color: #ef5039;
}
/***********************************************************************************/
/*                                   common                                     */
/***********************************************************************************/
.button{cursor:pointer;display: inline-block;height: 28px;line-height: 25px;color: #fff;background: #ef5039;text-align: center;min-width: 103px;border-radius: 5px;border: 1px solid #cc8176;}
.button:hover, .head-slide .button:hover{background: #ec008b;}
.btn-dark{height: 52px;line-height:50px;border:none;background: #393c40; font-size: 20px;width: 169px;}
.btn-orange{height: 42px;line-height:40px;min-width: 148px;text-transform: uppercase;font-family: 'Montserrat', arial;}
.button.grey{cursor: default;color: #ccc;}
.button.grey:hover{background: #ef5039;}
.button.green{background:#49b869;}
.button.social-link {width:100%; height:32px; padding:8px 10px; position:relative; line-height:16px; font-size:16px;background:none; border: 1px solid #fff;}
.button.social-link>span,.button.social-link.connected>span.btn-text {display:none;}
.button.social-link>span.btn-text {display:inline;}
.button.social-link.connected>span.name {display:inline;}
.button.social-link>.disconnect {position:absolute; right:2px; top:0; width:30px; height:30px; padding:7px; display:none;}
.button.social-link.connected>.disconnect {display:block;}
.button.social-link>.disconnect>div {font-size:0; width:100%; height:20px; background:url(/wp-content/uploads/2016/03/Delete-icon.png) no-repeat top right; background-size:contain; }
.button.social-link>.disconnect:hover{width:80%; background:#002e5e; }
.button.social-link>.disconnect:hover>div {font-size:16px;}

h1.hd{font-family: 'Montserrat', arial;font-size: 40px;color: #000;}
h2.hd{font-family: 'Montserrat', arial;font-size: 34px;color: #000;margin-bottom: 8px;}
h4.hd{font-family: 'Montserrat', arial;font-size: 28px;color: #000;}
h4.storyHd{font-family: 'Montserrat', arial;font-size: 18px;color: #fff;font-weight: normal;}
p.subhd{font-size: 19px;}
p.subhd .button{font-size: 14px;}
p.subhd>a{color: #ef5039;font-family: 'Montserrat', arial;}
p.subhd a:hover{text-decoration: underline;}
.col2 .left, .col2 .right{width: 50%;}
.col2 .left{padding-right: 15px;}
.col2 .right{padding-left: 15px;}

.col3 li{width: 31.45%;float: left;margin-right: 2.82%}
.col3 .last{margin-right: 0;}
.packery,.masonry{width:100%; max-width:100%; font-size: 0; margin:0 auto;}
.masonry .item{
 	margin:0;
	overflow: hidden;
}.packery .item{
 	margin:0;
	overflow: hidden;
}

.masonry .item.w2 { width:460px; }.packery .item.w2 { width:460px; }
.masonry .item>img,.packery .item>img {width:100%;}
.masonry .item.h2>img { height:460px;}
.masonry .item.h1>img { height:230px;}
.item .text{
	width: 230px;
	height: 230px;
}
.item .pinkbg{background: #f9c0d0;}
.item .greenbg{background: #46b969;}

.article p,.article li,.article strong{font-size: 19px;}
.bluebg{background-color:#00c7dc}
.bluemast {font-size:16px;position: absolute;left: 0;top: 100%;right: 0;bottom: 0;background: #19436d;color:#fff;text-align: center;background-color: rgba(0,46,94,0.9);padding: 58px 34px;}
.bluemast .submit {color: #fff;}
.mast-cnt{display: table;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;}


.masonry .bluemast{padding: 10px 5px;}
.packery .bluemast{padding: 10px 5px;}
.bluemast .more{display: inline-block;width: 64px;height: 64px;background: url(img/icon-pdf.png) no-repeat;}
.products li:hover .bluemast, .masonry .item:hover .bluemast
, .packery .item:hover .bluemast
{top: 0;}

.border-box{border: 1px solid #eee;}

.hasbg h1.hd, .hasbg h2.hd, .hasbg h4.hd, .hasbg{color: #fff;}

.menu-item-has-children ul,
.nav li, .nav li a,
.flex-control-paging li a,
.bluemast,
.page_navi a{
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}
/***********************************************************************************/
/*                                   Your Code                                     */
/***********************************************************************************/
.vc {display:none;}
.container{width:100%;margin: 0 auto;}
.mx520{max-width:520px; margin:0 auto;}
.mx580{max-width:640px; margin:0 auto;}
.mx1380.container.tc {max-width:1160px;padding:20px 5px 0 5px; }
.spacing {width:100%; padding:40px 40px;}
.body .container{padding: 40px 0;}
.explore-detail .body .container{padding-top: 0;}

.header{border-bottom: 1px solid #eee;}
	.reg-login{padding-top:6px; font-size: 0; position: relative; height:0; width:250px; right:10px; top:5px; float: right;}
	.reg-login a{margin: 0px 8px 6px 0;display: inline-block;font-size: 12px; overflow:hidden;}
	.reg-login img{vertical-align: middle;}
	.logo img{margin: 15px 15px 12px 15px ; width:240px; }
	.narrow {display:none;}
	.nav-logo {}
	.nav-logo img,.nav-logo a{ z-index:100; postion:relative; display:block;float:left;}
	.main-nav b{height: 50px;width: 50px; background: url(img/icon-nav@2x.png) no-repeat 10px 50%;background-size: auto 25px;cursor: pointer; position:absolute; right:5px; top:0;}
	.nav > li{float: left;height: 59px;line-height: 59px;}
	.nav li a{display:block;color: #000;font-size: 15px;font-family:'Montserrat', arial;padding: 0 10px;text-transform: uppercase;}
	.nav .menu-item-has-children > a{background: url(img/icon-btm.png) no-repeat 70px center;}
	.nav li li a{line-height: 42px;}
	.nav li.current-menu-item,
	.nav li.current-menu-parent,
	.nav li.current-menu-ancestor,
	.nav li:hover {
		background: #fcec00;
	}
	.nav li.current-menu-item a,
	.nav li.current-menu-parent a,
	.nav li.current-menu-ancestor a,
	.nav li:hover a {
		color: #002e5f;
	}
	.menu-item-has-children{position: relative;}
.nav .menu-item-has-children ul li a{color:white;}
	.menu-item-has-children ul li:hover{ background: #005c92;}
	.menu-item-has-children ul{
		position: absolute;
		left: 0;
		top: 90%;
		height: 0;
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		z-index: 3;
		width: 186px;
		overflow: hidden;
		background-color: #002e5e;
	}
	.nav .menu-item-has-children:hover ul{
		top: 100%;
		height: auto;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	}
.nav li.mobile {display:none;}
.article .col2 p{font-size: 15px;}
.article .col2 h2{font-size: 24px; line-height:36px;}
#footer{background: #f27f3d;color: #fff;font-size: 16px;line-height: 32px;}
#footer a{color: #fff;}
#footer a:hover{opacity: 0.8;filter:alpha(opacity=80);}
#footer a.button {height: 42px;line-height:40px;width: 208px;text-transform: uppercase;font-family: 'Montserrat', arial; border:2px solid white; background:none; }
#footer .social {display:block; text-align:center; margin:10px auto 40px auto;}
#footer .social li {border-right:2px solid white; display:inline-block; padding:0 10px; line-height:22px;}
#footer .social li.last {border:none;}
#footer .container.tb {border-top:1px solid #8097af;}
.home-footer{border-top: 1px dashed #FFF;padding-top: 38px;}
	.home-footer .footer{border-top: 1px solid #8097af;}
.footer-link{overflow: hidden;font-family: 'Montserrat', arial; margin: 20px 0;}
	.footer-link ul{float: left;width: 33.3%;padding:0 3%;}
	.footer-link li.hd{font-family: 'Montserrat', arial; font-weight:bold;text-transform: uppercase;}
	.footer-link img{margin-right: 12px;}
.footer{height: 79px;font-family: 'Montserrat', arial;padding: 24px 20px;}
	.footer li{display: inline-block;}
	.footer a{text-transform: uppercase;padding: 0 15px;border-right: 1px solid #fff;line-height: 1;display: inline-block;}
	.footer .born a{border: none;padding: 0 0 0 15px;}
	.footer img{width: 28px;height: 28px;vertical-align: middle;}

/*-----------homepage--------------*/
.head-slide .flexslider{background: #ffde00;}
.head-slide .container{
	max-width: 9999px;
}
.head-slide:hover .flexslider{background: #ffde00;}
.head-slide li{position: relative;overflow: hidden;}
.homepage .head-slide .slides li{height: 530px;}
.video_wrapper{height: 100%;}
.video_wrapper iframe{height: 100%;width: 100%;}
.head-slide .button{position: absolute;width: 218px;height: 51px;line-height: 49px; background:#ec008b;font-family: 'Montserrat', arial;font-size: 20px;bottom: 110px;left: 50%;margin-left: -110px;border-radius: 0;text-transform: uppercase;}
.action{background: #ffde00;height: 130px;font-family: 'Montserrat', arial;color: #666;}
	.action h1{padding-left: 60px;background: url(img/icon-smail.png) no-repeat 0 center;line-height: 48px;}
	.action b{font-family: 'Montserrat', arial;}
.widgets{ background: #daeff7 /*url(img/shadow.png) no-repeat center 0*/; color:#333;font-size: 14px;padding-top:40px; margin-top: 20px; display: none;}
.widgets h2 {font-size:28px;}
.widgets .button {background:none; border:none; color:black; font-size:22px;}
.widgets .button:hover {background:none; border:2px solid #00b9de; border-radius:0;}

	.widgets li{width: 33.3%;float: left;padding: 0 5%;}
	.widgets p{height: 57px;}
	.widgets .button{width: 100%;text-transform: uppercase;height: 42px;line-height: 40px;margin-top: 12px;font-family: 'Montserrat', arial;}
.products{overflow: hidden;}
	.products .slides li{position: relative;}

.infograph{padding: 40px 0;margin-top:35px;background: url(img/icon-heart.png) no-repeat center top;}
	.infograph li{float: left;width: 18%;}
	.infograph li.infograph2{width: 28%;}
	.infograph span, .infograph b{display: block;}
	.infograph b{font-size: 64px;line-height: 106px;color: #00c7dc;letter-spacing: -2px;}
	.infograph span{color: #353d5b;text-transform: uppercase;font-family: 'Montserrat', arial;font-size: 20px;}
	.infograph0 b{color: #ed078f;}
	.infograph1 b{color: #46b969;}
	.infograph2 b{color: #002e5e;font-size: 72px;}
	.infograph3 b{color: #f5833c;}
	.infograph4 b{color: #755eaa;}
.masonry .item{width:230px;
  float: left;}
.masonry .grid-sizer{width:100%;}
.packery .item{width:230px;
  float: left;}
.packery .grid-sizer{width:10%;}

.homepage .masonry{margin-bottom: 45px;}
.homepage .packery{margin-bottom: 45px;}
.time-post{position: absolute;left: 0;bottom: 0;height: 27px;width:97px;line-height: 27px;background-color: rgba(0,0,0,0.2);}
.time-post p{font-family:'Montserrat', arial;font-size: 12px;color: #fff;background: url(img/icon-time.png) no-repeat 5px 5px;padding-left: 28px;}

.form_success {
	display: none;
}
.sign-in{
	background-color: #002e5e;
	color: #fff;
	width: 538px;
}
#sign-in .signin-body{
	padding: 24px 50px 12px 50px;
	margin: 0;
}
.sign-logo{
	margin-bottom: 30px;
}
.signin-body h6{
	font-family: 'Montserrat', arial;
	font-size: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
}
.signin-body input, .signin-body textarea{
	width: 100%;
	border: 1px solid #fff;
	height: 42px;
	padding: 10px;
	color: #fff;
	margin-bottom: 20px;
	background-color: #012449;
}
.signin-body textarea{
	height: 104px;
	margin: 0;
}
.signin-body input[type="text"], .signin-body input[type="password"], .signin-body input[type="email"]{
	padding-left: 52px;
	font-size: 16px;
	background: #012449 url(img/key.jpg) no-repeat 20px center;
}
.signin-body .username input{
	background-image: url(img/username.jpg);
}
.signin-body input[type="submit"]{
	background: url(img/btn-bg.jpg) repeat-x;
	font-size: 16px;
	font-family: 'Montserrat', arial;;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	padding: 0;
	line-height: 40px;
	height: 40px;
}
.signin-body input[type="submit"]:hover, .btn-bluebg:hover{
	background-position: 0 100%;
}
.sign-action a{
	float: left;
	width: 50%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #fff;
	font-family: 'Montserrat', arial;
	text-transform: uppercase;
	font-size: 16px;
	color: #fff;
	margin-right: -1px;
}
/*-------------contact--------------*/
.contact-inner{}

	.contact-form .row{border: 1px solid #ddd;margin-bottom: 10px;height: 59px;padding: 18px 16px 23px 75px;position: relative;}
	.contact-form .icon{position: absolute;left:0;top:0;width: 59px;height: 59px;border-right: 1px solid #ddd;background: url(img/icon-ipt1.jpg) no-repeat center center;}
	.icon.name{background-image: url(img/icon-ipt1.jpg);}
	.icon.email{background-image: url(img/icon-ipt2.jpg);}
	.icon.company{background-image: url(img/icon-ipt3.jpg);}
	.contact-form textarea{height: 187px;margin-bottom: 10px;}
	.contact-form .button{width: 100%;border-radius: 0;border: none;}
	.contact-li li{color: #919191;line-height: 18px;padding-left: 25px;margin-top: 18px;background: url(img/icon-add0.jpg) no-repeat 0 0;}
	li.contact-li1{background-image: url(img/icon-add1.jpg);}
	li.contact-li2{background-image: url(img/icon-add2.jpg);}
	li.contact-li3{background-image: url(img/icon-add3.jpg);}
	li.contact-li4{background-image: url(img/icon-add4.jpg);}
#map{width: 100%;height: 287px;background: url(http://www.socialsoup.com/wp-content/uploads/2016/04/social-soup-location-v2.jpg) no-repeat;}

/*-------------about--------------*/
.banner{background: url(img/about-bg.jpg) no-repeat 0 0; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 82px 0;height: 203px;margin-bottom: -31px;}
.crumbs{
	background: #66767d;
	display: inline-block;
	border-radius: 5px;
	padding: 10px 16px;
	color: #fff;
	font-family: 'Montserrat', arial;
	font-size: 14px;
	text-transform: lowercase;
	display: none;
}

.crumbs a{
	color: #fff;
	padding-right: 25px;
	margin-right: 15px;
	background: url(img/icon-narrow.png) no-repeat right center;
}
.about-title{
	padding: 0 30px;
	display: inline-block;
	height: 62px;
	text-align: center;
	line-height: 60px;
	border: 1px solid #dadada;
	border-radius: 5px;
	background: #fff;
	font-family: 'Montserrat', arial;
	font-size: 22px;
	color: #000;
	text-transform: uppercase;
}
.full-text{
	background:url(img/about-hr.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 355px;
}
.full-text p{font-size: 27px;}
.story .border-box{border-radius: 5px;padding: 22px 0 35px 0;}
/* .story img, .story .border-box{margin-bottom: 18px;} */

.col3.color-fill li {width:33.3%; float:left; margin:0;}
.story .color-box{  padding: 70px 30px 35px 30px; min-height:280px;}
/* .story img, .story .color-box{margin-bottom: 18px;} */

.color-box.bg1 {background:#00b0db;}
.color-box.bg2 {background:#045091;}
.color-box.bg3 {background:#6c4797;}
.color-box.bg4 {width:1920px; padding: 0;}
.color-box.bg1>img {margin: 0 auto;}
.color-box.bg2>img {margin: 0 auto;}
.color-box.bg3>img {margin: 0 auto;}


.accordion h2{
	height: 80px;
	line-height: 78px;
	font-size: 20px;
	border-bottom: 1px solid #eee;
	padding: 0 2.56%;
	position: relative;
	cursor: pointer;
}
.accordion h2 .icon{
	width: 80px;height: 80px;
	position: absolute;
	border-left: 1px solid #eee;
	top: 0;right: 0;
	background: url(img/icon-open.png) no-repeat center center;
	opacity: 0.8;filter:alpha(opacity=80);
}
.accordion h2:hover .icon, .opened h2 .icon{opacity: 1;filter:alpha(opacity=100);}
.accordion-content{
	display: none;
	padding: 18px 40px 18px 162px;
	border-bottom: 1px solid #eee;
}
.opened .accordion-content{
	display: block;
}
.opened h2, .accordion h2:hover{
	color: #ef5039;
}
.opened h2 .icon{
	background-image: url(img/icon-opend.png);
}
.team .flexslider .slides > li{position: relative;}
.team .bluebg{height: 65px; position: absolute;bottom: 0;left: 11px;right: 11px;}
.team h6{font-size: 20px;}
.team p{font-size: 12px; color: #fff;}



/*-------------explore--------------*/
.imgbox{position: relative;font-size: 0;}
	.operat{font-family:'Montserrat', arial;position: absolute;bottom: 0;left: 0;width: 166px;padding:18px 12px;background-color: #ef5039;font-size: 11px; display: none;}
	.operat .time{background: url(img/icon-time.png) no-repeat 0 center;padding-left: 20px;}
	.operat .comts{background: url(img/icon-pl.png) no-repeat 0 center;padding-left: 20px;margin-left: 10px;}
.layout3-7{position: relative;padding-left: 280px;font-size: 0;}
	.layout3-7 .span270{position: absolute;width: 270px;left: 0;top: 0;}
	.layout3-7 textarea{height: 128px;}
	.layout3-7 .button{height: 59px;line-height: 59px;}
.explore-detail h1.hd{color: #000;line-height: 1.14;padding: 25px 0; /** border-bottom: 2px solid #ccc;**/ margin-bottom: 28px;}
.masonry .quote{display:inline-block;width:24px;height:20px;background: url(img/icon-quote.png);margin-bottom: 8px;}
.explore-descrb{font-family: 'Montserrat', arial;font-size: 15px;}


.share, .addthis_toolbox{margin-top: 15px;margin-bottom: 54px;}
.addthis_toolbox {display: none;}
.explore-detail .addthis_toolbox {display: none;}

.comments-unit{margin-bottom: 30px;}
	.comments-unit img.avatar{float: left;}
	.comments-info{overflow: hidden;padding-left: 20px;}
	.comments-name{color: #3c3c3c;border-bottom: 1px solid #e5e5e5;padding-bottom: 6px;margin-bottom:15px;display: inline-block;}
	.comments-name span{color: #d1d1d1;}
	.comments-cnt{color: #919191;font-size: 20px;}


/*-------------Work with us--------------*/
.client, .client .flexslider, .team, .team .flexslider{background: #3e4347;padding-top: 36px; padding-bottom:36px;overflow: hidden;}
.client .flexslider,.team .flexslider{padding-left:40px; padding-right:50px;}
.client .flex-viewport,.team .flex-viewport{ margin: 0 auto;}
.client .flexslider .slides img, .team .flexslider .slides img{border:12px solid #3e4347;}


/*-------------Build your avatar--------------*/
.build-box{position: relative;}
.build-box .build-content{border-right: 1px solid #eee;padding: 30px 0px 5px 3.2%;min-height: 400px;margin-right: 400px;}
.build-box .right{width: 400px;padding: 42px 0;position: absolute;top: 0;right: 0;}
.build-box .box-action{padding: 16px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;position: relative;}
.box-inner{display: none;}
#avater-result{width: 310px;height: 310px;position: relative;text-align:center;margin: 0 auto;border: 10px solid #eee;}
#avater-result>.html{padding-top:15px;}
	#avater-result{font-size: 268px;font-family: 'BreeBold', Arial;line-height: 270px;color: #000;text-transform: uppercase; -moz-font-feature-settings:"ss01=1";-moz-font-feature-settings:"ss01" 1;-ms-font-feature-settings:"ss01" 1;-o-font-feature-settings:"ss01" 1;-webkit-font-feature-settings:"ss01" 1;font-feature-settings:"ss01" 1;
}
	#avater-result img{position: absolute;}
.build .body{padding-top: 40px;}
	.build-nav{background: #ef5039;height: 113px;padding-top: 15px;text-align: center;}
	.build-nav li{display: inline-block;margin-right: 28px;}
	.build-nav b{color: #f49288;font-size: 48px;line-height:60px;font-family: 'BreeBold', Arial;display: block;width: 63px;height: 63px;border: 1px solid #e1e1e1;border-radius: 50%; -moz-font-feature-settings:"ss01=1";-moz-font-feature-settings:"ss01" 1;-ms-font-feature-settings:"ss01" 1;-o-font-feature-settings:"ss01" 1;-webkit-font-feature-settings:"ss01" 1;font-feature-settings:"ss01" 1;
}
	.build-nav a:hover b, .build-nav .active b{color: #ef5039;background-color: #fff;}
	.build-nav span{color: #fff;text-transform: uppercase;}
.build-box{border: 1px solid #eee;min-height: 474px;}
	.build-box .subhd{font-family: 'Bree', arial;color: #000;}
	.build-box ul{overflow: hidden;}
	.build-box li{margin: 0 12px 12px 0;float: left;cursor: pointer;border:1px solid #eee;}
	.avatar-img li{background: #dedddd;font-size: 0;margin-right: 5%;}
	#step5 li {
		margin-right: 12px;
	}
	.build-box li:hover, .build-box li.choosed{background: #ef5039;}
	.build-box .color li:hover a, .build-box .color li.choosed a{border: 2px solid #f26522;}
	.square li{width: 66px;height: 66px; display:block;font-family: 'BreeBold', Arial; font-size: 48px;line-height: 66px;text-align: center;color: #000; -moz-font-feature-settings:"ss01=1";-moz-font-feature-settings:"ss01" 1;-ms-font-feature-settings:"ss01" 1;-o-font-feature-settings:"ss01" 1;-webkit-font-feature-settings:"ss01" 1;font-feature-settings:"ss01" 1;
}
	.color li a{width: 58px;height: 58px; display:block; }
.box-action .button{margin: 0 5px 10px 5px;}
.build-content .avatar_share {width:180px; margin:0 auto; position: relative; }
.avatar_share {
	display: none;
	font-size: 19px;
	position: absolute;
	top: 16px;
	right: 40px;
}
.facebook_sharing_text,
.twitter_sharing_text {
	display: none;
}
.avatar_share span {
	display: inline-block;
	line-height: 42px;
	height: 42px;
	vertical-align: top;
}
.avatar_share a {
	display: inline-block;
	width: 46px;
	height: 42px;
	margin: 0 5px;
}
.avatar_share a.twitter_share {
	background: url(img/twitter_share.jpg) no-repeat 50% 50%;
}
.avatar_share a.facebook_share {
	background: url(img/facebook_share.jpg) no-repeat 50% 50%;
}
.avatar_share a.avatar_download {
	background: url(img/avatar_download.jpg) no-repeat 50% 50%;
}
.bb_result {
	display: none;
	padding: 30px 0 30px 3.2%;
}
.bb_result_img {
	vertical-align: middle;
	margin: 0 20px 0 0;
}
.box-inner .avatar_skip {
	text-transform: uppercase;
	float: right;
	cursor: pointer;
	display: inline-block;
	margin-right: 5%;
	color: #000;
}
.box-inner .avatar_skip:hover {
	color: #EF5039;
}
.eye{top: 56px;left: 74px;display: none;}
.mouth{top: 150px;left: 74px;display: none;}
.accessory{top: 20px;left: 74px;display: none;}
.A .eye, .E .eye, .F .mouth, .G .mouth{top: 120px;left: 76px;}
.B .mouth{top: 116px;}
.C .mouth, .D .mouth, .E .mouth, .L .mouth{top: 194px;}
.C .accessory, .G .accessory{left: 88px;}
.D img{left: 58px;}
.F .eye{top: 47px;left: 80px;}
.H .accessory{left: 128px;}
.H .mouth{top: 130px;}
.H .eye{top: 92px;}
.K .eye{top: 93px;left: 56px;}
.K .mouth{top: 138px;left: 56px;}
.K .accessory{left: 30px;}
.I .eye{top: 120px;}
.J .eye{top: 86px;}
.L .eye{left: 52px;top: 86px;}
.L .accessory{left: 49px;}
.M .accessory{left: 4px;}
.M .mouth{top: 156px;}
.M .eye{top: 120px;}
.N .accessory{left: 16px;}
.N .mouth{top: 156px; left: 105px;}
.N .eye{top: 120px;left: 103px;}
.O .mouth, .S .mouth{top: 194px;}
.P .mouth{top: 126px;}
.Q .mouth{top: 186px; left: 96px;}
.R .mouth, .T .mouth{top: 120px;}
.T .eye{top: 45px;}
.U .eye{top: 88px;}
.U .mouth{ top: 194px;}
.U .accessory{ left: 20px;}
.V .accessory{ left: 10px;}
.W .eye{top: 60px;left: 76px;}
.W .mouth{ top: 105px;}
.W .accessory{ left: 74px;}
.X .mouth{ top: 128px;left: 75px;}
.X .accessory{ left: 16px;}
.Y .accessory{ left: 125px;}
.Z .eye{top: 47px;}
.Z .mouth{ top: 194px;}

.loading-mast{display: none;}
.loading .loading-mast{
	position: fixed;
	top: 0;bottom: 0;
	left: 0;right: 0;
	overflow: hidden;
	display: block;
	z-index: 8010;
	background: url('img/fancybox_overlay.png');
}
.loading-wrap{
	width: 100%;height: 100%;
	background: url('img/fancybox_loading.gif') center center no-repeat;
}

/*-------------all about me--------------*/
.self .banner{font-size: 128px;color: #e1f9df;font-family: 'Montserrat', arial;;padding: 0;line-height: 50px;}
.container.name{margin-left: 15px;}
.profille{font-family: 'Montserrat', arial;font-size: 19px;color: #000; margin-top: 50px;}
	.profille h3{font-size: 22px;}
	.profille-squares{width: 724px;font-size: 0;margin: 0 auto 35px auto;border: 2px solid #c2c2c2;}
	.profille-squares li{display:block;border: 2px solid #c2c2c2;position: relative;width: 240px; float:left;}
	.profille-squares li img{width: 100%;max-width: none; border:none;}
	.profille-cnt, .profille-hover{position: absolute;width: 100%;height: 100%;top: 0;left: 0;font-family: 'Montserrat', arial; color: #fff;font-size: 12px;}
	.profille-cnt{text-align: left;padding: 5px 18px;}
		.profille-cnt h2{opacity: 0.7;filter:alpha(opacity=70);}
		.progress{position: absolute;width: 100%;height: 9px;line-height: 9px;bottom: 12px;left:0;padding: 0 18px;}
		.progress-bg{background:url(img/bar-bg.png) no-repeat;background-size: 100% 100%;height: 100%;width: 161px;max-width: 80%;padding: 1px 2px;float: left;}
		.progress-bg.disabled{background: none;text-align: center;}
		.progress-bg p{background:url(img/bar.png) no-repeat;background-size: 100% 100%;padding:0;height: 7px;}
	.profille-hover{display: none;background-color: rgba(0,0,0,0.5);filter:alpha(opacity=50);}
		.profille-squares li:hover .profille-hover, .profille-cnt:hover .profille-hover{display: block;}
		.profille-hover a{display: table-cell;vertical-align: middle;color: #fff;font-size: 25px;text-align: center; }
.stats{background-color: #e1f9df;}
	.stats-text{float: left; width: 37%; margin-left: 20px;}
	.stats-text ul{float: left;width: 50%;font-size: 19px;margin-top: 20px;}
	.stats-text a{color: #000;}
	.stats-info{float: right;width:60%;font-family: 'Montserrat', arial;font-size: 20px;color: #353d5b;text-transform: uppercase;}
	.stats-info li{width: 50%;float: left;text-align: center;}
	.stats-info .icon{display: block;width: 80px;height: 80px;background: url(img/stats0.png) no-repeat;margin: 0 auto 30px auto;}
	.stats-info2 .icon{background-image: url(img/stats1.png);}
.stats-info3 {display:none;}
	.stats-info3 .icon{background-image: url(img/stats2.png);}
	.stats-info b{display: block;font-family: 'Montserrat'; font-weight:bold;font-size: 136px; color: #002e5e;line-height: 1;margin-bottom: 5px;}
	.stats-info2 b{color: #ec008c;}
	.stats-info3 b{color: #755eaa;}

.self .btn-orange{height: 50px;line-height: 50px;width: 234px;border: none;border-radius: 0;margin-top: 60px;}

/*-------------signstep--------------*/
.signstep .body, .page-template-page-lostpass-php .body{background: #002e5e;color: #fff;border-bottom: 1px solid #8097af;font-family: 'Montserrat', arial;}
.signstep .signin-body{margin-bottom: 35px;}
.signstep .left{width: 53.2%;}
.square-cell{border: 4px solid #c2c2c2;font-size: 0;width: 244px;height: 244px;overflow: hidden;position: relative;}
	.rstep4 .square-cell{background: url(img/step/step4.jpg);}
	.square-cell.hasimg1, .square-cell.hasimg2{background: #ec008c;}
	.rstep4 .square-cell img{position: absolute;top: 0;left: 0;width: 100%;height:118px;background: #ec008c;}
	.square-cell img.pets{bottom: 0;top: auto;}
	.regist-step{max-width: 663px;margin: 0 auto;padding: 130px 0 50px 0;position: relative;}
	.stepbar{position: absolute;width: 105px;height:105px;right: 10px;top: 50px;background: url(img/register0.png) no-repeat;padding: 17px;text-align: center;font-size: 12px;}
	.stepbar b{font-size: 34px; line-height: 1;margin-bottom: -5px;overflow: hidden;display: inline-block;}
.signstep h5{font-size: 36px;text-align: center;padding: 15px 0;border-top: 1px solid #1a436e;}
	.signstep h5 b{font-family: 'Montserrat'; font-weight:bold;}
.signstep hr{background-color: #1a436e;margin: 20px 0;}
.rstep8 hr{margin: 60px 0 27px 0;}

div.selector{background:#134274 url(img/select-bg.jpg) no-repeat right top;border:1px solid #fff;line-height:42px;height:42px;width:150px;padding:0 0 0 18px;position:relative;overflow:hidden;font-size: 14px;margin-bottom: 12px;}
div.selector,div.selector span{background-repeat:no-repeat;-webkit-font-smoothing:antialiased}
div.selector span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-position:right 0;padding-right:36px;cursor:pointer;width:100%;display:block}
div.selector select{cursor:pointer;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:0;position:absolute;height:100%;top:0px;left:0;width:100%}
div.radioer{position: relative;line-height: 20px; padding-left:25px;}
div.radioer span{background: url(img/slct.jpg);width: 20px;height: 20px;display: inline-block;vertical-align: top;margin-right: 5px; position:absolute; top:0; left:0;}
div.radioer.checked span{background-image: url(img/icon-slcted.jpg);}
div.radioer input[type="radio"]{cursor:pointer;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;position:absolute;height:20px;width:20px;top:0px;left:0;}
div.radioer label{cursor: pointer;}


div.radioer input[type="checkbox"]{cursor:pointer;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;position:absolute;height:20px;width:20px;top:0px;left:0;}


.listchild div.selector{width: 30%;}
.listchild div.selector.fl{margin-right: 5%;}

.regist-step .form{font-size: 19px;}
.selectcol2{overflow: hidden;line-height: 42px;}
.selectcol2 .fl, .selectcol2 .fr{width: 50%;}
	.selectcol2 .fl{background: url(img/icon-kid.jpg) no-repeat left center;padding-left: 26px;}
	.selectcol2 .icon-pets{background-image: url(img/icon-pets.jpg);}
	.selectcol2 .icon-num{background-image: url(img/icon-num.jpg);}
	.icon-home{background: url(img/icon-home.jpg) no-repeat left center;padding-left: 26px;}
.btn-bluebg{
	background: url(img/btn-bg.jpg) repeat-x;
font-size: 16px;
font-family: 'Montserrat', arial;
text-transform: uppercase;
color: #fff;
cursor: pointer;
width: 100%;
border: 1px solid #fff;
height: 40px;
text-align: center;
line-height: 40px;
display: block;
border-radius: 2px;
}
.signstep .signin-body input{margin-bottom: 12px;font-size: 16px;border-radius: 2px;}
.signstep .nobg input{padding-left: 18px;background: none;}
.signstep .psw input{background-image: url(img/icon-key.jpg);}
#password, #repassword{display: block !important;}
.signin-body .email input, .page-template-page-lostpass-php #user_login{background-image: url(img/icon-mail.jpg);}
.signin-body .postcode input{background-image: url(img/icon-location.jpg);}
.signin-body .tel input{background-image: url(img/icon-tel.jpg);}
.signin-body .nicky input{background-image: url(img/icon-child.jpg);}
.signin-body .email input{background-image: url(img/icon-mail.jpg);}
span.sep{margin: 4px;display: block;}
p.term{font-size: 11px;}
p.term a{color: #f5833c;}
p.tip{color: #faf1b4;font-size: 12px;}
p.small{font-size: 11px;}
.signstep .sign-action a{height: 60px;line-height: 60px;background: #01366e;}

.rstep3{font-family: 'Montserrat', arial;}
.btn-action{margin: 35px 0;}
.rstep2 .btn-action .btn-bluebg{width: 48%;margin-right: 0;}
.btn-action .btn-bluebg{width: 27%;margin-right: 2%;margin-bottom: 12px;}
.col2 input{width: 52.81%;float: left;}
.col2 .selector{float: right;}

.signstep dt{background: url(img/icon-dt.jpg) no-repeat left 3px;padding-left: 32px;margin-bottom: 20px;}
	.signstep .icon-dt1{background-image: url(img/icon-dt1.jpg);}
	.signstep .icon-dt2{background-image: url(img/icon-dt2.jpg);}
.signstep dd{padding-left: 32px;}
.rstep5 .selector, .rstep6 .selector{width: 100%;}
.step6b dd{margin-bottom: 28px;}
.social .nobg{position: relative;padding-left: 34px;}
	.social dt{padding-left: 25px;height:25px;background: url(img/icon-sf.jpg) no-repeat 0 0px;}
	.social .icon-st{background-image: url(img/icon-st.jpg);}
	.social .icon-sp{background-image: url(img/icon-sp.jpg);}
	.social .icon-si{background-image: url(img/icon-si.jpg);}
	.social input{width: 100%;}
	.social dd{margin: -10px 0 20px 0;}
.icon-dt2, .icon-home{position: relative;}
	.icon-dt2 .yesno, .icon-home .yesno{position: absolute;right: 0;top: 4px;}
	.icon-dt2 .radioer, .icon-home .radioer, .social .radioer{float: left;margin-left: 12px;}

.step2a{width: 400px;margin: 30px auto;padding-top: 110px;background: url(img/step2a.jpg) no-repeat center 28px;font-size: 14px;font-family: 'Montserrat', arial}
	.icon-del{padding-left: 25px;background: url(img/icon-del.jpg) no-repeat 0 0;}
.rstep2 .birth input{width: 42px;padding: 0 5px;text-align: center;margin-right: 5px;}
	.state,.closest,.ukonly {display:none;}
	.countryNewZealand .closest, .country.England .ukonly, .countryNorthernIreland .ukonly, .countryWales .ukonly, .countryScotland .ukonly ,.countryAustralia .state, .countryOther .state{display:block;}


	.birth label,.gender label{ float: left; width: 40%;line-height: 42px;}
	.closest>label, .country>label{ float: left;width: 40%;line-height: 42px;}
	.birth label {background: url(img/icon-birth.jpg) no-repeat 0 50%; padding-left: 42px;}
	.gender label{background-image: url(img/icon-couple.jpg) no-repeat 0 50%;padding-left: 42px;}
	.birth, .gender{margin-bottom: 12px;}
.kinds .radioer{width: 50%;float: left;margin-bottom: 12px;}


.listchild li{overflow: hidden;border-bottom: 1px solid #1a436e;padding-bottom: 20px;margin-bottom: 20px;}


label.error{
	font-size: 12px;
margin-top: -12px;
display: block;
text-align: right;
margin-bottom: 12px;
color: #faf1b4;
}
.birth{position: relative;}
.birth input{font-family: arial;}
.birth label.error{
	position: absolute;
left: -48px;
bottom: -17px;
line-height: 16px;
width: 100%;
background:#002e5e;
}
.gender{overflow: hidden;}
.gender div.selector{overflow: visible;float: left;margin-bottom: 20px;}
.gender label.error{
	line-height: 16px;
width: 100%;
background: none;
padding: 0;
margin: 0;}


.rstep5 .square-cell{background: #ef5039;padding: 41px 8px;}
.rstep5 .square-cell .smallimg{float: left;width: 30%;}
.rstep5 .largeimg{width: 244px;height: 244px;border: 4px solid #c2c2c2;}
.profille-squares .square-cell{border: none;width: auto;height: auto;}

/*-------------review--------------*/

.ps ul {list-style:disc;}
.txt {font-size:14px; width:100%; padding: 10px 0 0 15px;}

.singleproduct .body 
{font-size:14px;}
.singleproduct .masonry .item {width:300px; border:1px solid #e5e5e5; padding:10px;}
.ps .body 
{
	width:100%; height:auto; padding:0 15px 15px 15px; font-size:14px;}
.ps .body .desc{width: 55%;}
.ps .body .desc h2 {width:55%; display:block; line-height:24px; padding: 4px 0;}
.ps .body .desc h2 a{font-size:16px;}
.ps .body .desc .txt {font-size:14px; width:100%; padding: 10px 0 0 15px;}
.ps .rate .cnt {font-size:13px;}
.ps .body .photo {width: 42%; text-align:right;}

.ps .foot 
{
	width:100%; height:28px; padding:4px 15px; background:#f5f5f5; text-align:right; border-bottom: solid 2px #ccc;
}

.pro {color:#00850d; font-weight:bold; text-transform:uppercase; padding:5px 0; height:20px; font-size:13px;}
.con {color:#ff2626;font-weight:bold; text-transform:uppercase; padding:5px 0; height:20px; font-size:13px;}

.singleproduct .item {width:300px; height:auto; float:left;}
.singleproduct .item .body {float:left;  width:100%; height:auto; }
.singleproduct .item .foot {float:left; width:100%; height:60px;  }
.singleproduct .author,.singleproduct .func {width:290px; padding:8px 0 0 0;}
.singleproduct .thumbup {width:40px; height:29px; background:url(images/thumb.png) no-repeat;}
.singleproduct .thumbcnt {padding:9px 15px 7px 0px; text-align:center; font-size:15px;  font-weight:bold;}
.singleproduct .comment {width:81px; height:19px; padding:5px 10px; background:url(images/btncomment.png) no-repeat 0 5px; display:none;}
.singleproduct .author .pp {width:56px; height:50px;  overflow:hidden;}
.singleproduct .author .pp img{width:50px;}
.singleproduct .author .detail {width: 230px;}
.singleproduct .author .detail .name {font-size:15px; font-weight:bold;}
.singleproduct.w .item {width:635px; height:auto;}
.singleproduct.w .item .head {width:635px; height:15px; }
.singleproduct.w .item .body {width:615px; padding:0 10px;height:auto; }
.singleproduct.w .item .foot {width:635px; height:100px; }

.rate {padding:5px 0 15px 0; height:16px; width:100%;}
.rate .num {font-size:14px; color:#aaaaaa; height:14px; padding:1px 0px;font-weight:bold; width: 20px;}
.rate .label {font-size:14px; color:#aaaaaa; height:14px; padding:1px 5px 1px 0px;font-weight:bold; }
.rate .stars {width:82px; height:16px; background:url(images/bgstarsSS.png) no-repeat; margin: 3px 0 0 0;}
.rate .stars .star {width:77px; height:16px; background:url(images/bgstarsSY.png) no-repeat;}
.rate .cnt {padding:2px 0 0 0; font-size:13px; font-weight:bold;}
.item h2.title {padding:0 0 10px 0; margin:0; line-height:17px; font-size:16px; display:block;}
.productView .item {width: 208px; height:252px; padding:5px 0px 5px 0px; float: left; position:relative;}
.productView .item .over {background:url(images/reviews/bgreviewover.png) no-repeat; width:188px; height:230px; padding:10px; position:absolute;z-index:101; }
.productView .item .over .button.more{background:url(images/reviews/bgviewall.png) no-repeat; width:88px; height:34px; cursor:pointer;}
.productView .item .over .button.more a {width:100%; height:100%; display:block}
.productView .item .over .txt {height:195px; font-size:12px; overflow:hidden;}
.productView .item .over .txt .hightlight {padding:8px 0 5px 0 ;color:Red;}
.productView .item .thumb {background:url(images/reviews/bgreview.png) no-repeat; width:196px; height:240px; padding:6px;position:absolute;z-index:100;}
.productView .item .thumb .pic {width:196px; height:173px; overflow:hidden;}
.productView .item h2.title {padding:0; height:42px;}

.categories.Holder {text-align:left; width:268px; padding:0px 6px;}
.categories.Holder .item {width:100%; font-size:14px;  padding:2px 0;}
.categories.Holder .item a,.categories.Holder .item a b {color:#888888;}
.categories.Holder .item.active a,.categories.Holder .item.active a b {color:#000000;}
.latest.Holder {width:100%; height:auto;  text-align:left; overflow:hidden; padding-top:20px;}
.latest.Holder>br {display:none;}
.latest.Holder h2 {font-size:20px; padding:10px 15px;; margin:0; display:block; width:100%; background:#ffdd00;}
.latest.Holder .item {width:100%; font-size:14px; padding: 10px; border:1px solid #e5e5e5; border-top:none;}
.latest.Holder .item .txt {height:46px; line-height:18px; font-size:14px;width:263px; overflow:hidden; padding: 0;}
.latest.Holder .item .head {height:60px;}
.latest.Holder .item .rate .num {font-size:13px; color:#aaaaaa; height:16px; padding:0 2px 3px 2px ;font-weight:bold; width: 30px;}
.latest.Holder .item .sep {clear:both;}



.shareButtons {margin-top:5px;padding:5px 5px 0 5px; width:286px; height:22px; background:url(images/sharebuttons.png) no-repeat;}
.shareButtons .buttons {padding:0; width:326px;height:22px;}
.shareButtons .sb {float:left; width:auto; padding:5px 5px;}
.shareButtons .fblike{width:70px;}
.shareButtons .twshare{width:50px; overflow:hidden;}
.sharrre .button{float:left;width:60px;  }
.sharrre .button.facebook {width:75px;}
.sharrre .button.googleplus {width:40px;}

.tags.holder {height:242px; width:100%; padding:7px 6px; background:#ffdd00;overflow:hidden;}
#tagsHolder  {height:230px; width:100%; padding:0 10px 0px 10px; overflow:hidden; }
#tagsHolder .item {float:left;}

#tagsHolder {
  font-family: Arial, sans-serif;
  color: #999999;
  overflow: hidden;
  position: relative;
  line-height: normal;
}
#tagsHolder div a {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
  text-transform:uppercase;
}
#tagsHolder div a:hover {
  color: #333;
}
#tagsHolder div {float:left; overflow:hidden; margin:0; height:23px;}
#tagsHolder div a {display:block; overflow:hidden; margin:0; height:22px;}
#tagsHolder div.w8 a {	padding:0px 4px 0 0;}
#tagsHolder div.w7 a{	padding:2px 4px 0 0;}
#tagsHolder div.w6 a{	padding:4px 4px 0 0;}
#tagsHolder div.w5 a{	padding:5px 4px 0 0;}
#tagsHolder div.w4 a{	padding:6px 4px 0 0;}
#tagsHolder div.w3 a{	padding:10px 4px 0 0;}
#tagsHolder div.w2 a{	padding:11px 4px 0 0;}
#tagsHolder div.w1 a{	padding:12px 4px 0 0;}
#tagsHolder div.w0 a{	padding:13px 4px 0 0;}
#tagsHolder div.item.w0,#tagsHolder div.item.w1,#tagsHolder div.item.w2,#tagsHolder div.item.w3,#tagsHolder div.item.w4,#tagsHolder div.item.w5,#tagsHolder div.item.w6,#tagsHolder div.item.w7,#tagsHolder div.item.w8,#tagsHolder div.item.w9,#tagsHolder div.item.w10 {width:auto;}

#tagsHolder .w10 a{
  font-size: 30px;
  color: #000000;
}
#tagsHolder .w9 a{
  font-size: 24px;
  color: #000000;
}
#tagsHolder .w8 a{
  font-size: 22px;
  color: #191919;
}
#tagsHolder .w7 a{
  font-size: 20px;
  color: #191919;
}
#tagsHolder .w6 a{
  font-size: 18px;
  color: #191919;
}
#tagsHolder .w5 a{
  font-size: 17px;
  color: #323232;
}
#tagsHolder .w4 a{
  font-size: 16px;
  color: #323232;
}
#tagsHolder .w3 a{
  font-size: 12px;
  color: #4c4c4c;
}
#tagsHolder .w2 a{
  font-size: 11px;
  color: #4c4c4c;
}
#tagsHolder .w1 a{
  font-size: 10px;
  color: #666666;
}
#tagsHolder .w0 a{
  font-size: 9px;
  color: #666666;
}


.reviewcontent{max-width: 1200px;}
.reviewcontent.singleproduct {max-width:932px;}
.sidePanel {width:301px; padding-left:20px;}
.reviewPanel {width:631px;padding:0 0 20p 0px}
.view-setting{position:relative;padding-right:245px;border: 1px solid #dbdbdb;color:#535353;padding: 8px 15px;margin: 0 15px 45px 15px;line-height: 32px;}
.up{text-transform: uppercase;}
.view-setting div.selector{display: inline-block;vertical-align: top;background: #fff url(img/icon-re0.png) no-repeat right center;border: 1px solid #dbdbdb;line-height: 30px;height: 30px;width: 115px;padding: 0 28px 0 4px;margin: 0;}
.view-setting div.selector span{padding: 0px;border-right: 1px solid #dbdbdb;}
.viewoption{display: inline-block;margin-left: 20px;}
.viewoption .span{color: #ef5039;font-size: 14px;padding: 0 5px;width: 81px;display: inline-block;text-align: right;}
.sortby{width: 259px;position: absolute;right: 0;top: 0;height: 48px;background: #ffde00;padding: 9px 16px;font-size: 14px;}
.sortby .span{color: #fff;}

.showexpect .only.withchild {display:none;}
.showexpect .only.expect.hidden {display:block;} 
.portfolio{font-size: 0;}
.port-unit{
	display: inline-block;
	width: 30.5%;
	margin: 0 1.416% 60px 1.416%;
	font-size: 14px;
	color: #000;
}
.port-unit .portname{padding: 12px 0 16px 0;font-size:18px;}
.portfolio .port-cnt{
	position: relative;
	overflow: hidden;
	font-size: 0;
	text-align: center;
}
.portfolio .bluemast {
padding: 5px;
}
.port-unit:hover .bluemast{
	top: 0;
}
.port-action{border: 1px solid #dbdbdb;font-size: 14px;color: #999;overflow: hidden;height: 44px;line-height: 44px;text-align: center;}
.renum{width: 40%;float: right;background-color: #f2f2f2;color: #000;}

.restar{width: 60%;float: left;position: relative;}
	.starpic{background: #ffde00;padding-right: 44px;}
	.starpic span{display: inline-block;background: url(img/icon-star1.png) repeat-x 0 center;height: 16px;}
	.star1 span{width: 23px;}
	.star2 span{width: 46px;}
	.star3 span{width: 69px;}
	.star4 span{width: 92px;}
	.star5 span{width: 115px;}
	.restar b{position: absolute;right: 0;top: 0;width: 44px;border: 1px solid #dbdbdb;background: #fff;border-width: 0 1px;}

.star-slct, div.selectbox{
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: top;
width: 115px;
}
/* Select */
.selectbox {
position: relative;
width: 100% !important;
height: 30px;
line-height: 30px;
z-index: 0;
cursor:pointer;
background: #fff url(img/icon-re0.png) no-repeat right center;
}
.selectbox.selecthover {
  z-index: 700;
}
.selectbox .selectbox-currentItem {
  white-space: nowrap;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 4px;
right: 28px;
z-index: -1;
  border-right: 1px solid #dbdbdb;
}
.selectbox .selectbox-list {
  display: none;
  position: absolute;
  top: 28px;
  left: 0px;
  background: #fff;
  width: 100% !important;
  height: auto !important;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000;
  border: 1px solid #dbdbdb;
  border-bottom: 0;
}
.selectbox .selectbox-moreButton {
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index:1;
border: 1px solid #dbdbdb;
}
.selectbox .selectbox-item {
  display: block;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  padding-left:8px;
  margin: 0;
border-bottom: 1px solid #dbdbdb;
}
.star-slct a{display: inline-block;background: url(img/icon-star0.png) repeat-x 0 center;height: 11px;}
	a.star1{width: 11px;}
	a.star2{width: 22px;}
	a.star3{width: 33px;}
	a.star4{width: 44px;}
	a.star5{width: 55px;}

.fancybox-inner .btn-bluebg{margin-bottom: 20px;}
#backtoblog{display: none;}
.page-template-page-lostpass-php .regist-step{
	padding-top: 0px;
}
.page-template-page-lostpass-php  .step2a{background: none;}
.page-template-page-lostpass-php #rememberme{width: auto;height: auto;}
/***********************************************************************************/
/*                                   FlexSlider                                     */
/***********************************************************************************/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
 .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /*Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */
}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; font-size: 0; width: 50px; height: 89px; margin: -45px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden;  cursor: pointer; color: rgba(0,0,0,0.8);  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-next { right: 0px; text-align: right; }
.flex-direction-nav a:hover { opacity: 0.7;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  {   display: block; height: 100%; content: ''; background: #191b1c url(img/icon-prev.png) no-repeat center center;}
.flex-direction-nav a.flex-next:before  { background-image: url(img/icon-next.png); }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 19px; height: 19px; border: 1px solid #fff; background: transparent; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #45b968;}
.flex-control-paging li a.flex-active { background: #005a98; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav a{width: 30px;}
}
/***********************************************************************************/
/*                                   fancyBox                                      */
/***********************************************************************************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

/*#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('img/fancybox_sprite.png');
}*/

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	width: 15px;
	height: 15px;
	right: 5px;
	top: 5px;
	cursor: pointer;
	z-index: 8040;
	background: url(img/close.jpg);
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}



.ismobile .profille-hover{display: block;background: none;filter:alpha(opacity=100);}
.ismobile .profille-hover .section-table {display:none;}

/***********************************************************************************/
/*                             Case Studies                                        */
/***********************************************************************************/

.caseStudyBg1 {background-color: #002e5e; color: #fff; padding: 20px 0;}
.contactUs {border: 2px solid #000; padding: 5px; margin: 0 auto; width: 250px; font-size: 40px; margin-top: 40px;}
.contactUs a {color: #000;}
.caseStudyUl {list-style: square; margin-left: 15px;}
.caseStudyUl li {font-size: 15px; padding-bottom: 10px;}


/***********************************************************************************/
/*                             Case Studies new                                    */
/***********************************************************************************/
.container.case-study,.container.tc {max-width:1280px; padding:0 24px; position:relative;}
.container.case-study .case,h3.case {color:#ec008c; font-size:22px; line-height:35px; font-weight:bold;}
.container.case-study .casename {font-size:45px; line-height:52px; margin-bottom:20px; font-weight:bold; color:#005a98;}

 
.container.case-study .button {width:240px; height:46px; padding:14px 0; line-height:1; font-size:17px; color:white; border-radius: 0px; border: 0px;}
.container.case-study .button>a {color:white;}
.container.case-study .button.red {background:#ec008b; float: right; margin: 40px 0 0 0;}
.container.case-study .button.orange {background:#f5823b;}

.container.case-study .sb2 { min-height:420px; margin-bottom: 40px;}
.container.case-study.sc .sb2 {min-height:140px;}
.container.case-study .sb2 .leftpanel{font-size:33px;width: 281px; font-weight:bold; height:auto; position:absolute; color:#005a98;}
.container.case-study .sb2 .stats{width: 231px; height:auto; padding:25px;  position:absolute;}
.container.case-study .sb2 .stats {background:#f5823b; }
.container.case-study .sb2 .stats div{ color:white; font-size:17px;}
.container.case-study .sb2 .stats .qh{font-size:29px;}
.container.case-study .sb2 .stats .break {width:100%; background:url(styles/images/dot.png); height:7px; margin:10px 0;}
.container.case-study .sb2 .content {width:100%; padding-left:400px; font-size:18px;}
.packery .item.casestudy img {width:100%; display:block; margin:0;}
.packery .item.casestudy .testimonial {position:relative;}
.packery .item.casestudy .testimonial>.spacing {position:absolute; top:0; left:0; padding:70px 20px;}
.packery .item.casestudy .testimonial>.spacing div{ color:#005a98;}
.packery .item.casestudy .testimonial>.spacing>.ts{font-size:15px; font-weight:bold; text-decoration: underline;} 
.packery .item.casestudy .testimonial>.spacing>.txt{font-size:18px; padding-bottom:20px;}
.packery .item.casestudy .testimonial>.spacing>.tn{font-size:13px;}

.packery .item.casestudy{width:25%; color:#005a98;}
.packery .item.casestudy.first{background: #edebf5;}
.packery .item.casestudy img {width:100%; margin:0; padding:0}
.packery .item.casestudy.w2{width:50%;}

.packery .item .caseitem {position:absolute; width:100%; padding:70px 20px; text-align:center;}
.packery .item.w2 .caseitem{width:50%;}
.packery .item .caseitem {top:0; left:0}
.packery .item.right .caseitem{top:0; left:auto; right:0;}
.packery .item .caseitem>.ci {font-size:16px; text-decoration: underline;}
.packery .item .caseitem>.name{font-size:30px; text-decoration: underline;}
.packery .item .caseitem>.headline{font-size:14px; padding: 6px 0 0 0;}
.packery .item .caseitem>* {color:black;}
.packery .item.white .caseitem>* {color:white;}
/***********************************************************************************/
/*                             Clients new                                        */
/***********************************************************************************/
.body .container.brands {padding:0 0 40px 0;}
.container.launch-product {max-width:1280px; padding:0 24px 24px 24px; position:relative;}
.container.launch-product .sb2 { min-height:440px; margin-bottom:40px;}
.container.launch-product .sb2 .small{width: 100%; position:absolute;}
.container.launch-product .sb2 .small .half {width: 50%; float: right;}
.container.launch-product .sb2 .small .half:nth-child(2) {width: 47%; float: left;}
.container.launch-product .sb2 .small .subhead{font-size:32px; color:#6950a3; line-height:1.1; width: 60%;}
.container.launch-product .sb2 .small .txt{font-size:17px; padding:15px 0 20px;}
.quantium {width:45%; min-height:99px; background: url(http://www.socialsoup.com/wp-content/uploads/2016/06/quantium-logo.png) no-repeat; background-size:contain; background-position:right; float: right;}
.container.launch-product .button {width:240px; height:46px; padding:14px 0; line-height:1; font-size:17px; color:white; border-radius: 0px; border: 0px;}
.container.launch-product .button>a {color:white;}
.container.launch-product .button.red {background:#ec008b;}
.container.launch-product .button.orange {background:#f5823b;}
.container.launch-product .sb2 .big{ width:100%; padding-left:440px; font-size:18px; }
.container.launch-product .sb2 .big>div{ width:100%; min-height:320px; background:url(styles/images/iconsFull1680.png) no-repeat; background-size:contain; background-position:right 50%;}
.client-logos {width:100%;  background:#e9f6fa}
.container.launch-product .bs2{position:relative; min-height:380px; padding:40px 0;}
.container.launch-product .bs2 .small{width: 420px; position:absolute; right:0; padding: 90px 0 0 0;}
.container.launch-product .bs2 .big{ width:100%; padding-right:440px; font-size:18px; }
.container.launch-product .bs2 .subhead {font-size: 32px; color:#ec008b; line-height:1.1;}
.container.launch-product .bs2 .txt{font-size:17px; padding:0;}
.container.launch-product .bs2 .spacing {padding:15px;}
.container.launch-product .bs2 .testimonial>div>.txt {font-size:17px; color:#6950a3; line-height:1.2;}
.container.launch-product .bs2 .testimonial>div>.tn {font-size:12px; color:#6950a3; padding: 5px 0 0 0; }
.container.launch-product .bs2 .button {width:271px;}
.container.launch-product .latest {padding:25px 0;}
.container.launch-product .latest>h3 {color:#ec008b; font-size:27px; line-height:47px; padding: 0 0 20px 15px;}
.container.launch-product .latest>.item {width:33%; padding:0 15px;}
.container.launch-product .latest>.item>img {width:100%;}
.container.launch-product .latest>.item> .head {color:#ec008b; font-size:20px; padding: 15px 0 0 0;}
.container.launch-product .latest>.item> .summary,.container.launch-product .latest>.item> .date{font-size:13px; padding: 0 0 10px 0;}
.container.launch-product .latest>.item> .summary{line-height:15px; height:60px; overflow:hidden; margin-bottom:20px;}
.container.launch-product .latest .button {width:130px; height:26px; padding:6px 0; line-height:1; font-size:13px; color:white;}
.container.launch-product .latest .button.alignfix {margin:0 25px 0 0;}

.demo-form .row{border: 1px solid #ddd; margin-bottom: 10px; height: 29px; padding: 3px 16px 5px 45px;position: relative;}
.demo-form .icon{position: absolute;left:0;top:2px;width: 30px;height: 24px;border-right: 1px solid #ddd;background-position: center center; background-repeat:no-repeat; background-size:contain;}
.demo-form textarea{height: 107px;margin-bottom: 10px;}
.demo-form .button{width: 100%; border-radius: 0;border: none;}
.demo-form .row.chk{height:50px;}
.demo-form .row.chk input {
    width: 80px;
    height: 26px;
    border: 1px solid #aaa;
    background: white;
    margin-top: 5px;
}

.demo-form .icon.chk{height:32px; width:32px; position:relative; margin-right:10px; float:left; border:0}
.demo-form .icon.plus {background:url(styles/images/Add-icon.png) no-repeat;}
.demo-form .icon.equal{background:url(styles/images/Equal-Sign-icon.png) no-repeat;}
.demo-form .icon.num {background:url(styles/images/number-background.jpg) no-repeat;}
.demo-form .icon.num[data-val="0"] {background-position:0 -3px;}
.demo-form .icon.num[data-val="1"] {background-position:-30px -3px ;}
.demo-form .icon.num[data-val="2"] {background-position:-60px -3px ;}
.demo-form .icon.num[data-val="3"] {background-position:-90px -3px;}
.demo-form .icon.num[data-val="4"] {background-position:-120px -3px;}
.demo-form .icon.num[data-val="5"] {background-position:-150px -3px;}
.demo-form .icon.num[data-val="6"] {background-position:-180px -3px;}
.demo-form .icon.num[data-val="7"] {background-position:-210px -3px;}
.demo-form .icon.num[data-val="8"] {background-position:-240px -3px;}
.demo-form .icon.num[data-val="9"] {background-position:-270px -3px;}

/***********************************************************************************/
/*                             Services                                           */
/***********************************************************************************/
.container.services {max-width:1680px; padding:0; position:relative;}
.container.services h3.case {padding-left:5%;}
.container.services .casename {font-size:45px; line-height:52px; margin-bottom:20px; font-weight:bold; color:#005a98;}

.container.services .button {width:240px; height:46px; padding:14px 0; line-height:1; font-size:17px; color:white; border-radius: 0px; border: 0px;}
.container.services .button>a {color:white;}
.container.services .button.red {background:#ec008b; float: right; margin: 10px 0 0 0;}
.container.services .button.orange {background:#f5823b;}
.container.services .button.green {background:#46b969;}



.container.services .sb2 { min-height:180px; padding: 0 5%;}

.container.services .sb2 .leftpanel{font-size:33px;width: 32%; font-weight:bold; height:auto; padding:0 25px 0 0; position:absolute; color:#005a98;}
.container.services .sb2 .content {width:100%; padding:0 0 130px 550px; font-size:18px;}

.services>div {width:100%; background-size:100%; background-position:bottom;}
.services>div.t_r {padding:130px 100px 30px 65%;}
.services>div.t_l {padding:130px 65% 40px 100px;}
.services>.package {background:#fcc6bd url(images/services/package.jpg) no-repeat center bottom;  background-size:cover; height: 500px;}
.services>.woohoo {background:#78c287 url(images/services/woohoo.jpg) no-repeat center bottom;  background-size:cover; height: 500px;}
.services>.media {background:#deeded url(images/services/media.jpg) no-repeat center bottom;  background-size:cover; height: 500px;}
.services>.community {background:#d3ecf5 url(images/services/community.jpg) no-repeat center bottom; background-size:cover; height: 500px;}
.services .txt {padding:0; font-size:18px;}
.services .head {font-size:33px; font-weight:bold; color: #005a98;}
.services .txt.white {color:white; font-size: 18px;}
.services .txt .small {font-size: 12px;}
/***********************************************************************************/
/*                             Latest                                              */
/***********************************************************************************/
.container.latest {max-width:1280px; padding:0 24px; position:relative; border-bottom: 1px dotted black;}
.container.latest h3.case {padding-left:25px;}
.container.latest .casename {font-size:45px; line-height:52px; margin-bottom:20px; font-weight:bold; color:#005a98;}
.container.latest .button {width:240px; height:46px; padding:14px 0; line-height:1; font-size:17px; color:white; border-radius: 0px; border: 0px;}

.container.latest .sb2 { min-height:150px;}

.container.latest .sb2 .leftpanel{font-size:33px;width: 335px; font-weight:bold; height:auto; padding:0 25px; position:absolute; color:#005a98;}
.container.latest .sb2 .content {width:100%; padding-left:400px; font-size:18px;}
.container.latest > div.item {
    width: 46%;
    padding: 45px 0 25px 0;
    margin: 0 2%;
    border-top: 1px dotted black; position:relative;
}

.container.latest >div.item>a>img {width:100%; margin: 0 auto;}

.container.latest > div.item>.itype {position:absolute; right:0; top:1px;background:#a495c7; color:white; font-size:14px; padding:5px 10px; text-align:center; width:120px; }
.container.latest > div.item>.itype.Resource {background:#ec008b;}
.container.latest > div.item .source {font-size:37px; color: #005a98; padding: 15px 0 0 0;}
.container.latest > div.item .head{font-size:22px; color: #005a98; height:60px;}
.container.latest > div.item .date {color: #005a98; padding: 0 0 10px 0;}
.container.latest > div.item .summary {line-height:18px; height:72px; overflow:hidden;}
.container.latest > div.item .buttons {margin:20px 0;}

.container.latest .button {width:auto; height:28px; padding:9px; line-height:1; font-size:12px; color:white; border-radius: 0px; border: 0px;}
.container.latest .button>a {color:white;}
.container.latest .button.red {background:#ec008b; float: right; }
.container.latest .button.orange {background:#f5823b;}
.container.latest .button.green {background:#46b969;}

.pageno {color: #005a98; padding: 10px; margin: 10px 0 10px 78%;}
#menu-item-3037 a {border-right:0;}

.youtubeholder iframe {width:600px; height:360px;}

.nextpostslink {color:black; font-size:18px; position: relative; bottom: 10px; right: 10px;}
.previouspostslink {color:black; font-size:18px; position: relative; bottom: 10px; left: 10px;}


.single-type_latest .button.red {width:auto; height:28px; padding:9px; line-height:1; font-size:12px; color:white; border-radius: 0px; border: 0px; background:#ec008b;}
/***********************************************************************************/
/*                             Individual news story                               */
/***********************************************************************************/

/*Souperventions*/
.postid-2315 .individualStoryTitle {display: none;}
.postid-2315 .individualStoryTitle2 {font-size:33px;
	width: auto; 
	font-weight:bold; 
	height:auto;  
	color:#005a98;
	margin: 0 auto;	}
.postid-2315 .spacing {height: 20px; padding: 0;}
/*.postid-2315 .newStory.wider {width:790px;}*/

@media screen and (max-width: 639px) and (min-width: 320px) {
.postid-2315 .newStory.wider {padding: 0 10px;}
}

.postid-2315 .button.red.main {font-size: 18px; height: 36px;}
.postid-2315 .button.red.main a {text-decoration: none; color: #fff; text-transform: uppercase;}

/* Strongbow one test post */
.postid-2071 .individualStoryTitle {padding: 20px 0 0 0;}
.postid-2071 .spacing {height: 20px; padding: 0;}
.postid-2071 .reg-login, .postid-2071 .fr.main-nav, .postid-2071 #footer {display: none;}


/* Royal Canin Cats */
.postid-1189 .individualStoryTitle {display: none;}
.postid-1189 .spacing {display: none;}
.postid-1189 .subhead a {color: #ec008c;}

/* Watercooler */
.postid-1191 .individualStoryTitle {text-align: center; position: relative;}
.postid-1191 .spacing {padding: 15px 0;}

/* Shapes light & Crispy */
.postid-2048 .spacing {padding: 0;}

/* Royal Canin */
.postid-2066 .spacing {padding: 0;}

/* Cerelac */
.postid-2085 .spacing {padding: 0;}

.individualStoryTitle {
  	font-size:33px;
	width: auto; 
	font-weight:bold; 
	height:auto;  
	color:#005a98;
	margin: 0 auto;	
}

.newStory {
    width: 600px;
    margin: 0 auto;
}

.newStory.wider {
    width: 900px;
}

.newStory .head {
    color: #005a98;
    font-size: 24px;
    font-weight: bold;
}

.newStory .subhead {
    color: #ec008c;
    font-size: 22px;
}

.newStory a {
    text-decoration: underline;
}

.newStory p {
    font-size: 18px;
    padding: 0 0 20px 0;
}

.newStory ul {
    list-style: initial;
    margin-left: 30px;
    text-align: left;
    font-size: 18px;
}

@media only screen and (max-width: 480px) {
	.newStory {
      width: 480px;
      margin: 0 auto;
      padding: 0 5px;
    }
    .newStory.wider {
      width: 480px;
    }
    .newStory p {
      font-size: 14px;
      padding: 0 0 10px;
    }
    .newStory ul {
      list-style: initial;
      margin-left: 30px;
      text-align: left;
      font-size: 16px;
	}
    .postid-1191 .spacing {
      padding: 0;
    }
}

@media screen and (max-width: 320px) {
    .newStory {
      width: 320px;
      margin: 0 auto;
      padding: 0 5px;
    }
    .newStory.wider {
      width: 320px;
    }
    .newStory p {
      font-size: 14px;
      padding: 0 0 10px;
    }
    .newStory ul {
      list-style: initial;
      margin-left: 30px;
      text-align: left;
      font-size: 16px;
    }
    .postid-1191 .spacing {
      padding: 0;
    }
}

@media screen and (max-width: 639px) and (min-width: 320px){
    .newStory {
      width: 320px;
      margin: 0 auto;
      padding: 0 5px;
    }
    .newStory.wider {
      width: 320px;
    }
    .newStory p {
      font-size: 16px;
      padding: 0 0 10px;
    }
    .newStory ul {
      list-style: initial;
      margin-left: 30px;
      text-align: left;
      font-size: 16px;
    }
.postid-1191 .spacing {
      padding: 0;
  }
}

/*  SECTIONS  */
.sectionx {
	clear: both;
	padding: 0 25px;
	margin: 0 auto;
	max-width:1280px;
}

.sectionx .head {
  color: #005a98;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
}

.sectionx .subhead {
  color: #ec008c;
  font-size: 22px;
}

.sectionx p {
  font-size: 18px;
  padding: 0 0 10px;
}

/*  COLUMN SETUP  */
.colx {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.colx:first-child { margin-left: 0; }

/*  GROUPING  */
.groupx:before,
.groupx:after { content:""; display:table; }
.groupx:after { clear:both;}
.groupx { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2x {
	width: 100%;
}
.span_1_of_2x {
	width: 49.2%;
	text-align: left;
}

.imgx {
    max-width: 100%;
    height: auto;
margin: 0 auto;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.colx { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2x {width: 100%;}
	.span_1_of_2x { width: 100%; text-align: left; font-size:14px;}
    	.imgx {max-width: 100%; height: auto;}
}

@media screen and (max-width: 320px) {
  .individualStoryTitle {font-size: 22px;}

}

@media screen and (max-width: 639px) and (min-width: 320px){
  .individualStoryTitle {font-size: 22px;}

}

/***********************************************************************************/
/*                             Responsive                                          */
/***********************************************************************************/
.client .flexslider .slides > li{width: auto !important;}

/** Min-Width only responsice styles **/

@media screen and (min-width: 580px){
	.client .flexslider .slides > li{width: auto !important;}
}

@media screen and (min-width: 631px){
.singleproduct.reviewcontent {width:631px; margin:0 auto;}
}

@media screen and (min-width: 900px){
.singleproduct.reviewcontent{min-width:932px;}
}

/** Max-Width only responsice styles **/

@media screen and (max-width: 319px) {
.services > div.t_r {padding: 60px 5% 30px 25%;}
.services > div.t_l {padding: 60px 25% 30px 5%;}
.services > .package {background: #fcc6bd url(images/services/package.jpg) no-repeat 70% bottom;}
.services > .community {background-position: 20% bottom;}
.services.container .sb2 .leftpanel {width:100%; position:relative;}
.services.container .sb2 .content{padding:20px 0 50px 0; width:100%;}
.latest.container .sb2 .leftpanel {position:relative;width: 100%;padding: 0 15px;}
.latest.container .sb2 .content{ width: 100%; padding:0 15px;}
.latest.container > div.item,.launch-product.container .latest > .item {  width: 100%;  padding: 45px 0 25px 0;    margin: 0;}
.latest.container > div.item .head {    font-size: 18px;    height: auto;}
.launch-product.container .sb2 .big {padding-left: 0;}
.launch-product.container .sb2 .small{ width:100%; position:relative;}
}

@media screen and (max-width: 320px){

.contact-banner, .home-banner {
    width: 150%;
    max-width: 150%;
    margin-left: -25%;
}

.about-banner img {width:210%;max-width:210%; margin-left:-55%;}

.container.latest .button.red {float:right; position: relative;}
.container.latest .button.red.main {float:none; position: relative; top: 15px;}
.self .banner{font-size: 32px;}
.stats-info li{width:100%;}

body {text-align:center;}
.container.case-study .button.red {float:none; margin: 0;}
.container.services .button.red {float: none; margin: 10px 0 0 0;}
.container.launch-product .sb2 .small .subhead {font-size: 22px;}
.container.launch-product .sb2 .small .txt {font-size: 14px;}
.container.services .sb2 .leftpanel {font-size: 22px; padding: 0;}
.container.services .sb2 .content {font-size: 14px;}
.services.container .sb2 .content, .case-study.container .sb2 .content {padding: 0px 0 50px 0;}
.services .head {font-size: 22px;}
.services .txt.white {font-size: 14px;}
.services .txt {font-size: 14px;}
.container.case-study .sb2 .leftpanel {font-size: 22px;}
.container.case-study .sb2 .content {font-size: 14px;}
.packery .item.w2 .caseitem {width: 60%;}
.packery .item.w2 .caseitem > .name {font-size:16px;}
.packery .item .caseitem>.headline {font-size:11px;}
.packery .casestudy.item .testimonial > .spacing, .packery .item .caseitem {padding: 25px 15px;}
.packery .item.casestudy .testimonial>.spacing>.ts {font-size: 16px;}.services.container .sb2 .content, .case-study.container .sb2 .content {padding: 20px 0 17px 0;}
.container.launch-product .button {width: 210px; height: 30px; padding: 8px 0; font-size: 15px;}
.container.launch-product .bs2 {padding:0;}
.container.launch-product .bs2 .spacing {padding:0;}
/** FAKE **/
.container.launch-product .latest {display: none;}
}

@media screen and (max-width: 450px){
.ps .body .desc,.ps .body .photo{ width:100%;}
}

@media screen and (max-width: 469px) {
.masonry,.packery{width: 99%;margin-left:auto;margin-right: auto; }
	.packery .item,.packery .grid-sizer{
		width: 100%;
	}
	.packery .item.w2{
		width: 100%;
	}
.packery .w2.casestudy.item {width: 100%;}
.packery .casestudy.item {width:100%;}
.packery .item.w2 .caseitem > .name {font-size: 18px;}
.packery .casestudy.item .testimonial > .spacing, .packery .item .caseitem {padding: 25px 15px;}
.packery .casestudy.item .testimonial > .spacing > .tn,.packery .casestudy.item .testimonial > .spacing > .txt {font-size: 12px;}
}

@media screen and (max-width: 479px) {

.case-study.container .sb2 .stats { width: 100%; position: relative; height: 100%; padding: 10px 0;}
.case-study.container .sb2 .content.ssc{padding: 20px;}
.case-study.container .sb2 .stats .statitem{width:100%; }
.case-study.container .sb2 .stats .break{width:76%; margin: 10px auto;}
.container.case-study .sb2 .stats .qh {font-size: 22px;}
.container.case-study .sb2 .stats .qf {font-size: 14px;}
.youtubeholder iframe {width:280px; height:200px;}
}

@media screen and (max-width: 485px)
{
.masonry .item.casestudy{width:  100%;}
h1.hd{font-size:24px}
.col3.color-fill li{width:100%;}
.story .color-box{  min-height:240px;}
	.reg-login .button{min-width: 80px;}
	.footer-link ul{width: 50%;}
	.col3 li{width: 100%;margin-bottom: 28px;}
	/* .body .container{padding-left: 5px;padding-right: 5px;} */
.body .container{padding: 0;}
	.sign-in{width: 300px;}
	.action h1{font-size: 18px;padding-left: 42px;}
	.bluemast{padding: 20px}
	.homepage .head-slide .slides li{height: 245px;}
	/** old .head-slide .button{height: 30px;line-height: 30px;bottom: 34px;}
.head-slide .container.brands .button{width:180px; margin-left:-90px; bottom:40px;} */
.name {margin-left: 0;}
/** this isn't doing anything .head-slide .button{bottom: 45px;width: 118px;font-size: 16px;height: 38px;line-height: 38px;margin-left: -59px;} **/
    .head-slide .container.brands .button {width:210px; margin-left:-90px; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
    .container.launch-product .bs2 .button {width:210px; margin: 0 auto; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
    .container.services .button {width:210px; margin: 0 auto; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
    .container.case-study .button {width:210px; margin: 0 auto; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
    
	.stats-info .icon{width: 60px;height: 60px;background-size: 100%;}
	.stats-info b{font-size: 72px}
	.self .banner{font-size: 36px;}
	.profille{padding: 0 10px;}
	
	.btn-action .btn-bluebg{width: 80%;margin: 0 auto 12px auto;float: none;}
	.rstep2 .btn-action .btn-bluebg.fl{float: left;}
	.rstep2 .btn-action .btn-bluebg.fr{float: right;}
	.view-setting{margin: 0 0 25px 0;padding: 9px 0;}
	.port-unit{width: 98%;margin: 0 1% 45px 1%}
body {text-align:center;}
.container.launch-product .button {width: 210px; height: 30px; padding: 8px 0; font-size: 15px;}
.launch-product.container .sb2 .big>div {width:90%; min-height: 56px; margin: 20px auto;}
.container.launch-product .bs2 {padding:0;}

/** FAKE **/
.container.launch-product .latest {display: none;}
}

@media screen and (max-width: 565px){
	.regist-step .right, .regist-step .left{float: none;}
	.regist-step .left{width: 100%;padding: 0 12px;}
	.regist-step .right{width: 244px;margin: 0 auto 24px auto;}
    .client .flexslider, .team .flexslider{padding-left: 30px;padding-right: 35px;}

}

@media screen and (max-width: 880px) and (min-width: 601px){	.build-box .build-content{margin-right: 340px;}}
@media screen and (max-width: 600px)
{
.container.services .button.red, .container.latest .button.red, .container.case-study .button.red {float: none;}
.reg-login {display:none;}
.loggedin .visitoronly{display:none;}
.loggedin .loginonly, .visitoronly{display:block;} 
.story .color-box{  min-height:380px;}
.wide{display: none;}
.narrow, .wide600{display: block;}
.main-nav,.nav > li{
		float: none;
	}
	.widgets li,.menu-item-has-children ul{
		width: 100%;
	}
	.header{position: relative;}

	.masonry .item,.masonry .grid-sizer{
		width: 48.7%;
	}
	.masonry .item.w2{
		width: 99%;
	}
	.masonry .item img{
		width: 100%; height:auto;
	}	
	.masonry .item.h1 img,	.masonry .item.h2 img{
height:auto;
	}
	.packery .item,.packery .grid-sizer{
		width: 50%;
	}
	.packery .item.w2{
		width: 100%;
	}
	.packery .item img{
		width: 100%;height:auto;
	}
    .singleproduct .masonry .item {margin:0 auto;}
	.explore-descrb{font-size: 14px;}
	.flex-control-nav{bottom: 5px;}
	.flex-control-paging li a {width: 15px; height: 15px;}
	.widgets li{margin-bottom: 20px;}
	.action{height: auto;text-align: center;}
	.accordion-content{padding: 20px 37px;}
	.col2 .left, .col2 .right{width: 100%;padding: 0;margin-bottom: 20px;}
	.layout3-7{padding: 0;}
	.layout3-7 .span270{position: static;width: 100%;}
	.build-box{min-width: 325px;}
	.build-box .right{position: static;float: none;width: 100%;}
	.build-box .build-content{border: none; border-top: 1px solid #eee;margin-right: 0}
	.square li{width: 62px;height: 62px;line-height: 60px;}
	.box-action .button{min-width: 115px;}
	.sign-in{width: 480px;}
	.action h1{margin-bottom: 20px;}
	.action .button{float: none;}
	.homepage .head-slide .slides li{height: 350px;}
	/** this isn't doing anything .head-slide .button{bottom: 45px;width: 118px;font-size: 16px;height: 38px;line-height: 38px;margin-left: -59px;} **/
    .head-slide .container.brands .button{width:210px; margin-left:-100px; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
    .container.launch-product .bs2 .button {width:210px; margin: 0 auto; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
    .container.services .button {width:210px; margin: 0 auto; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
	.container.services .button.green {width: 150px;}
    .container.case-study .button {width:210px; margin: 0 auto; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
	.self .banner{font-size: 48px;}
	.col2 input{width: 48%;}
	.col2 .selector{width: 48%;}
	.setting-cnt{width: 245px;margin: 0 auto;}
	.step2a{width: 100%;padding-left: 10px;padding-right: 10px;}
}

@media screen and (max-width: 630px){
.singleproduct.reviewcontent {width:100%;}
}

@media screen and (max-width: 724px){
.masonry .item.casestudy{width:  50%;}
h1.hd{font-size:30px;}
.story .color-box{  min-height:320px;}
	.profille-squares{width: auto;}
	
	.stats-text, .stats-info{width: 100%;}
	.stats-info .icon{margin: 35px auto 0 auto;}
}

@media screen and (max-width: 767px){
	.port-unit{width: 48%;margin: 0 1% 45px 1%}
}

@media screen and (max-width: 880px){
.head-slide .container.brands img {margin-bottom:30px;}

	body, .port-unit{font-size: 12px;}
	.widgets li{padding: 0 3%;}
	.build-box .right{width: 340px}

	.build-box li{margin: 0 10px 10px 0;}
	.footer{height: auto; text-align: center;}
	.footer ul{float: none;}	
	.stats{font-size: 10px;}
	.stats-info b{font-size: 120px;}

	.port-action{height: 33px;line-height: 33px;}
	.starpic span{height: 12px;background-size: auto 12px;}
	.star1 span{width: 17px;}
	.star2 span{width: 34px;}
	.star3 span{width: 51px;}
	.star4 span{width: 68px;}
	.star5 span{width: 85px;}
	.view-setting{height: auto;}
	.sortby{position: static;}
}

@media screen and (max-width: 899px){
.sidePanel {width:100%; padding:0 10px;}
.reviewPanel {width:100%;}
}

@media screen and (max-width: 1080px){
	.viewoption{margin-left: 0;}
	.footer .container{padding-left: 10px;padding-right: 10px;}

}

@media screen and (max-width: 1160px){
.nav li.mobile {display:inline;}
	body{width: 100%;min-width: 0;}.self .banner{font-size: 80px;}
.narrow {display:block;}
.reg-login {right:52px; z-index:10}
	.nav,.nav .menu-item-has-children ul{display: none;}
	.nav {padding-top:15px;}
		.header .main-nav{position: absolute;top: 0;  right:0; width: 300px;z-index: 3;text-align: right; padding-top:40px;}
	.main-nav,.nav > li{
		float: none;
	}		.nav > li{height: 42px; line-height:42px; background: #fff;}
		.nav li a{font-family: 'Montserrat', arial;color: #888;}
		.nav .menu-item-has-children ul,
		.nav .menu-item-has-children:hover ul{
			position: static;
			width: 100%;
			height: auto;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none;
			opacity: 1;
		}
.nav .menu-item-has-children ul>li{display:inline-block; width:100%; background-color: #002e5e;}
	.nav-logo {margin-right: 0px;}

	.avatar_share {
		position: static;
		padding: 20px 0 0;
		text-align: center;
	}
}

/** Max and Min Width responsice styles **/

@media screen and (max-width: 639px) and (min-width: 320px){
.container.case-study .casename {font-size: 36px; line-height: 44px; margin-bottom: 10px;}
.container.latest h3.case {padding: 0;}
.services > div.t_r {padding: 30px 5% 30px 38%;}
.services > div.t_l {padding: 30px 47% 30px 5%;}
.services > .package {background-position: 65% bottom; height: 525px;}
.services > .community {background-position: 35% bottom; height: 480px;}
.services > .media {background-position: 40% bottom; height: 400px;}
.services > .woohoo {background-position: 44% bottom; height: 460px;}
.services.container .sb2 .leftpanel,.case-study.container .sb2 .leftpanel {width:100%; position:relative;}
.services.container .sb2 .content,.case-study.container .sb2 .content{padding:5px 0 10px 0; width:100%;}
.latest.container .sb2 .leftpanel { position:relative; width: 100%; padding: 0; font-size: 22px; }
.latest.container .sb2 .content{ width: 100%; padding:25px 25px 35px 25px; font-size: 14px;}
.latest.container > div.item{width: 100%;padding: 45px 0 25px 0;margin: 0;}
.latest.container > div.item .head {    font-size: 22px;    height: auto;}
.launch-product.container .bs2 .big .packery{ width:100%; max-width:230px}
.launch-product.container .bs2 .small,.launch-product.container .bs2 .big { width: 100%;  position: relative; padding:20px;}
.launch-product.container .bs2 .packery .item, .launch-product.container .bs2 .packery .grid-sizer {width: 100%;}
.launch-product.container .sb2 .big { padding-left: 0;}
.launch-product.container .sb2 .small{ width:100%; position:relative;}
.launch-product.container .sb2 .big>div {width:90%;min-height: 56px; background:url(styles/images/iconsFull320.png) no-repeat;background-size:contain;background-position: center; margin: 20px auto; position: relative; top: 20px;}
.container.launch-product .sb2 .small .subhead, .container.launch-product .bs2 .subhead {font-size: 22px; width: 100%;}
.container.launch-product .sb2 .small .half {width: 100%; padding: 0 3%;}
.container.launch-product .sb2 .small .half:nth-child(2) {width: 100%; padding: 0 3%;}
.quantium {width: 51%; min-height: 72px; float: none; margin: 0 auto; }
.container.launch-product .sb2 {min-height: 641px;}
.container.launch-product .sb2 .small .txt, .container.launch-product .bs2 .txt {font-size: 14px;}
.container.services .sb2 .leftpanel {font-size: 22px; padding: 0;}
.container.services .sb2 .content {font-size: 14px;}
.container.services h3.case {padding: 0;}
.services .head {font-size: 22px;}
.services .txt.white {font-size: 14px;}
.services .txt {font-size: 14px;}
.container.case-study .sb2 .leftpanel {font-size: 22px;}
.container.case-study .sb2 .content {font-size: 14px;}

.packery .item.casestudy .testimonial>.spacing>.ts {font-size: 22px;}
.packery .casestudy.item .testimonial > .spacing > .txt {font-size: 14px;}
.packery .item .caseitem>.ci {font-size: 12px;}
.packery .item .caseitem>.headline {font-size:14px;}
.packery .casestudy.item .testimonial > .spacing, .packery .item .caseitem {padding: 25px 15px;}
.packery .item.casestudy .testimonial>.spacing>.ts {font-size: 16px;}
.packery .item .caseitem>.name {font-size: 16px;}
.packery .item.casestudy.w1,.packery .item.casestudy,.packery .item.casestudy.w2{overflow:hidden; width:100%;}
.packery .item.casestudy a{ width:100%; height:100%; display:block; position:relative;}
.packery .item.casestudy>a>img{position:absolute;}
}

@media screen and (max-width: 639px) and (min-width: 480px){
.case-study.container .sb2 .stats { width: 100%; position: relative; height:200px; overflow:hidden; padding:0 20px;}
.case-study.container .sb2 .content.ssc{padding: 20px;}
.case-study.container .sb2 .stats .statitem{width:30%; float:left; height:200px; padding: 20px 0;}
.case-study.container .sb2 .stats .break{width:5%; float:left; background: url(styles/images/dot.png) repeat-y; height:200px;}
.youtubeholder iframe {width:440px; height:300px;}

.packery .item.casestudy .caseitem{width:100%; padding:40px 25%;}
.packery .item.casestudy.w1,.packery .item.casestudy,.packery .item.casestudy.w2{height:300px;}


.packery .item.casestudy>a>img.r160-10-40 { width:160%; max-width:160%; top:-10%; right:-40%; left:auto;}
.packery .casestudy.item > a > img.l100-180-50 {
    width: 100%;
    max-width: 100%;
    top: -180%;
    left: -70%;
    right: auto;
}.packery .casestudy.item > a > img.l180-10-50 {
    width: 180%;
    max-width: 180%;
    top: -10%;
    left: -50%;
    right: auto;
}.packery .item.casestudy>a>img { width:100%; max-width:100%;top:-30%; left:0;}
.packery .casestudy.item > a > img.r100-20-20 {
    width: 100%;
    max-width: 100%;
    top: -20%;
    left: auto;
    right: -20%;
}
}
@media screen and (max-width: 479px) {
.packery .item.casestudy .caseitem{width:100%; padding:20px 20%;}
.case-study .packery .item.casestudy.w1,
.case-study .packery .item.casestudy,
.case-study .packery .item.casestudy.w2{max-height:300px;}

.case-study.sc .packery .item.casestudy.w1,
.case-study.sc .packery .item.casestudy,
.case-study.sc .packery .item.casestudy.w2{height:200px;}
.packery .item.casestudy>a>img.r160-10-40 { width:160%; max-width:160%; top:-10%; right:-40%; left:auto;}
.packery .casestudy.item > a > img.l100-180-50 {
    width: 100%;
    max-width: 100%;
    top: -180%;
    left: -70%;
    right: auto;
}.packery .casestudy.item > a > img.l180-10-50 {
    width: 180%;
    max-width: 180%;
    top: -10%;
    left: -50%;
    right: auto;
}.packery .item.casestudy>a>img { width:100%; max-width:100%;top:-30%; left:0;}
.packery .casestudy.item > a > img.r100-20-20 {
    width: 100%;
    max-width: 100%;
    top: -20%;
    left: auto;
    right: -20%;
}
}

@media screen and (max-width: 704px) and (min-width:470px){
.masonry{width: 470px;margin-left:auto;margin-right: auto; }
.packery{max-width:690px; width:100%;}
	.packery .item,.packery .grid-sizer{
		width: 33.3%;
	}
	.packery .item.w2{
		width: 66.667%;
	}
}

@media screen and (max-width: 740px) and (min-width: 600px){
	.content_area{overflow: auto;}
	.homepage .head-slide .slides li{height: 400px;}
	/** OLD .head-slide .button{width: 118px;font-size: 16px; height: 38px;line-height: 38px;bottom: 50px;margin-left: -59px;}
.head-slide .container.brands .button{width:180px; margin-left:-90px; bottom:80px;} */

/** this isn't doing anything .head-slide .button{bottom: 45px;width: 118px;font-size: 16px;height: 38px;line-height: 38px;margin-left: -59px;} **/
    .head-slide .container.brands .button{width:210px; margin-left:-90px; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
     .container.launch-product .bs2 .button {width:210px; margin: 0 auto; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
     .container.services .button {width:210px; margin: 0 auto; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
     .container.case-study .button {width:210px; margin: 0 auto; bottom:40px; line-height:12px; height:30px; padding: 8px 0; font-size: 15px;}
}

@media screen and (max-width: 767px) and (min-width: 640px){
.services > div.t_r {padding: 130px 10% 30px 40%;}
.services > div.t_l {padding: 100px 40% 30px 10%;}
.services > .package {background: #fcc6bd url(images/services/package.jpg) no-repeat 80% bottom;}
.services > .community {background-position: 30% bottom;}
.services.container .sb2 .leftpanel,.case-study.container .sb2 .leftpanel {font-size:30px; width:40%;}
.services.container .sb2 .content,.case-study.container .sb2 .content{padding:20px 20px 80px 45%; width:100%;}
.latest.container, .container.launch-product .bs2{max-width:640px;}
.latest.container .sb2 .leftpanel {font-size: 25px;width: 50%;  padding: 0 15px;}
.latest.container .sb2 .content{ width: 100%; padding-left:52%;}
.latest.container{max-width:640px;}
.latest.container > div.item .head {    font-size: 14px;    height: 42px;}
.launch-product.container .sb2 .small{ width:45%; }
.launch-product.container .sb2 .big {padding-left: 52%;}
.launch-product.container .bs2 .packery .item, .launch-product.container .bs2 .packery .grid-sizer { width: 50%;}
.launch-product.container .bs2 .small,.launch-product.container .bs2 .big {    width: 100%;    position: relative; padding:20px;}
.launch-product.container .bs2 .big .packery{ width:100%; max-width:460px}
.case-study.container .sb2 .stats { width: 100%; position: relative; height:200px; overflow:hidden; padding:0 20px;}
.case-study.container .sb2 .content.ssc{padding: 20px;}
.case-study.container .sb2 .stats .statitem{width:30%; float:left; height:200px; padding: 20px 0;}
.case-study.container .sb2 .stats .break{width:5%; float:left; background: url(styles/images/dot.png) repeat-y; height:200px;}
}

@media screen and (max-width: 939px) and (min-width:705px){
.masonry{width: 705px;margin-left:auto;margin-right: auto; }
.packery{width: 690px;margin-left:auto;margin-right: auto; }
	.packery .item,.packery .grid-sizer{
		width: 33.3%;
	}
	.packery .item.w2{
		width: 66.667%;
	}
.packery .w2.casestudy.item {width: 66.6%;}
.packery .casestudy.item {width: 33.3%;}
.packery .item .caseitem > .name {font-size: 18px;}
.packery .casestudy.item .testimonial > .spacing, .packery .item .caseitem {padding: 40px 20px;}
.packery .casestudy.item .testimonial > .spacing > .tn,.packery .casestudy.item .testimonial > .spacing > .txt {font-size: 12px;}
}

@media screen and (max-width: 1023px) and (min-width: 768px){
.services.container .sb2 .leftpanel,.case-study.container .sb2 .leftpanel{font-size:30px; width:40%;}
.services.container .sb2 .content,.case-study.container .sb2 .content{padding:20px 20px 80px 45%; width:100%;}
.services > div.t_r {padding: 130px 10% 30px 50%;}
.services > div.t_l {padding: 100px 50% 30px 10%;}
.services > .package {background: #fcc6bd url(images/services/package.jpg) no-repeat 80% bottom;}
.services > .community {background-position: 30% bottom;}

.latest.container,.launch-product.container .bs2{max-width:768px;}
.latest.container > div.item .head {font-size: 16px;height: 48px;}
.launch-product.container .sb2 .small{ width:45%; }
.launch-product.container .sb2 .big {padding-left: 52%;}
.launch-product.container .bs2 .packery .item, .packery .grid-sizer {width: 50%;}
.launch-product.container .bs2 .small {width: 200px; position: absolute;right: 0px;}
.launch-product.container .bs2 .small .button {width: 180px; font-size:12px; height:36px;}

.launch-product.container .bs2 .big{padding-right:208px;}
.launch-product.container .bs2 .big .packery{ width:100%; max-width:460px}
.case-study.container .sb2 .content.ssc{padding: 20px 20px 20px 250px;}
}

@media screen and (max-width: 1174px) and (min-width:940px){
.masonry{width: 940px;margin-left:auto;margin-right: auto; }
.packery{width: 920px;margin-left:auto;margin-right: auto; }
.packery .item .caseitem > .name {font-size: 18px;}
.packery .casestudy.item .testimonial > .spacing, .packery .item .caseitem {padding: 40px 20px;}
.packery .casestudy.item .testimonial > .spacing > .tn,.packery .casestudy.item .testimonial > .spacing > .txt {font-size: 12px;}

}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.services > div.t_r {padding: 130px 10% 30px 55%;}
.services > div.t_l {padding: 100px 55% 30px 10%;}
.latest.container,.launch-product.container .bs2{max-width:1024px;}
.latest.container > div.item .head {font-size: 18px;height: 54px;}
.launch-product.container .bs2 .small {width: 280px;position: absolute;right: 0px;}
.launch-product.container .bs2 .big{padding-right:286px;}
.launch-product.container .bs2 .big .packery{ width:100%; max-width:690px}
}

@media screen and (max-width: 599px) {
.infograph b{font-size: 16px;}
.infograph span{font-size: 10px;}
}
@media screen and (max-width: 879px) and (min-width: 600px){
.infograph b{font-size: 20px;}
}
@media screen and (max-width: 1023px) and (min-width: 880px){
	.infograph b{font-size: 22px;line-height: 40px;}
	.infograph span{font-size: 12px;}
}
@media screen and (max-width: 1279px) and (min-width: 1024px){
.infograph b {font-size: 50px;}
}
@media screen and (max-width: 399px) {
.profille-squares li{width: 100%;}}
@media screen and (min-width: 400px) and (max-width: 519px){
.profille-squares li{width: 50%;}
}
@media screen and (min-width: 520px) and (max-width: 1127px){
.profille-squares li{width: 33.33333%;} }


/** iPad landscape and horizontal **/
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape){
    .container.services .sb2 .content {padding: 0 0 40px 517px;}
    .container.services .sb2 .leftpanel {width: 49%;}
    .services > div.t_r {padding: 50px 10% 30px 57%;}
    .services > div.t_l {padding: 100px 55% 30px 6%;}
    .services>.woohoo {background: #78c287 url(images/services/woohoo.jpg) no-repeat 37% bottom;}
    .services>.community {background: #d3ecf5 url(images/services/community.jpg) no-repeat 20% bottom;}
    .services>.package {background: #fcc6bd url(images/services/package.jpg) no-repeat 75% bottom; height: 575px;}
    .services>.media {background: #deeded url(images/services/media.jpg) no-repeat 30% bottom; background-size: 125%; height: 400px;}
.launch-product.container .sb2 .small {width: 100%;}
.container.launch-product .sb2 {min-height: 544px;     margin: 0 3% 0 3%;}
.quantium {width: 53%; float: none;}
.container.launch-product .sb2 .small .txt {width: 90%;}
.container.launch-product .sb2 {min-height: 558px; margin: 0 0 0 4%; }
.container.launch-product .sb2 .small .half {padding-right: 8%;}
.container.launch-product .sb2 .small .half:nth-child(2) {padding-right: 0%;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .container.services .sb2 .content {padding: 0 0 10px 400px;}
    .container.services .sb2 .leftpanel {width: 49%;}
    .services > div.t_r {padding: 50px 10% 30px 57%;}
    .services > div.t_l {padding: 50px 55% 30px 6%;}
    .services>.woohoo {background: #78c287 url(images/services/woohoo.jpg) no-repeat 37% bottom; height: 580px;}
    .services>.community {height: 500px; background: #d3ecf5 url(images/services/community.jpg) no-repeat 20% bottom;}
    .services>.package {background: #fcc6bd url(images/services/package.jpg) no-repeat 75% bottom; height: 665px;}
    .services>.media {background: #deeded url(images/services/media.jpg) no-repeat 42% bottom; background-size: 141%; height: 400px;}
.launch-product.container .sb2 .small {width: 100%;}
.container.launch-product .sb2 {min-height: 578px;}
.quantium {width: 53%; float: none;}
}
    
    

/** Some Custom Fixes from Soup **/
.short800.legal ol {padding: 0 0 0 30px; list-style-type: decimal;}
.short800.legal ul {padding: 0 0 0 30px; list-style-type: disc;}
.short800.legal li {margin: 0 0 15px 0;}


.pageid-386 h6 {padding: 0;}

/** Ambassador pages **/
.page-id-2743 .individualStoryTitle, .page-id-2760 .individualStoryTitle {display: none;}
.page-id-2743 .spacing, .page-id-2760 .spacing {display: none;}

.page-id-2743 h1, .page-id-2760 h1 {
                font-size: 40px;
                font-weight: bold;
                line-height: 40px;
                padding: 10px 0;
            }
            
            .page-id-2743 h2, .page-id-2760 h2 {
                font-size: 24px;
                font-weight: bold;
                line-height: 26px;
                padding: 10px 0;
            }
            
            .page-id-2743 img, .page-id-2760 img {
                max-width: 100%;
                height: auto;
                display: block;
            }
            
            .page-id-2743 p, .page-id-2760 p {
                padding: 10px 0;
            }
            
            .page-id-2743 .clearfix, .page-id-2760 .clearfix {
                clear: both;
            }
            
            .page-id-2743 .v5, .page-id-2760 .v5 {
                height: 5px;
            }
            
            .page-id-2743 .v10, .page-id-2760 .v10 {
                height: 10px;
            }
            
            .page-id-2743 .v15, .page-id-2760 .v15 {
                height: 15px;
            }
            
            .page-id-2743 .v20, .page-id-2760 .v20 {
                height: 20px;
            }
            
            .page-id-2743 .button.red.main, .page-id-2760 .button.red.main {
                font-size: 18px;
                height: 36px;
            }
            
            .page-id-2743 .button.red, .page-id-2760 .button.red {
                width: auto;
                height: 28px;
                padding: 9px;
                line-height: 1;
                font-size: 18px;
                color: white;
                border-radius: 0px;
                border: 0px;
                background: #ec008b;
                text-align: center;
            }   
            
            .page-id-2743 .g, .page-id-2760 .g {
                padding: 0.25em;
                overflow: hidden;
            }
            
            .page-id-2743 .g li, .page-id-2760 .g li {
                float: left;
                width: 50%;
                padding: 0.25em;
            }
            
            .page-id-2743 .g img, .page-id-2760 .g img {
                display: block;
            }
		
            .page-id-2743 .g li:nth-child(odd), .page-id-2760 .g li:nth-child(odd) {
                clear: left;
            }
            
            @media screen and (min-width: 40em) {
			.page-id-2743 .g li, .page-id-2760 .g li {
		    	width: 33.3333333333333333%; 
		  	}
		  	.page-id-2743 .g li:nth-child(3n+1), .page-id-2760 .g li:nth-child(3n+1) {
		  		clear: left;
		  	}
		  	.page-id-2743 .g li:nth-child(odd), .page-id-2760 .g li:nth-child(odd) {
				clear: none;
			}
		}
		@media screen and (min-width: 55em) {
			.page-id-2743 .g li, .page-id-2760 .g li {
		    	width: 25%; 
		  	}
		  	.page-id-2743 .g li:nth-child(4n+1), .page-id-2760 .g li:nth-child(4n+1) {
		  		clear: left;
		  	}
		  	.page-id-2743 .g li:nth-child(3n+1), .page-id-2760 .g li:nth-child(3n+1) {
				clear: none;
			}
		}
		@media screen and (min-width: 72em) {
			.page-id-2743 .g li, .page-id-2760 .g li {
		    	width: 20%; 
		  	}
		  	.page-id-2743 .g li:nth-child(5n+1), .page-id-2760 .g li:nth-child(5n+1) {
		  		clear: left;
		  	}
		  	.page-id-2743 .g li:nth-child(4n+1), .page-id-2760 .g li:nth-child(4n+1) {
				clear: none;
			}
		}
		@media screen and (min-width: 90em) {
			.page-id-2743 .g li, .page-id-2760 .g li {
		    	width: 16.666666666%; 
		  	}
		  	.page-id-2743 .g li:nth-child(6n+1), .page-id-2760 .g li:nth-child(6n+1) {
		  		clear: left;
		  	}
		  	.page-id-2743 .g li:nth-child(5n+1), .page-id-2760 .g li:nth-child(5n+1) {
				clear: none;
			}
		}
            
            /** 1680px **/
            .page-id-2743 .wrapper, .page-id-2743 .container.tc, .page-id-2760 .wrapper, .page-id-2760 .container.tc {
                max-width: 1680px;
                width: 100%;
                margin: 0 auto;
                padding: 0;
            }
            
            .page-id-2743 .header, .page-id-2760 .header {
                max-width: 1680px;
                width: 100%;
            }
            
            .page-id-2743 .main, .page-id-2760 .main {
                text-align: justify;
                max-width: 60%;
                width: 60%;
                margin: 0 auto;
                font-size: 18px;
            }
            
            .page-id-2743 .footer, .page-id-2760 .footer {
                text-align: center;
                max-width: 50%;
                width: 50%;
                margin: 0 auto;
            }
            
            /** 720px **/
            @media only screen and (max-width: 720px) {
                
                .page-id-2743 .wrapper, .page-id-2743 .container.tc, .page-id-2760 .wrapper, .page-id-2760 .container.tc {
                    max-width: 720px;
                    padding: 0;
                }
            
                .page-id-2743 .header, .page-id-2760 .header {
                    max-width: 720px;
                    width: 100%;
                }
            
                .page-id-2743 .main, .page-id-2760 .main {
                    text-align: justify;
                    max-width: 80%;
                    width: 80%;
                    margin: 0 auto;
                }
            
                .page-id-2743 .footer, .page-id-2760 .footer {
                    text-align: center;
                    max-width: 80%;
                    width: 80%;
                    margin: 0 auto;
                }
.short800 {padding: 0 5%;}
            }
            
            /** 480px **/
            @media only screen and (max-width: 480px) {
                
                .page-id-2743 .wrapper, .page-id-2743 .container.tc, .page-id-2760 .wrapper, .page-id-2760 .container.tc {
                    max-width: 480px;
                    padding: 0;
                }
            
                .page-id-2743 .header, .page-id-2760 .header {
                    max-width: 480px;
                    width: 100%;
                }
            
                .page-id-2743 .main, .page-id-2760 .main {
                    text-align: left;
                    max-width: 90%;
                    width: 90%;
                    margin: 0 auto;
                }
            
                .page-id-2743 .footer, .page-id-2760 .footer {
                    text-align: center;
                    max-width: 90%;
                    width: 90%;
                    margin: 0 auto;
                }
.short800 {padding: 0 5%;}
            }