/* flexgrid
----------------------------------------------------------*/
.grid{display:grid;}.flex{display:flex}.column{flex-direction:column}.wrap{flex-wrap:wrap}.jc-start{justify-content:start}.jc-end{justify-content:end}.jc-flex-start{justify-content:flex-start}.jc-flex-end{justify-content:flex-end}.jc-center{justify-content:center}.jc-space-between{justify-content:space-between}.jc-space-around{justify-content:space-around}.jc-space-evenly{justify-content:space-evenly}ji-center:{justify-items:center}.ai-start{align-items:start}.ai-end{align-items:end}.ai-flex-start{align-items:flex-start}.ai-flex-end{align-items:flex-end}.ai-center{align-items:center}.ac-start{align-content:start}.ac-end{align-content:end}.ac-flex-start{align-content:flex-start}.ac-flex-end{align-content:flex-end}.ac-center{align-content:center}.ac-space-between{align-content:space-between}.ac-space-evenly{align-content:space-evenly}.js-start{justify-self:start}.js-center{justify-self:center}.js-end{justify-self:end}.as-start{align-self:start}.as-end{align-self:end}.as-flex-start{align-self:flex-start}.as-flex-end{align-self:flex-end}.as-center{align-self:center}.grow{flex-grow:1}.no-shrink{flex-shrink:0}.fb-100{flex-basis:100%}.left{text-align:left}.center{text-align:center}.right{text-align:right}.absolute {position: absolute}.relative {position: relative}



/* fonts
----------------------------------------------------------*/
@font-face { 
	font-family: 'Open Sans'; 
	src: url('fonts/OpenSans-Regular.woff2') format('woff2'),  
		 url('fonts/OpenSans-Regular.woff') format('woff')
}

@font-face { 
	font-family: 'Proxima Nova Bold'; 
	src: url('fonts/ProximaNova-Bold.woff2') format('woff2'),  
		 url('fonts/ProximaNova-Bold.woff') format('woff')
}


/* Variables
----------------------------------------------------------*/
:root {
	--blue: #1e8dd2;
	--red: red;
	--gray: #454545
}


/* Colors
----------------------------------------------------------*/
.blue {color: var(--blue)}
.red {color: var(--red)}
.gray {color: var(--gray)}


/* Elements
----------------------------------------------------------*/
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}


/* images
----------------------------------------------------------*/
img {
	display: block;
	max-width: 100%; 
	height: auto; 
	border: none
}

a:not(.logo) svg, a:not(.logo) svg rect, a:not(.logo) svg circle {
  fill: currentColor;
  transition: all .2s
}


/* links
----------------------------------------------------------*/


/* Text
----------------------------------------------------------*/
h1 {
	font-size: 6rem;
	font-family: Proxima Nova Bold;
	margin-bottom: 20px
}

.bold {
	font-weight: bold
}

.normal {
	font-weight: normal
}



/* products */
.craft-products .-title {
	font-size: 1.5em !important;
	font-weight: 600 !important;
}

.craft-products .-desc {
	font-weight: 300 !important;
	line-height: 1.3 !important;

}

.craft-products .-choose{
	font-weight: 300 !important;
}
.craft-products .-for{
	font-weight: 22px !important;
}


/* Table
----------------------------------------------------------*/


.ancor{
	padding-top: 100px !important;
	margin-top: -100px !important;
	-webkit-background-clip: content-box;
	background-clip: content-box;
}

.title-desc{
	font-size: 1em !important;
	margin-top: -0.5em;
}
.margin-50{
	margin: 25px 0
}


.sms-table td{
	padding: 0 !important;
	border: 0 !important;
}
.section__title{
	font-weight: 300 !important;
}
.section__desc{
	font-weight: 300 !important;
	line-height: 1.3em !important;
	font-size: 22px !important;	
}
.block__title{
	font-weight: 300 !important;
	line-height: 1.3em !important;
	font-size: 22px !important;
}
.block__desc{
	font-weight: 300 !important;
	line-height: 1.5em !important;
	font-size: 18px !important;	
}

.title__desc{
	font-weight: 300 !important;
	line-height: 1.3em !important;
	font-size: 18px !important;
}

/*online-trainer*/
.online-trainer h4{
	font-size: 1.3em !important;
	font-weight: 300 !important;
}

