html {font-size: 86%}
#container, #footer {width:708px; padding:0 21px;}
#footer .info p:first-child {width:56%;}
/*#header {height:124px;}*/
#footer {padding:5px 21px;}

/*---------------header-----------------*/
/*#header .logo {width:108px; height:108px; background-size:88px 63px}
#header .logo p {margin-top:81px; font-size:0.8rem;	padding-top:6px;}*/
#header h1, #header .H1Tag {font-size:1.5rem; padding-top:29px; letter-spacing:0.05em;}
#header h1, #header .H1Tag, #header h1+p {margin-left:156px}
#header h1+p {font-size:0.8rem}
.mainMenu2 {margin-left:156px;}

.bannerCont img {width:704px; height:auto}
.bannerCont .banner1000 {display:none}
.bannerCont .banner750 {display:block}
.bannerCont+.headerBg {top:84px}
.bannerCont+.headerBg+#container #header {margin-top:84px}

.mainMenu {height:38px; margin-left:106px; margin-top:24px;}
.mainMenu li {height:38px; border:none; border-left:1px solid #6d6e71;}
.mainMenu li:first-child {border:none;}
.login {
	margin-top:28px;
	width:89px; height:24px;
	padding-left:22px;
	font-size:0.6rem;
	line-height:24px;
	background-position:5% 48%;
}
.login span {height:24px; left:21px}
.social {right:0; top:-66px}
.social a {margin-left:7px; width:23px; height:22px; background-size:cover}
.social .fb {background-position:-27px 0}
.social .ok {background-position:-54px 0}
.social .tw {background-position:-81px 0}

.social .ico:before {font-size:2.4rem; position:relative; top:5px; left:-5px;}


/*--------------Главная-----------------*/
.mainPage .leftColum {width:452px;}
.mainPage .rightColum {margin-left:484px}

/*----leftColum----*/
.and {
	width:40px; height:40px;
	border-radius:20px;
	line-height:40px;
	left:216px; top:53px;
}

.search {height:54px}
.search label:first-child {
	font-size:1.1rem;
	line-height:1.2em;
	left:16px;
	height:54px;
}
.search label:first-child+input {
	width:296px; height:22px;
	margin-right:14px;
	margin-left:86px;
	font-size:1rem;
}
.search input {margin-top:15px}
.search [type="submit"] {width:20px; height:20px;	background-size:cover;}


/*--masterSelect & orderService--*/

.masterSelect, .orderService { border-top-width:4px; height:256px}
.masterSelect {width:222px}
.orderService {margin-left:232px;}

.masterSelect .big {
	padding:0; margin:0;
	display:block;
	font-size:2.4rem;
	line-height:1em;
	margin-top:18px;
	padding-top:90px;
	background-position:top center;
	background-size:80px auto;
}
.masterSelect .big span {display:inline}
.orderService .big {
	background-image:url(../img/orderServiceIconMedium.png);
	font-size:1.8rem;
	line-height:1.13em;
	padding-top:92px;
}
.orderService p.text {margin-top:6px; font-size:0.8rem;}
.masterSelect a, .orderService a {
	height:44px; width:auto;
	line-height:44px;
	position:absolute;
	left:15px; right:15px; bottom:15px;
	font-size:1.1rem;
}


/*----allCatalog----*/

.allCatalog {float:none; width:auto; height:52px}
.allCatalog a {
	padding:0; margin:0;
	width:auto;
	padding-left:62px;
	font-size:1.2rem;
	line-height:52px;
	font-weight:bold;
	display:inline-block;
	background-size:52px auto;
	background-position:left center;
}
.extSearch {margin-left:0; margin-top:12px;  margin-bottom:13px; text-decoration:none;}
.extSearch li {
	width:150px; height:32px;
	font-size:0.8rem;
}
.extSearch li>span span {display:none}
.extSearch li a, .extSearch li>span {
	width:auto; height:32px;
	padding-left:38px; padding-right:6px;
	background-size:34px auto;
}
li.gift a {background-position:2px -70px}
li.video a {background-position:2px -137px}
li.photo a {background-position:2px -206px}
li.secret a {background-position:2px -341px}
li.catalog a {background-position:2px -2px}
/*li.other2>span, li.other4>span {background-position:2px -104px}
li.other3>span {background-position:2px -307px}*/
li.other2>span, li.other4>span, li.other3>span {background-size:18px auto; background-position:7.5% 50%}
li.other2>span>span {display:block}

/*----------Другие возможности------------*/

.breadCrumbs {margin-top:4px}
.section {font-size:1.6rem;	letter-spacing:0.05em; padding:20px 0;}

.otherOpp {color:#58595B;}
.otherOpp .leftColum {
	float:none;
	position:absolute;
	left:0; top:130px;
	width:224px; z-index:1;
	background-color:#f0f3fa;
	min-height:42px;
/*	overflow:hidden;*/
}
.otherOpp .leftColum a.menu {
	height:42px; width:42px;
	display:block; border-right:1px solid #FFF; color:#FFF;
	position:absolute; left:0; top:0; z-index:100;
	text-align:center; text-decoration:none;
}
.otherOpp .leftColum a.menu .ico { line-height:42px}
.otherOpp .leftColum a.menu .ico:before {content:'\e630'; font-size:1.8rem; vertical-align:middle; top:1px; position:relative}
.otherOpp .leftColum a.menu:hover {background-color:rgba(255,255,255,0.2)}

/*----Открытый левый блок----*/
.otherOpp .leftColum.open .filter {display:block}
.otherOpp .leftColum.open {box-shadow:2px 2px 10px #000000}
/*-----*/

.otherOpp .filter, .otherOpp .leftColum .filter.active form {display:none}
.otherOpp .filter.active {display:block;}

.otherOpp .filter.active.open {box-shadow:2px 2px 10px #000000}
.otherOpp .filter.active.open form {display:block}

.otherOpp .rightColum {margin-left:0; min-height:50px;}


.otherOpp .search, .otherOpp .search3 {width:466px;}
.otherOpp .search3 input:first-child { width:274px}

.otherOpp .search label:first-child {font-size:1.3rem}
.otherOpp .search label+input {width:288px; margin-left:103px; height:32px; font-size:1.2rem}
.otherOpp .search .checkbox {margin-left:101px}

.otherOpp .orderService, .otherOpp .orderService2 {margin-left:486px}

.otherOppHeader {margin-left:240px; font-size:1.5rem; margin-top:30px; line-height:42px; clear:none;}

.otherOpp .filter.active {position:absolute; left:0; top:0; width:200px; z-index:10;}
.otherOpp .filter.active a:first-child {height:39px; line-height:37px;}

.otherOpp .filter.active .photo   {border-top:3px solid #006838}
.otherOpp .filter.active .video   {border-top:3px solid #5e195c}
.otherOpp .filter.active .gift    {border-top:3px solid #C1711A}
.otherOpp .filter.active .catalog {border-top:3px solid #755538}
.otherOpp .filter.active .secret  {border-top:3px solid #007267}

.otherOpp .filter.active a:first-child {padding-left:52px; width:172px}
.otherOpp .filter.active a:first-child span.ico:before {content:'\e630'; font-size:1.8rem; left:-36px; line-height:37px; display:none}
.otherOpp .filter a:first-child+span.ico.arrow:before {line-height:44px;}


/*-----Левая колонка-----*/
.masterPage .masterPhoto {
	width:222px; height:222px;
	overflow:hidden;
	background-color:#bec0c2;
	margin-bottom:20px;
}
.masterPage .masterPhoto img {width:222px; height:auto}
.masterPage .masterMenu {
	width:222px; font-size:0.9rem;
	background-color:#e6e7e8;
	text-transform:uppercase;
	position:fixed;
}
.masterPage .masterMenu li {height:42px; line-height:42px;}
.masterPage .masterMenu li a {
	text-decoration:none;
	color:inherit;
	display:block;
	height:42px; line-height:42px;
	padding-left:18px;
}
.masterPage .masterMenu a:hover, .masterPage .masterMenu a.active {background-color:#bec0c2; color:#FFF}


/*--Рекомендации--*/
.recommend {padding-bottom:4px}
.recommend p {margin-right:7px}

/*--Полезные советы--*/

.popUp.masterAdviceWindow>div>div {min-width:650px}
.popUp>div>div .masterAdvice .newsText {font-size:0.92rem}


/*----------------------------------*/
/*-------------Каталог--------------*/
/*----------------------------------*/
.catalogPage .openAll {width:100%; text-align:center; right:0}
.catalogPage.allopen .colum4 {display:none}
.catalogPage.open {width:770px}



/*----------------------------------*/
/*------Личная страница мастера-----*/
/*----------------------------------*/

/*---Инфо мастера---*/
.masterInfo {width:206px}
.masterInfo h1 {font-size:1.4rem; line-height:1.3em; margin-bottom:12px}
.masterInfo h1+p, .masterInfo .spec {font-size:0.9rem; margin-bottom:8px; margin-right:0; max-height:32px; overflow:hidden}
.masterInfo .secondary {font-size:0.7rem}
.masterInfo .likeCont {right:auto; top:auto; left:26px; bottom:34px}

.masterPage .giftCont {margin-right:16px; max-width:220px}
.masterPage .giftCont+.giftCont+.giftCont {margin-right:16px}
.masterPage .giftCont span.text {font-size:0.7rem}

.albumCont a+a+a+a {margin-right:0}
.masterPage .videoCont+.videoCont+.videoCont {display:none}
.masterPage .videoCont+.videoCont {margin-right:0; margin-left:4px}

.masterLike a+a+a+a+a+a, .masterLike a+p+p+p+p+p {margin-right:0}
.feedback {width:268px; float:left; margin-bottom:32px}
.masterShare {margin-left:284px}

/*--Секреты мастеров--*/
.tipsCont.secret {height:150px; min-height:150px;}
.tipsCont.secret .img {width:150px; height:150px}
.tipsCont.secret .img img {width:150px; height:auto; max-height:150px}
.tipsCont .title {margin:6px 10px 8px 14px; font-size:1.1rem; line-height:1.2em}
.tipsCont .title+p {height:66px;}
.tipsCont p {margin-left:14px; font-size:0.92rem}
.tipsCont.secret .date {bottom:15px; left:160px;}
.tipsCont .more {bottom:16px; font-size:0.8rem}
.tipsCont.secret .heithLimiter {height:118px;}


/*----------------------------------*/
/*---------Скидки и подарки---------*/
/*----------------------------------*/
.catalogPage3 .leftColum {max-width:500px; float:left}
.catalogPage3 .rightColum {margin-left:500px}

.catalogPage3 .bigGiftCont {margin:10px 0 10px 10px; width:156px; height:268px;}
.catalogPage3 .bigGiftCont img {width:156px; height:auto; max-height:156px}

.catalogPage3 .bigGiftCont p:first-child {font-size:1.2rem}
.catalogPage3 .bigGiftCont a {height:209px; padding-top:0;}
.catalogPage3 .bigGiftCont a span {/*padding-bottom:4px;*/}
.catalogPage3 .bigGiftCont span:hover {min-height:40px; padding-bottom:3px}

.catalogPage3 .sectionCont .bigGiftCont+.bigGiftCont+.bigGiftCont+.bigGiftCont {display:none}
.catalogPage3 .sectionCont.active .bigGiftCont+.bigGiftCont+.bigGiftCont+.bigGiftCont {display:block}

.catalogPage3 .sectionCont .more {bottom:20px; right:0px;}
.catalogPage3 .more .ico:after {right:-80px; bottom:2px;}


/*--Видео--*/
.tipsCont {padding-right:20px; min-height:240px; height:auto}
.tipsCont .heithLimiter {height:194px}
.tipsCont .date {bottom:15px}

.tipsCont.video {padding-right:20px; min-height:252px; height:auto}
.tipsCont .rightBlock {
	position:static; padding:0;
	background-color:transparent;
	height:auto; width:auto;
	margin-top:14px; margin-left:374px;
	padding-bottom:22px;
}
.tipsCont .rightBlock:before {display:none;}

.tipsCont.video .date {left:384px; margin:0; right:auto; width:140px; bottom:10px;}
.tipsCont .whoAdd { position:absolute; top:auto; right:auto; bottom:10px; left:10px; width:200px}
.tipsCont.video .whoAdd+p {position:static; width:auto;}


/*----------------------------------*/
/*-------------Компании-------------*/
/*----------------------------------*/
.masterInfoCont .masterInfo2 {width:270px;}
.masterInfoCont .masterContact {width:100%; height:auto; padding-bottom:40px; min-height:34px; margin-top:-10px; margin-bottom:0}

.masterInfoCont .contactCont p {padding-left:30px; float:left;	width:40%;}
.masterInfoCont .masterContact .showContact {width:96.4%; left:10px}
.masterInfoCont .masterContact .telHide {display:none}

/*----------------------------------*/
/*----------Стань Мастером----------*/
/*----------------------------------*/
.becomeMaster .info h1 {font-size:1.5rem; padding-top:24px}
.becomeMaster .info h1+p {font-size:1.3rem}
.becomeMaster .info .step {
	font-size:1rem;
	padding-top:132px;
	width:190px;
	top:130px;
}
.becomeMaster .info .step1 {background-size:130px 120px; left:0}
.becomeMaster .info .step2 {background-size:120px 124px; left:256px; top:90px}
.becomeMaster .info .step3 {background-size:120px 129px; right:0; padding-top:140px}
.becomeMaster .info .step2:before, .becomeMaster .info .step2:after {
	width:117px; height:50px;
	background-size:117px 100px;
	left:-86px; top:35px;
	
}
.becomeMaster .info .step2:after {left:auto; top:30px; right:-94px}

.becomeMaster .benefits {
	background-color:#e6e7e8;
	padding:10px; min-height:150px; height:150px;
	width:320px;
	float:left;
	margin-bottom:10px;
	margin-right:13px;
	overflow:hidden;
}
.becomeMaster .benefits>img {width:100px; height:100px; float:left}
.becomeMaster .benefits h2, .benefits p {margin-left:112px;}
.benefits h2 {font-size:0.9rem; padding:4px 0 10px 0}