.margintopmin { margin-top: 20px;}
.marginbottommin { margin-bottom: 20px;}
.paddingtopmin { padding-top: 20px;}
.paddingbottommin { padding-bottom: 20px;} 
.margintopbottommin { margin: 20px 0 20px 0;}
.paddingtopbottommin { padding: 20px 0 20px 0;}
.margintopbottommid { margin: 40px 0 40px 0;}
.paddingtopbottommid { padding: 40px 0 40px 0;}
.margintopmid { margin-top: 40px;}
.marginbottommid { margin-bottom: 40px;}
.paddingtopmid { padding-top: 40px;}
.paddingbottommid { padding-bottom: 40px;}
.margintopbottommax { margin: 60px 0 60px 0;}
.paddingtopbottommax { padding: 60px 0 60px 0;}
.margintopmax  { margin-top: 60px;}
.marginbottommax  { margin-bottom: 60px;}
.paddingtopmax  { padding-top: 60px;}
.paddingbottommax  { padding-bottom: 60px;}
h2.titlee {font-size: 2em;}
h2.titleewhite {font-size: 2.8em;}


/* -Всё что responsive в хедере- */


.headerrlogo{margin: 3% 0 3% 0;} 
.headerbutton{
    
    float: left;
	margin: 80px 0 0 22.2%;
   
}

#headerrline_icon{float: right; margin-top: 36px;}
#headerrline_icon p {color: #a7a7a7;
    font-size: 1.05em;
    margin-left: -7px;}
.side-menu-wrapper {width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    /* border-top: 1px solid #cccccc; */
    /* border-bottom: 1px solid #cccccc; */
    background-color: rgba(113, 161, 195, 0.73);
    padding: 5px 0 0 0px;
    height: 48.2px;
    z-index: 2;
    transition: 0.2s;}
.side-menu-wrapper ul{}
.side-menu-wrapper li{}
.side-menu-wrapper a {}
.side-menu-wrapper p {}