/*online-benifits*/

.online-benifits h4{
	font-size: 1.3em !important;
	font-weight: 300 !important;
}

/*online-products*/
.online-products .-title {
	font-size: 1.5em !important;
	font-weight: 600 !important;
}

.online-products .-desc {
	font-weight: 300 !important;
	line-height: 1.3 !important;
	font-size: 1.3em !important;
}

.online-products .-choose{
	font-weight: 300 !important;
}
.online-products .-for{
	font-weight: 22px !important;
}
/* Start
----------------------------------------------------------*/
.section {
	max-width: 1280px;
	margin: 0 auto
}


.section .logotype {
	margin-bottom: 50px
}

.section .blocks {

	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: 50px;
	margin: 50px 0;
	padding: 20px
}

.section .blocks > a {
	font-weight: 300;
	line-height: 1.55;
	color: var(--gray);
	transition: color .2s;
	text-decoration: none;
	border: 1px solid var(--gray);
	padding: 30px 20px;
	background: white;
	box-shadow: 0 6px 16px rgba(52, 52, 52, 0.1);
}

.section .block h4, .section .block svg {
	transition: color .2s
}

.section .blocks.tow > a:not(.nohover):hover {
	background: whitesmoke
}

.section .blocks > a:not(.nohover):hover svg, 
.section .blocks > a:not(.nohover):hover h4 {
	color: var(--red);
	transition: color .2s
}

.section .block > h4 {
	font-size: 22px;
    font-weight: 400;	
	color: #444444;
}

.section .blocks > div:not(.column) .img, .section .blocks > a > div:not(.column) .img, .section .blocks > div > div.img:not(.list) {
	margin: 5px 20px 0 0
}

.section .blocks > .column .img, .section .blocks > a > .column .img {
	margin-bottom: 20px
}

.section .blocks:not(.socials) .img svg {
	width: 24px;
	height: 24px
}

.section .blocks:not(.socials) .img.big svg {
	width: 50px;
	height: 50px
}


.section .block svg {
	margin-bottom: 2rem
}

/*.section .blocks > div:not(.nohover):hover h4 {
	color: var(--red)
}
*/

/* The blocks the type two */
.section .blocks.two {

	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr))
}

.section .blocks.three {

	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
}

.section .blocks.two > a, section .blocks.three > a {
	border: none
}

.section.cont {
	padding: 50px;
	font-size: 1.5rem
}

.section.cont > div {
	box-shadow: 0 6px 16px rgba(52, 52, 52, 0.1);
	background: aliceblue;
	/*height: 500px;*/
	padding: 50px
} 


.section .socials a {
	margin: 0 10px
}

.section.text {
	padding: 0 20px
}


/* Figure */
.section figure {
	margin: 0
}

.section figure img {
	margin-bottom: 20px
}


/* Slider */
.swiper .promo__body {
	padding: 20px 0 100px 0 
}

.swiper .promo__slide {
	height: auto
}

.swiper .promo__arrow {
	top: calc(50% - 20px)
}

.swiper .promo__arrow::after {
	opacity: initial
}

.swiper .promo__bullet {
	border-color: var(--gray)
}

.swiper .promo__bullet:hover {
	border-color: var(--red)
}

.swiper .promo__bullet_active {
	border-color: var(--red) !important;
	background: var(--red)
}

/* Fix bug */
.section .steps::after, .section .steps::before {
	content: none
} 

.swiper-container .promo__slide {
	padding: 0 20px
}

/*card-for*/

.card-for .description{
	width: 253px;
}

.card-for a{
	text-decoration: none;
}

.card-for figcaption {
	border-bottom: 0 !important;
}
/* adaptability
----------------------------------------------------------*/
/* 1024px (Apple iPad 2) */
@media screen and (max-width: 1024px) {}


/* 960px (iPhone 4) */
@media screen and (max-width: 960px) {}


/* 768px (Apple iPad 2 (Portrait)) */
@media screen and (max-width: 768px) {}


/* 640px (iPhone 4 (Portrait)) */
@media screen and (max-width: 640px) {}


/* 480px (HTC Desire 310 (Portrait)) */
@media screen and (max-width: 480px) {

	.section .blocks.two {

    	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
}


/* Print
----------------------------------------------------------*/
@media print {}