.payments .button.trust*{
	-webkit-font-smoothing: antialiased
}

body,
html{
	width: 100%;
	margin: 0;
	padding: 0
}

html{
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body{
	font-size: 16px;
	color: #fff;
	font-weight: 400
}

a img{
	border: 0 none
}

a{
	text-decoration: none;
	-webkit-text-decoration-skip: objects
}

iframe {
	max-width: 100%;
}

.object{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform-style: flat;
	-ms-transform-style: flat;
	-o-transform-style: flat
}

.clr{
	clear: both
}

.ul-reset{
	margin: 0;
	padding: 0
}

.ul-reset li{
	list-style-type: none
}

.h-reset h1,
.h-reset h2,
.h-reset h3,
.h-reset h4,
.h-reset p{
	margin: 0
}

.w-reset{
	max-width: 100%;
	width: 100%
}

.h-reset{
	height: auto
}

.block{
	display: block
}

.inline_block{
	display: inline-block
}

.none{
	display: none
}

.ov-hidden{
	overflow: hidden
}

.ov-visible{
	overflow: visible
}

.ov-o-hidden{
	opacity: 0;
	visibility: hidden
}

.ov-o-visible{
	opacity: 1;
	visibility: visible
}

input,
select,
textarea{
	outline: 0
}

input,
textarea{
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0
}

select{
	outline: 0;
	border-radius: 0
}

button,
input,
select,
textarea{
	font: inherit;
	margin: 0
}

button,
input{
	overflow: visible
}

button,
select{
	text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button]{
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner{
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring{
	outline: 1px dotted ButtonText
}

blockquote{
	padding: 0;
	margin: 0
}

button{
	cursor: pointer;
	border: 0;
	background: 0 0;
	padding: 0
}

button:focus{
	outline: 0
}

.center{
	text-align: center
}

.upper{
	text-transform: uppercase
}

.lower{
	text-transform: lowercase
}

.case{
	text-transform: normal
}

.nocase{
	text-transform: none
}

.italic{
	font-style: italic
}

.hyphenate{
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

.pull-left{
	float: left
}

.pull-right{
	float: right
}

.pull-none{
	float: none
}

.prel{
	position: relative
}

.pabs{
	position: absolute
}

.pfix{
	position: fixed
}

.valign{
	position: relative;
	display: table
}

.valign.fit{
	width: 100%;
	height: 100%
}

.valign .middle{
	display: table-cell;
	vertical-align: middle
}

.bx{
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.fit{
	width: 100%;
	height: 100%
}

@font-face{
	font-family: fitbg;
	src: url(../fonts/fitbg.eot?wsamz3);
	src: url(../fonts/fitbg.eot?wsamz3#iefix) format('embedded-opentype'), url(../fonts/fitbg.ttf?wsamz3) format('truetype'), url(../fonts/fitbg.woff?wsamz3) format('woff'), url(../fonts/fitbg.svg?wsamz3#fitbg) format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

[class*=" icon-"],
[class^=icon-]{
	font-family: fitbg !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-arrow_left:before{
	font-size: 14px;
	color: #f26722;
	font-weight: 700;
	display: block;
	content: "\e914"
}

.icon-arrow_right:before{
	font-size: 11px;
	display: block;
	font-weight: 700;
	content: "\e915"
}

.icon-communication:before{
	font-size: 70px;
	color: #a8f2e1;
	content: "\e90d"
}

.icon-food:before{
	font-size: 45px;
	color: #3db575;
	content: "\e90e"
}

.icon-locker:before{
	font-size: 70px;
	color: #a8f2e1;
	content: "\e90f"
}

.icon-personal-treatment:before{
	font-size: 70px;
	color: #a8f2e1;
	content: "\e912"
}

.icon-train:before{
	font-size: 45px;
	color: #3db575;
	content: "\e913"
}

.icon-letter:before{
	color: #f6f6f6;
	content: "\e911"
}

.icon-blog-author:before{
	content: "\e90c"
}

.icon-facebook:before{
	content: "\e906"
}

.icon-google-plus:before{
	content: "\e907"
}

.icon-instagram:before{
	content: "\e908"
}

.icon-twitter:before{
	content: "\e909"
}

.icon-youtube:before{
	content: "\e90a"
}

.icon-search:before{
	content: "\e90b"
}

.icon-arrow-left:before{
	content: "\e900"
}

.icon-arrow-right:before{
	content: "\e901"
}

.icon-author:before{
	content: "\e902"
}

.icon-clock:before{
	content: "\e903"
}

.icon-clock-plus:before{
	content: "\e904"
}

.icon-tick-mark:before{
	content: "\e905"
}

.icon-Shape-2-copy-3:before{
	content: "\e910"
}

.icon-instagram-new .path1:before{
	content: "\e916";
	color: #fde494
}

.icon-instagram-new .path2:before{
	content: "\e917";
	margin-left: -1em;
	color: #fea150
}

.icon-instagram-new .path3:before{
	content: "\e918";
	margin-left: -1em;
	color: #ff5d4a
}

.icon-instagram-new .path4:before{
	content: "\e919";
	margin-left: -1em;
	color: #e45261
}

.icon-instagram-new .path5:before{
	content: "\e91a";
	margin-left: -1em;
	color: #ff4d95
}

.icon-instagram-new .path6:before{
	content: "\e91b";
	margin-left: -1em;
	color: #cb319c
}

.icon-instagram-new .path7:before{
	content: "\e91c";
	margin-left: -1em;
	color: #8a3293
}

.icon-instagram-new .path8:before{
	content: "\e91d";
	margin-left: -1em;
	color: #ff5d4a
}

.icon-instagram-new .path9:before{
	content: "\e91e";
	margin-left: -1em;
	color: #e45261
}

.icon-instagram-new .path10:before{
	content: "\e91f";
	margin-left: -1em;
	color: #ff4d95
}

.icon-instagram-new .path11:before{
	content: "\e920";
	margin-left: -1em;
	color: #ff4d95
}

.icon-instagram-new .path12:before{
	content: "\e921";
	margin-left: -1em;
	color: #cb319c
}

.icon-instagram-new .path13:before{
	content: "\e922";
	margin-left: -1em;
	color: #cb319c
}

.icon-instagram-new .path14:before{
	content: "\e923";
	margin-left: -1em;
	color: #ff5d4a
}

.icon-instagram-new .path15:before{
	content: "\e924";
	margin-left: -1em;
	color: #e45261
}

.icon-instagram-new .path16:before{
	content: "\e925";
	margin-left: -1em;
	color: #ff4d95
}

.icon-instagram-new .path17:before{
	content: "\e926";
	margin-left: -1em;
	color: #cb319c
}

.icon-instagram-new .path18:before{
	content: "\e927";
	margin-left: -1em;
	color: #8a3293
}

.icon-instagram-new .path19:before{
	content: "\e928";
	margin-left: -1em;
	color: #523494
}

.icon-instagram-new .path20:before{
	content: "\e929";
	margin-left: -1em;
	color: #2d2d87
}

.icon-google-plus2 .path1:before{
	content: "\e92a";
	color: #dd4b39
}

.icon-google-plus2 .path2:before{
	content: "\e92b";
	margin-left: -1em;
	color: #fff
}

.icon-google-plus2 .path3:before{
	content: "\e92c";
	margin-left: -1em;
	color: #fff
}

.grid .col-d-100{
	width: 100%
}

.grid .col-d-100.abs-square{
	position: relative;
	padding-bottom: 100%
}

.grid .col-d-100.abs-square.half{
	padding-bottom: 50%
}

.grid .col-d-50{
	width: 50%
}

.grid .col-d-50.abs-square{
	position: relative;
	padding-bottom: 50%
}

.grid .col-d-50.abs-square.half{
	padding-bottom: 25%
}

.grid .col-d-33{
	width: 33.333333333333336%
}

.grid .col-d-33.abs-square{
	position: relative;
	padding-bottom: 33.333333333333336%
}

.grid .col-d-33.abs-square.half{
	padding-bottom: 16.666666666666668%
}

.grid .col-d-25{
	width: 25%
}

.grid .col-d-25.abs-square{
	position: relative;
	padding-bottom: 25%
}

.grid .col-d-25.abs-square.half{
	padding-bottom: 12.5%
}

.grid .col-d-20{
	width: 20%
}

.grid .col-d-20.abs-square{
	position: relative;
	padding-bottom: 20%
}

.grid .col-d-20.abs-square.half{
	padding-bottom: 10%
}

.grid .col-d-16{
	width: 16.666666666666668%
}

.grid .col-d-16.abs-square{
	position: relative;
	padding-bottom: 16.666666666666668%
}

.grid .col-d-16.abs-square.half{
	padding-bottom: 8.333333333333334%
}

.grid .col-d-14{
	width: 14.285714285714286%
}

.grid .col-d-14.abs-square{
	position: relative;
	padding-bottom: 14.285714285714286%
}

.grid .col-d-14.abs-square.half{
	padding-bottom: 7.142857142857143%
}

.grid .col-d-12{
	width: 12.5%
}

.grid .col-d-12.abs-square{
	position: relative;
	padding-bottom: 12.5%
}

.grid .col-d-12.abs-square.half{
	padding-bottom: 6.25%
}

.grid .col-d-11{
	width: 11.11111111111111%
}

.grid .col-d-11.abs-square{
	position: relative;
	padding-bottom: 11.11111111111111%
}

.grid .col-d-11.abs-square.half{
	padding-bottom: 5.555555555555555%
}

.grid .col-d-10{
	width: 10%
}

.grid .col-d-10.abs-square{
	position: relative;
	padding-bottom: 10%
}

.grid .col-d-10.abs-square.half{
	padding-bottom: 5%
}

@media only screen and (min-width: 640px) and (max-width: 1024px){
	.grid .col-t-100{
		width: 100%
	}

	.grid .col-t-50{
		width: 50%
	}

	.grid .col-t-33{
		width: 33.333333333333336%
	}

	.grid .col-t-25{
		width: 25%
	}

	.grid .col-t-20{
		width: 20%
	}

	.grid .col-t-16{
		width: 16.666666666666668%
	}

	.grid .col-t-14{
		width: 14.285714285714286%
	}

	.grid .col-t-12{
		width: 12.5%
	}

	.grid .col-t-11{
		width: 11.11111111111111%
	}

	.grid .col-t-10{
		width: 10%
	}
}

@media only screen and (max-width: 639px){
	.grid .col-m-100{
		width: 100%
	}

	.grid .col-m-50{
		width: 50%
	}

	.grid .col-m-33{
		width: 33.333333333333336%
	}

	.grid .col-m-25{
		width: 25%
	}

	.grid .col-m-20{
		width: 20%
	}

	.grid .col-m-16{
		width: 16.666666666666668%
	}

	.grid .col-m-14{
		width: 14.285714285714286%
	}

	.grid .col-m-12{
		width: 12.5%
	}

	.grid .col-m-11{
		width: 11.11111111111111%
	}

	.grid .col-m-10{
		width: 10%
	}
}

@media only screen and (max-width: 480px){
	.grid .col-s-100{
		width: 100%
	}

	.grid .col-s-50{
		width: 50%
	}

	.grid .col-s-33{
		width: 33.333333333333336%
	}

	.grid .col-s-25{
		width: 25%
	}

	.grid .col-s-20{
		width: 20%
	}

	.grid .col-s-16{
		width: 16.666666666666668%
	}

	.grid .col-s-14{
		width: 14.285714285714286%
	}

	.grid .col-s-12{
		width: 12.5%
	}

	.grid .col-s-11{
		width: 11.11111111111111%
	}

	.grid .col-s-10{
		width: 10%
	}
}

.grid .offset-d-1{
	padding: 5rem;
	box-sizing: border-box
}

.grid .offset-d-2{
	padding: 2.5rem;
	box-sizing: border-box
}

.grid .offset-d-3{
	padding: 1.6666666666666667rem;
	box-sizing: border-box
}

.grid .offset-d-4{
	padding: 1.25rem;
	box-sizing: border-box
}

.grid .offset-d-5{
	padding: 1rem;
	box-sizing: border-box
}

.grid .row--left{
	width: 100%;
	float: left
}

.grid .col{
	float: left;
	display: block
}

[class*=" icon-"],
[class^=icon-]{
	font-size: 20px;
	color: grey;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

[class*=" icon-"].icon-tick-mark,
[class^=icon-].icon-tick-mark{
	color: #fff
}

[class*=" icon-"].icon-tick-mark,
[class^=icon-].icon-tick-mark{
	color: #fff
}

[class*=" icon-"].icon-tick-mark.grey,
[class^=icon-].icon-tick-mark.grey{
	color: grey;
	margin-right: 20px
}

[class*=" icon-"].icon-tick-mark.green,
[class^=icon-].icon-tick-mark.green{
	color: #7bf542;
}

[class*=" icon-"].icon-blog-author,
[class^=icon-].icon-blog-author{
	color: #cacaca
}

[class*=" icon-"].icon-arrow_left,
[class^=icon-].icon-arrow_left{
	margin-right: 0
}

[class*=" icon-"].icon-arrow_left.back-to,
[class^=icon-].icon-arrow_left.back-to{
	margin-right: 5px
}

[class*=" icon-"].icon-search.header,
[class^=icon-].icon-search.header{
	color: #fff;
	font-size: 20px
}

@media only screen and (min-width: 1025px){
	[class*=" icon-"].icon-search.header,
	[class^=icon-].icon-search.header{
		margin-left: inherit;
		margin-left: 10px;
		line-height: 46px;
		position: absolute;
		vertical-align: middle;
		text-align: center;
		box-sizing: border-box;
		margin-right: 0;
		top: 32px;
		right: 15px
	}
}

@media only screen and (min-width: 1281px){
	[class*=" icon-"].icon-search.header,
	[class^=icon-].icon-search.header{
		right: 34px
	}
}

@media only screen and (min-width: 1441px){
	[class*=" icon-"].icon-search.header,
	[class^=icon-].icon-search.header{
		font-size: 25px;
		margin-left: 4%
	}
}

[class*=" icon-"].icon-search.footer,
[class^=icon-].icon-search.footer{
	font-size: 32px;
	color: #cecece;
	margin-left: 15px;
	margin-right: 20px;
}

@media only screen and (min-width: 640px){
	[class*=" icon-"].icon-search.footer,
	[class^=icon-].icon-search.footer{
		margin-left: 0
	}
}

@media only screen and (min-width: 1025px){
	[class*=" icon-"].icon-search.footer,
	[class^=icon-].icon-search.footer{
		float: right;
		margin-right: 28px
	}
}

[class*=" icon-"].icon-search:hover,
[class^=icon-].icon-search:hover{
	cursor: pointer;
	opacity: .8;
	transition: opacity .2s ease
}

[class*=" icon-"].icon-search.search-box,
[class^=icon-].icon-search.search-box{
	right: 0;
	bottom: 14px;
	position: absolute;
	color: #fff;
	font-size: 25px
}

[class*=" icon-"].icon-facebook,
[class*=" icon-"].icon-google-plus,
[class*=" icon-"].icon-instagram,
[class*=" icon-"].icon-twitter,
[class*=" icon-"].icon-youtube,
[class^=icon-].icon-facebook,
[class^=icon-].icon-google-plus,
[class^=icon-].icon-instagram,
[class^=icon-].icon-twitter,
[class^=icon-].icon-youtube{
	font-size: 27px
}

@media only screen and (min-width: 1025px){
	[class*=" icon-"].icon-facebook,
	[class*=" icon-"].icon-google-plus,
	[class*=" icon-"].icon-instagram,
	[class*=" icon-"].icon-twitter,
	[class*=" icon-"].icon-youtube,
	[class^=icon-].icon-facebook,
	[class^=icon-].icon-google-plus,
	[class^=icon-].icon-instagram,
	[class^=icon-].icon-twitter,
	[class^=icon-].icon-youtube{
		font-size: 20px
	}
}

@media only screen and (min-width: 1281px){
	[class*=" icon-"].icon-facebook,
	[class*=" icon-"].icon-google-plus,
	[class*=" icon-"].icon-instagram,
	[class*=" icon-"].icon-twitter,
	[class*=" icon-"].icon-youtube,
	[class^=icon-].icon-facebook,
	[class^=icon-].icon-google-plus,
	[class^=icon-].icon-instagram,
	[class^=icon-].icon-twitter,
	[class^=icon-].icon-youtube{
		font-size: 25px
	}
}

@media only screen and (min-width: 1441px){
	[class*=" icon-"].icon-facebook,
	[class*=" icon-"].icon-google-plus,
	[class*=" icon-"].icon-instagram,
	[class*=" icon-"].icon-twitter,
	[class*=" icon-"].icon-youtube,
	[class^=icon-].icon-facebook,
	[class^=icon-].icon-google-plus,
	[class^=icon-].icon-instagram,
	[class^=icon-].icon-twitter,
	[class^=icon-].icon-youtube{
		font-size: 27px
	}
}

[class*=" icon-"].icon-facebook:hover,
[class*=" icon-"].icon-google-plus:hover,
[class*=" icon-"].icon-instagram:hover,
[class*=" icon-"].icon-twitter:hover,
[class*=" icon-"].icon-youtube:hover,
[class^=icon-].icon-facebook:hover,
[class^=icon-].icon-google-plus:hover,
[class^=icon-].icon-instagram:hover,
[class^=icon-].icon-twitter:hover,
[class^=icon-].icon-youtube:hover{
	opacity: .8;
	transition: opacity .2s ease
}

[class*=" icon-"].icon-facebook,
[class^=icon-].icon-facebook{
	color: #4e71a8
}

[class*=" icon-"].icon-facebook.grey,
[class^=icon-].icon-facebook.grey{
	color: #a5a3a4;
	font-size: 37px
}

[class*=" icon-"].icon-twitter,
[class^=icon-].icon-twitter{
	color: #1db7eb
}

[class*=" icon-"].icon-twitter.grey,
[class^=icon-].icon-twitter.grey{
	color: #a5a3a4;
	font-size: 37px
}

[class*=" icon-"].icon-instagram,
[class^=icon-].icon-instagram{
	color: #444
}

[class*=" icon-"].icon-instagram.grey,
[class^=icon-].icon-instagram.grey{
	color: #a5a3a4;
	font-size: 37px
}

[class*=" icon-"].icon-google-plus,
[class^=icon-].icon-google-plus{
	color: #e3411f
}

[class*=" icon-"].icon-google-plus.grey,
[class^=icon-].icon-google-plus.grey{
	color: #a5a3a4;
	font-size: 37px
}

[class*=" icon-"].icon-youtube,
[class^=icon-].icon-youtube{
	color: #ca3737
}

[class*=" icon-"].icon-youtube.grey,
[class^=icon-].icon-youtube.grey{
	color: #a5a3a4;
	font-size: 37px
}

[class*=" icon-"].icon-arrow-left,
[class^=icon-].icon-arrow-left{
	font-size: 5px;
	display: none
}

@media only screen and (min-width: 640px){
	[class*=" icon-"].icon-arrow-left,
	[class^=icon-].icon-arrow-left{
		display: inline-block;
		vertical-align: text-top
	}
}

[class*=" icon-"].icon-arrow-left.right-arrow,
[class^=icon-].icon-arrow-left.right-arrow{
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #fff
}

.before-after.before [class*=" icon-"].icon-arrow-left.right-arrow,
.before-after.before [class^=icon-].icon-arrow-left.right-arrow{
	color: grey
}

.before-after.after [class*=" icon-"].icon-arrow-left,
.before-after.after [class^=icon-].icon-arrow-left{
	color: #fff
}

.error-section{
	background-color: #f16d2c;
	box-sizing: border-box;
	clear: both
}

@media only screen and (min-width: 1025px){
	.error-section{
		padding-top: 90px
	}
}

.error-container{
	padding: 80px 0
}

.error-container{
	max-width: 705px;
	width: 100%;
	margin: 0 auto
}

.error-box{
	background: linear-gradient(156deg, rgba(255, 128, 43, .47) 0, rgba(241, 109, 44, .93) 1%, rgba(247, 182, 56, .93) 81%, rgba(250, 206, 60, .93) 100%);
	padding: 50px 40px
}

.error-box h3{
	font-size: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 25px;
	text-align: center
}

.error-box ul{
	list-style: none;
	padding-left: 0;
	margin-top: 45px
}

.error-box ul li{
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-style: inherit;
	margin: 25px 0
}

.error-box ul li:before{
	content: "\e905";
	font-size: 20px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	font-family: fitbg !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

.error-box ul li a,
.error-box ul li p,
.error-box ul li strong{
	display: inline;
	color: #26272c
}

.error-box ul li a:hover,
.error-box ul li p:hover,
.error-box ul li strong:hover{
	text-decoration: underline
}

.error-page-title{
	font-size: 60px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 25px
}

.error-text{
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 100px
}

.button.error{
	text-transform: uppercase
}

.button.trust.error{
	padding: 18px 5px
}

.header-margin{
	margin-top: 85px
}

.header-margin.services{
	margin-top: 0
}

@media only screen and (min-width: 1025px){
	.header-margin{
		margin-top: 108px
	}
}

@media only screen and (min-width: 1025px){
	.animate-ui-element,
	.animate-ui-header,
	.fade-ui-element,
	.slide-ui-element,
	.stagger-ui-element{
		opacity: 0
	}
}

.social-share{
	width: 175px;
	height: 50px;
	border-radius: 50px;
	text-align: center;
	transition: height .3s ease-in;
	margin-top: 50px
}

@media only screen and (min-width: 1025px){
	.social-share{
		width: 50px;
		height: 55px;
		margin-top: 0
	}
}

.social-share.active-share{
	width: 90px;
	transition: height .3s ease-in
}

@media only screen and (min-width: 1025px){
	.social-share a{
		opacity: 0;
		visibility: hidden;
		transition: opacity .2s ease-in
	}
}

.social-share a:first-child{
	opacity: 1;
	visibility: visible
}

.social-share a.active-icons{
	opacity: 1;
	visibility: visible;
	transition: opacity .5s ease-in
}

.scroll-down{
	width: 50px;
	height: 50px;
	line-height: 46px;
	position: absolute;
	right: 21.3%;
	bottom: 30px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box
}

.scroll-down .scroll-down-arrow{
	color: #f16d2c;
	margin: 0;
	top: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-left: -1px;
	margin-top: 0;
	animation: scroll2 2s infinite
}

.scroll-down .scroll-down-arrow:before{
	content: '';
	width: 14px;
	height: 6px;
	background-repeat: no-repeat;
	background-image: url(../images/arrow-white.png)
}

.holds-the-iframe {
	background:url(../images/loader.gif) center 20px no-repeat;
	overflow:auto;
 }

@media only screen and (max-width: 1024px){
	.scroll-down{
		left: 0;
		right: 0;
		margin: auto
	}

	.calc-results-container .calc-result-label-container {
		text-align: center !important;
		padding:5px 0;
		background: #f0f5f6;
	}

	.calc-results-container .calc-result-value-container {
		text-align: center !important;
		padding:5px 0;
	}
}

@media only screen and (min-width: 1281px){
	.scroll-down{
		right: 50%
	}
}

@keyframes scroll2{
	0%{
		transform: translate(0, -9px);
		opacity: 0
	}
	50%{
		opacity: 1
	}
	100%{
		transform: translate(0, 10px);
		opacity: 0
	}
}

.icon-arrow_right:before{
	font-size: 8px
}

.button{
	text-decoration: none;
	color: #fff;
	background-color: #f16d2c;
	padding: 10px 20px;
	border-radius: 50px;
	border: 2px solid #f16d2c;
	display: inline-block;
	min-width: 160px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	transition: background-color .2s ease-in;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
}

@media only screen and (min-width: 640px){
	.button{
		font-size: 19px;
		padding: 14px 20px;
		min-width: 200px
	}
}

.button.center{
	text-align: center
}

.button:hover{
	color: #f16d2c;
	background-color: transparent;
	transition: background-color .2s ease-in
}

.button.newsletter{
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	min-width: 140px;
	padding: 14px 25px;
	margin-top: 20px;
	display: block
}

@media only screen and (min-width: 640px){
	.button.newsletter{
		display: inline-block
	}
}

@media only screen and (min-width: 1025px){
	.button.newsletter{
		margin-top: 0
	}
}

.button.poll-page-btn{
	float: right;
	position: relative;
	z-index: 20;
	margin: -64px 15px
}

@media only screen and (min-width: 1025px){
	.button.poll-page-btn{
		margin: 2.5vw 4% 0 3.5%
	}
}

.button.blog{
	font-size: 15px
}

.button.start-now:hover{
	color: #fff
}

.button.promo-orange-container{
	position: absolute;
	bottom: -75px
}

.button.back-to{
	background-color: #fff;
	color: #208893;
	padding: 10px 0;
	min-width: 130px;
	font-size: 13px;
	border: 2px solid #fff;
	float: right;
	margin-right: 15px;
	line-height: 18px
}

@media only screen and (min-width: 640px){
	.button.back-to{
		float: left;
		margin-right: inherit;
		margin-top: 7px
	}
}

@media only screen and (min-width: 1025px){
	.button.back-to{
		margin-top: 33px
	}
}

.button.back-to:hover{
	background-color: transparent;
	color: #fff
}

.button.trust{
	font-size: 14px;
	font-weight: 700;
	width: auto;
	padding: 14px 0;
	min-width: 137px
}

@media only screen and (min-width: 640px){
	.button.trust{
		padding: 14px;
		min-width: 150px
	}
}

.button.trust.spacing-right{
	padding: 14px 0;
	margin-right: 7px
}

@media only screen and (min-width: 640px){
	.button.trust.spacing-right{
		margin-right: 30px
	}
}

.button.trust.white{
	background-color: #fff;
	color: #000;
	border-color: #fff
}

.button.trust.white:hover{
	background-color: transparent;
	color: #fff
}

.button.trust.home-gaining-btn{
	width: 136px
}

.button.landing-pages{
	min-width: 170px;
	padding: 15px 0
}

@media only screen and (min-width: 640px){
	.button.landing-pages{
		width: 215px;
		padding: 23px 0
	}
}

.button.light{
	background-color: #fff;
	font-size: 12px;
	border-color: #fff;
	font-weight: 700;
	min-width: 140px;
	padding: 12px 10px;
	z-index: 20;
	color: #696969
}

.button.light:hover{
	color: #696969;
	background-color: transparent;
	border-color: #fff
}

.button.transform{
	width: auto;
	padding: 14px 30px;
	font-size: 14px
}

@media only screen and (min-width: 1025px){
	.button.transform{
		font-size: 19px
	}
}

.button.gaining-block{
	font-size: 11px;
	padding: 14px 14px;
	width: auto
}

.section-title{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 600;
	color: #000;
	text-align: center;
	margin: 0
}

.section-subtitle{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #000;
	text-align: center;
	margin: 0;
	line-height: 1.68
}

.section-subtitle.transform{
	margin: 17px
}

.section-subtitle.smaller{
	font-size: 15px;
	color: grey;
	line-height: 1.45;
	margin-top: 25px
}

.paragraph{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45
}

.paragraph.black{
	color: #000
}

.paragraph.white{
	color: #fff
}

@media only screen and (min-width: 1025px){
	.paragraph.services-detail{
		margin-bottom: 44px;
		width: 63%
	}
}

.link-in-text{
	color: #f26722;
	text-decoration: underline
}

.link-in-text:hover{
	color: #000
}

header.opened-nav{
	height: 100%
}

@media only screen and (min-width: 1025px){
	header.opened-nav{
		height: 100%
	}
}

header{
	position: fixed;
	width: 100%;
	z-index: 80;
	top: 0;
	transition: top .3s ease-in-out
}

@media only screen and (min-width: 1025px){
	header{
		height: 100%
	}
}

@media only screen and (min-width: 1025px){
	header.down-state{
		top: -100%;
		position: fixed
	}
}

header.scr-top{
	position: fixed
}

@media only screen and (min-width: 1025px){
	header{
		height: auto
	}
}

header .logo{
	margin: 0
}

@media only screen and (min-width: 1025px){
	header .logo{
		display: inline-block;
		vertical-align: middle
	}

	header .logo .logo-img{
		vertical-align: middle
	}
}

header.opened-nav{
	z-index: 100;
	overflow: auto;
	position: fixed;
	top: 0;
	bottom: 0
}

header.opened-nav .about-owner,
header.opened-nav .social-icons{
	opacity: 1;
	visibility: visible;
	position: relative;
	height: auto;
	background-color: #2a2b30;
	transition: opacity .3s ease-in
}

header.inner-page{
	position: fixed;
	background: #fff
}

header.inner-page.scr-top{
	position: fixed
}

header.inner-page.opened-nav{
	height: 100%
}

@media only screen and (min-width: 1025px){
	header.inner-page .header-menu-link{
		color: #000
	}
}

@media only screen and (min-width: 1025px){
	header.inner-page .header-menu-link:hover{
		background-color: #188292;
		border-radius: 50px;
		color: #fff;
		transition: background-color .2s ease-in
	}
}

@media only screen and (max-width: 640px){
	header.inner-page .header-menu-link:hover{
		background-color: #188292;
	}
	}

header.inner-page .header-menu-link.active{
	color: #f26722
}

@media only screen and (min-width: 1025px){
	header.inner-page .header-menu-link.active{
		background-color: #188292;
		border-radius: 50px;
		color: #fff
	}
}

header.inner-page [class*=" icon-"].icon-search.header,
header.inner-page [class^=icon-].icon-search.header{
	color: #a7a7a7
}

@media only screen and (min-width: 1025px){
	header.inner-page .social-icons{
		background-color: #fff
	}
}

header.inner-page .nav-circle{
	border: 2px solid #188292
}

header.inner-page .nav-open .bottom-line,
header.inner-page .nav-open .middle-line,
header.inner-page .nav-open .top-line{
	background-color: #188292
}

header.inner-page .menu-container{
	background-color: #fff
}

header.inner-page .menu-container.open-nav{
	background-color: #2a2b30
}

.header-holder{
	height: 100%
}

@media only screen and (min-width: 1025px){
	.header-holder{
		height: 108px
	}
}

.header-container{
	height: 100px;
}

.header-container.opened-nav{
	position: relative;
	min-height: 570px;
	background-color: #2a2b30
}

.logo-holder{
	width: 96px
}

@media only screen and (min-width: 1025px){
	.logo-holder{
		float: left
	}
}

@media only screen and (min-width: 1280px){
	.logo-holder{
		width: 18%
	}
}

@media only screen and (min-width: 1661px){
	.logo-holder{
		width: 16%
	}
}

.menu-holder{
	display: none
}

@media only screen and (min-width: 1025px){
	.menu-holder{
		display: block;
		text-align: center;
		float: left;
		padding-top: 32px;
		line-height: 1
	}
}

@media only screen and (min-width: 1281px){
	.menu-holder{
		text-align: inherit
	}
}

@media only screen and (min-width: 1441px){
	.menu-holder{
		width: 82%;
		float: left
	}
}

.logo-img{
	max-width: 100px
}

@media only screen and (min-width: 640px){
	.logo-img{
		width: 13.8vw;
		max-width: inherit
	}
}

@media only screen and (min-width: 1025px){
	.logo-img{
		width: 6vw
	}
}

@media only screen and (min-width: 2000px){
	.logo-img{
		width: 5.8vw
	}
}

.logo-img.white{
	display: inline-block
}

.logo-img.white.hide-logo{
	display: none
}

.logo-img.black{
	display: none
}

.logo-img.black.show-logo{
	display: inline-block
}

.menu-container{
	float: left;
	padding: 15px 0 10px 15px;
	box-sizing: border-box;
	width: 100%;
	background-color: transparent
}

@media only screen and (min-width: 640px){
	.menu-container{
		padding: 10px 0 10px 5%
	}
}

.menu-container.open-nav{
	width: 100%;
	height: auto;
	position: inherit;
	background-color: #2a2b30
}

@media only screen and (min-width: 1025px){
	.menu-container{
		padding: 30px 0 0 1.5%;
		width: 72%;
		background-color: transparent;
		height: 100%;
		position: relative;
		line-height: 103px;
		/*overflow: hidden;*/
		padding-top: 0
	}
}

@media only screen and (min-width: 1025px){
	.hold-social-owner{
		width: 28%;
		float: right;
		position: relative;

		display: inline-table
	}
}


.header-menu{
	list-style: none;
	padding-left: 0
}

.header-menu .header-menu-item{
	position: relative;
	display: block;
	margin-bottom: 10px
}

.service-nav-item {
	background: url('../images/icons-new/service-new.png') no-repeat;
	background-position: 25px -3px;
}

.label-new {
	position: absolute;
	top: -9px;
	left: 87px;
	background: #f16d2c;
	padding: 1px 5px;
	color: white;
	font-size: 10px;
	border-radius: 6px;
}

@media only screen and (min-width: 640px){
	.header-menu .header-menu-item{
		margin-bottom: 20px
	}

	.dropdown-content {
		position:absolute;
		left:0;
		top:33px;
	}
}

@media only screen and (min-width: 1025px){
	.header-menu .header-menu-item{
		/*display: inline-block;*/

		float:left;
		margin-bottom: 0
	}

	/* .header-menu .header-menu-item:first-child{
		display: none;
	} */
}

@media only screen and (min-width: 1200px){
	.header-menu .header-menu-item:first-child{
		display: inline-block
	}
}

@media only screen and (min-width: 1661px){
	.header-menu .header-menu-item{
		/*margin: 0 1%*/
	}
}

.header-menu .header-menu-item:first-child{
	padding-left: 0
}

.header-menu-link{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	width: 100%;
	font-weight: 600;
	font-size: 13px;
	display: block;
	padding-top: 7px;
}

@media only screen and (min-width: 640px){
	.header-menu-link{
		font-size: 15px
	}
}

@media only screen and (min-width: 1025px){
	.header-menu-link{
		font-size: 12px;
		padding: 10px 7px;
		display: inline;
		width: initial;
	}

	.label-new {
		right: 7px;
		top: -14px;
		left: initial;
	}

	.service-nav-item {
		background-position: 31px -2px;
	}
}

@media only screen and (min-width: 1281px){
	.header-menu-link{
		font-size: 13px
	}
}

@media only screen and (min-width: 1441px){
	.header-menu-link{
		padding: 10px 10px;
		font-size: 14px
	}
}

@media only screen and (min-width: 1661px){
	.header-menu-link{
		padding: 10px 10px
	}
}

@media only screen and (min-width: 1790px){
	.header-menu-link{
		padding: 10px 15px
	}
}

.header-menu-link:hover{
	color: #188292
}

@media only screen and (min-width: 1025px){
	.header-menu-link:hover{
		color: #006470;
		background-color: #fff;
		border-radius: 50px;
		transition: background-color .2s ease-in
	}
}

.social-icons{
	float: left;
	width: 100%;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	position: absolute;
	bottom: calc(0% + 105px);
	opacity: 0;
	visibility: hidden
}

@media only screen and (min-width: 1025px){
	.social-icons{
		opacity: 1;
		visibility: visible;
		position: inherit;
		display: table;
		width: 45%;
		background-color: #e4e9ea;
		height: 108px;
		max-height: 110px
	}
}

.icon-share-box{
	display: none;
}

@media only screen and (min-width: 1025px){
	.icon-share-box{
		padding: 14px;
		border: 2px solid #d7d7d7;
		margin: auto;
		border-radius: 50%;
		background: 0 0;
		cursor: pointer;
		display: inline-block;
		transition: background .3s
	}

	.menu-shops-box{
		padding: 14px;
		margin: auto;
		border-radius: 50%;
		background: 0 0;
		cursor: pointer;
		display: inline-block;
	}

	.icon-share-box:hover{
		background: #fff
	}
}

.icon-share{
	display: none
}

@media only screen and (min-width: 1025px){
	.icon-share{
		display: block;
		margin: 0
	}
}

@media only screen and (min-width: 1025px){
	.social-icons-inner-box .social-icon{
		display: block;
		margin: 0;
		margin: 10px auto
	}

	.menu-shops-inner-box{
		padding:0 5px 5px 5px;
	}

	.menu-shops-inner-box a{
		display: block;
		padding:10px;
		color:black;
		text-align:left;
		font-size: 14px;
	}

	.menu-shops-inner-box a:hover{
		color:#188292;
	}
}

.social-icons-container{
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.menu-shops-container{
	display: table-cell;
	vertical-align: middle;
	min-height:50px;
}

.social-icons-container.footer, .menu-shops-container.footer{
	display: block
}

@media only screen and (min-width: 1025px){
	.social-icons-container.header{
		display: inline-block;
		width: 64px;
		padding: 8px 0 8px;
		top: 12px;
		left: 5px;
		border-radius: 120px;
		position: absolute;
		text-align: center;
		overflow: hidden;
		height: 49px;
		border: 1px solid transparent
	}

	.calorie-calculator.header{
		width: 64px;
		padding: 8px 0 8px;
		top: 12px;
		left: 90px;
		border-radius: 120px;
		position: absolute;
		text-align: center;
		overflow: hidden;
		height: 49px;
		border: 1px solid transparent;
	}

	.menu-shops-container.header{
		margin-top:-13px;
		display: inline-block;
		border-radius: 25px;
		text-align: center;
		overflow: hidden;
		height: 35px;
		border: 1px solid transparent
	}


	.social-icons-container.header.active, .menu-shops-container.header.active{
		border: 1px solid #d7d7d7;
		height: auto
	}

	.menu-shops-container.header.active .menu-shops-box{
		color:#188292;
	}

	.menu-shops-container.header.active .menu-shops-box:hover{
		background: white;
	}

	.social-icons-container.header.active .social-down-arrow, .menu-shops-container.header.active .social-down-arrow{
		display: none
	}

	.social-icons-container.header.active + .social-down-arrow,
	.social-icons-container.header:hover + .social-down-arrow,
	.menu-shops-container.header:active + .social-down-arrow,
	.menu-shops-container.header:hover + .social-down-arrow
	{
		display: none
	}
}

@media only screen and (min-width: 1281px){
	.social-icons-container.header, .menu-shops-container.header{
		left: 30px
	}
}

@media only screen and (max-width: 1024px){
	.menu-shops-box.header-menu-link{
		cursor: pointer;
	}
	.menu-shops-inner-box{
		margin-top:10px;
		display: none;
	}
	.menu-shops-inner-box a{
		display: block;
		padding:5px 15px;
		color:white;
		border-left:1px solid white;
		font-size: 14px;
	}

	.social-icons-outer-container{
		display: table;
		width: 100%
	}

	.dropdown{
		width:100%;
	}

	.dropdown-content{
		width:120px;
	}

	.shops-menu-item{
		text-align: left;
	}


	.dropdown-content a {
		color: black;
		padding: 12px 16px !important;
		text-decoration: none;
		display: block;
	}

	.dropdown:hover .dropbtn {
		background-color: white;
		color:#188292;
	}

	.dropdown-content {
		position: relative;
	}

	.dropdown:hover .dropbtn {
		background-color: white;
		color:#188292;
		padding:10px !important;
		border-radius:20px 20px 0 0;
	}

	.payment-method-container ol {
		margin:0;
		padding:0;
	}

	[class*=" icon-"].icon-tick-mark.grey,
	[class^=icon-].icon-tick-mark.grey{
		color: grey;
		margin-right: 5px !important;
	}

	.brief-text.services-detail .new-bullet{
		margin-right: 5px !important;
	}

	.size-chart-img img{
		padding-top: 50px
	}

	.calorie-calculator.header img{
		margin-top:10px;
		width:40px !important;
	}

	.product-info{
		display: block !important;
	}
}

.social-down-arrow{
	display: none
}

@media only screen and (min-width: 1025px){
	.social-down-arrow{
		position: absolute;
		top: 72px;
		left: 32px;

	}

	.drop-down-arrow {
		display: block;
		text-align:center;
	}
}

@media only screen and (min-width: 1281px){
	.social-down-arrow{
		left: 57px
	}
}

.lang-down-arrow{
	display: none
}

@media only screen and (min-width: 1025px){
	.lang-down-arrow{
		position: absolute;
		top: 72px;
		left: 104px;
		display: block
	}
}

@media only screen and (min-width: 1281px){
	.lang-down-arrow{
		left: 138px
	}
}

.about-owner{
	background-color: #26272c;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 0;
	height: 98px;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	display: table
}

@media only screen and (min-width: 1025px){
	.about-owner{
		float: right;
		width: 55%;
		height: 108px;
		opacity: 1;
		visibility: visible
	}
}

.about-owner-link{
	width: 100%;
	height: 100%;
	position: absolute;
}

.nav-circle{
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	position: absolute;
	right: 15px;
	border-radius: 50%;
	top: 15px;
	display: block
}

@media only screen and (min-width: 640px){
	.nav-circle{
		right: 5%
	}
}

@media only screen and (min-width: 1025px){
	.nav-circle{
		display: none
	}
}

.nav-open{
	position: relative;
	top: 45px;
	width: 26px;
	cursor: pointer;
	z-index: 100;
	margin-left: 12px;
	margin-top: -25px
}

@media only screen and (min-width: 1025px){
	.nav-open{
		left: 21%
	}
}

.nav-open .top-line{
	background-color: #fff;
	border: none;
	height: 2px;
	width: 100%;
	position: absolute;
	top: -2px;
	left: 0;
	transition: all .35s ease;
	cursor: pointer
}

.nav-open .middle-line{
	background-color: #fff;
	border: none;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 5px;
	left: 0;
	transition: all .35s ease;
	cursor: pointer
}

.nav-open .bottom-line{
	background-color: #fff;
	border: none;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 12px;
	left: 0;
	transition: all .35s ease;
	cursor: pointer
}

.nav-open.active .middle-line{
	opacity: 0;
	background-color: #fff
}

.nav-open.active .top-line{
	-ms-transform: translateY(6px) translateX(0) rotate(45deg);
	transform: translateY(6px) translateX(0) rotate(45deg);
	background-color: #fff
}

.nav-open.active .bottom-line{
	-ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
	transform: translateY(-8px) translateX(0) rotate(-45deg);
	background-color: #fff;
	width: 100%
}

header.services-header{
	position: absolute;
	z-index: 110
}

header.services-header .logo-holder.services{
	float: left
}

@media only screen and (min-width: 640px){
	header.services-header .logo-holder.services{
		width: 18%
	}
}

@media only screen and (min-width: 640px){
	header.services-header .logo-holder.services img{
		width: 13.8vw
	}
}

@media only screen and (min-width: 1025px){
	header.services-header .logo-holder.services img{
		width: 7.8vw
	}
}

header.inner-page.services-header{
	position: absolute;
	background: 0 0
}

header.inner-page.services-header .menu-container{
	background-color: transparent
}

.menu-container.no-color{
	background-color: none
}

.insta-icon{
	background: transparent url(../images/instagram-icon.webp) no-repeat 0 0;
	background-size: cover;
	width: 30px;
	height: 30px;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px
}

@media only screen and (min-width: 1025px){
	.insta-icon{
		width: 25px;
		height: 25px
	}
}

@media only screen and (min-width: 1281px){
	.insta-icon{
		width: 25px;
		height: 25px
	}
}

@media only screen and (min-width: 1441px){
	.insta-icon{
		width: 27px;
		height: 27px
	}
}

.insta-icon:hover{
	opacity: .8;
	transition: opacity .2s ease
}

.insta-icon.grey{
	background: transparent url(../images/insta-gray.svg) no-repeat 0 0;
	background-size: cover;
	width: 37px;
	height: 37px
}

.facebook-icon{
	background: transparent url(../images/facebook-icon.webp) no-repeat 0 0;
	background-size: cover;
	width: 30px;
	height: 30px;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px
}

@media only screen and (min-width: 1025px){
	.facebook-icon{
		width: 25px;
		height: 25px
	}
}

@media only screen and (min-width: 1281px){
	.facebook-icon{
		width: 25px;
		height: 25px
	}
}

@media only screen and (min-width: 1441px){
	.facebook-icon{
		width: 27px;
		height: 27px
	}
}

.facebook-icon:hover{
	opacity: .8;
	transition: opacity .2s ease
}

.youtube-icon{
	background: transparent url(../images/youtube-icon.webp) no-repeat 0 0;
	background-size: cover;
	width: 30px;
	height: 30px;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px
}

@media only screen and (min-width: 1025px){
	.youtube-icon{
		width: 25px;
		height: 25px
	}
}

@media only screen and (min-width: 1281px){
	.youtube-icon{
		width: 25px;
		height: 25px
	}
}

@media only screen and (min-width: 1441px){
	.youtube-icon{
		width: 27px;
		height: 27px
	}
}

.youtube-icon:hover{
	opacity: .8;
	transition: opacity .2s ease
}

.twitter-icon{
	background: transparent url(../images/twitter-icon.png) no-repeat 0 0;
	background-size: cover;
	width: 30px;
	height: 30px;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px
}

@media only screen and (min-width: 1025px){
	.twitter-icon{
		width: 25px;
		height: 25px
	}
}

@media only screen and (min-width: 1281px){
	.twitter-icon{
		width: 25px;
		height: 25px
	}
}

@media only screen and (min-width: 1441px){
	.twitter-icon{
		width: 27px;
		height: 27px
	}
}

.twitter-icon:hover{
	opacity: .8;
	transition: opacity .2s ease
}

.google-icon{
	background: transparent url(../images/google-new.svg) no-repeat 0 0;
	background-size: cover;
	width: 30px;
	height: 30px;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px
}

@media only screen and (min-width: 1025px){
	.google-icon{
		width: 25px;
		height: 25px
	}
}

@media only screen and (min-width: 1281px){
	.google-icon{
		width: 25px;
		height: 25px
	}
}

@media only screen and (min-width: 1441px){
	.google-icon{
		width: 27px;
		height: 27px
	}
}

.google-icon:hover{
	opacity: .8;
	transition: opacity .2s ease
}

.google-icon.grey{
	background: transparent url(../images/google-plus-icon.png) no-repeat 0 0;
	background-size: cover;
	width: 37px;
	height: 37px
}

.lang-container{
	display: inline-block;
	padding: 8px 0 8px;
	top: 12px;
	border-radius: 120px;
	text-align: center;
	overflow: hidden;
	border: 1px solid transparent
}

.lang-container.active{
	border: 1px solid #d7d7d7;
	background: #fff;
	height: auto
}

.lang-container.active .social-down-arrow{
	display: none
}

.lang-container.active + .lang-down-arrow,
.lang-container:hover + .lang-down-arrow{
	display: none
}

.lang-container .lang{
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-decoration: none;
	padding: 0;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	color: #898c8c;
	border: 2px solid #d7d7d7;
	margin: auto;
	border-radius: 50%;
	background: #fff;
	transition: background .3s
}

@media only screen and (min-width: 1025px){
	.lang-container .lang{
		width: 49px;
		height: 49px;
		line-height: 49px;
		font-size: 17px
	}
}

.lang-container .lang.active{
	color: #f16d2c
}

.lang-container .lang:hover{
	color: #fff;
	background: #f16d2c;
	text-decoration: none
}

@media only screen and (min-width: 1025px){
	.lang-container{
		position: absolute;
		left: 76px;
		width: 64px;
		height: 49px
	}

	.lang-container .lang{
		background: 0 0;
		color: #f16d2c
	}

	.lang-container .lang:last-child{
		margin-top: 13px
	}

	.lang-container.active{
		color: #898c8c
	}

	.lang-container:hover .lang{
		background: #fff;
		color: #f16d2c
	}

	.lang-container:hover .lang.active{
		background: #f16d2c;
		color: #fff
	}
}

@media only screen and (min-width: 1281px){
	.lang-container{
		left: 110px
	}
}

@media only screen and (max-width: 1024px){
	.lang-outer-container{
		text-align: center
	}
}

footer{
	background-color: #f6f6f6;
	overflow: hidden;
	clear: both
}

footer .footer-holder{
	padding: 40px 10px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

@media only screen and (min-width: 1025px){
	footer .footer-holder{
		padding: 80px 10px
	}
}

.newsletter-container{
	max-width: 1115px;
	margin: 0 auto;
	overflow: hidden
}

@media only screen and (min-width: 1025px){
	.newsletter-container{
		display: -ms-flexbox;
		display: flex
	}
}

.signup-msg{
	float: left;
	background-color: #f16d2c;
	padding: 10px 15px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 164px
}

@media only screen and (min-width: 1025px){
	.signup-msg{
		padding: 10px 45px;
		width: 30%
	}
}

.signup-msg .signup-text{
	font-family: Arial;
	font-size: 13px
}

.signup-msg .signup-title{
	font-size: 21px;
	font-family: 'Open Sans', sans-serif
}

.signup-form{
	float: left;
	background-color: #e5e5e5;
	padding: 25px 15px;
	width: 100%
}

@media only screen and (min-width: 1025px){
	.signup-form{
		padding: 48.4px 45px;
		width: 61%
	}
}

.signup-form .contain-fields{
	display: inline-block;
	margin-top: 20px
}

@media only screen and (min-width: 1025px){
	.signup-form .contain-fields{
		margin-top: 0
	}
}

.signup-form label{
	display: block;
	margin-bottom: 11px;
	margin-left: 5px;
	color: #a7a7a7;
	font-size: 13px
}

.newsletter-fields{
	border: none;
	border-radius: 50px;
	min-width: 170px;
	width: 100%;
	height: 40px;
	margin-right: 30px;
	padding-left: 25px
}

@media only screen and (min-width: 640px){
	.newsletter-fields{
		width: 170px
	}
}

@media only screen and (min-width: 1441px){
	.newsletter-fields{
		width: 205px
	}
}

.footer-content{
	max-width: 1115px;
	margin: 0 auto;
	margin-top: 60px;
	overflow: hidden
}

.footer-menu-title{
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #000
}

.footer-menu-title a{
	color: #000
}

.footer-menu-title a:hover{
	color: #f26722;
	transition: .2s color ease-in-out
}

.footer-menu-ul{
	list-style: none;
	padding: 0
}

.footer-menu-ul .footer-menu{
	margin-top: 10px
}

.footer-menu-ul .footer-menu a{
	color: #000;
	font-family: Arial;
	font-size: 12px
}

.footer-menu-ul .footer-menu a:hover{
	color: #f26722
}

.footer-menu-ul .footer-menu.subsection a{
	font-size: 15px;
	font-family: 'Open Sans', sans-serif
}

.footer-menu-ul .footer-menu.sub-category{
	margin-top: 0
}

.footer-menu-ul .footer-menu.sub-category a{
	font-size: 12px;
	color: #414246
}

.footer-menu-ul .footer-menu.sub-category a:hover{
	color: #f26722
}

.nav-elements-container{
	float: left;
	display: block;
	width: 100%
}

@media only screen and (min-width: 640px){
	.nav-elements-container{
		border-top: 1px solid #dedede
	}
}

.footer-logo-container{
	width: 100%;
	float: left;
	text-align: center
}

@media only screen and (min-width: 1025px){
	.footer-logo-container{
		width: 25%;
		text-align: inherit
	}
}

.center-nav-content{
	float: left;
	width: 100%;
	padding: 20px 0 0 20px
}

@media only screen and (min-width: 640px){
	.center-nav-content{
		width: 60%;
		padding: 0
	}
}

@media only screen and (min-width: 1025px){
	.center-nav-content{
		width: 45%
	}
}

.services-content{
	width: 55%;
	float: left;
	min-height: 202px
}

.about-content{
	width: 36%;
	float: left
}

@media only screen and (min-width: 640px){
	.about-content{
		width: 45%
	}
}

.blog-content{
	width: 100%;
	float: left;
	padding: 0 20px
}

@media only screen and (min-width: 640px){
	.blog-content{
		border-left: 1px solid #dedede;
		padding: 0 0 0 40px;
		width: 29%
	}
}

@media only screen and (min-width: 640px){
	.blog-content{
		min-height: 335px
	}
}

@media only screen and (min-width: 1025px){
	.blog-content{
		width: 25%
	}
}

.lined-nav{
	padding: 0
}

.lined-nav-item{
	display: inline-block;
	margin-bottom: 10px
}

@media only screen and (min-width: 1025px){
	.lined-nav-item{
		margin-bottom: 0;
		margin-right: 11px;
		margin-left: -17px
	}
}

.lined-nav-item .lined-nav-link{
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 10px;
	text-transform: uppercase;
	padding: 10px 20px 0 0;
	border-radius: 50px
}

@media only screen and (min-width: 1025px){
	.lined-nav-item .lined-nav-link{
		padding: 13px 20px
	}
}

.lined-nav-item .lined-nav-link:hover{
	color: #f26722
}

@media only screen and (min-width: 1025px){
	.lined-nav-item .lined-nav-link:hover{
		background-color: #f26722;
		color: #fff;
		transition: .2s background-color ease-in-out
	}
}

.social-media{
	border-bottom: 1px solid #dedede;
	margin-top: 40px
}

@media only screen and (min-width: 1025px){
	.social-media{
		width: 90%;
		margin-top: 165px
	}
}

.social-media .social-findme{
	font-family: Arial;
	font-size: 12px;
	color: #a7a7a7
}

.social-icons-footer{
	float: left;
	height: 100%;
	padding: 20px 0;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%
}

@media only screen and (min-width: 1025px){
	.social-icons-footer{
		width: auto
	}
}

.services-footer{
	background-color: #f6f6f6
}

.services-footer-holder{
	max-width: 1045px;
	width: 100%;
	margin: 0 auto;
	padding: 40px 10px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}

@media only screen and (min-width: 640px){
	.services-footer-holder{
		text-align: inherit
	}
}

.services-footer-holder .copyright-text{
	display: block
}

@media only screen and (min-width: 640px){
	.services-footer-holder .copyright-text{
		display: inline-block
	}
}

.services-footer-holder .web-design-holder{
	text-align: center;
	float: none
}

@media only screen and (min-width: 640px){
	.services-footer-holder .web-design-holder{
		float: right;
		text-align: inherit
	}
}

.web-design-holder{
	float: right
}

.web-design-holder.main-pages{
	float: none;
	text-align: center
}

@media only screen and (min-width: 640px){
	.web-design-holder.main-pages{
		float: right;
		text-align: inherit
	}
}

.paragraph.webdesign{
	font-size: 12px
}

.paragraph.webdesign a{
	color: #000
}

.paragraph.webdesign a:hover{
	color: #f26722
}

.logo-link.footer{
	display: inline-block
}

.copyright-text{
	font-size: 10px;
	display: inline-block;
	color: #a7a7a7;
	margin-top: 20px;
	vertical-align: top;
	font-family: 'Open Sans', sans-serif
}

.copyright-holder{
	text-align: center
}

@media only screen and (min-width: 640px){
	.copyright-holder{
		text-align: left;
		float: left
	}
}

.error-field.newsletter{
	text-align: center;
	margin-top: 14px;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	-ms-transform: scale(.8);
	transform: scale(.8);
	transition: .5s
}

.error-field.newsletter.active{
	opacity: 1;
	max-height: 100px;
	overflow: visible;
	-ms-transform: scale(1);
	transform: scale(1)
}

.cookie-bar{
	position: fixed;
	bottom: 0;
	background: #f0f5f6;
	width: 100%;
	display: none;
	z-index: 99999999;
}

.cookie-msg{
	color: #696969;
	font-size: 12px;
	float: left;
	width: 100%
}

@media only screen and (min-width: 1025px){
	.cookie-msg{
		width: 80%;
		padding: 0 20px;
		box-sizing: border-box
	}
}

.cookie-content{
	width: 90%;
	margin: 0 auto;
	padding: 10px 0
}

@media only screen and (min-width: 1025px){
	.cookie-content{
		width: 61%
	}
}

.pay-ways{
	float: left;
	width: 100%;
	color: #000;
	font-size: 13px;
	margin-top: 15px
}

.pay-ways .pay-ways-text{
	display: inline-block;
	vertical-align: top
}

.pay-ways img{
	width: 90%
}

@media only screen and (min-width: 1025px){
	.pay-ways img{
		width: auto
	}
}

body,
html{
	width: 100%;
	height: 100%
}

body.opened-menu{
	overflow: hidden
}


/* books-section-image*/

@media only screen and (min-width: 1025px){
	.books-section-image{
		width: 442px;
		height: 619px;
		margin:auto;
	}
}

@media only screen and (max-width: 639px){
		.books-section-image {
			width: 223px;
			height: 331px;
		}
			}

/* hero-section-image*/

@media only screen and (min-width: 1025px){
	.hero-section-image{
		width: 800px;
		height: 781px;
	}
}

@media only screen and (max-width: 639px){
		.hero-section-image {
			width: 453px;
			height: 442px;
		}
			}


.hero-section{
	width: 100%;
	height: 100%;
	clear: both;
	/* min-height: 840px */
}

@media only screen and (min-width: 640px){
	.hero-section{
		min-height: 851px
	}
}

@media only screen and (min-width: 1661px){
	.hero-section{
		max-height: inherit
	}
}

@media only screen and (min-width: 1025px){
	.hero-section{
		display: inline-table
	}
}

@media only screen and (min-width: 1025px){
	.hero-section.services-abs-height{
		height: 100%;
		overflow: hidden;
		min-height: 700px;
		display: block
	}
}

.search-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(40, 130, 139, .93);
	z-index: 105;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease
}

.search-container.opened-search{
	opacity: 1;
	visibility: visible;
	transition: opacity .3s ease
}

.search-field-holder{
	position: absolute;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%
}

.search-input{
	background-color: transparent;
	border: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	height: 45px;
	width: 300px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px
}

@media only screen and (min-width: 1025px){
	.search-input{
		width: 400px
	}
}

.search-close-icon{
	position: relative;
	float: right;
	width: 4%;
	height: 10%;
	margin-right: 30px
}

@media only screen and (min-width: 1025px){
	.search-close-icon{
		margin-right: 0
	}
}

.search-close-icon:hover{
	cursor: pointer;
	opacity: .8;
	transition: opacity .3s ease
}

.close-icon-left{
	width: 32px;
	height: 2px;
	background-color: #fff;
	display: block;
	margin-top: 50px;
	-ms-transform: rotate(133deg);
	transform: rotate(133deg);
	position: absolute
}

.close-icon-left:hover{
	opacity: .8;
	transition: opacity .3s ease
}

.close-icon-right{
	width: 32px;
	height: 2px;
	background-color: #fff;
	display: block;
	margin-top: 50px;
	-ms-transform: rotate(-133deg);
	transform: rotate(-133deg);
	position: absolute
}

.close-icon-right:hover{
	opacity: .8;
	transition: opacity .3s ease
}

.poll-form input ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.poll-form input ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.poll-form input :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.poll-form input :-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.losing-holder{
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	position: relative;
	background-color: #1c8998
}

@media only screen and (min-width: 640px){
	.losing-holder{
		height: 68%;
		min-height: 850px
	}
}

@media only screen and (min-width: 1025px){
	.losing-holder{
		width: 100%;
		float: left;
		height: 100%;
		min-height: 850px
	}
}

@media only screen and (min-width: 1661px){
	.losing-holder{
		max-height: inherit
	}
}

.losing-holder.inner-page{
	height: 110%
}

@media only screen and (min-width: 640px){
	.losing-holder.inner-page{
		height: 85%;
		min-height: 850px
	}
}

@media only screen and (min-width: 1025px){
	.losing-holder.inner-page{
		height: 100%;
		min-height: inherit;
		max-height: inherit
	}
}

.losing-photo-container{
	position: absolute;
	bottom: -6px;
	left: 12%;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.losing-photo-container.services{
	left: 0;
	-ms-transform: translate(0);
	transform: translate(0)
}

@media only screen and (min-width: 640px){
	.losing-photo-container{
		left: inherit;
		-ms-transform: translate(0);
		transform: translate(0);
		right: -90px;
		width: 85%
	}
}

@media only screen and (min-width: 1025px){
	.losing-photo-container{
		right: 27%;
		width: 100%
	}
}

@media only screen and (min-width: 1281px){
	.losing-photo-container{
		right: 14%
	}
}

@media only screen and (min-width: 1441px){
	.losing-photo-container{
		right: 0
	}
}

.losing-photo-container img{
	position: relative;
	right: -30px;
	width: 453px;
	margin: 0 auto
}

@media only screen and (min-width: 640px){
	.losing-photo-container img{
		width: 100%
	}
}

@media only screen and (min-width: 1025px){
	.losing-photo-container img{
		position: relative;
		left: 100px;
		width: 800px
	}
}

@media only screen and (min-width: 1441px){
	.losing-photo-container img{
		width: 54vw;
		max-width: 850px
	}
}

@media only screen and (min-width: 1990px){
	.losing-photo-container img{
		width: 54vw;
		/* max-width: inherit */
	}
}

.second-block{
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	float: left
}

.second-block.inner-page{
	width: 100%;
	height: 100%;
	display: block;
	float: none
}

@media only screen and (min-width: 1025px){
	.second-block.inner-page{
		width: 33%;
		float: left;
		min-height: inherit;
		max-height: inherit
	}
}

@media only screen and (min-width: 640px){
	.second-block{
		height: 100%
	}
}

@media only screen and (min-width: 640px){
	.second-block{
		display: block;
		float: none
	}
}

@media only screen and (min-width: 1025px){
	.second-block{
		width: 33%;
		float: left;
		display: inline-table;
		position: relative;
		min-height: 742px
	}
}

@media only screen and (min-width: 1661px){
	.second-block{
		max-height: inherit
	}
}

.second-block .products-slider{
	display: none;
}

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

@media only screen and (min-width: 1023px){
	.second-block .products-slider{
		display: block;
	}
}


.losing-section-text{
	margin-top: 100px;
	padding-left: 10px;
	position: relative;
	z-index: 20;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.losing-section-text h1 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	/* font-style: italic; */
	font-size: 40px;
	font-weight: 400;
	line-height: 30px;
	text-align: left;
	right: 30px;
	padding-top: 150px;
}

.losing-section-text h1 small {
	display: block;
	margin-top:10px;
	margin-left: 200px;
}

.losing-section-text.home{
	width: 213px;
	margin: 100px auto;
	float: right;
	margin-right: 10%
}

@media only screen and (min-width: 640px){
	.losing-section-text.home{
		width: auto;
		margin-top: 18vh;
		float: none;
		margin-right: inherit
	}
}

@media only screen and (min-width: 1025px){
	.losing-section-text.home{
		padding-right: 10%;
		float: right
	}
}

@media only screen and (min-width: 640px){
	.losing-section-text{
		padding-left: 13%;
		width: auto
	}
}

@media only screen and (min-width: 1025px){
	.losing-section-text{
		float: right;
		padding-right: 16%;
		padding-left: 7vw
	}
}

@media only screen and (min-width: 1441px){
	.losing-section-text{
		margin-top: 140px
	}
}

.brief-container{
	margin-bottom: 44px;
	margin-top: 35px;
}

.brief-container.centered{
	width: 177px;
	margin: 44px auto 44px;
	text-align: left
}

@media only screen and (min-width: 1025px){
	.brief-container.centered{
		width: auto;
		text-align: inherit
	}
}

.brief-text{
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-style: italic
}

.losing-title{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-align: justify;
}

.losing-title .big-text{
	text-transform: uppercase;
	font-weight: 300;
}


.losing-title.slide-element .weight-loss{
	font-size: 42px !important;
}

/* .losing-title.slide-element .and-form{
	letter-spacing: 3.6px;
	font-size: 31px !important;
}

.losing-title.slide-element .let-me-do-it {
	letter-spacing: 4px;
}

.losing-title.slide-element .for-you{
	font-size:60px;
	letter-spacing: 6px !important;
}

.losing-title.slide-element .want-to-gain{
	font-size:42px !important;
}

.losing-title.slide-element .muscles-gain{
	letter-spacing: 5px;
} */

.services-section .weight-loss, .services-details .weight-loss{
	font-size:49px !important;
}



@media only screen and (max-width: 640px){
	.losing-title.slide-element .weight-loss{
		letter-spacing: 0 !important;
		font-size:29px !important;
	}

	.losing-title.slide-element .and-form{
		letter-spacing:0 !important;
		font-size:27px !important;
	}

	.losing-title.slide-element .let-me-do-it {
		letter-spacing: 2px;
	}

	.losing-title.slide-element .for-you{
		font-size:44px;
		letter-spacing: 2px !important;
	}

	.services-section .weight-loss, .services-details .weight-loss{
		font-size:46px !important;
		letter-spacing: 4px;
	}

	.services-section .get-in-form, .services-details .get-in-form{
		letter-spacing:1px !important;
	}

	.services-section .make-easy, .services-details .make-easy{
		letter-spacing:-1px !important;
	}

	.services-section .want-to-gain{
		font-size: 26px !important;
		letter-spacing: 4px !important;
	}

	.services-section .muscle-gain{
		letter-spacing:1px !important;
	}

	.video-section-container {
		margin-bottom:20px !important;
	}
}


@media only screen and (min-width: 640px){
	.losing-title .big-text{
		font-size: 54px
	}
}

.losing-title .big-text.gain-services-main{
	font-size: 47px;
	letter-spacing: 5px
}

@media only screen and (min-width: 640px){
	.losing-title .big-text.gain-services-main{
		font-size: 50px;
		/*letter-spacing: 13px*/
	}
}

.losing-title .big-text.services{
	letter-spacing: 11px;
	font-size: 34px
}

@media only screen and (min-width: 1025px){
	.losing-title .big-text.services{
		font-size: 77px
	}
}

.losing-title .big-text.loss{
	font-size: 37px;
	letter-spacing: 1px
}

@media only screen and (min-width: 1025px){
	.losing-title .big-text.loss{
		font-size: 67px;
		letter-spacing: 1px
	}
}

.losing-title .big-text.switch-text{
	font-size: 28px
}

.losing-title .smaller-text{
	font-size: 27px;
	font-weight: 400;
	letter-spacing: 5px;
	line-height: 1.3
}

@media only screen and (min-width: 640px){
	.losing-title .smaller-text{
		font-size: 37px
	}
}

.losing-title .smaller-text.gain-services-main{
	font-size: 35px
}

@media only screen and (min-width: 640px){
	.losing-title .smaller-text.gain-services-main{
		font-size: 52px
	}
}

.losing-title .smaller-text.services{
	letter-spacing: 6px;
	font-size: 23px
}

@media only screen and (min-width: 1025px){
	.losing-title .smaller-text.services{
		font-size: 51px
	}
}

.losing-title .smaller-text.loss{
	font-size: 23px;
	letter-spacing: 3px
}

@media only screen and (min-width: 1025px){
	.losing-title .smaller-text.loss{
		font-size: 42px;
		letter-spacing: 3px
	}
}

.losing-title .smaller-text.switch-text{
	font-size: 18px
}

.losing-title .bold-text{
	font-weight: 700;
	font-size: 49px;
	text-transform: uppercase;
	letter-spacing: 11px
}

@media only screen and (min-width: 640px){
	.losing-title .bold-text{
		font-size: 74px
	}
}

.losing-title .bold-text.services{
	font-size: 50px
}

@media only screen and (min-width: 1025px){
	.losing-title .bold-text.services{
		font-size: 104px
	}
}

.losing-title .bold-text.switch-text{
	font-size: 29px;
	letter-spacing: 9px
}

.losing-title .is-text{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 300;
}

@media only screen and (min-width: 640px){
	.losing-title .is-text{
		font-size: 42px;
		margin-right: 8px
	}
}

.losing-title .is-text.switch-text{
	font-size: 20px
}

.losing-title.services-index{
	/* margin-bottom: 8px */
}

@media only screen and (min-width: 1025px){
	.losing-title.services-index.left-title{
		margin-bottom: 18px
	}
}

.gaining-section-text{
	padding: 50px 40px;
	position: relative;
	z-index: 20
}

@media only screen and (min-width: 640px){
	.gaining-section-text{
		padding: 45px 7vw
	}
}

@media only screen and (min-width: 1025px){
	.gaining-section-text{
		padding: 35px 0 0 20px
	}
}

@media only screen and (min-width: 1441px){
	.gaining-section-text{
		padding: 45px 0 0 50px
	}
}

.gaining-title {
	color: #65666b;
	margin-top: 0
}

.gaining-title .big-text{
	font-size: 27px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 6px
}

.gaining-title .smaller-text{
	font-size: 25px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	letter-spacing: .5px
}

.gaining-title .bold-text{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 700
}

.gaining-title .is-text{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400
}

.gaining-holder{
	position: relative;
	width: 100%;
	float: left;
	background-color: #2a2b30;
	height: calc(76% - 108px);
	max-height: 845px;
	min-height: 500px;
	display: none;
}

@media only screen and (min-width: 640px){
	.gaining-holder{
		height: calc(100% - 108px)
	}
}

@media only screen and (min-width: 1023px){
	.gaining-holder{
		display: none;
	}
}

@media only screen and (max-width: 1025px) and (orientation: landscape){
	.gaining-holder{
		min-height: 809px;
	}
}

@media only screen and (min-width: 640px){
	.gaining-holder{
		width: 54.9%;
		min-height: 845px
	}
}

@media only screen and (min-width: 1025px){
	.gaining-holder{
		width: 55%;
		margin-top: 108px;
		max-height: inherit;
		min-height: inherit;
		overflow: hidden;
		display: inline-table;
		float: right
	}
}

@media only screen and (min-width: 1281px){
	.gaining-holder{
		overflow: inherit
	}
}

.gaining-img{
	position: absolute;
	right: 0;
	bottom: 0;
}

.owner-photo-holder{
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

@media only screen and (min-width: 1025px){
	.owner-photo-holder{
		text-align: inherit;
		padding-left: 10%
	}
}

.owner-photo-holder img{
	display: inline-block;
	max-width: 68px;
	width: 36%
}

@media only screen and (min-width: 1441px){
	.owner-photo-holder img{
		width: auto
	}
}

.promotion-block{
	width: 100%;
	float: left;
	/* min-height: 350px */
}

@media only screen and (min-width: 640px){
	.promotion-block{
		/* min-height: 400px; */
		/* height: 703px; */

		padding-bottom: 0
	}
}

@media only screen and (min-width: 1025px){
	.promotion-block{
		width: 45%
	}
}

@media only screen and (min-width: 1025px){
	.promotion-block{
		min-height: 742px;
		height: calc(100% - 108px);
		background: #f0f5f6
	}
}

@media only screen and (min-width: 1661px){
	.promotion-block{
		max-height: inherit
	}
}

.books-holder{
	display: block;
	background: linear-gradient(52deg, rgba(102, 193, 160, .82) 0, rgba(153, 214, 192, .82) 60%, rgba(184, 226, 211, .82) 100%);
	padding: 25px 15px 25px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	min-height: 345px;
}

@media only screen and (min-width: 640px){
	.books-holder{
		padding: 40px 7vw 40px;
	}
}

@media only screen and (min-width: 1025px){
	.books-holder{
		padding: 40px 1vw 40px;
		margin-top: 108px;
		height: 44.5%
	}
}

.books-img{
	max-width: 375px;
	margin-top: 31px;
	margin-right: -21px
}

.books-img.homepage{
	margin-top: -60px
}

@media only screen and (min-width: 640px){
	.books-img.homepage{
		margin-top: inherit
	}
}

@media only screen and (min-width: 640px){
	.books-img{
		margin-top: -60px
	}
}

.books-img.contacts-book-img{
	margin-top: 0
}

@media only screen and (min-width: 640px){
	.books-img{
		max-width: inherit;
		height: 340px;
		margin-top: 0
	}
}

@media only screen and (min-width: 1025px){
	.books-img{
		height: auto
	}
}

@media only screen and (min-width: 1025px){
	.books-img.homepage{
		margin-top: -22px;
		position: relative;
		right: -20px
	}
}

.books-img img{
	width: 100%
}

@media only screen and (min-width: 640px){
	.books-img img{
		width: auto
	}
}

@media only screen and (min-width: 1025px){
	.books-img img{
		width: 14.8vw
	}
}

.books-img img.featured-books{
	width: 100%;
	width: 82%;
	margin: 0 auto;
	display: block
}

@media only screen and (min-width: 640px){
	.books-img img.featured-books{
		width: 100%
	}
}

.books-img img.featured-books.container{
	width: 100%;
	max-width: 230px
}

@media only screen and (min-width: 640px){
	.books-img img.featured-books.container{
		width: 70%;
		max-width: 230px
	}
}

@media only screen and (min-width: 1025px){
	.books-img img.featured-books.container{
		max-width: inherit
	}
}

.books-img img.featured-books.blog-book-feature{
	width: 100%
}

.books-img img.featured-books.suplement-contacts{
	width: 82%
}

@media only screen and (min-width: 640px){
	.books-img img.featured-books.suplement-contacts{
		width: auto
	}
}

.books-shop-link{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.buy-now-label{
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px;
	position: absolute;
	bottom: -17px;
	background-color: #f26722;
	-ms-transform: rotate(39deg);
	transform: rotate(39deg);
	padding: 10px 48px 37px 45px;
	left: -35px;
	color: #fff;
	transition: .2s opacity ease-in
}

.buy-now-label:hover{
	opacity: .8;
	transition: .2s opacity ease-in
}

.buy-now-label.to-store{
	bottom: -26px;
	padding: 10px 48px 46px 47px
}

@media only screen and (min-width: 1025px){
	.buy-now-label.to-store{
		padding: 10px 48px 46px 41px
	}
}

@media only screen and (min-width: 1025px){
	.featured-books{
		width: 14.8vw
	}
}

.gaining-person{
	width: 100%;
	max-width: 240px
}

@media only screen and (min-width: 640px){
	.gaining-person{
		width: 44.7vw;
		max-width: inherit
	}
}

@media only screen and (min-width: 1025px){
	.gaining-person{
		width: 363px
	}
}

@media only screen and (min-width: 1281px){
	.gaining-person{
		width: 365px
	}
}

@media only screen and (min-width: 1441px){
	.gaining-person{
		width: 383px;
		max-width: 850px
	}
}

.books-block-title{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 600;
	color: #000;
	margin: 0
}

@media only screen and (min-width: 640px){
	.books-block-title{
		font-size: 18px;
		margin: 18px 0
	}
}

.books-block-text{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #26272c;
	text-align: center;
}

.books-block-description{
	font-size: 14px
}

@media only screen and (min-width: 640px){
	.books-block-description{
		font-size: 13px
	}
}

.products-slider{
	display: block;
	background-color: #f0f5f6;
	height: 350px
}

@media only screen and (min-width: 640px){
	.products-slider{
		height: 50.6%
	}
}

@media only screen and (min-width: 1025px){
	.products-slider{
		height: 54.5%
	}
}

.controlls{
	position: absolute;
	bottom: 0;
	z-index: 60;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 15
}

.controlls.book-sample{
	bottom: 0
}

.controlls a{
	width: 16px;
	height: 30px;
	display: block;
	margin: 10px 0;
	border-radius: 100%;
	display: inline-block
}

.controlls a.selected{
	color: #d0ece2
}

.controlls a.selected span{
	width: 10px;
	height: 10px;
	position: relative;
	background: #f16d2c;
}

.controlls a.selected span.blog-post{
	background: #f26722
}

.controlls span{
	display: block;
	margin: 4px auto 0;
	background: #fff;
	border-radius: 100%;
	width: 10px;
	height: 10px;
	position: relative;
	top: 4px
}

.controlls span.blog-post{
	background: #c7c7c7
}

.controlls span.blog-post:hover{
	box-shadow: none
}

.products-holder{
	padding: 1vw 15px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	height: 100%;
	position: relative;
}

@media only screen and (min-width: 640px){
	.products-holder{
		padding: 1vw 7vw
	}
}

@media only screen and (min-width: 1025px){
	.products-holder{
		padding: 1vw
	}
}

.products-img{
	position: relative;
	text-align: center;
	width: 100%;
	height: 196px
}

@media only screen and (min-width: 1025px){
	.products-img img{
		width: auto;
		max-width: 100%;
		height: auto;
		/* max-height: 120px */
	}
}

@media only screen and (min-width: 1281px){
	.products-img img{
		max-height: 140px
	}
}

@media only screen and (min-width: 1441px){
	.products-img img{
		max-height: 155px
	}
}

.products-img .image{
	position: absolute;
	top: 0;
	left: 38px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 75%;
	opacity: 0
}

.products-img .image.selected{
	opacity: 1
}

@media only screen and (min-width: 640px){
	.products-img .image{
		width: 90%;
		left: 17px
	}
}

@media only screen and (min-width: 1025px){
	.products-img .image{
		width: 100%;
		left: 0
	}
}

.switch-holder-losing-s.dark{
	background: #000
}

.switch-holder-losing-s.blue{
	background: #1b8998
}

@media only screen and (min-width: 640px){
	.switch-holder-losing-s{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 100%;
		opacity: 0
	}
}

.switch-holder-losing.dark{
	background: #2a2b30
}

.switch-holder-losing.blue{
	background: #1b8998
}

@media only screen and (min-width: 640px){
	.switch-holder-losing{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 100%;
		opacity: 0
	}
}

.switch-holder-losing.selected{
	opacity: 1
}

.switch-holder-losing.gain-slide{
	display: none;
	background-color: #2a2b30
}

@media only screen and (min-width: 640px){
	.switch-holder-losing.gain-slide{
		display: block
	}
}

.switch-holder-losing.gain-slide .losing-photo{
	bottom: 0
}

.switch-holder-gaining{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.switch-holder-gaining.selected{
	opacity: 1
}

.switch-holder-gaining.losing-slide{
	background-image: linear-gradient(#1e828b, #248891 5.1%, #258892 5.1%, #258991 5.5%, #258991 5.9%, #268992 5.9%, #268a92 6.1%, #2a8e95 9.8%, #2b8e96 9.8%, #2b8f96 9.9%, #2e9298 11.7%, #2e9198 11.9%, #2e9298 12.2%, #32979d 15.4%, #32989d 15.4%, #33989e 15.5%, #32989d 15.7%, #33989e 15.8%, #349a9e 17%, #3da1a3 21.1%, #3ea1a5 22.1%, #3ea1a5 22.6%, #3ea3a5 22.6%, #3fa3a5 23.5%, #40a4a4 23.5%, #43a7a8 25.9%, #44a7a9 25.9%, #44a7a9 26.2%, #44a8a9 26.2%, #47aaac 28.2%, #48abab 28.2%, #48abab 28.6%, #48acab 28.6%, #4cafad 31.5%, #4daead 31.5%, #4daead 31.9%, #4dafad 31.9%, #4eafae 32%, #50b1b1 33.4%, #50b0b0, #50b1b0 33.6%, #50b1b0 34.2%, #51b2af 34.2%, #54b4af 36.6%, #55b4b0 36.6%, #55b4b0 36.8%, #55b5b0 36.8%, #58b7b2 39.4%, #59b7b3 39.4%, #5ab8b2 39.6%, #5fbbb5 42.7%, #5ebcb3 43%, #5fbcb4 43.2%, #62bcb4 44.6%, #62bdb4 45%, #63beb3 46.6%, #64bdb3 46.6%, #65bfb4 47.2%, #65beb4 47.4%, #65bfb4 47.5%, #66bfb4 48.4%, #66c0b4 48.4%, #69c2b6 50.5%, #6ac1b6 50.5%, #6bc1b6 52.4%, #6bc2b6 52.4%, #6cc2b7 53.1%, #6cc3b7 53.5%, #6cc3b7 53.7%, #6dc3b8 53.7%, #6dc4b8, #6dc3b8 54.1%, #6ec4b7 54.1%, #70c4b8 55.3%, #70c4b8 55.7%, #70c5b8 55.7%, #71c4b9, #70c4b7 56.3%, #71c4b8 56.4%, #71c5b7 56.7%, #76c8b6 61.5%, #76c7b6 62.7%, #7acab8 64.5%, #7bcab9 64.5%, #7acab8 65.1%, #7ccab9 66.4%, #7ccbb9 67.5%, #80cab9 68.8%, #7fcbb7 69.1%, #80cbb9, #80cbb9 69.3%, #7eccb7 69.3%, #7eccb7 70.9%, #7ecbb7 70.9%, #81ccb7 71.9%, #82ccb8 71.9%, #82ccb8 72.3%, #81ccb7 72.3%, #81ccb7 72.7%, #81cbb7 72.7%, #82ccb6 73.9%, #83ccb7 73.9%, #83cdb7 74%, #83cdb7 74.8%, #83ccb7 74.8%, #85cdb7 76.6%, #86ccb8 76.9%, #88cdb7 79.6%, #88ceb7 79.6%, #88ceb7 80.5%, #89cdb6 80.5%, #89cdb7 81.2%, #89ceb7 81.2%, #8aceb7 84.2%, #8bcdb7 84.2%, #8bcdb7 88%, #8bceb7 88%, #8ccfb6 89.8%, #8ccdb6 90%, #8dceb6, #8ecdb6 90.8%, #8eceb6 91%, #8fceb6 93.7%, #8fcdb6 93.7%, #8fceb5 95.7%)
}

.products-slider-btn{
	bottom: 52px;
	left: 50%;
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	position: absolute
}

.about-title{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	margin-top: 25px;
	margin-left: 5%
}

.featured-blog-section{
	background-color: #f0f5f6;
	/*background-color: #fff;*/
	clear: both
}

.featured-blog-container{
	padding: 40px 0 !important;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}

@media only screen and (min-width: 1025px){
	.featured-blog-container{
	}
}

.blog-posts-container{
	margin-top: 25px;
	max-width: 1370px;
	overflow: hidden;
	margin: 25px auto 0;
	clear: both
}

@media only screen and (min-width: 640px){
	.blog-posts-container{
		margin-top: 70px
	}
}

@media only screen and (min-width: 1281px){
	.blog-posts-container{
		max-width: none
	}
}

@media only screen and (min-width: 1441px){
	.blog-posts-container{
		max-width: 1370px
	}
}

.blog-posts-container.blog-page-container{
	margin: 0 auto
}

.blog-post{
	position: relative;
	width: 100%;
	height: 210px;
	background-size: cover;
	display: inline-block;
	text-align: center;
	margin-bottom: 100px
}

@media only screen and (min-width: 640px){
	.blog-post{
		width: 42%;
		margin: 0 2%;
		margin-bottom: 100px
	}
}

@media only screen and (min-width: 1025px){
	.blog-post{
		width: 29%;
		height: 300px
	}
}

@media only screen and (min-width: 1281px){
	.blog-post{
		width: 31%;
		margin: 0 1%;
		margin-bottom: 100px
	}
}

@media only screen and (min-width: 1441px){
	.blog-post{
		width: 29%;
		margin: 0 2%;
		margin-bottom: 100px
	}
}

.blog-post:hover{
	cursor: pointer;
	box-shadow: 0 62px 25px 5px rgba(0, 0, 0, .12);
	transition: .2s box-shadow ease-in-out
}

.blog-post:hover .blog-post-info{
	background-color: #fff;
	transition: .3s background-color ease
}

.blog-post:hover .blog-post-link{
	background: linear-gradient(to top, rgba(0, 0, 0, .99) 14%, rgba(164, 164, 164, .1) 64%, rgba(255, 255, 255, .1) 100%);
	transition: .2s background ease-in
}

.blog-post.book-promo{
	box-shadow: none
}

.blog-post-link{
	background: linear-gradient(to top, rgba(0, 0, 0, .99) 0, rgba(164, 164, 164, .1) 64%, rgba(255, 255, 255, .1) 100%);
	transition: .2s background ease-in
}

.blog-post-link{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .2s background ease-in
}

.blog-post-link.featured{
	height: 100%
}

.blog-post-link:hover{
	background: linear-gradient(to top, rgba(0, 0, 0, .99) 0, rgba(164, 164, 164, .1) 64%, rgba(255, 255, 255, .1) 100%);
	transition: .2s background ease-in
}

.blog-photo{
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%
}

@media only screen and (min-width: 1025px){
	.blog-photo{
		background-size: cover
	}
}

.blog-title{
	position: absolute;
	bottom: 0;
	font-size: 19px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #fff;
	text-align: left;
	padding: 0 7%;
	margin: 22px 0
}

@media only screen and (min-width: 1025px){
	.blog-title{
		font-size: 22px
	}
}

.blog-title-link{
	color: #fff
}

.blog-title-link:hover .blog-post-link{
	background: linear-gradient(to top, rgba(0, 0, 0, .99) 0, rgba(164, 164, 164, .1) 64%, rgba(255, 255, 255, .1) 100%);
	transition: .2s background ease-in
}

.blog-post-info{
	text-align: center;
	padding: 18px 0;
	box-sizing: border-box;
	border-radius: 3px
}

.info-blogs{
	font-size: 12px;
	font-family: Arial;
	color: #000;
	font-weight: 700;
	display: inline-block;
	margin: 0 7px
}

@media only screen and (min-width: 1025px){
	.info-blogs{
		font-size: 11px
	}
}

.info-blogs.author{
	color: #afb4b5
}

.blog-page .blog-post-tags, .blog-posts-container .blog-post-tags{
	position: absolute;
	top: 0;
	left: 3px;
}

.blog-page .blog-tag {
	padding: 7px;
}

.blog-post-tags{
	padding:20px;
}

@media only screen and (min-width: 1025px){
	.blog-post-tags{

	}
}

@media only screen and (min-width: 1281px){
	.blog-post-tags{

	}
}

.blog-tag{
	font-size: 10px;
	font-weight: 700;
	font-family: Arial;
	text-transform: uppercase;
	color: #fff;
	padding: 10px;
	background-color: #f32d13;
	display: inline-block;
	border-radius: 3px;
}

.blog-tag.h3e50b4{
	background-color: #3e50b4
}

.blog-tag.h785448{
	background-color: #785448
}

.blog-tag.hfe3378{
	background-color: #fe3378
}

.blog-tag.h4baf4f{
	background-color: #4baf4f
}

.blog-tag.hff7043{
	background-color: #ff7043
}

.blog-tag.hfdbf08{
	background-color: #fdbf08
}

.blog-tag.h9d9d9d{
	background-color: #9d9d9d
}

.blog-tag.hce1414{
	background-color: #ce1414
}

.blog-tag.h01bbd4{
	background-color: #01bbd4
}

.blog-tag.h6739b6{
	background-color: #6739b6
}

.blog-tag.hccdb38{
	background-color: #ccdb38
}

.blog-detail .blog-tag:nth-child(n+3){
	opacity: 1
}

.blog-detail .blog-tag:nth-child(n+4){
	opacity: 1
}

.howitworks-section{
	background-color: #ececec
}

.howitworks-section.services-detail{
	background-color: #fff
}

.howitworks-section.services-detail .howitworks-container{
	padding: 25px 15px 35px
}

@media only screen and (min-width: 1025px){
	.howitworks-section.services-detail .howitworks-container{
		padding: 80px 15px 0
	}
}

.howitworks-container{
	padding: 25px 15px 35px;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width: 1025px){
	.howitworks-container{
		padding: 80px 15px
	}
}

.process-container{
	position: relative;
	text-align: center;
	padding: 50px 0 120px;
	max-width: 1174px;
	margin: 0 auto
}

@media only screen and (min-width: 640px){
	.process-container{
		padding: 55px 145px 175px
	}
}

@media only screen and (min-width: 1025px){
	.process-container{
		overflow: hidden;
		padding: 175px
	}
}

.process-container.services-detail{
	padding: 50px 0 75px
}

@media only screen and (min-width: 640px){
	.process-container.services-detail{
		padding: 100px 175px
	}
}

.process-container.services-detail .process-steps{
	background-color: #fff
}

@media only screen and (min-width: 1025px){
	.process-container.services-detail .process-steps.active{
		background-color: #f26722
	}
}

.step-connection{
	border-top: 1px solid #d2d2d2;
	width: 17%;
	height: 40px;
	margin-top: 38px;
	opacity: 0
}

@media only screen and (min-width: 1025px){
	.step-connection{
		height: 85px
	}
}

@media only screen and (min-width: 1025px){
	.step-connection{
		float: left;
		opacity: 1
	}
}

.step-loader{
	width: 17%;
	height: 94px;
	margin-top: 45px;
	position: absolute;
	left: 18%;
	top: 164px;
	border-radius: 6px;
	width: 0%;
	height: 8px;
	background-color: #f26722;
	display: none;
	z-index: 5
}

@media only screen and (min-width: 1025px){
	.step-loader{
		display: block
	}
}

.step-loader.services-detail{
	top: 89px
}

@media only screen and (min-width: 1025px){
	.step-text-container{
		float: left;
		width: 12%
	}
}

.step-text{
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	float: left;
	width: 74%;
	padding-left: 12px;
	text-align: left;
	margin-top: 5px
}

@media only screen and (min-width: 1025px){
	.step-text{
		float: none;
		width: auto;
		padding-left: 0;
		opacity: 0;
		visibility: hidden;
		text-align: center;
		margin-top: 17px
	}
}

.step-text.active{
	opacity: 1;
	visibility: visible;
	transition: .3s all ease
}

.process-steps{
	font-size: 24px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	width: 45px;
	height: 45px;
	border: 2px solid #d2d2d2;
	border-radius: 50px;
	color: #a7a7a7;
	float: left;
	position: relative;
	z-index: 7;
	background-color: #ececec
}

@media only screen and (min-width: 1025px){
	.process-steps{
		font-size: 26px;
		float: none;
		width: 75px;
		height: 75px
	}
}

.process-steps:hover{
	cursor: default
}

@media only screen and (min-width: 1025px){
	.process-steps.active{
		background-color: #f26722;
		border: 1px solid #f26722;
		color: #fff;
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		transition: .3s width height ease
	}
}

.transform-yourself-container{
	background-color: #1a8f89;
	max-width: 1175px;
	margin: 0 auto
}

.transform-yourself-container .transform-yourself{
	padding: 45px 0;
	position: relative;
	z-index: 11;
	min-height: 549px;
	box-shadow: 0 29px 122px -26px rgba(0, 0, 0, .75)
}

@media only screen and (min-width: 640px){
	.transform-yourself-container .transform-yourself{
		min-height: 123px
	}


}

@media only screen and (min-width: 1025px){
	.transform-yourself-container .transform-yourself{
		min-height: 97px
	}
}

.transform-image-holder{
	position: absolute;
	bottom: -46px;
	left: -86px;
	z-index: 100
}

.article-content-container .transform-text-holder{
	padding: 0 15px
}

.transform-text-holder{
	padding: 0 30px
}

@media only screen and (min-width: 640px){
	.transform-text-holder{
		position: relative;
		bottom: 25px;
		float: right;
		width: 65%;
		padding: 0
	}
}

.transform-text-holder .transform-text.title{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 24px;
	margin: 0;
	text-transform: uppercase
}

.transform-text-holder .transform-text.text{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 14px;
	margin: 14px 0
}

.pros{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 7px
}

.media-partners{
	background-color: #eaeaea
}

.media-partners .media-holder{
	padding: 30px 10px;
	width:90%;
	margin: 0 auto;
	text-align: center
}

.media-partners .medias-title{
	font-size: 13px;
	color: #a7a7a7;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	margin-bottom: 20px
}
.medias-title1{
	font-size: 18px;
	color: #a7a7a7;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	margin-bottom: 10px
}

@media only screen and (min-width: 1025px){
	.media-partners .media-img{
		width: 10%
	}
}

@media only screen and (min-width: 1441px){
	.media-partners .media-img{
		width: auto
	}
}

.trust-container{
	position: relative
}

.trust-content{
	padding: 88px;
	background-size: cover;
	overflow: hidden;
	height: 100%;
	position: relative;
	min-height: 154px;
	background-position: 10%
}

@media only screen and (min-width: 1025px){
	.trust-content{
		min-height: 585px
	}
}

@media only screen and (min-width: 1281px){
	.trust-content{
		background-position: inherit
	}
}

.trust-text-content{
	background: linear-gradient(158deg, rgba(241, 109, 44, .93) 0, rgba(247, 175, 55, .93) 72%, rgba(250, 209, 60, .93) 100%);
	padding: 25px 4%;
	box-sizing: border-box;
	right: 7%
}

@media only screen and (min-width: 640px){
	.trust-text-content{
		padding: 40px
	}
}

@media only screen and (min-width: 1025px){
	.trust-text-content{
		position: absolute;
		width: 41.35%;
		top: 50%;
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
}

@media only screen and (min-width: 1281px){
	.trust-text-content{
		width: 35.35%
	}
}

@media only screen and (min-width: 1441px){
	.trust-text-content{
		padding: 80px
	}
}

.trust-title{
	font-size: 35px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #fff;
	margin: 0
}

@media only screen and (min-width: 1025px){
	.trust-title{
		font-size: 48px
	}
}

.trust-text{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-style: italic;
	margin-top: 25px;
	line-height: 1.68
}

@media only screen and (min-width: 1025px){
	.trust-text{
		margin-top: 75px
	}
}

.trust-text .regular-weight-text{
	font-weight: 400
}

.buttons-group{
	margin-top: 35px
}

@media only screen and (min-width: 640px){
	.buttons-group{
		margin-top: 75px
	}
}

.chat-container{
	max-width: 815px;
	margin: 0 auto;
	padding: 25px 10px;
	text-align: center;
	position: relative
}

@media only screen and (min-width: 1025px){
	.chat-container{
		padding: 50px 10px
	}
}

.chat-text{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 17px;
	color: #8a898d;
	margin: 0
}

@media only screen and (min-width: 1025px){
	.chat-text{
		width: 0;
		white-space: nowrap;
		overflow: hidden
	}
}

.chat-text.active{
	animation: type 2s steps(500);
	width: 100%
}

.chat-text.active:nth-child(2){
	animation: type2 8s steps(60, end)
}

@keyframes type2{
	0%{
		width: 0
	}
	50%{
		width: 0
	}
	100%{
		width: 100
	}
}

@keyframes type{
	from{
		width: 0
	}
}

.chat-dot{
	width: 10px;
	height: 10px;
	background: grey;
	position: relative;
	display: inline-block;
	border-radius: 50px;
	margin-top: 17px
}

.chat-dot.active.one{
	animation: one 1s ease-in-out infinite normal
}

.chat-dot.active.two{
	animation: cycleTwo 1s ease-in-out infinite normal
}

.chat-dot.active.three{
	animation: cycleThree 1s ease-in-out infinite normal
}

.chat-text-container{
	display: inline-block;
	margin-left: 20px;
	width: 65%
}

@media only screen and (min-width: 1025px){
	.chat-text-container{
		width: auto
	}
}

.chat-typing{
	width: 72px;
	height: 44px;
	background-color: #e2e1e7;
	border-radius: 50px;
	display: inline-block;
	position: relative
}

@media only screen and (min-width: 1025px){
	.chat-typing{
		position: absolute;
		left: 0
	}
}

.chat-typing:before{
	content: '';
	width: 15px;
	height: 15px;
	background-color: #e2e1e7;
	display: block;
	position: absolute;
	bottom: 0;
	border-radius: 10px
}

.chat-typing:after{
	content: '';
	width: 8px;
	height: 8px;
	background-color: #e2e1e7;
	display: block;
	position: absolute;
	bottom: -8px;
	left: -10px;
	border-radius: 10px
}

.chat-reply-holder{
	text-align: right
}

.chat-reply-container{
	background-color: #40a1d5;
	width: 74%;
	border-radius: 25px;
	margin: 0 auto;
	display: inline-block;
	margin-top: 35px
}


.about-us-page .chat-reply-container{
	background-color: #f0f0f0;
	color: black;
}

.chat-reply{
	padding: 25px 15px;
	font-size: 13px;
	font-family: Arial;
	position: relative;
	text-align: left;
	line-height: 1.45
}

.chat-reply:after{
	content: '';
	width: 15px;
	height: 15px;
	display: inline-block;
	position: absolute;
	bottom: -8px;
	right: -6px;
	border-bottom: 15px solid #40a1d5;
	border-right: 15px solid transparent
}

.chat-avatar-holder{
	display: inline-block;
	vertical-align: text-top
}

@media only screen and (min-width: 1025px){
	.chat-avatar-holder{
		margin-left: 20px
	}
}

@keyframes one{
	0%{
		background: rgba(150, 150, 150, .4)
	}
	33.333%{
		background: #969696
	}
	66.6667%{
		background: rgba(150, 150, 150, .4)
	}
	100%{
		background: rgba(150, 150, 150, .4)
	}
}

@keyframes cycleTwo{
	0%{
		background: rgba(150, 150, 150, .4)
	}
	33.333%{
		background: rgba(150, 150, 150, .4)
	}
	66.6667%{
		background: #969696
	}
	100%{
		background: rgba(150, 150, 150, .4)
	}
}

@keyframes cycleThree{
	0%{
		background: rgba(150, 150, 150, .4)
	}
	33.333%{
		background: rgba(150, 150, 150, .4)
	}
	66.6667%{
		background: rgba(150, 150, 150, .4)
	}
	100%{
		background: #969696
	}
}

.transform-holder{
	padding: 25px 15px 35px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1300px;
	margin: 0 auto;
	text-align: center;
	position: relative
}

@media only screen and (min-width: 1025px){
	.transform-holder{
		padding: 80px 15px
	}
}

.before-after{
	height: calc(100vh - 75px);
	position: relative;
	margin: 0 auto;
	max-width: 1684px;
	width: 93%;
	margin-top: 70px;
	margin-bottom: 40px;
	overflow: hidden;
	box-shadow: -13px 23px 137px -32px rgba(0, 0, 0, .75)
}

@media only screen and (min-width: 640px){
	.before-after{
		height: 740px
	}
}

@media only screen and (min-width: 1025px){
	.before-after{
		margin-bottom: 70px
	}
}

.before-after:before{
	content: '';
	display: block;
	padding-bottom: 430px
}

.before-after .slide{
	position: absolute;
	top: 0;
	left: -431px;
	right: 0;
	height: 100%;
	background-position: top left;
	background-repeat: no-repeat;
	left: calc(50% - 590px)
}

@media only screen and (min-width: 640px){
	.before-after .slide{
		left: calc(50% - 590px)
	}
}

.before-after .slide.before{
	right: 50%;
	z-index: 20;
	top: 100%;
	transition: top .4s ease-in-out
}

.before-after .slide.after{
	top: -100%;
	transition: top .4s ease-in-out
}

.before-after .slide.active{
	top: 0;
	transition: top .4s ease-in-out
}

.before-after .slide.done{
	top: -100%
}

.before-after .handle{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 24px;
	left: 50%;
	margin-left: -12px;
	cursor: ew-resize;
	z-index: 51
}

.before-after .handle:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 2px;
	height: 100%;
	left: 10px;
	background: #fff
}

.before-after .handle:after{
	position: absolute;
	content: '';
	display: block;
	top: 35%;
	left: 25%;
	width: 35px;
	height: 35px;
	margin-left: -12px;
	margin-top: -12px;
	background: #fff;
	border-radius: 50px;
	box-shadow: 6px 6px 17px -1px rgba(0, 0, 0, .5);
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVJREFUeNpiYBgFQwp4enr8B2FS9DDR2lHD3AJgeDsA8X088vdBavCZwYJDowCQqgfiAgIOVADi/UD1E4B04/btOz4Q9AHUReeJMBwZgNSex+YbJjTD+0EugrqMVADzTf/ARTIwDAuBlCMQPyDDLJAeR6gZuH0AVHAASBkC8QQSDAepNYTqJZyKoKmhEBieG4H0fAKuTsRm8GhZNHgsGAUDDwACDADvZTa8+q/DAgAAAABJRU5ErkJggg==);
	background-position: center;
	background-repeat: no-repeat
}

.before-after.before .next-client .client-name{
	color: grey
}

.before-after.after .prev-client .client-name{
	color: #fff
}

.before-after.after .before-after-title{
	color: #fff
}

.index-visibility{
	z-index: 50
}

.before-after-title{
	color: #29272c;
	position: absolute;
	top: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	left: 20px;
	text-align: left;
	font-size: 20px;
	margin: 0
}

@media only screen and (min-width: 1025px){
	.before-after-title{
		left: 50px;
		top: 50px;
		font-size: 33px
	}
}

.before-after-title .country{
	font-size: 16px;
	display: block;
	text-align: left
}

@media only screen and (min-width: 1025px){
	.before-after-title .country{
		font-size: 19px
	}
}

.quotes{
	font-family: 'Times New Roman';
	font-size: 114px;
	color: #e6e5e5;
	position: absolute;
	top: -29px;
	left: 10px;
	font-weight: 700
}

.quotes.bottom{
	bottom: -85px;
	top: inherit;
	right: 10px;
	left: inherit
}

@media only screen and (min-width: 1025px){
	.quotes.bottom{
		bottom: -74px
	}
}

.before-after-text-holder{
	position: relative
}

@media only screen and (min-width: 1025px){
	.before-after-text-holder{
		min-height: 245px
	}
}

@media only screen and (min-width: 1025px){
	.before-after-text-holder{
		position: static;
		min-height: inherit
	}
}

.before-after-text-container{
	background-color: #fff;
	opacity: 0;
	transition: opacity .2s ease-in;
	position: relative
}

@media only screen and (min-width: 1025px){
	.before-after-text-container{
		position: absolute;
		width: 25%;
		top: 40%;
		left: 106px
	}
}

.before-after-text-container.active{
	opacity: 1;
	transition: opacity .2s ease-in
}

.before-after-text{
	color: #000;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	padding: 60px 30px 30px;
	text-align: left;
	position: relative;
	line-height: 1.45
}

@media only screen and (min-width: 1025px){
	.before-after-text{
		padding: 60px 30px
	}
}

.prev-client{
	position: absolute;
	bottom: 25px;
	left: 50px
}

.prev-client.client-btn{
	opacity: 0;
	visibility: hidden
}

.prev-client.client-btn.visible{
	opacity: 1;
	transition: opacity .3s ease-in;
	visibility: visible
}

.next-client{
	position: absolute;
	bottom: 25px;
	right: 50px
}

.next-client.client-btn{
	opacity: 0;
	visibility: hidden
}

.next-client.client-btn.visible{
	opacity: 1;
	transition: opacity .3s ease-in;
	visibility: visible
}

.client-name{
	font-size: 18px;
	color: grey;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	display: inline-block
}

.client-name .country{
	font-size: 11px;
	display: block;
	text-align: left
}

.client-name.next{
	text-align: left;
	color: #fff
}

.cover-image-container{
	background-size: cover;
	padding: 50px 10px;
	box-sizing: border-box;
	overflow: hidden;
	clear: both;
	background-position: 30%
}

@media only screen and (min-width: 1025px){
	.cover-image-container{
		padding: 10vw;
		background-position: inherit
	}
}

.cover-image-container.transformations-cover{
	background-size: 1024px;
	background-repeat: no-repeat;
	background-color: #141415;
	background-position: 13% 100%;
	padding-bottom: 395px;
	display: table;
	width: 100%
}

@media only screen and (min-width: 640px){
	.cover-image-container.transformations-cover{
		background-position: 0 100%
	}
}

@media only screen and (min-width: 1025px){
	.cover-image-container.transformations-cover{
		background-size: cover;
		width: 100%;
		padding: 10vw;
		background-position: inherit
	}
}

.text-content-holder{
	text-align: center
}

@media only screen and (min-width: 1025px){
	.text-content-holder{
		float: right;
		width: 45%
	}
}

.transformations-title-text{
	font-size: 28px;
	font-family: 'Open Sans', sans-serif
}

.transformations-subtitle-text{
	font-size: 14px;
	line-height: 1.45
}

.fb-comments-content{
	max-width: 1300px;
	margin: 0 auto;
	width: 100%;
	padding: 0 15px 45px;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.fb-comments{
	width: 100%;

}

@media only screen and (min-width: 640px){
	.fb-comments-content{
		padding: 0 40px 45px
	}
}

.article-title.fb-comments-title{
	text-align: center;
	font-weight: 500
}

.fb-comments-subtext{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 1.68
}

.section-title.blog-page{
	font-size: 48px;
	color: #fff;
	font-weight: 400
}

@media only screen and (min-width: 640px){
	.section-title.blog-page{
		text-align: left
	}
}

.featured-blog-container.blog-page{
	max-width: 1240px;
	margin: 0 auto;
	padding-top: 0
}

@media only screen and (min-width: 1281px){
	.featured-blog-container.blog-page{
		max-width: 1370px
	}
}

@media only screen and (min-width: 1441px){
	.featured-blog-container.blog-page{
		max-width: 1440px
	}
}

.featured-blog-container.blog-detail{
	height: 100%;
	overflow: hidden;
	background: #fff;
}

.book-promo-title{
	font-size: 18px;
	color: #26272c
}

.book-promo-title.white{
	color: #fff
}

.book-promo-slide{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.book-promo-text{
	font-size: 13px;
	color: #26272c
}

.book-promo-text.white{
	color: #fff
}

.blog-title.book-promo{
	float: left;
	width: 42%;
	bottom: inherit;
	top: 16%
}

@media only screen and (min-width: 1025px){
	.blog-title.book-promo{
		top: 30%
	}
}

.blog-title.suplement-promo{
	float: left;
	width: 55%;
	bottom: inherit;
	top: 36%;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.blog-title.with-background{
	width: 45%;
	top: 33.5%
}

.books-img.book-promo{
	float: right;
	width: 56%;
	height: auto
}

.books-img.suplement-promo{
	float: right;
	position: absolute;
	right: 17px;
	bottom: 125px;
	height: auto
}

.books-img.suplement-promo img{
	width: auto
}

.books-img.suplement-promo.promo-banner{
	right: 16%
}

@media only screen and (min-width: 640px){
	.books-img.suplement-promo.promo-banner{
		right: 34px
	}
}

.blog-post.book-promo{
	vertical-align: top;
	overflow: hidden;
	border-radius: 16px;
	height: 279px;
	margin-bottom: 25px
}

@media only screen and (min-width: 1025px){
	.blog-post.book-promo{
		height: 354px;
		margin-bottom: 0
	}
}

.blog-post.book-promo.contact-promo-block{
	height: 274px
}

@media only screen and (min-width: 1025px){
	.blog-post.book-promo.contact-promo-block{
		height: 354px
	}
}

.buy-now-label.book-promo{
	border-radius: 16px
}

.buy-now-label.to-store{
	left: -57px;
	width: 22%;
	border-radius: none
}

.filter-container{
	text-align: center
}

@media only screen and (min-width: 640px){
	.filter-container{
		float: right;
		text-align: inherit;
		margin-right: 40px
	}
}

@media only screen and (min-width: 1025px){
	.filter-container{
		margin-right: 0
	}
}

.filter{
	background: 0 0;
	border: none;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-size: 18px;
	background-image: url(../images/arrow-smaller.svg);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-size: 48px;
	background-position: calc(99%) 50%;
	width: 240px;
	padding: 15px 19px;
	border-radius: 50px;
	background-color: #f26722
}

.filter.white{
	background-color: #fff;
	background-image: url(../images/arrow-smaller-white.svg);
	color: #000;
	font-size: 13px;
	font-style: inherit;
	max-width: 505px;
	width: 100%;
	padding: 19px 19px
}

@media only screen and (min-width: 1025px){
	.filter{
		width: 345px
	}
}

.filter::-ms-expand{
	display: none
}

.blog-detail-container{
	clear: both;
	height: 100%;
	background: #fff
}

@media only screen and (min-width: 1025px){
	.blog-detail-container{
		display: -ms-flexbox;
		display: flex
	}
}

.blog-detail-info{
	width: 100%;
	background-color: #fff;
	height: auto
}

@media only screen and (min-width: 1025px){
	.blog-detail-info{
		float: left;
		width: 15%
	}
}

.blog-info-container{
	padding: 40px 0
}

.blog-info-container.fixed{
	position: fixed
}

.blog-info-container.fixed-timeline-container{
	display: block;
	position: relative;
	left: inherit
}

@media only screen and (min-width: 1025px){
	.blog-info-container.fixed-timeline-container{
		left: inherit;
		top: 185px;
		position: absolute
	}
}

.blog-detail-image-container{
	width: 100%;
	position: relative;
	margin:auto;

}

@media only screen and (min-width: 1025px){
	.blog-detail-image-container{

	}
}

.blog-img-text-content{
	z-index: 20;
}

@media only screen and (min-width: 1025px){
	.blog-img-text-content{
		color: #fff
	}
}

.blog-img-text-content.no-image{
	position: relative
}

@media only screen and (min-width: 1025px){
	.blog-img-text-content.no-image{
		width: 100%
	}
}

.blog-img-text-content.no-image .blog-detail-title{
	color: #000
}

@media only screen and (min-width: 1025px){
	.blog-img-text-content.no-image .blog-detail-title{
		margin-left: 105px
	}
}

.blog-detail-title{
	color: #393939;
	font-family: 'Open Sans', sans-serif;
	font-size: 27px;
	font-weight:600;
	width: 100%;
	padding:0px 20px 0 20px;
	margin: 0;
	text-align: left;
	box-sizing: border-box
}

@media only screen and (min-width: 640px){
	.blog-detail-title{
		font-size: 36px;
		display: block
	}
}

@media only screen and (min-width: 1025px){
	.blog-detail-title{
	}
}

.featured-blog-section.blog-detail{
	overflow: hidden
}

.featured-blog-section.about-strahil{
	background: linear-gradient(111deg, rgba(241, 109, 44, .93) 0, rgba(243, 211, 48, .93) 100%)
}

.featured-blog-section.about-strahil .blog-title.book-promo{
	top: 18%
}

@media only screen and (min-width: 1025px){
	.featured-blog-section.about-strahil{
		margin-top: 160px
	}
}

.featured-blog-section.about-strahil .blog-post{
	width: 100%
}

@media only screen and (min-width: 1025px){
	.featured-blog-section.about-strahil .blog-post{
		width: 45%
	}
}

.featured-blog-section.about-strahil .blog-posts-container{
	margin-top: 0
}

@media only screen and (min-width: 640px){
	.featured-blog-section.about-strahil .books-img.suplement-promo{
		width: 51%
	}
}

.featured-blog-section.about-strahil.contacts-featured-promo{
	margin-top: 0
}

.featured-blog-section.about-strahil.contacts-featured-promo .blog-title.book-promo{
	top: 18%
}

.blog-detail-img{
	width: 100%;
	height: 100%;
	background-size: cover;
	position: relative;
	height: 200px;
	background-position: 50% 50%
}

@media only screen and (min-width: 640px){
	.blog-detail-img{
		height: 400px
	}
}

@media only screen and (min-width: 1025px){
	.blog-detail-img{
		height: 628px
	}
}

.blog-detail-img.no-image{
	background: #fff;
	height: auto
}

@media only screen and (min-width: 1025px){
	.blog-detail-img.no-image{
		height: 230px
	}
}

.blog-detail-img.no-image .blog-gradient{
	display: none
}

.blog-post-tags.blog-detail{
	position: relative;
	text-align: left;
	top: inherit;
	left: inherit
}

@media only screen and (min-width: 640px){
	.blog-post-tags.blog-detail{

	}
}

@media only screen and (min-width: 1025px){
	.blog-post-tags.blog-detail{
	}
}

.info-blogs.blog-detail{
	display: inline-block;
	text-align: left;
	margin-bottom: 10px;
}

.article-details {
	padding-bottom:20px;
	border-bottom: 1px solid #ccc;
}

@media only screen and (min-width: 1025px){
	.info-blogs.blog-detail{
	/*	margin-left: 30px*/
	}
}

@media only screen and (min-width: 1025px){
	.article-content{
		margin:auto;
	}
}

.article-content.search{
	width: 100%
}

.article-content img{
	width: 100%;
	height: auto;
	margin: 20px
}

/* @media only screen and (max-width: 639px){
.article-content img{
	width: 320px;
	height: 180px;
	margin: 20px
	}
}

@media only screen and (min-width: 1025px){
.article-content img{
	width: 600px;
	height: 337.5px;
	margin: 20px
	}
} */

.article-content {
	/* overflow: hidden; */
}

.article-content a {
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
}

@media only screen and (min-width: 640px){
	.article-content img{
		width: auto;
		max-width: 100%;
		/*padding: 0 10px 10px  65px;*/
	}
}

.results-container{
	border-bottom: 1px solid #dadada;
	margin-top: 15px
}

.results-container:last-child{
	border-bottom: none
}

.page-navigation.search{
	display: flex;
    align-items: center;
    justify-content: center;
}

.search-page-nav{
	width: 10px;
	border: 1px solid #f26725;
	padding: 16px 20px;
	font-size: 16px;
	border-radius: 50px;
	text-decoration: none;
	margin: 4px
}

.search-page-nav.active,
.search-page-nav:hover{
	color: #fff;
	background-color: #f26722;
	transition: .2s background-color ease;
	text-decoration: none
}

.search-results{
	margin-bottom: 50px
}

.small-title.search{
	font-size: 24px
}

.article-title.search{
	font-size: 25px
}

@media only screen and (min-width: 640px){
	.article-title.search{
		font-size: 30px
	}
}

.icon-arrow_right.search{
	margin-right: 1px
}

.icon-arrow_right.search:before{
	font-size: 15px;
	display: block;
	font-weight: 700;
	content: "\e915";
	margin-left: 12px
}

.icon-arrow_left.search:before{
	font-size: 15px;
	margin-right: 12px
}

.article-content-container{
	/* display: inline-block; */
	background: #fff;
	text-align: left;
	margin-bottom: 40px;
	box-sizing: border-box
}

.article-content-container #tableOfContents {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.article-content-container #tableOfContents h3 {
	margin:20px 10px 10px 10px;
}

.article-content-container .list-table-of-contents {
	padding-left: 10px;
}

.article-content-container .list-table-of-contents .list-item-table-of-contents {
	padding: 3px 0;
}

.article-content-container .list-table-of-contents > .list-item-table-of-contents > a{
	font-size: 13px;
}

@media only screen and (min-width: 640px){
	.article-content-container{
		/*padding: 0 55px*/
	}
}

.article-content-container .suggested-thumb-title{
	color: #fff
}

.article-content-container .transform-yourself-container{
	margin-top: 90px
}

@media only screen and (min-width: 640px){
	.article-content-container .transform-yourself-container .transform-yourself{
		min-height: 277px
	}
}

@media only screen and (min-width: 1025px){
	.article-content-container .transform-yourself-container .transform-yourself{
		min-height: 97px
	}
}

.article-content-container p{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #393939;
	margin: 30px 0;
	line-height: 1.45
}

.article-content-container p.suggested-title{
	font-size: 24px
}

.article-content-container h1,
.article-content-container h2,
.article-content-container h3,
.article-content-container h4,
.article-content-container h5,
.article-content-container h6{
	/*font-size: 32px;*/
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #393939;
	margin: 30px 0
}

.article-content-container h2{
	/*font-size: 22px;*/
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #393939;
	margin: 30px 0
}

@media only screen and (min-width: 1025px){
	.article-content-container h2{
		/*font-size: 30px;*/
	}
}

.article-content-container h3{
	/*font-size: 18px*/
}

@media only screen and (min-width: 1025px){
	.article-content-container h3{
		/*font-size: 26px;*/
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		color: #393939;
		margin: 20px 0
	}
}

.article-content-container h4{
	font-size: 17px
}

@media only screen and (min-width: 1025px){
	.article-content-container h4{
		font-size: 24px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		color: #393939;
		margin: 20px 0
	}
}

.article-content-container h5{
	font-size: 17px
}

@media only screen and (min-width: 1025px){
	.article-content-container h5{
		font-size: 22px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		color: #393939;
		margin: 20px 0
	}
}

.article-content-container h6{
	font-size: 17px
}

@media only screen and (min-width: 1025px){
	.article-content-container h6{
		font-size: 20px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		color: #393939;
		margin: 20px 0
	}
}

.article-content-container a{
	color: #f26722
}

.article-content-container a:hover{
	text-decoration: underline
}

.article-content-container a.search:hover{
	text-decoration: none
}

.article-content-container a.search-section-result:hover{
	opacity: .7;
	text-decoration: none
}

.article-content-container a.button{
	color: #fff
}

.article-content-container a.button:hover{
	text-decoration: none;
	color: #f26722
}

.article-content-container a.suggested-title{
	color: #000
}

.article-content-container a.suggested-title:hover{
	color: #f26722
}

.article-content-container ol li{
	color: #393939;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-style: inherit;
	margin: 10px 0
}

.article-content-container ul{
	list-style: none;
	padding-left: 0
}

.article-content-container ul li{
	color: #393939;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-style: inherit;
	margin: 10px 0
}

.article-content-container ul li:before{
	content: "\e905";
	font-size: 25px;
	color: grey;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	font-family: fitbg !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

.article-content-container ul li a,
.article-content-container ul li p,
.article-content-container ul li strong{
	display: inline
}

.article-content-container tbody{
	color: #000
}

.article-content-container tbody td{
	border: 1px solid #000;
	padding: 10px 10px
}

@media only screen and (min-width: 1025px){
	.article-content-container tbody td{
		padding: 10px
	}
}

.article-content-container table{
	-webkit-text-size-adjust: none;
	width: 100%;
	margin-bottom: 30px;
	font-size: 1em;
	border-collapse: collapse;
	border-spacing: 0
}

.article-content-container table thead tr th{
	color: #000;
	font-weight: 700;
	font-size: 12px;
	line-height: 14px;
	text-transform: none;
	letter-spacing: 0;
	text-align: left;
	padding-bottom: 10px
}

@media only screen and (min-width: 640px){
	.article-content-container table thead tr th{
		font-size: .9em
	}
}

.article-content-container table tr td{
	padding: 0;
	font-size: 10px;
	line-height: 14px;
	padding: 10px 5px 5px 5px
}

@media only screen and (min-width: 640px){
	.article-content-container table tr td{
		font-size: .9em
	}
}

.article-content-container table#related-options tr.bold-row td{
	font-weight: 700;
	border-bottom: 1px solid #000
}

.article-content-container table#related-options thead{
	border-bottom: 1px solid #ddd
}

.article-content-container table#related-options tr.grey-background{
	border-bottom: 1px solid #ddd
}

.article-content-container table#related-options tr.grey-background:first-child{
	border-bottom: 0
}

.article-title{
	font-size: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #393939;
	margin: 0
}

.article-text{
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #393939
}

.emphasized-block{
	background: linear-gradient(119deg, rgba(241, 109, 44, .93) 0, rgba(243, 181, 48, .93) 100%);
	margin: 30px 0
}

.emphasized-block p{
	color: #fff;
	font-size: 21px;
	font-family: 'Open Sans', sans-serif;
	padding: 50px 20px;
	box-sizing: border-box
}

@media only screen and (min-width: 640px){
	.emphasized-block p{
		padding: 50px
	}
}

.emphasized-block a{
	color: #fff;
	text-decoration: underline
}

.suggested-title{
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	color: #000
}

.suggested-text{
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-style: italic
}

.suggested-container{
	overflow: hidden;
	margin-bottom: 30px
}

.suggested-img{
	position: relative
}

@media only screen and (min-width: 640px){
	.suggested-img{
		float: left;
		width: 37%
	}
}

@media only screen and (min-width: 1025px){
	.suggested-img{
		width: 25%
	}
}

.suggested-img img{
	width: 100%;
	margin: 0
}

.suggested-img .blog-post-link{
	top: 0;
	left: 0
}

.suggested-img .suggested-thumb-title{
	bottom: 32px;
	left: 0
}

.suggested-text-content{
	float: left
}

@media only screen and (min-width: 640px){
	.suggested-text-content{
		width: 55%;
		margin-left: 42px
	}
}

@media only screen and (min-width: 1025px){
	.suggested-text-content{
		width: 70%;
		margin-left: 40px;
		margin-top: 20px
	}
}

.suggested-thumb-title{
	font-family: 'Open Sans', sans-serif;
	position: absolute;
	bottom: 0;
	font-weight: 600;
	margin-left: 20px;
	font-size: 14px
}

.social-icons-container.share-icons{
	display: block
}

@media only screen and (min-width: 1025px){
	.social-icons-container.share-icons{
		margin-left: 30px;
		text-align: left
	}
}

.social-share-text{
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #a7a7a7
}

@media only screen and (min-width: 1025px){
	.social-share-text{
		margin-left: 30px;
		text-align: left;
		width: 140px
	}
}

.title-filter-container{
	background: linear-gradient(111deg, rgba(241, 109, 44, .93) 0, rgba(243, 211, 48, .93) 100%);
	overflow: hidden
}

.title-filter-holder{
	padding: 25px 10px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	max-width: 1370px;
	margin: 0 auto
}

@media only screen and (min-width: 1025px){
	.title-filter-holder{
		padding: 80px 10px
	}
}

.fb-comments-container{
	clear: both
}

@media only screen and (min-width: 1025px){
	.fb-comments-container{
		padding: 0 35px 100px
	}
}

.list-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f0f5f6;
	visibility: hidden;
	transition: visibility .4s;
	z-index: 10;
	left: 0;
	top: 0;
	z-index: 61
}

.list-overlay.visible{
	visibility: visible
}

.show-more-form{
	position: relative
}

.unpin-blog-info{
	clear: both
}

.blog-gradient{
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, .81) 0, rgba(164, 164, 164, .13) 59%, rgba(255, 255, 255, .1) 82%);
	transition: .2s background ease-in;
	z-index: 10
}

.text-holder-blog-heading{
	margin-bottom: 25px;
	float: left;
	margin-right: 20px
}

@media only screen and (min-width: 640px){
	.text-holder-blog-heading{
		margin-bottom: 0;
		margin-left: 36px
	}
}

.section-subtitle.blog-heading{
	color: #fff;
	font-style: italic;
	font-size: 14px
}

.tag-name{
	font-size: 18px
}

.breadcrumbs-holder{
	max-width: 1270px;
	margin: 0 auto;
	padding: 30px 15px
}

@media only screen and (min-width: 640px){
	.breadcrumbs-holder{
		margin-left: 33px
	}
}

@media only screen and (min-width: 1025px){
	.breadcrumbs-holder{
		margin: 0 auto;
		padding: 30px 49px
	}
}

.breadcrumbs-holder .breadcrumb{
	display: inline-block;
	color: grey;
	font-style: italic;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px
}

.breadcrumbs-holder .breadcrumb.active{
	color: #f26722
}

.breadcrumbs-holder.detailed-page{
	max-width: 1130px
}

@media only screen and (min-width: 1441px){
	.breadcrumbs-holder.detailed-page{
		max-width: 1330px
	}
}

.breadcrumb-link{
	color: grey;
	margin-right: 7px
}

.breadcrumb-link:hover{
	color: #f26722
}

.breadcrumb-link.active{
	color: #f26722
}

.buy-now-text{
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #fff
}

.contacts-section{
	background-color: #ececec;
	clear: both
}

.section-title.contacts-page{
	font-size: 36px;
	text-align: center;
	margin: 0 2%;
	font-weight: 300
}

@media only screen and (min-width: 1025px){
	.section-title.contacts-page{
		font-size: 48px
	}
}

.contacts-text{
	color: #000;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.45
}

.contacts-text.bigger{
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 0;
	line-height: 1.68
}

.contacts-text.margin{
	margin-bottom: 30px
}

.contacts-text a{
	color: #000;
	transition: .3s color ease-in
}

.contacts-text a:hover{
	color: #f26722;
	transition: .3s color ease-in
}

.contacts-holder{
	overflow: hidden;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	padding: 25px 0;
	box-sizing: border-box
}

@media only screen and (min-width: 1025px){
	.contacts-holder{
		padding: 80px 25px
	}
}

.contacts-content{
	overflow: hidden;
	margin: 40px 0;
	padding: 0 15px
}

.text-content{
	margin-bottom: 45px
}

@media only screen and (min-width: 1025px){
	.text-content{
		float: left;
		width: 31%;
		margin-bottom: 0;
		margin-right: 7%
	}
}

@media only screen and (min-width: 1025px){
	.form-content{
		float: right
	}
}

.form-content .contain-fields{
	margin-bottom: 15px
}

.form-content .contain-fields::-webkit-input-placeholder{
	color: #a7a7a7;
	font-size: 13px
}

.form-content .contain-fields::-moz-placeholder{
	color: #a7a7a7;
	font-size: 13px
}

.form-content .contain-fields:-ms-input-placeholder{
	color: #a7a7a7;
	font-size: 13px
}

.form-content .contain-fields:-moz-placeholder{
	color: #a7a7a7;
	font-size: 13px
}

.form-content .contain-fields.contact{
	margin-bottom: 20px
}

.form-holder{
	background-color: #188292;
	width: 100%
}

@media only screen and (min-width: 640px){
	.form-holder{
		width: 595px
	}
}

.form-holder .contacts-text{
	color: #fff
}

.contact-form{
	padding: 20px 10px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center
}

@media only screen and (min-width: 640px){
	.contact-form{
		padding: 20px 90px
	}
}

@media only screen and (min-width: 1025px){
	.contact-form{
		text-align: inherit
	}
}

.newsletter-fields.textarea{
	height: 90px;
	width: 90%;
	border-radius: 20px;
	padding-top: 15px;
	resize: none
}

@media only screen and (min-width: 1025px){
	.newsletter-fields.textarea{
		width: 380px
	}
}

.newsletter-fields.contact-fields{
	width: 90%;
	height: 45px
}

@media only screen and (min-width: 1025px){
	.newsletter-fields.contact-fields{
		width: 380px
	}
}

.button.contact{
	margin-bottom: 55px;
	margin-top: 30px;
	width: 150px;
	margin-left: auto;
	margin-right: auto
}

.blog-posts-holder.contacts{
	background-color: #f6f6f6
}

.blog-posts-container.contacts{
	margin-top: 0;
	padding-top: 70px
}

.recaptcha-container{
	margin-top: 20px;
	width: 300px;
	margin: 0 auto;
	display: block
}

@media only screen and (min-width: 1025px){
	.recaptcha-container{
		width: auto
	}
}

input.error{
	border: 1px solid #f26722
}

.error-field span{
	color: #fff;
	margin-left: 5px;
	margin-top: 5px;
	display: block;
	font-size: 13px
}

#success{
	display: none;
	font-size: 15px;
	color: #fff
}

.gaining-holder.inner-page{
	margin-top: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to bottom, #36373e 0, #16171a 100%);
	max-height: inherit
}

@media only screen and (min-width: 640px){
	.gaining-holder.inner-page{
		height: 100%
	}
}

@media only screen and (min-width: 1025px){
	.losing-holder.inner-page{
		width: 50%
	}
}

.losing-holder.inner-page .losing-photo-container{
	bottom: -5px;
	left: 0
}

@media only screen and (min-width: 1025px){
	.second-block.inner-page{
		width: 50%
	}
}

.losing-section-text.inner-gaining{
	width: 213px;
	margin: 100px auto
}

@media only screen and (min-width: 640px){
	.losing-section-text.inner-gaining{
		width: auto;
		margin: inherit
	}
}

@media only screen and (min-width: 1025px){
	.losing-section-text.inner-gaining{
		float: left
	}
}

.losing-section-text.inner-losing{
	width: 213px;
	margin: 100px auto
}

@media only screen and (min-width: 640px){
	.losing-section-text.inner-losing{
		float: right;
		padding-left: 0;
		padding-right: 15vw;
		width: auto;
		margin: inherit
	}
}

@media only screen and (min-width: 1025px){
	.losing-section-text.inner-losing{
		padding-right: 16%
	}
}

.losing-section-text.inner{
	margin-top: 120px
}

@media only screen and (min-width: 1025px){
	.losing-section-text.inner{
		margin-top: 12vh
	}
}

@media only screen and (min-width: 1441px){
	.losing-section-text.inner{
		margin-top: 18vh
	}
}

.losing-section-text.inner.inner-gaining{
	margin-top: 60px
}

@media only screen and (min-width: 640px){
	.losing-section-text.inner.inner-gaining{
		margin-top: 120px
	}
}

@media only screen and (min-width: 1025px){
	.losing-section-text.inner.inner-gaining{
		margin-top: 12vh
	}
}

@media only screen and (min-width: 1441px){
	.losing-section-text.inner.inner-gaining{
		margin-top: 18vh
	}
}

.gaining-person.gain-mobile-service{
	width: 350px;
	margin: 0 auto;
	max-width: inherit
}

@media only screen and (min-width: 640px){
	.gaining-person.gain-mobile-service{
		width: 44.7vw;
		max-width: 400px
	}
}

@media only screen and (min-width: 1025px){
	.gaining-person.gain-mobile-service{
		width: 22.7vw;
		max-width: 400px
	}
}

@media only screen and (min-width: 1930px){
	.gaining-person.gain-mobile-service{
		max-width: inherit
	}
}

.gaining-person.gain-mobile-service.mobile-layout{
	display: block
}

@media only screen and (min-width: 640px){
	.gaining-person.gain-mobile-service.mobile-layout{
		display: none
	}
}

.gaining-person.gain-mobile-service.desktop-layout{
	display: none
}

@media only screen and (min-width: 640px){
	.gaining-person.gain-mobile-service.desktop-layout{
		display: block
	}
}

.gaining-img.gain-mobile{
	bottom: 0
}

@media only screen and (min-width: 640px){
	.gaining-img.gain-mobile{
		bottom: -.5%
	}
}

@media only screen and (min-width: 640px){
	.losing-section-text.services-gain-padding{
		padding-left: 15vw
	}
}

@media only screen and (min-width: 1025px){
	.losing-section-text.services-gain-padding{
		padding-left: 16%
	}
}

.gaining-holder.gain-mobile{
	overflow: hidden
}

@media only screen and (min-width: 640px){
	.gaining-holder.gain-mobile{
		overflow: inherit
	}
}

.media-partners.services{
	clear: both
}

.page-heading-section.services-details{
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;
	background-position: 50% 50%;
	background-size: 1024px;
	background-repeat: no-repeat;
	background-color: #147b87;
	background-position: 50% 100%;
	padding-bottom: 395px;
	display: table;
}

.page-heading-section.services-details.black{
	background-color: #16151a
}

@media only screen and (min-width: 1025px){
	.page-heading-section.services-details{
		height: 74%;
		min-height: 645px;
		display: block;
		padding-bottom: 0;
		background-size: cover;
	}
}

.page-heading-section.services-details .page-heading{
	font-size: 48px
}

.section-services-detail{
	background-color: #fff;
	overflow: hidden
}

.services-detail-text{
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 14px;
	width: 58%;
	margin: 0 auto;
	text-align: center
}

.transformation-type{
	text-align: center;
	padding: 0 4%;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width: 1025px){
	.transformation-type{
		padding: 0
	}
}

.transformation-type-text{
	width: 80%;
	margin: auto;
	font-size: 36px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	display: block;
	text-align: center;
	font-weight: 400
}

.transformation-type-text.faqs{
	font-weight: 400;
	text-align: center;
	display: block
}

.transformation-type-text.white{
	color: #fff
}

.filter-container.transformation-type{
	display: inline-block;
	float: none;
	margin: 0 15px
}

.filter-container.transformation-type .filter{
	width: 164px;
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 50px
}

.transformation-blocks-container{
	max-width: 1455px;
	width: 100%;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px
}

@media only screen and (min-width: 1025px){
	.transformation-blocks-container{
		margin-top: 80px;
		margin-bottom: 80px
	}
}

@media only screen and (min-width: 1441px){
	.transformation-blocks-container{
		margin-top: 120px;
		margin-bottom: 120px
	}
}

.transformations-blocks-holder{
	text-align: center;
	position: relative
}

.transformation-block-index{
	margin-bottom: 35px;
	box-shadow: 0 3px 39px -7px rgba(0, 0, 0, .63)
}

.transformation-block-index:last-child{
	margin-right: 0
}

.transformation-holder-index{
	width: 320px;
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 30px
}

@media only screen and (min-width: 640px){
	.transformation-holder-index{
		width: 31%;
		margin-right: 2%;
		margin-bottom: 0
	}
}

@media only screen and (min-width: 1025px){
	.transformation-holder-index{
		width: 27%;
		margin-right: 7%;
		margin-bottom: 0
	}
}

.transformation-holder-index:nth-child(n+3){
	margin-right: 0
}

.transformation-holder-index .button{
	text-transform: uppercase
}

.transformation-holder-index .button.grey{
	background-color: #45506d;
	border-color: #45506d
}

.transformation-holder-index .button.grey:hover{
	background-color: transparent;
	color: #45506d
}

.transformation-holder-index .button.orange{
	background-color: #f16d2c;
	border-color: #f16d2c
}

.transformation-holder-index .button.orange:hover{
	background-color: transparent
}

.transformation-holder-index .button.blue{
	background-color: #288b9a;
	border-color: #288b9a
}

.transformation-holder-index .button.blue:hover{
	background-color: transparent;
	color: #288b9a
}

.transformation-holder-index .button.light-orange{
	background-color: #f27e3b;
	border-color: #f27e3b
}

.transformation-holder-index .button.light-orange:hover{
	background-color: transparent
}

.transformation-block.title-section{
	text-align: center;
	padding: 40px 0;
	position: relative;
	height: 560px;
}

.transformation-block.title-section.grey{
	background-image: linear-gradient(145.36514139deg, #0a0f1a 3.1%, #374363)
}

.transformation-block.title-section.blue{
	background-image: linear-gradient(145.80406113deg, #189251 1.7%, #2eacc0)
}

.transformation-block.title-section.yellow{
	background-image: linear-gradient(214.37663698deg, #f96400 13.2%, #ffb413 86.7%)
}

.transformation-block.title-section.blue-green{
	background-image: linear-gradient(145.0494435deg, #232836 2.4%, #45ca91)
}

@media only screen and (min-width: 640px){
	.transformation-block.title-section{
		height: 480px !important;
	}
}

@media only screen and (min-width: 1025px){
	.transformation-block.title-section{
		height: 520px !important;
	}
}

.transformation-block.title-section .service-type{
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	margin-bottom: 0;
	margin: 0 auto;
	width: 67%;
	margin-bottom: 20px;
	line-height: 1.1;
	margin-top: 10px
}

@media only screen and (min-width: 640px){
	.transformation-block.title-section .service-type{
		font-size: 21px;
		width: 164px;
	}

}

@media only screen and (min-width: 1025px){
	.transformation-block.title-section .service-type{
		font-size: 20px;
		width: 80%;
	}
}

.transformation-block.title-section .service-type.addition{
	font-size: 24px
}

.transformation-block.title-section .service-type.city-info{
	font-size: 16px
}

.transformation-block.title-section .service-period{
	font-size: 40px;
	margin: 0;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif
}

.transformation-block.title-section .service-period .months{
	font-size: 15px;
	font-weight: inherit;
	display: block
}

.transformation-block.description-section{
	background-color: #fff;
	text-align: left
}

.service-type-sub{
	margin-top: 15px;
}

@media only screen and (min-width: 640px){
	.transformation-block.description-section{
		min-height: 350px
	}
}

@media only screen and (min-width: 1025px){
	.transformation-block.description-section{
		min-height: 295px
	}
}

.transformation-block.price-section{
	text-align: center;
	padding: 20px 40px
}

.transformation-block.price-section.grey{
	background-image: linear-gradient(145.36514139deg, #0a0f1a 3.1%, #374363)
}

.transformation-block.price-section.blue{
	background-image: linear-gradient(145.80406113deg, #189251 1.7%, #2eacc0)
}

.transformation-block.price-section.yellow{
	background: linear-gradient(179deg, rgba(255, 103, 1, .77) 0, rgba(255, 87, 2, .86) 1%, rgba(247, 171, 54, .93) 100%)
}

.transformation-block.price-section .price{
	font-size: 60px;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	font-weight: 300;
	display: inline-block
}

.transformation-block.price-section .price.small{
	font-size: 35px;
	position: relative
}

.transformation-block.price-section .price.small:after{
	content: '';
	width: 100%;
	height: 1px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: 26px
}

.transformation-block.price-section .currency{
	font-size: 11px;
	font-weight: inherit;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	display: block
}

.transformation-type-img{
	position: absolute;
	/* left: -40px; */
	bottom: -55px;
	width: 100%
}

@media only screen and (min-width: 1281px){
	.transformation-type-img{
		width: auto
	}
}

.brief-container.services-detail{
	padding: 40px 20px;
	margin-bottom: 0
}

@media only screen and (min-width: 1025px){
	.brief-container.services-detail{
		padding: 40px
	}
}

.brief-text.services-detail{
	color: #000;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-style: inherit;
	margin: 14px 0 0
}

.transform-small-blocks{
	text-align: center;
	margin-top: 50px
}

@media only screen and (min-width: 640px){
	.transform-small-blocks{
		margin-left: 1.3%
	}
}

@media only screen and (min-width: 1025px){
	.transform-small-blocks{
		margin-left: 6.8%
	}
}

.transform-small-blocks .transformation-holder-index{
	width: 320px;
	text-align: center
}

@media only screen and (min-width: 640px){
	.transform-small-blocks .transformation-holder-index{
		width: 31%
	}
}

@media only screen and (min-width: 1025px){
	.transform-small-blocks .transformation-holder-index{
		width: 27%
	}
}

.transform-small-blocks .transformation-block.title-section{
	height: 230px !important;
}

@media only screen and (min-width: 640px){
	.transform-small-blocks .transformation-block.title-section{
		height: 230px !important;
	}
}

.plus-container{
	position: absolute;
	top: 40%;
	left: 31%;
	display: none
}

@media only screen and (min-width: 1025px){
	.plus-container{
		display: block
	}
}

.plus-container .plus-horizontal{
	width: 60px;
	height: 12px;
	background-color: #f3883d;
	display: block;
	border-radius: 50px
}

.plus-container .plus-vertical{
	width: 60px;
	height: 12px;
	background-color: #f3883d;
	display: block;
	border-radius: 50px;
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	top: 0;
	position: absolute
}

.equals-container{
	position: absolute;
	top: 39%;
	left: 65.1%;
	display: none
}

@media only screen and (min-width: 1025px){
	.equals-container{
		display: block
	}
}

.equals-container .equals-horizontal{
	width: 60px;
	height: 12px;
	background-color: #f3883d;
	display: block;
	border-radius: 50px
}

.equals-container .equals-vertical{
	width: 60px;
	height: 12px;
	background-color: #f3883d;
	display: block;
	border-radius: 50px;
	position: absolute;
	top: 25px
}

.services-detail-big-text{
	position: relative
}

@media only screen and (min-width: 1025px){
	.services-detail-big-text{
		display: inline-block;
		width: 48%;
		height: 100%
	}
}

@media only screen and (min-width: 1025px){
	.hold-text-services-detail{
		position: absolute;
		top: 25%;
		left: 13%
	}
}

@media only screen and (min-width: 1281px){
	.hold-text-services-detail{
		left: 32%
	}
}

.losing-photo-container img.services-index-losing-photo{
	width: 350px;
	margin: 0 auto
}

@media only screen and (min-width: 640px){
	.losing-photo-container img.services-index-losing-photo{
		width: 100%
	}
}

@media only screen and (min-width: 1025px){
	.losing-photo-container img.services-index-losing-photo{
		width: 100%
	}
}

@media only screen and (min-width: 1441px){
	.losing-photo-container img.services-index-losing-photo{
		width: 100%;
		max-width: 855px
	}
}

@media only screen and (min-width: 1990px){
	.losing-photo-container img.services-index-losing-photo{
		width: 54vw;
		max-width: inherit
	}
}

.losing-photo-container img.services-index-losing-photo.mobile-layout{
	display: block
}

@media only screen and (min-width: 640px){
	.losing-photo-container img.services-index-losing-photo.mobile-layout{
		display: none
	}
}

.losing-photo-container img.services-index-losing-photo.desktop-layout{
	display: none
}

@media only screen and (min-width: 640px){
	.losing-photo-container img.services-index-losing-photo.desktop-layout{
		display: inline-block
	}
}

.services-detail-container{
	padding: 25px 0 0;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width: 1025px){
	.services-detail-container{
		padding: 80px 0 40px
	}
}

.services-detail-brief-container{
	position: relative
}

@media only screen and (min-width: 1025px){
	.services-detail-brief-container{
		display: inline-block;
		width: 48%;
		height: 100%
	}
}

@media only screen and (min-width: 1025px){
	.services-detail-brief-container .hold-all-brief{
		position: absolute;
		left: 50%;
		top: 25%
	}
}

.services-detail-hero-holder{
	height: 100%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 40px 15px;
	padding-top: 120px
}

@media only screen and (min-width: 1025px){
	.services-detail-hero-holder{
		text-align: inherit;
		display: block;
		padding: 40px 15px
	}
}

.paragraph.services-detail{
	width: 70%;
	margin: 0 auto;
	font-size: 16px !important;
}

@media only screen and (min-width: 640px){
	.paragraph.services-detail{
		margin: 0 auto
	}
}

@media only screen and (min-width: 1025px){
	.paragraph.services-detail{
		width: 100%;
		margin: inherit
	}
}

@media only screen and (min-width: 1281px){
	.paragraph.services-detail{
		width: 80%
	}
}

.advantages-section{
	background-color: rgb(211, 114, 35);
	overflow: hidden
}

.advantages-container{
	max-width: 1325px;
	margin: 0 auto;
	width: 100%;
	padding: 20px 15px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

@media only screen and (min-width: 640px){
	.advantages-container{
		padding: 50px 20px
	}
}

@media only screen and (min-width: 1025px){
	.advantages-container{
		padding: 70px 20px 80px
	}
}

.advantages-title-holder{
	padding: 25px 0 0
}

@media only screen and (min-width: 1025px){
	.advantages-title-holder{
		padding: 80px 0 0
	}
}

.advantage-title{
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.1
}

@media only screen and (min-width: 640px){
	.advantage-title{
		margin: 25px auto
	}
}

.advantage-text{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45
}

.advantage{
	float: left;
	text-align: center;
	margin: 25px 0
}

@media only screen and (min-width: 640px){
	.advantage{
		width: 25%;
		margin: 0 4%
	}
}

@media only screen and (min-width: 1025px){
	.advantage{
		width: 22%;
		margin: 0 5.5%
	}
}

.faqs-section{
	background-color: #fff;
	overflow: hidden
}

@media only screen and (min-width: 1025px){
	.faqs-section{
		padding: 0 2.8%;
		box-sizing: border-box
	}
}

.faqs-container{
	max-width: 1415px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	padding-bottom: 60px
}

.grid-text{
	margin: 0 auto;
	padding-top: 15px
}

@media only screen and (min-width: 1025px){
	.grid-text{
		padding-top: 80px
	}
}

.grid-text .space{
	margin-bottom: 1.6875rem
}

.grid-text .col-1 .grid-offset{
	margin-bottom: 1.6875rem
}

.grid-text .grid-offset p{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000
}

.grid-text .grid-offset p a{
	color: #f26722
}

.grid-text .grid-offset p a:hover{
	text-decoration: underline
}

@media only screen and (min-width: 1025px){
	.grid-text .space{
		margin-bottom: 0
	}

	.grid-text .col{
		float: left;
		width: 50%
	}

	.grid-text .col.col-1{
		width: 54%
	}

	.grid-text .col.col-2{
		width: 46%
	}

	.grid-text .grid-offset{
		margin: 0 5.42vw 0 0
	}

	.grid-text .grid-offset.offset-2{
		margin-right: 0
	}

	.grid-text .grid-offset-col-2{
		margin: 0
	}
}

@media only screen and (min-width: 1441px){
	.grid-text .grid-offset-col-2{
		margin: 0 5.73vw 0 0 0 5.73vw 0 0
	}
}

.col.col-2 .grid-offset{
	margin-right: 0
}

.faqs-title{
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #000
}

.button.muscle-gain{
	margin: 60px auto;
	display: table
}

.button.muscle-gain.less-mar{
	margin: 60px auto 0;
	display: table
}

.includes-tab-section{
	background-color: #f0f5f6
}

.includes-tab-container{
	padding: 25px 15px;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width: 1025px){
	.includes-tab-container{
		padding: 80px 15px
	}
}

.includes-tab-container .section-subtitle{
	width: 100%;
	margin: 10px auto 0
}

@media only screen and (min-width: 640px){
	.includes-tab-container .section-subtitle{
		width: 95%
	}
}

@media only screen and (min-width: 1025px){
	.includes-tab-container .section-subtitle{
		width: 65%
	}
}

.tabs-holder{
	max-width: 1540px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding-top: 60px
}

@media only screen and (min-width: 640px){
	.tabs-holder{
		padding: 10px;
		padding-top: 60px
	}
}

.tab-buttons-container{
	text-align: center;
	overflow: auto;
	white-space: nowrap;
	display: none
}

@media only screen and (min-width: 1025px){
	.tab-buttons-container{
		overflow: inherit;
		white-space: inherit;
		display: block
	}
}

.tab-buttons{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	background-color: #f0f5f6;
	padding: 15px;
	color: grey
}

.tab-buttons.active{
	background-color: #fff;
	color: #000
}

.tab-buttons.active .icon-arrow_right:before{
	color: #f26722
}

.tab-info-container{
	width: 100%;
	background: #fff;
	overflow: hidden;
	position: relative;
	box-shadow: 17px 10px 73px -34px rgba(0, 0, 0, .75)
}

.tab-img-holder{
	padding: 20px 0;
	margin-left: -20px;
	display: block
}

@media only screen and (min-width: 640px){
	.tab-img-holder{
		display: block
	}
}

@media only screen and (min-width: 1025px){
	.tab-img-holder{
		float: left;
		width: 50%;
		padding: 80px 0
	}
}

.tab-img{
	width: 100%
}

.tab-text-holder{
	padding: 20px 30px 50px;
	text-align: center
}

@media only screen and (min-width: 640px){
	.tab-text-holder{
		text-align: left
	}
}

@media only screen and (min-width: 1025px){
	.tab-text-holder{
		float: left;
		width: 44%;
		padding: 90px 20px;
		text-align: inherit
	}
}

@media only screen and (min-width: 1025px){
	.tab-text-holder{
		padding: 90px 80px;
		width: 33%
	}
}

.tab-text-title{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #000;
	font-weight: 400;
	text-align: center
}

@media only screen and (min-width: 1025px){
	.tab-text-title{
		text-align: inherit
	}
}

.tab-show-hide{
	opacity: 0;
	visibility: hidden;
	display: none
}

@media only screen and (min-width: 640px){
	.tab-show-hide{
		display: none
	}
}

.tab-show-hide.active{
	opacity: 1;
	visibility: visible;
	display: block
}

.tab-show-hide.no-tab-img .tab-img-holder{
	display: none
}

@media only screen and (min-width: 640px){
	.tab-show-hide.no-tab-img .tab-text-holder{
		width: 50%;
		margin: 0 auto;
		display: block;
		position: relative;
		float: none
	}
}

.losing-title.make-easy{
	position: relative
}

.losing-title.make-easy .big-text.make-easy{
	font-size: 39px;
	letter-spacing: 5px
}

@media only screen and (min-width: 1025px){
	.losing-title.make-easy .big-text.make-easy{
		font-size: 63px
	}
}

@media only screen and (min-width: 640px){
	.losing-title.make-easy .big-text.make-easy.services-index{
		font-size: 51px
	}
}

.losing-title.make-easy .big-text.bigger{
	font-size: 48px
}

@media only screen and (min-width: 1025px){
	.losing-title.make-easy .big-text.bigger{
		font-size: 79px
	}
}

@media only screen and (min-width: 640px){
	.losing-title.make-easy .big-text.bigger.services-index{
		font-size: 63px
	}
}

.losing-title.make-easy.services-index{
	margin-top: 0;
	margin-bottom: 44px
}

.services-detail-big-text .losing-title{
	font-size: inherit
}

.next-tab{
	position: absolute;
	top: 50%;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	right: -27px;
	z-index: 20;
	background: #fff;
	width: 60px;
	height: 60px;
	border-radius: 50px;
	box-shadow: -6px 2px 16px -8px rgba(0, 0, 0, .75)
}

.prev-tab{
	position: absolute;
	top: 50%;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	left: -27px;
	z-index: 20;
	background: #fff;
	width: 60px;
	height: 60px;
	border-radius: 50px;
	box-shadow: 6px 2px 16px -8px rgba(0, 0, 0, .75)
}

.next-tab,
.prev-tab{
	display: block
}

@media only screen and (min-width: 1025px){
	.next-tab,
	.prev-tab{
		display: none
	}
}

.next-tab .icon-arrow_right:before,
.prev-tab .icon-arrow_right:before{
	font-size: 20px;
	font-weight: 700;
	margin-right: 13px;
	color: #f26722
}

.next-tab .icon-arrow_left:before,
.prev-tab .icon-arrow_left:before{
	font-size: 20px;
	font-weight: 700;
	margin-left: 13px
}

.page-heading-section{
	background: linear-gradient(111deg, rgba(241, 109, 44, .93) 0, rgba(243, 211, 48, .93) 100%);
	clear: both
}

.transform-book-section{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (min-width: 1025px){
	.transform-book-section{
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		-ms-flex-direction: inherit;
		flex-direction: inherit
	}
}



/*Progress Bar*/
.progress-bar{
	float:none !important;
}




/*Academy*/

.academy{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (min-width: 1025px){
	.academy{
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		-ms-flex-direction: inherit;
		flex-direction: inherit
	}
}


/*Program*/

.program{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (min-width: 1025px){
	.program{
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		color: black;
		-ms-flex-direction: inherit;
		flex-direction: inherit
	}
}

/*Books*/
.books{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (min-width: 1025px){
	.books{
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		-ms-flex-direction: inherit;
		flex-direction: inherit
	}
}


/*Challenges*/

.challenges{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (min-width: 1025px){
	.challenges{
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		color: black;
		-ms-flex-direction: inherit;
		flex-direction: inherit
	}
}


/*Supplements*/
.supplements{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (min-width: 1025px){
	.supplements{
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		-ms-flex-direction: inherit;
		flex-direction: inherit
	}
}


#motivate-yourself-book .book-info-block{
	-ms-flex-order: 1;
	order: 1
}

@media only screen and (min-width: 1025px){
	#motivate-yourself-book .book-info-block{
		-ms-flex-order: inherit;
		order: inherit
	}
}

.page-heading{
	font-size: 36px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300
}

.page-heading-holder{
	padding: 25px 10px;
	box-sizing: border-box;
	text-align: center;
	max-width: 960px;
	width: 100%;
	margin: 0 auto
}

@media only screen and (min-width: 1025px){
	.page-heading-holder{
		padding: 50px 10px
	}
}

.heading-section-text{
	color: #fff;
	font-size: 32px;
	font-family: 'Open Sans', sans-serif
}

.book-img-container{
	padding-top: 40px;
	margin-bottom: 40px
}

@media only screen and (min-width: 1025px){
	.book-img-container{
		padding-top: 63px;
		margin-bottom: 80px
	}
}

.book-img-container img{
	width: 62%
}

.get-book-block{
	background-color: #f5f5f5;
	text-align: center;
	padding-bottom: 0
}

.get-book-block h1{
	padding: 0 0 0 0px;;
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:50px;
}

.get-book-block h2,h3,h6{
	color:black;
	text-align: center;
	padding-bottom: 0
}


.get-book-block h4{
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:40px;
	padding-bottom: 0
}

.get-book-block li{
	color:black;
	text-align: left;
	padding-bottom: 0
}


@media only screen and (min-width: 640px){
	.get-book-block{
		padding-bottom: 40px
	}
}

@media only screen and (min-width: 1025px){
	.get-book-block{
		-ms-flex: 1;
		flex: 1;
		padding-bottom: 0
	}

	.get-book-block:last-child{
		padding-bottom: 100px
	}
}

@media only screen and (min-width: 1441px){
	.get-book-block{
		padding-bottom: 100px
	}
}

@media only screen and (min-width: 1025px){
	.book-info-block{
		padding-top: 200px;
		-ms-flex: 1;
		flex: 1;
		padding-bottom: 0
	}
}

@media only screen and (min-width: 1441px){
	.book-info-block{
		padding-bottom: 100px
	}
}



/*HomePage*/



/*Homepagestory Section*/

/*Questions*/
.questions-section{
	background-image: linear-gradient(92.09671239deg, #e08814, #0a6f7c 52.2%, #11828e 90.2%);
	overflow: hidden
}

.questions-container{
	max-width: 1325px;
	margin: 0 auto;
	width: 100%;
	padding: 20px 15px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

@media only screen and (min-width: 640px){
	.questions-container{
		padding: 50px 20px
	}
}

@media only screen and (min-width: 1025px){
	.questions-container{
		padding: 70px 20px 80px
	}
}

.questions-title-holder{
	padding: 25px 0 0
}

@media only screen and (min-width: 1025px){
	.questions-title-holder{
		padding: 80px 0 0
	}
}

.question-title{
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.1
}

@media only screen and (min-width: 640px){
	.question-title{
		margin: 25px auto
	}
}

.advantage-text{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45
}

.question{
	float: left;
	text-align: center;
	margin: 25px 0
}

@media only screen and (min-width: 640px){
	.question{
		width: 25%;
		margin: 0 4%
	}
}

@media only screen and (min-width: 1025px){
	.question{
		width: 22%;
		margin: 0 5.5%
	}
}



.question-type-text{
	width: 80%;
	margin: auto;
	font-size: 36px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	display: block;
	text-align: center;
	font-weight: 400
}

.question-type-text.faqs{
	font-weight: 400;
	text-align: center;
	display: block
}

.question-type-text.white{
	color: #fff
}


/*HomeContainer*/

.home-container{
background-color: #f5f5f5;
padding-top: 30px;
padding-bottom: 70px;

}


.home-container h3{
	color: black;
	font-size: 25px;
	padding-bottom: 40px;
}
.home-row{
	display: flex;
	padding-left: 59px;
}

.home-row .col{
	padding-inline-start: 11%;
	color: black;
	font-size: 15px;
	text-align: center;
}



@media only screen and (max-width: 639px){
	.home-row{
		display: block;
		padding-left: 0px;
		}


		.home-row .col{
			padding: 20px;
		}
	}







/*Status bar*/

.progressbar-wrapper{
	padding-top:100px;
	padding-bottom: 0px;
	background-color: white;
}

ul.progress-bar {
	background-color: white;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
}

li.section {
	display: inline-block;
	padding-bottom: 100px;
    padding-top: 70px;
    font-size: 25px;
    font-weight: bold;
    line-height: 23px;
    color: #188292;
    vertical-align: top;
    position: relative;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

li.section:before {
    content: '';
    position: absolute;
    top: 2px;
    left: calc(50% - 15px);
    z-index: 1;
    width: 30px;
    height: 30px;
    color: white;
    border: 2px solid white;
    border-radius: 17px;
    line-height: 30px;
    background: white;
}
.status-bar {
	height: 5px;
	color: white;
    background: white;
    position: relative;
    top: 20px;
    margin: 0 auto;
}
.current-status {
    height: 5px;
	width: 0;
	color: white;
    border-radius: 1px;
    background: #188292;
}

@keyframes changeBackground {
    from {background: white}
    to {background: #188292}
}

li.section.visited:before {
    content: '\2714';
    animation: changeBackground .5s linear;
    animation-fill-mode: forwards;
}

li.section.visited.current:before {
    box-shadow: 0 0 0 2px #188292;
}


@media only screen and (max-width: 639px){
	li.section{
		font-size: 17px;
		overflow: initial;
		}
	}

/*END Status Bar*/


/*Homevideo*/

.homevideo{
	background-color: white;
	text-align: center;
	padding-bottom: 0
}

.homevideo h1{
	padding: 0 0 0 0px;;
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:35px;
}

.homevideo h2,h3,h6{
	color:black;
	text-align: center;
	padding-bottom: 0
}


.homevideo h4{
	color:black;
	text-align: center;
	font-size:15px;
	padding-bottom: 0
}

.homevideo li{
	color:black;
	text-align: left;
	padding-bottom: 0
}

.homevideo img{
	padding: 22px;
}

@media only screen and (min-width: 640px){
	.homevideo{
		padding-bottom: 40px
	}
}

@media only screen and (min-width: 1025px){
	.homevideo{
		flex: 1;
		padding-bottom: 0
	}

	.homevideo:last-child{
		padding-bottom: 100px
	}
}

@media only screen and (min-width: 1441px){
	.homevideo{
		padding-bottom: 100px
	}
}


/*OnlineAcademy*/

.onlineacademy{
	background-color: #f5f5f5;
	text-align: center;
	padding-bottom: 0
}

.onlineacademy h1{
	padding: 0 0 0 0px;;
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:35px;
}

.onlineacademy h2,h3,h6{
	color:black;
	text-align: center;
	padding-bottom: 0
}


.onlineacademy h4{
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:20px;
	padding-bottom: 0
}

.onlineacademy li{
	color:black;
	text-align: left;
	padding-bottom: 0
}

.onlineacademy img{
	padding: 22px;
}

@media only screen and (min-width: 640px){
	.onlineacademy{
		padding-bottom: 40px
	}
}

@media only screen and (min-width: 1025px){
	.onlineacademy{
		flex: 1;
		padding-bottom: 0
	}

	.onlineacademy:last-child{
		padding-bottom: 100px
	}
}

@media only screen and (min-width: 1441px){
	.onlineacademy{
		padding-bottom: 100px
	}
}



/*Individual Program*/

.individualprogram{
	background-color: white;
	text-align: center;
	padding-bottom: 0
}

.individualprogram h1{
	padding: 0 0 0 0px;;
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:35px;
}

.individualprogram h2,h3,h6{
	color:black;
	text-align: center;
	padding-bottom: 0
}


.individualprogram h4{
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:20px;
	padding-bottom: 0
}

.individualprogram li{
	color:black;
	text-align: left;
	padding-bottom: 0
}


@media only screen and (min-width: 640px){
	.individualprogram {
		padding-bottom: 40px
	}
}

@media only screen and (min-width: 1025px){
	.individualprogram {
		-ms-flex: 1;
		flex: 1;
		padding-bottom: 0
	}

}

@media only screen and (min-width: 1441px){
	.individualprogram {
		padding-bottom: 100px
	}
}


	@media only screen and (min-width: 1025px){
		.imageslider{
			background-color:#f5f5f5;
			padding-top: 200px;
			-ms-flex: 1;
			flex: 1;
			padding-bottom: 0
		}
	}

	@media only screen and (min-width: 1441px){
		.imageslider{
			padding-bottom: 100px
		}
	}

	@media only screen and (max-width: 639px){
		.individualprogram {
			background-color:#f5f5f5;
		}
			}




/*Allbooks*/

.allbooks{
	background-color: #f5f5f5;
	text-align: center;
	padding-bottom: 0
}

.allbooks h1{
	padding: 0 0 0 0px;;
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:35px;
}

.allbooks h2,h3,h6{
	color:black;
	text-align: center;
	padding-bottom: 0
}


.allbooks h4{
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:20px;
	padding-bottom: 0
}

.allbooks li{
	color:black;
	text-align: left;
	padding-bottom: 0
}


@media only screen and (min-width: 640px){
	.allbooks{
		padding-bottom: 40px
	}
}

@media only screen and (min-width: 1025px){
	.allbooks{
		-ms-flex: 1;
		flex: 1;
		padding-bottom: 0
	}

	.allbooks:last-child{
		padding-bottom: 100px
	}
}

@media only screen and (min-width: 1441px){
	.allbooks{
		padding-bottom: 100px
	}
}



/*Allchallenges*/

.allchallenges{
	background-color: white;
	text-align: center;
	padding-bottom: 0
}

.allchallenges h1{
	padding: 0 0 0 0px;;
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:35px;
}

.allchallenges h2,h3,h6{
	color:black;
	text-align: center;
	padding-bottom: 0
}


.allchallenges h4{
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:20px;
	padding-bottom: 0
}

.allchallenges li{
	color:black;
	text-align: left;
	padding-bottom: 0
}


@media only screen and (min-width: 640px){
	.allchallenges {
		padding-bottom: 40px
	}
}

@media only screen and (min-width: 1025px){
	.allchallenges {
		-ms-flex: 1;
		flex: 1;
		padding-bottom: 0
	}

}

@media only screen and (min-width: 1441px){
	.allchallenges {
		padding-bottom: 100px
	}
}


	@media only screen and (min-width: 1025px){
		.imagechallenges{
			background-color:#f5f5f5;
			padding-top: 200px;
			-ms-flex: 1;
			flex: 1;
			padding-bottom: 0
		}
	}

	@media only screen and (min-width: 1441px){
		.imagechallenges{
			background-color: #f5f5f5;
			padding-bottom: 100px
		}
	}

	@media only screen and (max-width: 639px){
		.allchallenges{
			background-color:#f5f5f5;
		}

		.supplement .book-info-text{
			background-color:#f5f5f5;
			padding: 30px;
		}
			}


/*Supplement*/

.supplement{
	background-color: white;
	text-align: center;
	padding-bottom: 0
}

.supplement h1{
	padding: 0 0 0 0px;;
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:35px;
}

.supplement h2,h3,h6{
	color:black;
	text-align: center;
	padding-bottom: 0
}


.supplement h4{
	color:rgb(219, 98, 17);
	text-align: center;
	font-size:20px;
	padding-bottom: 0
}

.supplement li{
	color:black;
	text-align: left;
	padding-bottom: 0
}


@media only screen and (min-width: 640px){
	.supplement{
		padding-bottom: 40px
	}
}

@media only screen and (min-width: 1025px){
	.supplement{
		-ms-flex: 1;
		flex: 1;
		padding-bottom: 0
	}

	.supplement:last-child{
		padding-bottom: 100px
	}
}

@media only screen and (min-width: 1441px){
	.supplement{
		padding-bottom: 100px
	}
}




/*Homepage help*/

.homepagehelp{
	margin: 0px;
	padding: 13px;
}

.homepagehelp h1{
	color:black;
	text-align: center;
	font-size: 35px;
}



.homepagehelp li{
	color:#5a5a5a;
	text-align: center;
	font-size: 15px;
}

.homepagehelp p{
	color:#5a5a5a;
	text-align: center;
	font-size: 15px;
}




.download-book-container{
	background-color: #188292;
	max-width: 390px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 88px
}

.download-btn{
	position: absolute;
	top: 20px;
	right: 17px;
	z-index: 1
}

.download-book-text{
	font-size: 18px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	padding: 20px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	z-index: 10;
	position: relative;
	width: 100%;
	padding-right: 70px;
	vertical-align: middle;
	display: inline-table;
	text-align: center
}

@media only screen and (min-width: 640px){
	.download-book-text{
		font-size: 18px
	}
}

.download-book-text.para{
	padding: 1px 79px 0 20px
}

.info-book{
	color: #000;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	margin: 60px 0;
	padding: 0 10px;
	box-sizing: border-box
}

.info-book-text{
	width: 100%;
	margin: 0 auto;
	color: #000;
	font-size: 14px;
	line-height: 1.45;
	font-family: 'Open Sans', sans-serif
}

@media only screen and (min-width: 640px){
	.info-book-text{
		width: 42%
	}
}

@media only screen and (min-width: 1025px){
	.info-book-text{
		width: 55%;
		font-size: 13px;
		text-align: left
	}
}

@media only screen and (min-width: 1441px){
	.info-book-text{
		width: 41%
	}
}

.info-book-text.lighter-text{
	color: #a7a7a7
}

.info-book-text.bigger-text{
	font-size: 16px;
	font-weight: 600;
	margin-top: 20px
}

.info-book-text.smaller{
	font-size: 11px;
	font-style: italic
}

.book-info-text{
	width: 100%;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 40px auto 40px
}

@media only screen and (min-width: 1025px){
	.book-info-text{
		margin: 90px auto 120px
	}
}

@media only screen and (min-width: 1441px){
	.book-info-text{
		margin: 135px auto
	}
}

@media only screen and (min-width: 1025px){
	.book-info-text{
		width: 37vw;
		padding: 0 10px
	}
}

@media only screen and (min-width: 1441px){
	.book-info-text{
		width: 33vw
	}
}

.book-info-text .info-book-text{
	width: auto
}

.book-info-text .lighter-text-holder{
	margin-bottom: 20px
}

.book-info-text .lighter-text-holder em,
.book-info-text .lighter-text-holder p,
.book-info-text .lighter-text-holder strong{
	color: #a7a7a7
}

.book-info-text strong{
	color: red;
	font-size: 16px;
	font-weight: 600;
	margin-top: 20px
}

.book-info-text em{
	font-size: 11px;
	font-style: italic
}

.book-info-text p{
	margin: 0 auto;
	color: #000;
	font-size: 14px;
	line-height: 1.45;
	font-family: 'Open Sans', sans-serif
}

@media only screen and (min-width: 1025px){
	.book-info-text p{
		font-size: 13px
	}
}

.book-info-text p.why-title{
	color: #000;
	font-size: 26px;
	margin-bottom: 15px
}

@media only screen and (min-width: 1025px){
	.book-info-text p.why-title{
		font-size: 36px
	}
}

.book-info-text p.book-points-title{
	font-size: 26px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	margin-top: 20px;
	margin-bottom: 15px
}

@media only screen and (min-width: 1025px){
	.book-info-text p.book-points-title{
		font-size: 36px
	}
}

@media only screen and (min-width: 1441px){
	.book-info-text p.book-points-title{
		margin-top: 100px
	}
}

.book-info-text a{
	color: #f26722
}

.book-info-text a:hover{
	text-decoration: underline
}

.book-info-text ul{
	padding-top: 0px;
	padding-bottom: 100px;
	list-style: none;
	padding-left: 0
}

.book-info-text ul li{
	color: #000;
	font-size: 18px;
	font-style: inherit;
	margin: 10px 0
}

.book-info-text ul li:before{
	content: "\e905";
	font-size: 20px;
	color: grey;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	font-family: fitbg !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

.buy-block-home{
	max-width: 395px;
	width: 100%;
	text-align: center;
	margin: 0 auto
}

.book-buy-block{
	background: linear-gradient(156deg, rgba(255, 128, 43, .47) 0, rgba(241, 109, 44, .93) 1%, rgba(247, 182, 56, .93) 81%, rgba(250, 206, 60, .93) 100%);
	max-width: 395px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-bottom:20px;
}

.buy-book-text{
	font-size: 26px;
	font-family: 'Open Sans', sans-serif;
	padding: 25px;
	padding-bottom: 15px;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width: 1025px){
	.buy-book-text{
		font-size: 38px
	}
}

.buy-book-text.second{
	width: 77%;
	margin: 0 auto;
	padding: 25px 0;
	padding-bottom: 35px
}

.brief-text{
	margin: 14px 0
}

.brief-text.main-points{
	color: #000;
	font-size: 18px;
	font-style: inherit;
	margin: 10px 0
}

.brief-container{
	list-style: none;
	padding-left: 0
}

.brief-container.books-page{
	padding-top: 25px
}

.book-sample-slider,
.book-sample-slider-motivate,
.book-sample-slider-kitchen,
.book-sample-slider-program,
.book-sample-slider-academy,
.book-sample-slider-allbooks,
.book-sample-slider-suplement,
.book-sample-slider-challenge,
.book-sample-slider-power-of-small-steps {
	position: relative;
	height: 281px
}

@media only screen and (min-width: 640px){
	.book-sample-slider,
	.book-sample-slider-motivate,
	.book-sample-slider-kitchen,
	.book-sample-slider-program,
	.book-sample-slider-academy,
	.book-sample-slider-allbooks,
	.book-sample-slider-suplement,
	.book-sample-slider-challenge,
	.book-sample-slider-power-of-small-steps {
		height: 500px
	}
}

.book-sample-holder,
.book-sample-holder-motivate,
.book-sample-holder-kitchen,
.book-sample-holder-program,
.book-sample-holder-academy,
.book-sample-holder-allbooks,
.book-sample-holder-suplement,
.book-sample-holder-challenge,
.book-sample-holder-power-of-small-steps {
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

@media only screen and (min-width: 640px){
	.book-sample-holder,
	.book-sample-holder-motivate,
	.book-sample-holder-kitchen,
	.book-sample-holder-program,
	.book-sample-holder-academy,
	.book-sample-holder-allbooks,
	.book-sample-holder-suplement,
	.book-sample-holder-challenge,
	.book-sample-holder-power-of-small-steps
	{
		width: 86%
	}
}

@media only screen and (min-width: 1025px){
	.book-sample-holder,
	.book-sample-holder-motivate,
	.book-sample-holder-kitchen,
	.book-sample-holder-program,
	.book-sample-holder-academy,
	.book-sample-holder-allbooks,
	.book-sample-holder-suplement,
	.book-sample-holder-challenge,
	.book-sample-holder-power-of-small-steps {
		top: -75px
	}
}

.book-sample-holder img,
.book-sample-holder-motivate img,
.book-sample-holder-kitchen img,
.book-sample-holder-program img,
.book-sample-holder-academy img,
.book-sample-holder-allbooks img,
.book-sample-holder-suplement img,
.book-sample-holder-challenge img,
.book-sample-holder-power-of-small-steps img {
	width: 77%
}

.ribbons-container{
	margin-top: 100px;
	padding-bottom: 100px
}

.ribbons-container img{
	width: 80%
}

@media only screen and (min-width: 640px){
	.ribbons-container img{
		width: auto
	}
}

.why-title{
	color: #000;
	font-size: 36px;
	margin-bottom: 5px
}

.book-title{
	margin-bottom: 20px
}

.book-title img{
	margin-left: -20px
}

.buy-book{
	margin-bottom: 45px
}

.fixed-book-img{
	width: 120px;
	display: inline-block
}

.fixed-book-img:hover{
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition: .2s transform ease-in
}

.fixed-book-img.active{
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition: .2s transform ease-in
}

.fixed-block{
	width: 9vw;
	background: rgba(255, 255, 255, .3);
	border-radius: 9px;
	box-shadow: 3px 3px 58px 0 rgba(0, 0, 0, .24);
	position: fixed;
	top: 20%;
	right: -1%;
	z-index: 100;
	display: none
}

@media only screen and (min-width: 1025px){
	.fixed-block{
		display: block
	}
}

@media only screen and (min-width: 1441px){
	.fixed-block{
		width: 150px
	}
}

.fixed-imgs-container{
	padding: 20px 0;
	text-align: center;
	box-sizing: border-box
}

.download-content-link{
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 20;
	position: relative
}

.cover-image-container.strahil{
	height: 85%;
	position: relative;
	clear: both;
	background-size: 900px;
	background-repeat: no-repeat;
	background-color: #26272d;
	background-position: 25% 100%;
	padding-bottom: 538px;
	display: table;
	width: 100%
}

@media only screen and (min-width: 640px){
	.cover-image-container.strahil{
		height: 53%;
		padding-bottom: 0;
		background-position: -32% 100%
	}
}

@media only screen and (min-width: 1025px){
	.cover-image-container.strahil{
		height: 85%;
		background-position: 50%;
		background-size: cover
	}
}

.cover-image-container.strahil .transformations-subtitle-text{
	line-height: 18px
}

.cover-image-container.strahil .text-content-holder{
	width: 82%;
	text-align: center;
	position: absolute;
	left: 8%;
	top: 29%;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

@media only screen and (min-width: 1025px){
	.cover-image-container.strahil .text-content-holder{
		width: 33%;
		text-align: center;
		position: absolute;
		left: 57%;
		top: 50%
	}
}

.section-story{
	padding-top: 30px;
	background-color: #ececec;
	overflow: hidden;
	position: relative
}

.section-story .promo-section-container{
	margin: 35px auto
}

.section-story .transform-yourself-container{
	margin-top: 60px
}

@media only screen and (min-width: 640px){
	.section-story .transform-yourself-container{
		margin-top: 160px
	}
}

@media only screen and (min-width: 1025px){
	.section-story .transform-yourself-container{
		margin-top: 0
	}
}

.story-container{
	max-width: 1365px;
	width: 100%;
	padding: 50px 15px 0 15px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 50
}

@media only screen and (min-width: 1025px){
	.story-container{
		padding: 10px 3.8% 10px 3.8%
	}

	.story-container:first-child{
		padding: 100px 3.8% 80px 3.8%
	}

	.story-container:last-child{
		padding: 10px 3.8% 100px 3.8%
	}
}

@media only screen and (min-width: 1441px){
	.story-container{
		padding: 80px 50px 80px 50px
	}

	.story-container:first-child{
		padding: 100px 50px 80px 50px
	}

	.story-container:last-child{
		padding: 80px 50px 100px 50px
	}
}

.story-img{
	-ms-flex-order: 1;
	order: 1;
	text-align: center;
	position: relative
}

@media only screen and (min-width: 1025px){
	.story-img{
		width: 50%;
		float: left
	}
}

.story-img img{
	width: 75%
}

@media only screen and (min-width: 640px){
	.story-img img{
		width: auto
	}
}

.img-text-holder{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (min-width: 1025px){
	.img-text-holder{
		display: inherit
	}
}

.story-text{
	-ms-flex-order: 2;
	order: 2
}

@media only screen and (min-width: 1025px){
	.story-text{
		width: 50%;
		float: left
	}

	.story-text.no-img{
		width: 100%;
		float: none
	}
}

.story-text p{
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 1.45
}

@media only screen and (min-width: 1025px){
	.story-text p{
		width: 85%
	}
}

.story-text a{
	color: #f26722
}

.story-text a:hover{
	text-decoration: underline
}

.story-chapter-title{
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 28px;
	font-weight: 300
}

@media only screen and (min-width: 1025px){
	.story-chapter-title{
		font-size: 35px
	}
}

.story-chapter-text{
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 14px
}

@media only screen and (min-width: 1025px){
	.story-chapter-text{
		width: 85%
	}
}

.crew-section{
	background-color: #f0f5f6
}

.crew-holder{
	padding: 25px 15px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

@media only screen and (min-width: 1025px){
	.crew-holder{
		padding: 80px 15px
	}
}

.crew-title{
	color: #000;
	font-size: 36px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin: 0;
	text-align: center
}

@media only screen and (min-width: 1025px){
	.crew-title{
		margin-bottom: 36px
	}
}

.crew-present-container{
	max-width: 1460px;
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media only screen and (min-width: 1025px){
	.crew-present-container{
		padding: 50px 60px 0
	}
}

.person-holder{
	float: left;
	margin-bottom: 30px
}

@media only screen and (min-width: 640px){
	.person-holder{
		width: 48%;
		margin-right: 2%;
		margin-bottom: 100px
	}
}

@media only screen and (min-width: 1025px){
	.person-holder{
		width: 47%;
		margin-right: 3%
	}
}

@media only screen and (min-width: 1281px){
	.person-holder{
		width: 30%;
		margin-right: 3%
	}
}

.person-holder.promo-blocks{
	width: 100%;
	margin-right: 0;
	background-color: #e4e4e4;
	padding: 60px 15px;
	margin-bottom: 0;
	box-sizing: border-box
}

.about-us-page .person-holder.promo-blocks {
	padding-top: 0;
}

.person-holder .img-responsive {
	max-width: 250px;
}

.about-us-page .promo-img {
	max-width: 150px;
}

@media only screen and (min-width: 1025px){
	.person-holder.promo-blocks{
		width: 34%;
		padding: 60px 2vw;
		padding-bottom: 120px;
		position: relative;
		min-height: 410px
	}
}

.person-holder.promo-blocks:nth-child(even) {
	background-color: #fff
}

@media only screen and (min-width: 1025px){
	.button.abt-strahil{
		position: absolute;
		bottom: 10%
	}
}

.person-img{
	width: 50%;
	display: block;
	margin: 0 auto;
	margin-bottom: 25px
}

@media only screen and (min-width: 640px){
	.person-img{
		float: left;
		width: 37%;
		margin-right: 6%;
		margin-bottom: 0
	}
}

.person-img.promo-blocks{
	width: 50%;

}

@media only screen and (min-width: 640px){
	.person-img.promo-blocks{
		width: 28%;

	}
}


.person-description{
	text-align: center
}

@media only screen and (min-width: 640px){
	.person-description{
		text-align: inherit
	}
}

.person-description.text-about-owner{
	text-align: center
}

@media only screen and (min-width: 640px){
	.person-description.text-about-owner{
		text-align: left
	}
}

@media only screen and (min-width: 640px){
	.person-description{
		float: left;
		width: 57%
	}
}

.person-description.no-img{
	width: 100%
}

.crew-person-name{
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	font-weight: 300;
	color: #000;
	margin-bottom: 10px;
	margin-top: 0
}

.crew-person-name.promo-abt{
	text-align: left
}

@media only screen and (min-width: 640px){
	.crew-person-name.promo-abt{
		text-align: left
	}
}

.crew-person-position{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: 600
}

.crew-person-position.apply{
	font-size: 16px
}

.crew-person-info{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: grey;
	line-height: 1.45
}

@media only screen and (min-width: 1025px){
	.crew-person-info{
		font-size: 13px
	}
}

.crew-person-info.promo-abt{
	text-align: left;
	margin-bottom: 35px
}

@media only screen and (min-width: 640px){
	.crew-person-info.promo-abt{
		text-align: left;
		margin-bottom: 25px
	}
}

.crew-person-email{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: grey;
	font-weight: 600
}

.crew-person-email:hover{
	color: #f26722;
	transition: color .2s ease-in;
	text-decoration: underline
}

.second-row-crew{
	clear: both;
	padding-top: 100px
}

.heading-section-text.bold{
	font-size: 30px;
	font-weight: 600
}

.page-heading-section .about-page{
	padding: 25px 15px
}

@media only screen and (min-width: 1025px){
	.page-heading-section .about-page{
		padding: 45px 15px
	}
}

.timeline-holder{
	padding: 25px 15px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1250px;
	margin: 0 auto
}

@media only screen and (min-width: 1025px){
	.timeline-holder{
		padding: 65px 15px
	}
}

.event-container{
	overflow: hidden;
	position: relative
}

@media only screen and (min-width: 1025px){
	.event-container{
		min-height: 438px
	}
}

@media only screen and (min-width: 640px){
	.event-container.height{
		height: 430px
	}
}

.event-container.no-img .event-img{
	margin-top: 0
}

.event-container.no-img .event-text{
	width: 100%;
	text-align: center
}

@media only screen and (min-width: 640px){
	.event-container.no-img .event-text{
		width: 54%;
		text-align: left
	}

	.event-container.no-img .event-text.right{
		text-align: right
	}
}

.timeline-line-container{
	position: absolute;
	left: 50%;
	top: 57%;
	display: none
}

@media only screen and (min-width: 1025px){
	.timeline-line-container{
		display: block
	}
}

.event-year{
	font-size: 48px;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	margin-bottom: 20px
}

.event-info{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: grey;
	line-height: 1.45
}

@media only screen and (min-width: 640px){
	.event-info{
		width: 45%
	}
}

.event-info.right{
	float: right
}

.event-img{
	float: left;
	width: 40%;
	margin-right: 6%;
	margin-top: 80px
}

@media only screen and (min-width: 640px){
	.event-img{
		margin-top: inherit;
		margin-right: inherit;
		width: 45%
	}
}

.event-img.right{
	text-align: right;
	margin-right: inherit;
	margin-left: 6%
}

@media only screen and (min-width: 640px){
	.event-img.right{
		margin: inherit
	}
}

.event-img img{
	width: 100%
}

@media only screen and (min-width: 1025px){
	.event-img img{
		width: auto
	}
}

.event-text{
	float: left;
	width: 50%
}

.event-text.right{
	text-align: right;
	width: 54%
}

.values-container{
	max-width: 920px;
	width: 95%;
	margin: 0 auto;
	background: linear-gradient(119deg, rgba(241, 109, 44, .93) 0, rgba(243, 181, 48, .93) 100%);
	margin-bottom: 50px;
	box-shadow: 0 6px 80px -17px rgba(0, 0, 0, .75)
}

@media only screen and (min-width: 640px){
	.values-container{
		border-radius: 30px;
		margin-bottom: 90px
	}
}

@media only screen and (min-width: 1025px){
	.values-container{
		width: 100%
	}
}

.write-us{
	text-align: center;
	padding: 0 10px 60px;
	box-sizing: border-box
}

.write-us .crew-person-position a{
	color: #f26722
}

.write-us .crew-person-position a:hover{
	text-decoration: underline
}

.values-holder{
	padding: 25px 20px;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width: 640px){
	.values-holder{
		padding: 70px 20px
	}
}

@media only screen and (min-width: 1025px){
	.values-holder{
		padding: 78px 80px 100px
	}
}

.values-title{
	font-size: 33px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	margin-top: 0;
	font-weight: 400
}

@media only screen and (min-width: 1025px){
	.values-title{
		margin-bottom: 65px
	}
}

.values-subtitle{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center
}

.values-text{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.48
}

@media only screen and (min-width: 1025px){
	.values-text{
		font-size: 14px
	}
}

.timeline-section{
	position: relative
}

.fixed-timeline-container{
	position: absolute;
	top: 8%;
	left: 4%;
	display: none;
	z-index: 75
}

.fixed-timeline-container.fixed{
	position: fixed;
	top: 30%
}

@media only screen and (min-width: 1025px){
	.fixed-timeline-container{
		display: block
	}
}

.fixed-timeline-container.in-section{
	position: fixed;
	top: 34%
}

.fixed-timeline-holder{
	padding-left: 20px;
	border-left: 1px solid #dadada
}

.fixed-timeline-year{
	color: grey;
	font-size: 11px;
	margin-bottom: 15px;
	display: block;
	-ms-transform-origin: left;
	transform-origin: left;
	transition: .2s all ease-in;
	-ms-transform: scale(1);
	transform: scale(1)
}

.fixed-timeline-year.active{
	color: #000;
	-ms-transform: scale(2.5);
	transform: scale(2.5);
	transition: .2s all ease-out
}

.fixed-timeline-year.active:hover{
	-ms-transform-origin: left;
	transform-origin: left;
	-ms-transform: scale(2.5);
	transform: scale(2.5);
	transition: .2s all ease-out
}

.fixed-timeline-year:hover{
	-ms-transform: scale(1.8);
	transform: scale(1.8);
	color: #000;
	transition: .2s all ease-in;
	-ms-transform-origin: left;
	transform-origin: left
}

.promo-section-container{
	max-width: 1575px;
	width: 100%;
	margin: 0 auto;
	box-shadow: -13px 23px 137px -32px rgba(0, 0, 0, .75);
	overflow: hidden;
	z-index: 50;
	position: relative
}

.about-us-page .promo-section-container {
	margin-top: 60px;
}

@media only screen and (min-width: 1025px){
	.promo-section-container{
		display: -ms-flexbox;
		display: flex
	}
}

.about-strahil-heading-text .transformations-title-text{
	font-size: 28px;
	font-family: 'Open Sans', sans-serif
}

.about-strahil-heading-text p{
	font-size: 14px;
	line-height: 18px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.45
}

.zigzag-bg{
	background-repeat: repeat-y;
	background-position: 50% 0;
	background-size: 41%;
	width: 100%;
	height: 90%;
	position: absolute;
	opacity: .18
}

.poll-section{
	background-color: #188292;
	clear: both;
	min-height: 100%
}

.poll-form-holder{
	width: 100%;
	height: 100%;
	padding-bottom: 100px
}

.poll-paper{
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 10px 0 -5px #eee, 0 10px 1px -4px rgba(0, 0, 0, .15), 0 20px 0 -10px #eee, 0 20px 1px -9px rgba(0, 0, 0, .15);
	padding: 30px 0 50px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1025px;
	width: 100%;
	margin: 50px auto;
	overflow: hidden
}

.poll-part-title{
	font-size: 24px;
	color: #188292;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-align: center
}

.poll-step{
	display: none
}

.poll-step.active{
	display: block
}

input.radio-btn{
	-webkit-appearance: radio;
	border-radius: 0;
	position: absolute;
	opacity: 0;
	margin-left: 8px;
	margin-top: 8px
}

input.checkbox{
	-webkit-appearance: checkbox;
	border-radius: 0;
	position: absolute;
	opacity: 0;
	margin-left: 8px;
	z-index: 100;
	margin-top: 8px
}

.time-title{
	color: #000;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif
}

@media only screen and (min-width: 640px){
	.time-title:nth-child(n+1){
		margin-left: 15px
	}
}

.time-pick{
	background: 0 0;
	border: none;
	color: #151515;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin-left: 10px;
	background-image: url(../images/arrow-smaller.svg);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-size: 48px;
	background-position: calc(99%) 50%;
	width: 94px;
	padding: 10px 19px;
	border-radius: 50px;
	background-color: #fff
}

@media only screen and (min-width: 640px){
	.time-pick{
		width: 100px
	}
}

.checkbox + .poll-answer-label:before,
.radio-btn + .poll-answer-label:before{
	content: '';
	background: #edf0f3;
	border: 2px solid #edf0f3;
	display: inline-block;
	vertical-align: middle;
	padding: 6px;
	margin-right: 10px;
	text-align: center;
	box-shadow: 0 0 0 3px #edf0f3
}

.checkbox + .poll-answer-label:before{
	padding: 9px;
	box-shadow: 0 0 0 0 #edf0f3
}

.radio-btn + .poll-answer-label:before{
	border-radius: 50px
}

.checkbox:checked + .poll-answer-label:before{
	background: #ff6f1b;
	box-shadow: inset 0 0 0 4px #edf0f3
}

.radio-btn:checked + .poll-answer-label:before{
	background: #e46d28;
	box-shadow: 0 0 0 6px #edf0f3;
	border-radius: 13px;
	transition: 1s background cubic-bezier(.21, .13, 0, 1.03)
}

.question-title{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-weight: 400
}

.poll-answer-label{
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #000;
	margin-right: 60px;
	display: block;
	margin-top: 15px;
	position: relative;
	display: inline-block;
	cursor:pointer;
}

@media only screen and (min-width: 1025px){
	.poll-answer-label{
		margin-top: 0
	}
}

.poll-answer-label.check-btn{
	margin-top: 0
}

.poll-answer-label.center-content{
	margin-right: 0
}

@media only screen and (min-width: 1025px){
	.poll-answer-label.center-content{
		margin-right: 60px
	}
}

.step-question{
	padding: 25px 10px
}

@media only screen and (min-width: 640px){
	.step-question{
		padding: 25px 80px
	}
}

.step-question.background{
	background: #edf0f3
}

.step-question.photo-upload{
	padding: 25px 0;
	padding-left: 5px
}

@media only screen and (min-width: 640px){
	.step-question.photo-upload{
		padding: 25px 80px
	}
}

@media only screen and (min-width: 1025px){
	.step-question.sizes{
		width: 42%;
		float: left;
		padding: 80px 0 100px;
		padding-left: 80px
	}
}

.step-question.gender{
	padding: 25px 0
}

@media only screen and (min-width: 640px){
	.step-question.gender{
		padding: 25px 80px
	}
}

@media only screen and (min-width: 1025px){
	.step-question.gender{
		padding: 80px 0 100px;
		padding-left: 80px;
		float: left;
		width: auto
	}
}

.step-question.inputs-in-line{
	clear: both;
	text-align: center;
	padding: 35px 0
}

.step-question.inputs-in-line .fields-holder{
	display: inline-block;
	padding-bottom: 0
}

@media only screen and (min-width: 640px){
	.step-question.inputs-in-line .fields-holder{
		margin-right: 30px
	}
}

.step-question.inputs-in-line .fields-holder:nth-child(n+3){
	margin-top: 15px
}

.step-question.inputs-in-line .fields-holder input{
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #fff
}

.step-question.inputs-in-line .fields-holder input.error{
	border: 1px solid #f16d2c
}

.step-question.inputs-in-line .fields-holder input:focus{
	border: 1px solid #1f7c8a;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	transition: .2s border ease-in-out
}

.step-question.inputs-in-line input{
	min-width: 270px;
	padding-left: 20px;
	width: 100%;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width: 640px){
	.step-question.inputs-in-line input{
		width: auto;
		min-width: 230px
	}
}

.step-question.inputs-in-line::-webkit-input-placeholder{
	color: #a7a7a7;
	font-size: 13px
}

.step-question.inputs-in-line::-moz-placeholder{
	color: #a7a7a7;
	font-size: 13px
}

.step-question.inputs-in-line:-ms-input-placeholder{
	color: #a7a7a7;
	font-size: 13px
}

.step-question.inputs-in-line:-moz-placeholder{
	color: #a7a7a7;
	font-size: 13px
}

@media only screen and (min-width: 1025px){
	.size-chart-img{
		float: left;
		width: 50%
	}
}

.size-chart-img img{
	/*width: 164px;*/
	width:310px;
	margin: 0 auto;
	display: block;
	padding-top: 50px
}

.button.step-btn{
	font-size: 15px;
	margin: 0 auto;
	display: block;
	min-width: 160px;
	margin-top: 50px
}

@media only screen and (min-width: 1025px){
	.button.step-btn{
		font-size: 16px;
		min-width: 250px
	}
}

.button.on-nine{
	display: none
}

.fields-holder{
	padding-bottom: 15px
}

.fields-holder input{
	width: 140px;
	border: none;
	color: #000;
	padding: 14px 10px;
	border-radius: 50px
}

.payments .fields-holder input{
	padding-left:20px !important;
}

.fields-holder input.poll-answer{
	border: 1px solid #fff
}

.fields-holder input.poll-answer.error{
	border: 1px solid #f26722
}

.fields-holder input.poll-answer:focus{
	border: 1px solid #1f7c8a
}

.fields-holder .poll-answer-label{
	display: inline-block;
	width: 29%;
	margin-right: 0;
	vertical-align: middle
}

@media only screen and (min-width: 640px){
	.fields-holder .poll-answer-label{
		width: 22%
	}
}

.indicator-dot{
	width: 10px;
	height: 10px;
	background: red;
	border-radius: 50px;
	display: inline-block;
	margin-left: 10px
}

.indicator-dot.light-blue{
	background: #1edffc
}

.indicator-dot.orange{
	background: #f26722
}

.indicator-dot.yellow{
	background: yellow;
}

.indicator-dot.grey{
	background: #b5b5b5
}

.indicator-dot.blue{
	background: #188292
}

.img-choice{
	display: inline-block
}

@media only screen and (min-width: 640px){
	.img-choice{
		width: 49%;
		text-align: center
	}
}

@media only screen and (min-width: 1025px){
	.img-choice{
		width: auto
	}
}

.img-choice:first-child{
	margin-right: 7%
}

@media only screen and (min-width: 640px){
	.img-choice:first-child{
		margin-right: 0
	}
}

.gender-block{
	text-align: center
}

@media only screen and (min-width: 640px){
	.gender-block{
		text-align: inherit
	}
}

.radio-btn-holder{
	display: block;
}

@media only screen and (min-width: 1025px){
	.radio-btn-holder{
		/* display: inline-block */
	}
}

.gender-img{
	display: inline-block;
	vertical-align: middle
}

.text-input{
	width: 277px;
	border: none;
	color: #000;
	background-color: #edf0f3;
	padding: 14px 10px;
	border-radius: 50px;
	margin-top: 15px
}

.dotted-block{
	border: 4px dashed #edf0f3;
	background-color: #fafbfc
}

@media only screen and (min-width: 1025px){
	.dotted-block{
		float: left;
		width: 37%;
		margin-top: 50px
	}
}

.dotted-holder{
	padding: 50px 20px;
	text-align: center
}

@media only screen and (min-width: 1025px){
	.dotted-holder{
		text-align: inherit
	}
}

.poll-container{
	overflow: hidden;
	position: relative;
	z-index: 105
}

.process-steps.mobile{
	width: inherit;
	height: 25px;
	background-color: transparent;
	color: #fff;
	border: none;
	border-radius: none;
	font-size: 17px;
	display: block;
	float: none;
	text-align: left
}

.hold-mobile-steps{
	width: 284px;
	background-color: #f26722;
	padding: 25px;
	box-sizing: border-box;
	border-radius: 30px;
	visibility: hidden;
	opacity: 0;
	display: none;
	margin: 31px auto 0
}

@media only screen and (min-width: 1025px){
	.hold-mobile-steps{
		display: none
	}
}

.process-container.poll-page{
	max-width: 980px
}

@media only screen and (min-width: 640px){
	.process-container.poll-page{
		max-width: 620px
	}
}

@media only screen and (min-width: 1025px){
	.process-container.poll-page{
		max-width: 980px
	}
}

.process-container.poll-page .process-steps{
	width: 50px;
	height: 50px;
	font-size: 22px;
	background-color: #188292
}

@media only screen and (min-width: 1025px){
	.process-container.poll-page .process-steps:hover{
		background-color: #f26722;
		border: 1px solid #f26722;
		color: #fff;
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		transition: .3s all ease;
		cursor: pointer
	}
}

.process-container.poll-page .process-steps.active{
	background-color: #f26722;
	border: 1px solid #f26722;
	color: #fff;
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	transition: .3s width height ease
}

.process-container.poll-page .step-text-container{
	display: inline-block;
	margin: 5px 10px;
	position: relative
}

@media only screen and (min-width: 1025px){
	.process-container.poll-page .step-text-container{
		width: 1%;
		position: relative;
		margin: 0
	}
}

.process-container.poll-page .step-connection{
	width: 11%;
	margin-top: 2.5%;
	display: none
}

@media only screen and (min-width: 1025px){
	.process-container.poll-page .step-connection{
		display: block
	}
}

@media only screen and (min-width: 1281px){
	.process-container.poll-page .step-connection{
		width: 11%;
		margin-top: 2.5%
	}
}

.process-container.poll-page .step-loader{
	top: -24px;
	left: 14px
}

@media only screen and (min-width: 1281px){
	.process-container.poll-page .step-loader{
		top: -24px;
		left: 14px
	}
}

@media only screen and (min-width: 1025px){
	.process-container.poll-page.center-process{
		left: 54px
	}
}

.process-container.poll-page{
	padding: 110px 0 0
}

@media only screen and (min-width: 1025px){
	.process-container.poll-page{
		padding: 0 0
	}
}

@media only screen and (min-width: 1025px){
	.howitworks-container.poll-page{
		padding: 100px 15px 0
	}
}

.step-text-container.active .process-steps{
	background-color: #f26722;
	border: 1px solid #f26722;
	color: #fff;
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	transition: .3s width height ease
}

.step-description:before{
	content: attr(data-description)
}

.question-info .question-title{
	display: inline-block
}

.question-info .block-view{
	display: block
}

.info-bubble{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px
}

.info-bubble.step8-info{
	margin-left: 0
}

@media only screen and (min-width: 640px){
	.info-bubble.step8-info{
		margin-left: 10px
	}
}

.info-bubble .tooltip-poll{
	left: 62%;
	background: rgba(242, 103, 34, .81);
	color: #fff;
	font-size: 14px;
	width: 250px;
	z-index: -1
}

@media only screen and (min-width: 640px){
	.info-bubble .tooltip-poll{
		left: 20%
	}
}

.info-bubble .tooltip-poll.gain-women-text{
	top: -32%;
	left: -25vw
}

@media only screen and (min-width: 640px){
	.info-bubble .tooltip-poll.gain-women-text{
		top: 60px;
		left: 40%
	}
}

.info-bubble .tooltip-poll.step5-tooltip-food{
	left: 63px
}

@media only screen and (min-width: 640px){
	.info-bubble .tooltip-poll.step5-tooltip-food{
		left: 20%
	}
}

.info-bubble .tooltip-poll:after{
	border-top-color: rgba(242, 103, 34, .81)
}

.info-bubble .tooltip-poll.more-text{
	left: 24%;
	bottom: -7%
}

@media only screen and (min-width: 640px){
	.info-bubble .tooltip-poll.more-text{
		left: 20%;
		bottom: inherit;
		width: 268px
	}
}

.info-bubble .tooltip-poll.more-text.gaining{
	bottom: -20%
}

@media only screen and (min-width: 1025px){
	.info-bubble .tooltip-poll.more-text.gaining{
		top: 4vw;
		bottom: 0
	}
}

.info-bubble .tooltip-poll.long-text{
	left: 24%;
	bottom: -46%
}

@media only screen and (min-width: 640px){
	.info-bubble .tooltip-poll.long-text{
		left: 30%;
		top: 95px;
		bottom: inherit
	}
}

.info-bubble .tooltip-poll.long-text.smaller-bubble{
	top: 10px
}

.info-bubble .tooltip-poll.left-text{
	left: -18vw;
	background: rgba(242, 103, 34, .81);
	color: #fff;
	font-size: 14px;
	bottom: inherit
}

@media only screen and (min-width: 1025px){
	.info-bubble .tooltip-poll.left-text{
		left: 20%;
		background: rgba(242, 103, 34, .81);
		color: #fff;
		font-size: 14px;
		bottom: inherit
	}
}

.info-bubble .tooltip-poll.step8-tooltip{
	left: 0
}

@media only screen and (min-width: 640px){
	.info-bubble .tooltip-poll.step8-tooltip{
		left: 20%
	}
}

.info-bubble:hover{
	cursor: pointer
}

.info-bubble:hover .tooltip-poll{
	z-index: 0;
	opacity: 1;
	-ms-transform: translate(-23%, -145%);
	transform: translate(-23%, -145%)
}

.info-bubble:hover .tooltip-poll.step8-tooltip{
	-ms-transform: translate(-100%, -144%);
	transform: translate(-100%, -144%)
}

@media only screen and (min-width: 1025px){
	.info-bubble:hover .tooltip-poll.step8-tooltip{
		-ms-transform: translate(-23%, -145%);
		transform: translate(-23%, -145%)
	}
}

.info-bubble:after{
	clear: both
}

.info-bubble.more-text{
	position: inherit
}

@media only screen and (min-width: 640px){
	.info-bubble.more-text{
		position: relative
	}
}

.step-text-container:hover .tooltip-poll{
	opacity: 1;
	-ms-transform: translate(-23%, -145%);
	transform: translate(-23%, -145%)
}

.tooltip-poll{
	display: block;
	position: absolute;
	bottom: -115px;
	left: 42%;
	padding: .8rem 1rem;
	border-radius: 3px;
	font-size: .8rem;
	opacity: 0;
	pointer-events: none;
	-ms-transform: translate(-23%, -190%);
	transform: translate(-23%, -190%);
	transition: all .3s ease;
	z-index: 1;
	background-color: #fff;
	color: #9e9e9e;
	font-size: 13px;
	width: 180px;
	text-align: center
}

@media only screen and (min-width: 1025px){
	.tooltip-poll{
		left: 300%;
		top: 0;
		bottom: inherit
	}

	.tooltip-poll.happening{
		top: 80px
	}
}

.tooltip-poll:after{
	display: block;
	position: absolute;
	bottom: 1px;
	left: 20%;
	width: 0;
	height: 0;
	content: "";
	border: solid;
	border-width: 10px 10px 0 10px;
	border-color: transparent;
	border-top-color: #fff;
	-ms-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%)
}

.tooltip-poll.steps-tip{
	bottom: 0
}

.howitworks-container.poll-page{
	position: relative
}

.fade-effect{
	width: 10px;
	height: 116px;
	position: absolute;
	z-index: 10;
	top: 81px;
	left: 3%;
	background: linear-gradient(to left, rgba(202, 202, 202, 0) 0, #188292 70%)
}

.fade-effect-right{
	width: 15px;
	height: 116px;
	position: absolute;
	z-index: 10;
	top: 81px;
	right: 3%;
	background: linear-gradient(to right, rgba(202, 202, 202, 0) 0, #188292 70%)
}

.process-container.poll-page{
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	overflow-x: scroll;
	display: none;
	position: relative
}

@media only screen and (min-width: 1025px){
	.process-container.poll-page{
		overflow: inherit;
		display: block
	}
}

.error-field,
.error-field-age,
.error-field-bust,
.error-field-email,
.error-field-phone,
.error-field-size,
.error-field-waist{
	color: #f26722
}

.step-question .error-field,
.step-question .error-field-age,
.step-question .error-field-bust,
.step-question .error-field-email,
.step-question .error-field-phone,
.step-question .error-field-size,
.step-question .error-field-waist{
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	-ms-transform: scale(.8);
	transform: scale(.8);
	transition: .5s
}

.step-question .error-field-age.active,
.step-question .error-field-bust.active,
.step-question .error-field-email.active,
.step-question .error-field-phone.active,
.step-question .error-field-size.active,
.step-question .error-field-waist.active,
.step-question .error-field.active{
	opacity: 1;
	max-height: 100px;
	overflow: visible;
	-ms-transform: scale(1);
	transform: scale(1);
	margin-bottom: 5px
}

.gain-question{
	display: none
}

.info-container{
	clear: both;
	padding-top: 25px;
	border: 3px solid #fff;
	margin-top: 20px;
	border-radius: 20px
}

.info-holder{
	padding: 10px;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.info-icon{
	display: inline-block
}

.info-text{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	color: #000;
	width: 80%;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif
}

.reveal-if-active-condition{
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	-ms-transform: scale(.8);
	transform: scale(.8);
	transition: .5s
}

.multiple[type=radio]:checked ~ .reveal-if-active-condition.classed,
input[type=checkbox]:checked ~ .reveal-if-active-condition.classed{
	opacity: 1;
	max-height: inherit;
	overflow: visible;
	padding: 10px 0;
	-ms-transform: scale(1);
	transform: scale(1)
}

.reveal-if-active{
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	-ms-transform: scale(.8);
	transform: scale(.8);
	transition: .5s
}

.multiple[type=radio]:checked ~ .reveal-if-active,
input[type=checkbox]:checked ~ .reveal-if-active{
	opacity: 1;
	max-height: inherit;
	overflow: visible;
	padding: 10px 0;
	-ms-transform: scale(1);
	transform: scale(1)
}

.reveal-if-active2{
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	-ms-transform: scale(.8);
	transform: scale(.8);
	transition: .5s
}

.multiple2[type=radio]:checked ~ .reveal-if-active2,
input[type=checkbox]:checked ~ .reveal-if-active2{
	opacity: 1;
	max-height: inherit;
	overflow: visible;
	padding: 10px 0;
	-ms-transform: scale(1);
	transform: scale(1)
}

.reveal-if-active3{
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	-ms-transform: scale(.8);
	transform: scale(.8);
	transition: .5s
}

.multiple3[type=radio]:checked ~ .reveal-if-active3,
input[type=checkbox]:checked ~ .reveal-if-active3{
	opacity: 1;
	max-height: inherit;
	overflow: visible;
	padding: 10px 0;
	-ms-transform: scale(1);
	transform: scale(1)
}

@media only screen and (min-width: 1025px){
	.left-answer{
		width: 79%;
		margin-bottom: 15px;
		display: inline-block;
		vertical-align: top
	}
}

.left-answer .poll-answer-label{
	margin-bottom: 10px
}

@media only screen and (min-width: 640px){
	.left-answer.step5{
		width: 47%
	}
}

.left-answer.step5 .poll-answer-label{
	display: block
}

.left-answer.step5 .poll-answer-label.inline{
	display: inline-block;
	margin-right: 0
}

@media only screen and (min-width: 640px){
	.left-answer.muscle{
		width: 31%
	}
}

.left-answer.muscle .poll-answer-label{
	display: block
}

.left-answer.muscle .poll-answer-label.inline{
	display: inline-block;
	margin-right: 0
}

.textarea-poll{
	border-radius: 30px;
	height: 82px;
	width: 100%;
	max-width: 200px;
	padding: 20px;
	border: 1px solid #adadad;
	resize: none
}

@media only screen and (min-width: 640px){
	.textarea-poll{
		max-width: 500px
	}
}

.check-holder{
	margin-top: 10px
}

@media only screen and (min-width: 640px){
	.two-col-poll{
		float: left;
		width: 33%
	}
}

.home-workout-label.disabled-grey{
	color: grey
}

.fields-holder.block-view input{
	background: #fff;
	color: #000;
	border: 2px solid #edf0f3
}

.file-input-label{
	position: relative;
	display: block;
	padding: 10px 15px;
	color: #f16d2c;
	border: 1px solid #f16d2c;
	width: 150px;
	text-align: center;
	border-radius: 30px
}

.file-input-label:hover{
	cursor: pointer;
	background-color: #f16d2c;
	color: #fff
}

.file-list{
	color: #000;
	margin-top: 15px
}

input.file-input-inner{
	opacity: 0;
	visibility: hidden;
	left: -1000px;
	position: absolute;
	left: -10000px
}

.however{
	display: none
}

.however.active{
	display: block
}

@media only screen and (min-width: 640px){
	.however.active{
		display: inline-block
	}
}

.female-over75,
.female-under75,
.man-gaining,
.man-losing{
	display: none
}

#question22 .left-answer{
	width: 100%;
	height: 100%;
	display: inline-block
}

#selectedFiles,
#selectedFiles-fullbody{
	color: #000
}

.file-name{
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px
}

.selFile{
	display: inline-block
}

.selFile:hover{
	cursor: pointer;
	opacity: .8
}

.poll-answer{
	border: 1px solid #fff
}

.poll-answer:focus{
	border: 1px solid #1f7c8a;
	transition: .2s border ease-in-out
}

.validation-errors span{
	color: #f16d2c;
	display: block;
	margin-top: 10px
}

.dotted-holder .text-input{
	padding: 14px 17px;
	width: 100%;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

@media only screen and (min-width: 640px){
	.dotted-holder .text-input{
		width: auto
	}
}

.step-question .poll-answer{
	padding: 14px 17px
}

.spinner-holder{
	position: relative;
	text-align: center
}

.spinner-img{
	opacity: 0;
	width: 25%;
	position: absolute;
	left: 37%;
	top: -21px
}

@media only screen and (min-width: 640px){
	.spinner-img{
		width: 10%;
		left: 46%
	}
}

.spinner-img.active{
	opacity: 1
}

.gain-women-info{
	display: none;
	position: inherit
}

.gain-women-info.active{
	display: inline-block
}

.enough-gear-male{
	display: none
}

.enough-gear-male.active{
	display: inline-block
}

.finished-icon{
	width: 25%;
	margin: 0 auto;
	display: block
}

@media only screen and (min-width: 1025px){
	.finished-icon{
		width: 13%
	}
}

.tip-content{
	position: absolute;
	top: -10px;
	right: 9999px;
	width: 200px;
	margin-right: -220px;
	padding: 10px;
	color: #fff;
	background: #f16d2c;
	font-size: 13px;
	z-index: 10;
	font-family: 'Open Sans', sans-serif;
	box-shadow: 2px 2px 5px #aaa;
	opacity: 0;
	transition: opacity 250ms ease-out
}

.tip-content:before{
	content: ' ';
	position: absolute;
	top: 17%;
	left: -16px;
	width: 0;
	height: 0;
	margin-top: -8px;
	border: 8px solid transparent;
	border-right-color: #f16d2c
}

.info-bubble:hover .tip-content{
	right: -20px;
	opacity: 1
}

#tooltip{
	text-align: center;
	color: #fff;
	background: rgba(242, 103, 34, .81);
	opacity: .8;
	position: absolute;
	z-index: 100;
	padding: 15px;
	max-width: 300px;
	font-size: 13px
}

#tooltip:after{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(242, 103, 34, .81);
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px
}

#tooltip.top:after{
	border-top-color: transparent;
	border-bottom: 10px solid #111;
	top: -20px;
	bottom: auto
}

#tooltip.left:after{
	left: 10px;
	margin: 0
}

#tooltip.right:after{
	right: 10px;
	left: auto;
	margin: 0
}

.filter.show-steps{
	width: 284px;
	text-align: left;
	padding: 15px 40px;
	box-sizing: border-box;
	margin-top: 80px;
	margin: 80px auto -30px;
	display: block
}

@media only screen and (min-width: 1025px){
	.filter.show-steps{
		display: none
	}
}

.prev-poll-step{
	margin: 25px auto 0;
	display: none;
	background: white;
    color: #f16d2c;
    text-align: center;
}

.prev-poll-step.active{
	display: block
}

@media only screen and (min-width: 1025px){
	/*.prev-poll-step.active{*/
		/*display: none*/
	/*}*/
}

.question-title > small{
	color:#656565;
	display:block;
	font-size:0.8em;
	font-style:italic;
}

.question-title > small::before{
	content:"(";
}

.question-title > small::after{
	content:")";
}

.additional-poll-question{
	box-shadow: 0 0 20px #CCC;
    padding: 5px 20px;
    border: 1px solid #ff6f1b;
}

.additional-poll-question .question-title{
	font-size:14px;
}

.upload-message{
	display: none;
    color: #f16d2c;
    text-align: center;
    border: 1px solid #f16d2c;
    box-shadow: 0 0 20px #ccc;
	margin-bottom:20px;
}

.skrill-payment-container{
	border:none !important;
	width:100%;
	height:auto;
	min-height: 700px;
	/* background:#fff; */
	/* padding:20px 0; */

}
hr{display:block !important}
.payments{
	background:#e6e6e6;
}

.payments .button.trust{
	margin-top: 5px;
	padding: 14px;
}

.payments .payments-header {
    background-image: url(/images/Home/blue-bg.png);
    background-size: cover;
	padding:75px 0 50px 0;
}

.payments-header h3{
	width:80%;
	margin:auto;
	text-align: center;
}

.payments .textarea-poll {
	width: 78%;
	max-width: 100%;
}

.payment-method-container{
	background:white;
}

.promocode {
    text-align: center;
    padding: 10px 20px;
	background:#f0f5f6;
}

input#promocode { margin: 10px;}

.promocode .promocode-title {
		padding: 10px 0;
		font-size: 20px;
    color: black;
		display: inline-block;
}

.promocode .fields-holder {
	display: inline-block;
}

.payments .section-title {
    color: white;
}

.service-info{
	padding:0 30px;
	height:100%;
	color:black;
	background:white;
}

.secure-info-text {
	padding-bottom: 20px;
}

.secure-info-img {
	display: inline-block;
vertical-align: sub;
width: 35px;
}

.fields-holder {
    padding-bottom: 15px;
}

.fields-holder input {
    min-width: 200px;
}

.payments .fields-holder input {
	width:80%;
}

.personal-info {
    padding: 10px;
	background: #188292;
}

.personal-info .terms {
	background: none;
	color: white;
}

.personal-info .button.trust {
}

.personal-info h3 {
}

.text-center {
    text-align: center;
		color:black;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
	text-align: justify;
}

.payments-container{
	background:white;
	margin:20px 0;
	text-align:center;
	padding:30px 0;
}

.radio-container {
	text-align: left;
	margin-left: 35px;
	margin-bottom: 20px;
}

.radio-input-container {

}
.radio-input-container label {
	color:white;
	font-weight: bold;
	width: 100% !important;
}

.payment-gateways {
	padding:20px 30px;
	text-align: left;
	color: white;
	/* margin-top:30px; */
	/* background: white; */
}

.payment-methods {
	margin-top: 20px;
}

.payment-method{
	padding:20px;
}

.submit-button-container {
	padding:40px;
}

.error {

}

.error-list {
	list-style:none;
	padding:10px 0;
	margin:0;
}

.error-list .error-item {
	font-style:italic;
	color:#f16d2c;
	font-weight:600;
}

.completed-payment-process{
	padding:20px 0;
	background:white;
}

.completed-payment-process .header-title{
	color:black;
}

.text-black {
	color:black !important;
}

.hide-me {
	display:none;
}

.bank-transfer{
	background: white;
	border:1px solid #f16d2c;
	border-radius:20px;
	color:black;
	width:80%;
	margin:auto;
	padding:30px;
	margin-bottom:40px;
}

/*.bank-transfer h1 {
	border-bottom:1px solid #f16d2c;
	padding-bottom:40px;
}*/

p.row{
	text-align:center;
}

.personal-info-container{
	text-align: center;
	/*width:80%;*/
	margin:auto;
}

.personal-info-form-container{
	/*border:1px solid #f0f0f0;*/
	/*box-shadow: 0 0 25px #ccc;*/
	/*margin-top:30px;*/
}

.promocode-message-container{
	/*margin-top:20px;*/
}

#promocode{
	width:200px !important;
}

.product-info{
	/*background:#188292;*/
	background:#188292;
	display:flex;
}

.box{
	border-radius: 45px;
	position: relative;
	right: 70px;
	max-width: 500px;
	padding: 115px 20px;
	color:rgba(0, 0, 0, 0);
	text-align: center;
	background: white;
	}

	.box h1{
		margin: 0 0 20px;
		padding: 0;
		font-size:40px;
		color:#11828e;
		text-align: center;

	}



	.box h2{
		margin: 0 0 20px;
		padding-top: 20px;
		font-size:30px;
		color:#f16d2c;
		text-align: center;

	}
	.box h3{
		font-size: 25px;
		color:black;
		text-align: center;

	}




@media only screen and (max-width: 639px){
	.box{
		border-radius: 45px;
		width:200px;
		position: absolute;
		right: -30px;
		max-width: 600px;
		text-align: left;
		padding: 23px;
		color:rgba(0,0,0,.5);
		background-color: white;
		}



		.box h1{
			margin: 0 0 10px;
			padding: 0;
			font-size:18px;
			color:#11828e;
			text-align: center;

		}



		.box h2{
			margin: 0 0 10px;
			padding-top: 5px;
			font-size:17px;
			color:#f16d2c;
			text-align: center;

		}
		.box h3{
			font-size: 15px;
			color:white;
			text-align: center;

		}

	}



	@media only screen and (max-height: 568px){
		.box{
			border-radius: 45px;
			width:162px;
			height: 205px;
			position: absolute;
			right: -22px;
			max-width: 600px;
			text-align: left;
			padding: 23px;
			color:rgba(0,0,0,.5);
			background-color: white;
			}



			.box h1{
				margin: 0 0 0px;
				padding: 0;
				font-size:14px;
				color:#11828e;
				text-align: center;

			}



			.box h2{
				margin: 0 0 0px;
				padding-top: 5px;
				font-size:13px;
				color:#f16d2c;
				text-align: center;

			}
		}






.margin-top-10{
	margin-top:10px;
}

.margin-top-20{
	margin-top:20px;
}

.margin-top-30{
	margin-top:30px;
}

.margin-bottom-20{
	margin-bottom:20px;
}

.margin-bottom-30{
	margin-bottom:30px;
}

.edit-personal-info{
	padding:20px;
	margin-top: 30px;
	color:black;
	border-top: 1px solid #f16d2c;
}

.edit-personal-info h2{
	text-align: center;
	margin-top:0;
}

.skrill {
	color:#57205B;
	font-weight:700;
	font-size:23px;
}

.brand {
	font-weight:700;
}


.terms{
	background:white;
	color:black;
	font-weight:bold;
	padding:10px 0;
}

.terms a {
	color:#f16d2c;
}

.terms .poll-answer-label{
	margin-right:0 !important;
}

.terms-links{
	line-height: 30px;
}

.terms-links a {
	color: white;
	border-bottom: 2px solid #f16d2c;
}

.poll-section .terms-links a {
	color:#f16d2c;
}

.message-container{
	display:none;
}

.pay-pal-container{
	margin-bottom:40px;
}

.pay-pal-container h3{
	color:black;
	font-weight: bold;
	width:80%;
	margin:auto;
	margin-bottom:10px;
}

.img-responsive{
	margin:auto;
}

.row{
	margin-left: initial !important;
	margin-right: initial !important;
}

.packet-new-price{
	font-size:40px;
}

.center-line-height {
	line-height: 50px;
}

.text-orange{
	color:#f16d2c !important;
}

.bold{
	font-weight: bold;
}
.payment-method-container {
	padding:30px 0;
}
.payment-method-container .service-info {
	box-shadow: 0 29px 122px -26px rgba(0, 0, 0, .75);
/*	margin-bottom:40px;*/
}

.completed-payment-process-description{
	color:black;
	padding:30px;
	width:80%;
	margin:auto;
}

.payments h3, .payments h4{
	font-weight:500 !important;
}

.payment-method-description {
	font-style: italic;
	font-weight: bold;
	margin-left:28px;
	color: white;
}

.challenge .payments{
	background:white;
}
.challenge-download-container{
	color:black;
	background:white;
	border:1px solid #188292;
	border-radius:20px;
	margin:30px;
	padding:30px;
}

.challenge-download-container h2{
	color:black;
}

.download-challenge-info{
	text-align:center;
	color:#f16d2c;
}

.new-bullet{
	margin-right:20px;
}

.underline{
	text-decoration:underline !important;
}

.new-1{
	background:url('../images/icons-new/1.png') no-repeat 15px -2px;
	width:20px;
	height:auto;
}

/* DROPDOWN*/

.dropbtn:hover {
	background-color: white;
	color:#188292;
	border-radius:20px;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	z-index: 1;
	text-align:center;
	min-width:120px;
}

.dropdown-content a {
	color: black;
	padding: 16px;
	text-decoration: none;
	display: block;
	background-color: #f9f9f9;

}

.dropdown-content a:hover{
	color:#188292;
}

.dropdown-content a:first-of-type{
	/*border-radius:0 20px 0 0;*/
}

.dropdown-content a:last-of-type{
	border-radius:0 0 20px 20px;
}

.dropdown-content a:hover {
/*background-color: #f1f1f1*/
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: #f9f9f9;
	color:#188292;
	border-radius:20px 20px 0 0;
}

.shops-menu-item{
	min-width:120px;
}

/* DROPDOWN END */

.video-section-container {
	background: white;
	margin-bottom:200px;
}

.video-section-container .media-video{
	padding:0 15px;
	margin-bottom:40px;
}


#bodyFatCalculator .body-fat-calculator-container{
	margin:30px 0;
}

#bodyFatCalculator .body-size-figure{
	width:300px !important;
}

#bodyFatCalculator .calc-box{
	box-shadow:20px 21px 50px -24px rgba(0, 0, 0, .75);
	/*border:1px solid #ccc;*/
}

#bodyFatCalculator .calc-box .calc-inputs{
	padding:1px 20px 20px 20px;
	background:#f0f5f6;
}

#bodyFatCalculator .calc-input-label, #bodyFatCalculator .fields-holder label {
	text-align:left;
	color:black;
	line-height:45px;
	font-weight:400;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
}

.calc-result-label, .calc-input-label {
	font-family: 'Open Sans', sans-serif;
}

#bodyFatCalculator .calc-input{
}

#bodyFatCalculator .fields-holder{
	padding-bottom:5px !important;
}
#bodyFatCalculator .fields-holder input{
	min-width:0;
	padding: 10px 0!important;
	color:#f16d2c;
	text-align: center;
	width: 100%;
}

#bodyFatCalculator .fields-holder input[type='radio']{
	min-width:0;
	width:inherit;
	-webkit-appearance:radio !important;
}

.input-item-dropdown{
	background: 0 0;
	border: none;
	color: #151515;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	background-image: url(../images/arrow-smaller.svg);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-size: 48px;
	background-position: calc(99%) 50%;
	width: 100%;
	height: 45px;
	padding: 0 19px;
	border-radius: 50px;
	background-color: #fff;
}

#bodyFatCalculator .calc-dropdown {
	background: 0 0;
	border: none;
	color: #151515;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	background-image: url(../images/arrow-smaller.svg);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-repeat: no-repeat;
	background-size: 48px;
	background-position: calc(99%) 50%;
	width: 100%;
	padding: 0 19px;
	border-radius: 50px;
	background-color: #fff;
}


#bodyFatCalculator .calc-sex-radio-container{
	width:140px;
}

#bodyFatCalculator .poll-part-title{
	margin-bottom:10px;
}

#bodyFatCalculator .title-filter-holder {
	padding:60px 10px !important;
}

#bodyFatCalculator .body-size-img {

}

#bodyFatCalculator .error {
	display: none;
}
.calc-results-container{
	padding: 1px 20px 20px 20px
}
.calc-results-container .calc-result-label{
	color:black;
}

.calc-results-container .calc-result-value{
	color:#f16d2c;
}

.calc-info-container {
	color:black;
	margin-top:40px;
	padding:10px;
}

.calc-info-box {
	padding:1px 20px;
	border: 1px solid white;
}

.calc-info-box:hover {
	background: #f0f5f6;
	border-color: #f0f0f0;
}

.calc-info-box p {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #393939;
	margin: 30px 0;
	line-height: 1.45;
}

.calc-info-box h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #393939;
}

.calc-info-box ul {
	list-style: none;
	padding-left: 0;
}

.calc-info-box ul li {
	color: #393939;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-style: inherit;
	margin: 10px 0;
}

.calc-info-box ul li:before {
	content: "\e905";
	font-size: 25px;
	color: grey;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	font-family: fitbg !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.home-slogan, .slogan{
	max-width: 300px;
}

@media only screen and (max-width: 639px){
	.home-slogan, .slogan{
		max-width: 200px;
	}

	.featured-blog-section .container {
		padding-left: inherit;
		padding-right: inherit;
	}

	.article-details .blog-detail {
		display: block;
	}
}

@media only screen and (max-width: 992px){
	.article-content-container {
		padding: 0 20px;
	}
}

.img-flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.feedback-container {
	margin-top: 30px;
	padding-bottom:40px;
}

.feedback-item-container {
	padding:20px;
	background:white;
	color:black;
	min-height:180px;
}

.feedback-item-img-holder {
	padding:20px 0;
	text-align: center;
	margin: auto;
}

.feedback-item-container .feedback-item-comment-text {
	font-style: italic;
	font-weight:500;
}

/*.feedback-item-container .feedback-item-comment-text:before {*/
	/*content: "\"";*/
/*}*/

/*.feedback-item-container .feedback-item-comment-text:after {*/
	/*content: "\"";*/
/*}*/

.feedback-item-person-name {
	margin-top: 15px;
	font-weight: 700;
/*	align-self: flex-end;*/
}
.feedback-item {
	margin-top:20px;
}

.personal-info-form-container .feedback-item {
	width: 95%;
	margin:auto;
}

.feedback-item .items-container{
	background-color:#f0f5f6;
}


.fb_dialog {
	z-index: 1 !important;
}

.poll-buttons-container {
	max-width: 250px;
	margin: auto;
	text-align: center;
	margin-top: 40px;
}

.poll-submit-button {
	width: 100%;
}

.about-us-page h1,
.about-us-page h2,
.about-us-page h3,
.about-us-page h4 {
	font-weight: inherit !important;
}

.about-us-page h2 {
	font-size: 36px;
}


.about-us-page .container {
	max-width: 760px;
	margin: auto;
}

#hoAreWe,
#whatWeBeleive,
#howWeAchieveIt,
#whatWeDo,
#visionForTheFuture {
	color: #353535;
	padding: 45px 15px 70px 15px;
	font-size: 18px;
}

#aboutTopHeader {
	color: #353535;
	background: #f0f5f6;
	font-size: 18px;
}

#aboutTopHeader .container {
	max-width: 900px;
}


#whatWeBeleive {

}

#visionForTheFuture {
	background: linear-gradient(111deg, rgba(241, 109, 44, .93) 0, rgba(243, 211, 48, .93) 100%);
	color: white;
	clear: both;
}

#howWeAchieveIt {
	margin-top: 0;
	background: #f0f5f6;
}

ul.about-section-list > li {
		margin-top: 10px;
}

.about-sub-section {
	margin-top: 50px;
}

.about-sub-section:first-of-type {
	margin-top: 0;
}

.about-sub-section-heading {
		text-align: center;
}

.about-sub-section-number {
	color: #f16d2c;
	border: 1.5px solid;
	/* font-weight: bold; */
	margin: auto;
	padding: 8px;
	width: 27px;
	border-radius: 50%;
	text-align: center;
	font-size: 22px;
}

.greetings-header {
	display: flex;
	align-items: center;
	flex-direction: column-reverse;
}


@media only screen and (min-width: 1025px) {
	.greetings-header {
		flex-direction: row;
	}
	.about-us-greetings-text {
		margin: 0;
	}
}

.about-us-greetings-text {
	flex: 1;
	color: #353535;
	box-shadow: 0 6px 30px -10px rgba(0, 0, 0, .75);
	padding: 15px 30px;
	border-radius: 30px;
	margin: 30px 0;
}

.about-us-greetings-img {
	flex: 2;
}


.price-table-container {

	color: black;
}

.individual-programs {
	border: 2px solid #f16d2c;
	padding: 7px;
	max-width: 90%;
	border-radius: 50px;
	margin-top: 4px;
}

.what-is-new-banner-container {
	margin-top: 30px;
}

.order-number {
	margin: auto;
	margin-bottom: 20px;
	text-align: center;
	max-width: 200px;
	border: 2px dotted #7bf542;
	padding: 10px 20px;
}
}

/* lazyloading lazy */

img {
  background: #F1F1FA;
  width: 400px;
  height: 300px;
  display: block;
  margin: 10px auto;
  border: 0;
}