body {background: white; width: 100%;}
html, body, #map {width: 100%; height: 700px; padding: 0; margin: 0; position: relative;}
input, textarea {outline:none !important;}
.transition {transition: all 0.3s;}
span.afterspanred {display: block; width: 65px; height: 5px; background: #d80027; margin: 0px auto;}
span.afterspanwhite {display: block; width: 65px; height: 5px; background: white; margin: 0px auto;}
.nullpadding {padding-left: 0px; padding-right: 0px;}
.mobilebuttons {display: none;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
html, body, #map {width: 100%; height: 400px; padding: 0; margin: 0; position: relative;}
.mobilebuttons {display: block;position: fixed; bottom: 30px; right: 30px; width: 65px; height: 65px; border-radius: 100px; background: #25d366; background-image: url(/images/whatsapp.png); background-position: 50% 50%; background-repeat: no-repeat;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {

}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}


@font-face {
			font-family: "GothamProBold";
			src: url("/fonts/GothamProBold/GothamProBold.eot");
			src: url("/fonts/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"),
			url("/fonts/GothamProBold/GothamProBold.woff") format("woff"),
			url("/fonts/GothamProBold/GothamProBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
	
@font-face {
			font-family: "GothamProLight";
			src: url("/fonts/GothamProLight/GothamProLight.eot");
			src: url("/fonts/GothamProLight/GothamProLight.eot?#iefix")format("embedded-opentype"),
			url("/fonts/GothamProLight/GothamProLight.woff") format("woff"),
			url("/fonts/GothamProLight/GothamProLight.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}
	
@font-face {
			font-family: "GothamProLightItalic";
			src: url("/fonts/GothamProLightItalic/GothamProLightItalic.eot");
			src: url("/fonts/GothamProLightItalic/GothamProLightItalic.eot?#iefix")format("embedded-opentype"),
			url("/fonts/GothamProLightItalic/GothamProLightItalic.woff") format("woff"),
			url("/fonts/GothamProLightItalic/GothamProLightItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

/** Header Start **/
div.header {position: relative; width: 100%; min-height: 85vh; background-image: url(/images/header.jpg); background-position: 60% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; margin-bottom: -1px;}
div.phoneblock {text-align: right;}
div.phone {text-align: right; font-family: "GothamProBold"; font-size: 28px; margin-top: 15px; color: white;}
div.topadress {color: white; font-size: 18px;font-family: "GothamProlight"; margin-top: 15px;}
div.logo {background-image: url(/images/.png); background-position: 50% 50%; background-repeat: no-repeat; width: 225px; height: 100px; margin-top: 10px;}
div.dopnik {font-family: "GothamProBold"; font-size: 15px; color: white; cursor: pointer; background: #d80027; display: inline-block; padding: 5px 15px;  border-radius: 5px;  margin-top: 5px;}
div.titleblock {margin-top: calc(100vh - 80vh);}
div.title0 {text-align: left;font-family: "GothamProBold"; font-size: 35px; color: white; margin-bottom: -5px;  padding: 15px 15px 0px 15px; background: #d80027; display: table;}
div.title {text-align: left; font-family: "GothamProBold"; font-size: 80px; color: white; background: #d80027;  display: table; padding: 10px 15px 5px 15px; text-transform: uppercase;}
div.title2 {text-align: left; font-family: "GothamProlight"; font-size: 22px;color: white; padding: 10px 15px 10px 0px; text-transform: uppercase; display: table;}
div.title3 {text-align: left; font-family: "GothamProlight";font-size: 22px; color: white; display: table; padding: 0px 15px 10px 0px; text-transform: uppercase;}
.topformwrapper {text-align: center;}

input.topform {background: none; width: 80%; padding: 11px 15px; border: 2px solid #d80027; font-size: 14px;  font-family: "GothamProLight"; color: black; text-align: center;  margin-bottom: 10px;}
input.topformbutton {background: #d80027; border: 2px solid #d80027; width: 80%; padding: 11px 15px; font-size: 14px; margin-top: 5px; font-family: "GothamProLight"; color: white;}
div.topformmodaltitle {text-align: center; font-family: "GothamProBold"; font-size: 32px; color: black;}
div.formotvetzvonok {text-align: center; font-family: "GothamProBold"; font-size: 20px; color: black;}
/** Header End **/


@media only screen and (min-width : 320px) and (max-width : 479px) {
div.header {position: relative; width: 100%; min-height: 500px; background-image: url(/images/header.jpg); background-position: 60% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: local; margin-bottom: -1px;}
div.titleblock {margin-top: 80px;;}

div.phone {text-align: left; font-family: "GothamProBold"; font-size: 20px; margin-top: 15px; color: white;}

div.title0 {text-align: left;font-family: "GothamProBold"; font-size: 20px; color: white; margin-bottom: -5px;  padding: 15px 15px 0px 15px; background: #d80027; display: table;}
div.title {text-align: left; font-family: "GothamProBold"; font-size: 32px; color: white; background: #d80027;  display: table; padding: 10px 15px 5px 15px; text-transform: uppercase;}
div.title2 {text-align: left; font-family: "GothamProlight"; font-size: 15px;color: white; padding: 10px 15px 10px 0px; text-transform: uppercase; display: table;}
div.title3 {text-align: left; font-family: "GothamProlight";font-size: 15px; color: white; display: table; padding: 0px 15px 10px 0px; text-transform: uppercase;}

div.dopnik {display: none;}

}

@media only screen and (min-width : 480px) and (max-width : 767px) {
div.header {position: relative; width: 100%; min-height: 500px; background-image: url(/images/header.jpg); background-position: 60% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: local; margin-bottom: -1px;}
div.titleblock {margin-top: 80px;;}

div.phone {text-align: left; font-family: "GothamProBold"; font-size: 20px; margin-top: 15px; color: white;}

div.title0 {text-align: left;font-family: "GothamProBold"; font-size: 20px; color: white; margin-bottom: -5px;  padding: 15px 15px 0px 15px; background: #d80027; display: table;}
div.title {text-align: left; font-family: "GothamProBold"; font-size: 32px; color: white; background: #d80027;  display: table; padding: 10px 15px 5px 15px; text-transform: uppercase;}
div.title2 {text-align: left; font-family: "GothamProlight"; font-size: 15px;color: white; padding: 10px 15px 10px 0px; text-transform: uppercase; display: table;}
div.title3 {text-align: left; font-family: "GothamProlight";font-size: 15px; color: white; display: table; padding: 0px 15px 10px 0px; text-transform: uppercase;}

div.dopnik {display: none;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}


div.whywe {padding-top: 90px; padding-bottom: 90px; background-image: url(/images/fpservicebg.jpg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
div.whywetitle {text-align: center; font-family: "GothamProBold"; font-size: 40px; color: black;text-transform: uppercase; padding-bottom: 8px;}
div.whywewrapper {padding-top: 30px; height: 280px;}
div.whywe1img {width: 150px; height: 150px; margin: 0px auto; background-image: url(/images/for/atlets.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe2img {width: 150px; height: 150px; margin: 0px auto; background-image: url(/images/for/cardio.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe3img {width: 150px; height: 150px; margin: 0px auto; background-image: url(/images/for/yoga.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe4img {width: 150px; height: 150px; margin: 0px auto; background-image: url(/images/for/sauna.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe5img {width: 150px; height: 150px; margin: 0px auto; background-image: url(/images/for/fight.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe6img {width: 150px; height: 150px; margin: 0px auto; background-image: url(/images/for/personal.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywetext {text-align: center; font-family: "GothamProBold"; font-size: 16px; color: black; margin-top: 10px;}
div.whyweopis {text-align: center; font-family: "GothamProLight"; font-size: 16px; color: black; padding-top: 10px; margin: 0px auto;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
div.whywe {padding-top: 40px; padding-bottom: 40px; background-image: url(/images/fpservicebg.jpg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
div.whywetitle {text-align: center; font-family: "GothamProBold"; font-size: 30px; color: black;text-transform: uppercase; padding-bottom: 8px;}
div.whywewrapper {padding-top: 00px; height: 300px;}

div.whywe1img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/atlets.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe2img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/cardio.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe3img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/yoga.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe4img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/sauna.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe5img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/fight.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe6img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/personal.png); background-position: 50% 50%; background-repeat: no-repeat;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
div.whywe {padding-top: 40px; padding-bottom: 40px; background-image: url(/images/fpservicebg.jpg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
div.whywetitle {text-align: center; font-family: "GothamProBold"; font-size: 30px; color: black;text-transform: uppercase; padding-bottom: 8px;}
div.whywewrapper {padding-top: 00px; height: 300px;}

div.whywe1img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/atlets.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe2img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/cardio.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe3img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/yoga.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe4img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/sauna.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe5img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/fight.png); background-position: 50% 50%; background-repeat: no-repeat;}
div.whywe6img {width: 150px; height: 110px; margin: 0px auto; background-image: url(/images/for/personal.png); background-position: 50% 50%; background-repeat: no-repeat;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}





div.photo {background: #f4f4f4;padding-bottom: 90px;}
div.phototitle {text-align: center; font-family: "GothamProBold"; font-size: 40px; color: black;text-transform: uppercase; padding-bottom: 8px;}
span.afterspanphototitle {display: block; width: 65px; height: 5px; background: #d80027; margin: 0px auto; margin-bottom: 65px;}
.thumb1 {position: relative;}
.galleryimg {background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 240px;}


@media only screen and (min-width : 320px) and (max-width : 479px) {
	div.photo {background: #f4f4f4;padding-bottom: 40px;}
div.phototitle {text-align: center; font-family: "GothamProBold"; font-size: 30px; color: black;text-transform: uppercase; padding-bottom: 8px;}
span.afterspanphototitle {display: block; width: 65px; height: 5px; background: #d80027; margin: 0px auto; margin-bottom: 40px;}
.galleryimg {background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 110px;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
	div.photo {background: #f4f4f4;padding-bottom: 40px;}
div.phototitle {text-align: center; font-family: "GothamProBold"; font-size: 30px; color: black;text-transform: uppercase; padding-bottom: 8px;}
span.afterspanphototitle {display: block; width: 65px; height: 5px; background: #d80027; margin: 0px auto; margin-bottom: 40px;}
.galleryimg {background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 110px;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}


div.feed {padding-bottom: 90px;background: #f4f4f4; background-image: url(/images/feedbg.png); background-position: 50% 100%; background-repeat: no-repeat;background-size: 100%;}
div.feedtitle {text-align: center; font-size: 40px; color: black; font-family: GothamProBold; text-transform: uppercase;padding-bottom: 8px;}
span.feedafterspanred {display: block; width: 65px; height: 5px; background: #d80027; margin: 0px auto; margin-bottom: 60px;}
div.feed1img {width: 140px; height: 140px; margin: 0px auto; background-image: url(/images/feed/alexandra.jpg); background-position: 50% 50%; background-repeat: no-repeat; border-radius: 140px;  background-size: cover;}
div.feed2img {width: 140px; height: 140px; margin: 0px auto; background-image: url(/images/feed/roman.jpg); background-position: 50% 50%; background-repeat: no-repeat; border-radius: 140px;  background-size: cover;}
div.feedname {color: white; font-size: 14px; font-family: "GothamProBold"; display: inline-block; background: #d80027; padding: 4px 10px; position: absolute; bottom: 10px;}
div.feedtext {text-align: center;color: black; font-size: 16px; font-family: "GothamProLightItalic"; padding: 10px 20px;}
div.feedtext:before {content: open-quote; color: #d80027; font-size: 28px; margin-right: 5px; float: left;}
div.feedtext:after {content: close-quote; color: #d80027; font-size: 28px; margin-left: 5px; float: right;}
div.feedblockpadding {padding-bottom: 80px}
div.feedarrow1 {background-image: url(/images/feed/feedarrow2.png); background-position: 30% 117%; background-repeat: no-repeat;}
div.feedarrow2 {background-image: url(/images/feed/feedarrow1.png); background-position: 70% 117%; background-repeat: no-repeat;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
div.feed {padding-bottom: 40px;background: #f4f4f4; background-image: url(/images/feedbg.png); background-position: 50% 100%; background-repeat: no-repeat;background-size: 100%;}
div.feedtitle {text-align: center; font-size: 30px; color: black; font-family: GothamProBold; text-transform: uppercase;padding-bottom: 8px;}
span.feedafterspanred {display: block; width: 65px; height: 5px; background: #d80027; margin: 0px auto; margin-bottom: 40px;}
div.feedarrow1 {background-image: none; background-position: 30% 117%; background-repeat: no-repeat;}
div.feedarrow2 {background-image: none; background-position: 70% 117%; background-repeat: no-repeat;}
div.feedblockpadding {padding-bottom: 40px}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
div.feed {padding-bottom: 40px;background: #f4f4f4; background-image: url(/images/feedbg.png); background-position: 50% 100%; background-repeat: no-repeat;background-size: 100%;}
div.feedtitle {text-align: center; font-size: 30px; color: black; font-family: GothamProBold; text-transform: uppercase;padding-bottom: 8px;}
span.feedafterspanred {display: block; width: 65px; height: 5px; background: #d80027; margin: 0px auto; margin-bottom: 40px;}
div.feedarrow1 {background-image: none; background-position: 30% 117%; background-repeat: no-repeat;}
div.feedarrow2 {background-image: none; background-position: 70% 117%; background-repeat: no-repeat;}
div.feedblockpadding {padding-bottom: 40px}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}

div.plus {width: 100%; background: #f4f4f4; padding-bottom: 90px;}
div.plustitle {text-align: center; font-size: 40px; color: black; font-family: GothamProBold;padding-bottom: 8px;}
span.plusafterspanred {display: block; width: 65px; height: 5px; background: #d80027; margin: 0px auto; margin-bottom: 65px;}
div.pluswrapper {padding-top: 55px; min-height: 205px; background: white; padding: 15px; border-radius: 5px;}
div.plustext {text-align: left; font-family: "GothamProBold"; font-size: 17px; color: black; margin-top: 10px;}
div.plustextdop {text-align: left; font-family: "GothamProLightItalic"; font-size: 17px; color: black; margin-top: 10px;}
div.plus1img {width: 50px; height: 50px; background-image: url(/images/plus/01.png); background-repeat: no-repeat;}
div.plus2img {width: 50px; height: 50px; background-image: url(/images/plus/02.png); background-repeat: no-repeat;}
div.plus3img {width: 50px; height: 50px; background-image: url(/images/plus/03.png); background-repeat: no-repeat;}
div.plus4img {width: 50px; height: 50px; background-image: url(/images/plus/04.png); background-repeat: no-repeat;}
div.plus5img {width: 50px; height: 50px; background-image: url(/images/plus/05.png); background-repeat: no-repeat;}
div.plus6img {width: 50px; height: 50px; background-image: url(/images/plus/06.png); background-repeat: no-repeat;}


@media only screen and (min-width : 320px) and (max-width : 479px) {
div.plustitle {text-align: center; font-size: 30px; color: black; font-family: GothamProBold;padding-bottom: 8px;}
span.plusafterspanred {display: block; width: 65px; height: 5px; background: #d80027; margin: 0px auto; margin-bottom: 40px;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
div.plustitle {text-align: center; font-size: 30px; color: black; font-family: GothamProBold;padding-bottom: 8px;}
span.plusafterspanred {display: block; width: 65px; height: 5px; background: #d80027; margin: 0px auto; margin-bottom: 40px;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}

.formconsultwrapper {text-align: center; float: left;}
.formwrapper {margin: 0px auto;  display: table;padding-top: 50px;}
.formtitle {float: left;font-size: 27px; padding-top: 16px; padding: 1px 10px;font-family: "GothamProBold";}
input.formconsult {background: none; width: 200px;  padding: 11px 15px; border: 2px solid #d80027; font-size: 14px;  font-family: "GothamProLight"; color: black; text-align: center;}
input.formconsultbutton {background: #d80027; border: 2px solid #d80027; width:  200px; padding: 11px 15px; font-size: 14px; font-family: "GothamProLight"; color: white;}
div.formotvet {text-align: center; font-family: "GothamProBold"; font-size: 18px; color: #d80027; background: white; padding: 5px; border-radius: 5px;}

div.location {padding-bottom: 70px; padding-top: 50px;}
div.locationtitle {text-align: center; font-family: "GothamProBold"; font-size: 40px; color: black;text-transform: uppercase; padding-bottom: 8px;}
div.locitem {font-family: "GothamProBold";font-size: 16px;text-align: center; padding-bottom: 10px;}
div.locitemtext {font-family: "GothamProLight"; font-size: 18px; text-align: center; padding-bottom: 10px;}
span.locafterspanred {display: block; width: 65px; height: 5px; background: #d80027; margin: 0px auto; margin-bottom: 50px;}

div.footer {padding: 10px;}
div.footertext {color: black; font-size: 14px;  font-family: "GothamProLight"; text-align: center;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
.formtitle {float: left; font-size: 16px; padding-top: 16px;padding: 12px 10px; font-family: "GothamProBold";}
input.formconsult {background: none; width: 100%;  padding: 11px 15px; border: 2px solid #d80027; font-size: 14px;  font-family: "GothamProLight"; color: black; text-align: center; margin-bottom: 10px;}
input.formconsultbutton {background: #d80027; border: 2px solid #d80027; width:  100%; padding: 11px 15px; font-size: 14px; font-family: "GothamProLight"; color: white;}
div.locationtitle {text-align: center; font-family: "GothamProBold"; font-size: 30px; color: black;text-transform: uppercase; padding-bottom: 8px;}
div.locitemtext {font-family: "GothamProLight"; font-size: 18px; text-align: center; padding-bottom: 10px;}
div.location {padding-bottom: 40px; padding-top: 50px;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
.formtitle {float: left; font-size: 16px; padding-top: 16px;padding: 12px 10px; font-family: "GothamProBold";}
input.formconsult {background: none; width: 100%;  padding: 11px 15px; border: 2px solid #d80027; font-size: 14px;  font-family: "GothamProLight"; color: black; text-align: center; margin-bottom: 10px;}
input.formconsultbutton {background: #d80027; border: 2px solid #d80027; width:  100%; padding: 11px 15px; font-size: 14px; font-family: "GothamProLight"; color: white;}
div.locationtitle {text-align: center; font-family: "GothamProBold"; font-size: 30px; color: black;text-transform: uppercase; padding-bottom: 8px;}
div.locitemtext {font-family: "GothamProLight"; font-size: 18px; text-align: center; padding-bottom: 10px;}
div.location {padding-bottom: 40px; padding-top: 50px;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

}

@media only screen and (min-width : 1024px) and (max-width : 1223px) {

}

@media only screen and (min-width : 1223px) and (max-width : 1823px) {
	
}

@media only screen and (min-width : 1824px) {
	
}