.side-menu-wrapper li.active .menuicon{color: white!important; filter: grayscale(1%);}
.side-menu-wrapper li.active p{}
.side-menu-wrapper > a.menu-close { display: none;}
.side-menu-wrapper.fixedd p:hover{color: black!important; font-weight: 800;transition: 0.5s;}
.side-menu-wrapper.fixedd .active p{color: black!important; font-weight: 800;}
.bigmenutext{display: block; }
.bigmenutext span{font-style: italic; font-size: 0.8em; text-transform: none; }
.smolmenutext{display: none;}
.fixedd {position: fixed;top: 0;overflow: hidden;width: 100%;color: black!important;box-sizing: border-box;border-top: none;border-bottom: 1px solid #000000;border-color: rgba(56, 56, 56, 0.26); box-shadow: 0 6px 35px -2px rgba(74, 74, 74, 0.29);
    -moz-box-shadow: 0 6px 35px -2px rgba(74, 74, 74, 0.29);
    -webkit-box-shadow: 0 6px 35px -2px rgba(74, 74, 74, 0.29);
	
	background-color: #ffffff;padding: 10px 0 0 0px;height: 45px;z-index: 12;transition: 0.2s;}
.fixedd .bigmenutext{display: none;}
.fixedd .smolmenutext{display: block;}
.fixedd p {color: #8a8a8a;}
.fixedd a {display: inline-block;text-transform:uppercase;text-decoration: none;text-shadow: none; }
.fixedd .menuicon{display: none;}

.side-menu-wrapper-info{display: none;}
/* -Всё что responsive в contente- */
.catphoto{height: 267px;}
.fotoglavnajaverh{
    height: 395px;
    background: url(../images/salonkrasoti-kharkov-vverh.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #979797;}
.fotoglavnajaverhtext{
    width: 325px;
    padding: 150px 0 0 60%;}
.fotoglavnajaverhtext h2 {
    color: white;
    text-transform: uppercase;
    font-size: 1.6em;
    line-height: 1.1em;
    letter-spacing: 0.01em;
    font-weight: 400;
}
.fotoglavnajaverhtext h3 {
    color: white;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 0.01em;
    font-weight: 400;
    text-align: left;
    margin: 35px 0 0 1px;
}
.fotoglavnajaniz{
    height: 395px;
    background: url(../images/salonkrasoti-kharkov-niz.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #020202;}
.fotoglavnajaniztext{
        width: 778px;
    padding: 135px 0 0 29%;}
.fotoglavnajaniztext h2 {
    color: white;
    text-transform: uppercase;
    font-size: 1.9em;
    line-height: 1.1em;
    letter-spacing: 0.01em;
    font-weight: 400;
}
.fotoglavnajaniztext h3 {
    color: #f7f7f7;
    font-size: 1.1em;
    line-height: 1.5em;
    letter-spacing: 0.01em;
    font-weight: 300;
    text-align: center;
    margin: 35px 0 0 1px;
}
.categverhtext h1 {
	color: #b3b3b3;
    text-transform: uppercase;
    font-size: 2.1em;
    line-height: 1.1em;
    font-weight: 400;
    padding-top: 110px;
    text-align: center;}
	
	
.contenttline{width: 100%;}
.contentt{width: 1500px; margin: 0 auto; overflow: auto;}
.middiv{width: 50%;
    margin: 0 auto;
    padding: 50px 0 61px 0;}
.middiv h1{font-size: 1.5em;
    line-height: 1.1em;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    font-weight: 400;
    color: #585858;}
.divleft{width: 740px; min-height: 200px; float: left; }
.divright{width: 740px;min-height: 200px; float: right;}

.chetirebloka{float: left;
     width: 370px;
	     height: 220px;
    display: block;
    padding: 40px 0 20px 0;
    }
img.leftt { width: 500px; height: 500px;}
img.rightt { width: 500px; height: 500px; float: right;}
.contenttblock h3{margin: 18% 0 5% 0;}
.features-table {width: 75%;font-size: 0.9em;}
.fotoramadiv { width: 670px;margin: 0 auto;}
.plusminus{width: 400px;min-height: 200px; margin:0 auto;}

.sprite {
    background-image: url(/images/svg-sprite.png);
    background-repeat: no-repeat;
    background-size: 293px;
}

.shome {
    width: 56px;
    height: 67px;
    margin: 10px auto;
    background-position: -192px -70px;
}
.sskidki {
    width: 67px;
    height: 67px;
    margin: 10px auto;
    background-position: -69px -155px;
}
.sbrendi {
    width: 62px;
    height: 64px;
    margin: 10px auto;
    background-position: -135px -137px;
}
.smastera {
   width: 68px;
    height: 65px;
    margin: 10px auto;
    background-position: 1px -86px;
}
.schashka {
   width: 68px;
    height: 65px;
    margin: 10px auto;
    background-position: -1px -158px;
}
.spodhod {
    width: 53px;
    height: 66px;
    margin: 10px auto;
    background-position: -197px -138px;

}
.soplata {
    width: 69px;
    height: 67px;
    margin: 10px auto;
    background-position: -72px -80px;
}
.sgarantii {
    width: 59px;
    height: 69px;
    margin: 10px auto;
    background-position: -192px 0px;
}
.aktsiafoto {width: 61%;float: left;display: block;}
.aktsiafoto img {width: 58%;margin: 4% 18%;z-index: 9999;}
.aktsiaforma {width: 647px;margin: 0 auto;}
.vkblock{width: 690px; margin: 0 auto;}
#contmap{width: 1080px;}

.tabbble{width: 1037px; margin: 0 auto; padding-bottom: 30px;}
.tabbbleline:last-child{
    border-bottom: 1px solid #757575;}
.tabbbleline:hover{
    background-color: #f7f7f7; transition: .5s;}
.tabbbleline{height: 52px;
    padding: 17px 0 0px 0;
    overflow: auto;
	border-top: 1px solid #757575;
    }


.tname{width: 61%;float: left;}
.tname p{margin-top: 8px;
    margin-left: 15px;}
.ttime{width: 18%;
    padding: 7px;
    background-image: url(../images/money.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain; float: left;}
.ttime p{margin-left: 40px; font-weight:600;}

.tprice{width: 18%;
    padding: 7px;
    background-image: url(../images/money2.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain; float: left;}

.tprice p{margin-left: 40px; font-weight:600;}	
.contenttportfolio{width: 1100px; margin: 0 auto;}

.tabbblelinee {overflow: auto;border-bottom: 1px solid #757575;}
.tabbblelinee:hover{background-color: #f7f7f7; transition: .5s;}
.tnamee{width: 41%;float: left; padding: 20px 0 20px 0;}
.tnameee {
    width: 53%; float: left; padding: 20px 0 20px 20px;}
.tnamee p{margin-left: 15px;}
.tpricee{width: 14.75%;padding: 20px 0 20px 0;float: left; text-align: center}
.tpricee:nth-child(odd){background: #f1f1f1}
.tpricee p{font-weight:600;}
	 
.voprosi_sotsseti{width: 900px; margin:37px auto 50px auto; }
.voprosi_sotsseti_tel{width: 299px;
    float: left;
    border-right-color: #8e8e8e;
    border-right-style: solid;
    border-right-width: 1px;
    padding-left: 143px;}
.voprosi_sotsseti_iconki{width: 415px; float: right;}

/* -Всё что responsive в footere- */

.footermenu {float: left; margin: 36px auto 16px auto;}
.footersotsseti {float: right; margin: 61px auto 13px auto;}
.footersotsseti p{color:#b8b8b8; margin: 53px 0 -40px 0;}
#scroller{display: block;}
/* -костыль для паралакса- */




/* -------Responsive правила конец -------- */

.menuwidth{width: 1500px; margin: 0 auto;}
.menu,
    .menu .level1 {
        position: relative;
        z-index: 1000
    }
    .menu .level1>a,
    .menu ul a {
        font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    color: #4d6989;
    }
    .menu .level1>a:hover,
    .menu ul a:hover {
        text-decoration: none;
        color: #da6868
    }
    .menu {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .menu .level1>a {
        display: inline-block;
        padding: 8px 60px;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    .menu .has-drop:hover .level2 {
        -webkit-transition: opacity .5s 10ms, -webkit-transform 10ms;
        transition: opacity .5s 10ms, transform 10ms;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    .menu .has-drop:hover+.whitebg {
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: .8
    }
    .menu .level2 {
        position: absolute;
        -webkit-transition: opacity .5s 0s, -webkit-transform 10ms .5s;
        transition: opacity .5s 0s, transform 10ms .5s;
        -webkit-transform: translateX(-600px);
        transform: translateX(-600px);
        opacity: 0
    }
    .menu ul {
        margin: 0;
        padding: 20px 0 0 60px;
        list-style-type: none
    }
    .menu ul li {
        width: 300px;
        padding: 10px 0
    }
	
	
	.whitebg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .5s, -webkit-transform 0s .5s;
    transition: opacity .5s, transform 0s .5s;
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
    opacity: 0;
    background-color: #fff
}




.column {
	width:1300px;
	margin: 0 auto;
}


.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 300px;
	margin: 10px;
	padding: 0;
}


.column div span {
	position: absolute;
	top: 134px;
	left: 0;
	z-index: 1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: white;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0.9;
}
figure {
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	
	opacity: 1;
	font-size: 19px;
	
}



/* Circle */
.hover15 figure {
	position: relative;
}
.hover15 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.hover15 figure:hover img {
	-webkit-transform: rotate(5deg) scale(1.1);
	transform: rotate(5deg) scale(1.1);
}


.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
.brendi1{width: 13%;float: left;margin: 10% 2% 3% 2%;}
.brendi2{width: 16%;
    float: left;
    margin: 12% 2% 3% 2%;}
.brendi3{width: 21%;
    float: left;
    margin: 11.5% 2% 3% 2%;}
.brendi4{width: 10%;float: left;margin: 10% 8% 8% 3%;}
.brendi5{width: 10%;float: left;margin: 10% 2% 3% 2%;}