@import url('fonts.css');

body {
	font: 400 18px/23px FuturaPT;
	color: #373737;
	background: #fff
}

.btn-orange {
	padding: .8125rem 1.5rem;
	font: 700 20px/25px "Open Sans";
	color: #fff;
	text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
	outline: 0 none;
	box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
	background: -webkit-linear-gradient(286.33deg, #F09819 7.53%, #FF5858 89.96%);
	background: -moz-linear-gradient(286.33deg, #F09819 7.53%, #FF5858 89.96%);
	background: linear-gradient(163.67deg, #F09819 7.53%, #FF5858 89.96%);
}
.btn-sm{
	font-size: 16px!important;
	font-weight: 500!important;
	line-height: 20px!important
}
.btn-orange span{
	font-weight: 400
}
.btn-orange:hover {
	color: #fff;
	background: -webkit-linear-gradient(22deg, #005FBD 0%, #00ABE9 98.47%);
	background: -moz-linear-gradient(22deg, #005FBD 0%, #00ABE9 98.47%);
	background: linear-gradient(68deg, #005FBD 0%, #00ABE9 98.47%);
}

h1 {
	margin: 0 0 40px 0;
	font: 500 80px/80px FuturaPT;
	color: #fff;
}
h1 span{
	font: 300 70px/70px FuturaPT;
}
h2 {
	margin: 0 0 20px 0;
	font: 400 60px/60px FuturaPT;
	color: #373737;
	letter-spacing: -0.02em
}
h2 span{
	font-weight: 700;
	color: #00ABE9;
}
h3{
	font: 500 24px/30px FuturaPT;
	color: #373737;
}
p {
	font: 400 18px/23px FuturaPT;
	color: #373737;
}
a{
	color: #00ABE9;
}
.text-md {
	font-size: 16px;
	line-height: 20px
}
.text-sm {
	font-size: 14px;
	line-height: 18px
}
.text-light{
	font-weight: 300;
}
.text-break-all{
	word-break: break-all;
}
@media (max-width: 991px){
	h1{
		font: 500 50px/40px FuturaPT;
	}
	h1 span{
		font: 300 40px/40px FuturaPT;
	}
	h2 {
		font: 500 36px/40px FuturaPT!important;
		letter-spacing: -0.03em!important
	}
	h2 span {
		font: 700 45px/40px FuturaPT!important
	}
	.btn-orange{
		font: 700 20px/25px FuturaPT;
	}
	.btn-orange span{
		font-weight: 400
	}
}
/* sections */
.sec0{
	background: url(../img/bg_collection_sec0.jpg) no-repeat 50% 0 / cover
}
.sec0 .row{
	min-height: -moz-calc(100vh - 86px);
	min-height: -webkit-calc(100vh - 86px);
	min-height: calc(100vh - 86px);
	max-height: 1080px;
}
.sec0 p{
	margin-bottom: 30px;
	font: 400 30px/38px FuturaPT;
	color: #fff;
}
.sec1{
	padding: 100px 0 50px 0;
}
.sec2{
	padding: 50px 0;
}
.sec2 img{
	width: auto;
	min-height: 550px;
}
.sec3{
	padding: 50px 0;
}
.sec3 h2{
	font-size: 50px
}
.sec3 h2 span{
	font-size: 70px
}
.sec3 .nav li{
	padding-bottom: 20px;
	position: relative
}
.sec3 .nav li::before{
	content: '';
	width: 79px;
	height: 226px;
	display: block;
	position: absolute;
	top: 0;
	left: -10%;
	right: 0;
	margin: auto;
	background-color: #EAF6FF;
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px)
}
.sec3 .nav li:nth-child(2)::before,
.sec3 .nav li:nth-child(3)::before{
	width: 286px;
	height: 79px;
	top: auto;
	bottom: 0;
	background-color: rgba(254, 187, 222, 0.3)
}
.sec3 .nav .ico{
	width: 48px;
	height: 57px;
	display: block;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.sec3 .nav li:nth-child(1) .ico{
	background-size: 48px 48px;
	background-image: url(../img/ico4.svg)
}
.sec3 .nav li:nth-child(2) .ico{
	background-size: 42px 57px;
	background-image: url(../img/ico2.svg)
}
.sec3 .nav li:nth-child(3) .ico{
	background-size: 48px 43px;
	background-image: url(../img/ico1.svg)
}
.sec3 .nav li:nth-child(4) .ico{
	background-size: 47px 48px;
	background-image: url(../img/ico3.svg)
}
.sec4 {
	background: url(../img/bg_collection_sec4.jpg) no-repeat 50% 0 / cover
}
.sec4 .row,
.sec5 .row{
	padding: 100px 0
}
.sec4 h2{
	font-size: 50px;
}
.sec5 h2{
	font-size: 70px
}
.sec6{
	padding-bottom: 100px;
	background: url(../img/bg_reviews.svg) no-repeat 50% 40px / 1180px 442px
}
.sec6 h2{
	margin-bottom: 135px
}
.sec6 .owl-carousel .owl-nav button.owl-next,
.sec6 .owl-carousel .owl-nav button.owl-prev{
	width: 20px;
	height: 30px;
	position: absolute;
	top: -moz-calc(50% - 15px);
	top: -webkit-calc(50% - 15px);
	top: calc(50% - 15px);
	border: 0 none!important;
	outline: 0 none!important;
}
.sec6 .owl-carousel .owl-nav{
	width: 100%;
}
.sec6 .owl-carousel .owl-nav button.owl-prev{
	left: -150px;
	background: url("data:image/svg+xml,%3csvg width='20' height='30' viewBox='0 0 20 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.7313 0L19.2687 3.53754L7.80628 15L19.2687 26.4625L15.7313 30L0.731316 15L15.7313 0Z' fill='%23EDEDED'/%3e%3c/svg%3e") no-repeat 50%
}
.sec6 .owl-carousel .owl-nav button.owl-next{
	right: -150px;
	background: url("data:image/svg+xml,%3csvg width='20' height='30' viewBox='0 0 20 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.26868 0L0.731262 3.53754L12.1937 15L0.731262 26.4625L4.26868 30L19.2687 15L4.26868 0Z' fill='%23EDEDED'/%3e%3c/svg%3e") no-repeat 50%
}
.sec6 .owl-carousel .owl-nav button.owl-next span,
.sec6 .owl-carousel .owl-nav button.owl-prev span{
	display: none
}
.sec7{
	padding: 50px 0 85px 0
}
.sec7 h2{
	font-size: 50px
}
.sec7 h2 span{
	font-size: 70px
}
.sec7 .nav{
	position: relative;
}
.sec7 .nav::before{
	content: '';
	width: -webkit-calc(100% + 100px);
	width: -moz-calc(100% + 100px);
	width: calc(100% + 100px);
	height: 175px;
	display: block;
	position: absolute;
	top: -webkit-calc(50% - 87.5px);
	top: -moz-calc(50% - 87.5px);
	top: calc(50% - 87.5px);
	left: -80px;
	right: 0;
	margin: auto;
	background-color: rgba(254, 187, 222, 0.3);
	-webkit-transform: rotate(-16.27deg);
	   -moz-transform: rotate(-16.27deg);
	     -o-transform: rotate(-16.27deg);
	        transform: rotate(-16.27deg);
}
.sec8{
	background: url(../img/bg_collection_sec8.jpg) no-repeat 50% 0 / cover
}
.sec8 .row{
	padding: 80px 0
}
.sec9{
	padding: 50px 0
}
.sec9 h2 span{
	font-size: 70px
}
@media (max-width: 991px){
	.sec0{
		background-image: url(../img/bg_collection_sec0_m.jpg)
	}
	.sec0 .row{
		min-height: 100vh;
	}
	.sec0 p {
		font: 400 20px/25px FuturaPT;
	}
	.sec1{
		padding: 40px 0
	}
	.sec2{
		padding: 0 0 40px 0
	}
	.sec2 img{
		max-width: 100%;
		min-height: auto
	}
	.sec3{
		padding: 40px 0
	}
	.sec3 .nav li::before{
		left: auto;
		right: 0
	}
	.sec3 .nav li:nth-child(3)::before{
		top: 80px;
		bottom: auto;
		left: auto;
		right: -80px;
	}
	.sec3 .nav li:nth-child(4)::before{
		left: 0;
		right: 0;
		margin: auto;
	}
	.sec4{
		background-image: url(../img/bg_collection_sec4_m.jpg)
	}
	.sec4 .row,
	.sec5 .row{
		padding: 50px 0;
	}
	.sec4 .btn-orange{
		width: 100%;
	}
	.sec4 .bg-white{
		opacity: .85
	}
	.sec6{
		padding: 50px 0;
    background: url(../img/bg_reviews_m.svg) no-repeat 50% 110px / 337px 413px;
	}
	.sec7{
		padding: 50px 0;
	}
	.sec8{
		background-image: url(../img/bg_collection_sec8_m.jpg)
	}
	.sec8 .row{
		padding: 50px 0
	}
	.sec6 .owl-carousel .owl-nav button.owl-prev{
		left: 0;
	}
	.sec6 .owl-carousel .owl-nav button.owl-next{
		right: 0;
	}
	.sec9 h2{
		letter-spacing: -0.04em!important
	}
}
/* sections */
/* form */
.sec8 form{
	width: 75%
}
.sec8 .form-control{
	padding: 13px 20px;
	font: 400 16px/20px FuturaPT;
	color: #373737;
	border: 0 none;
	outline: 0 none;
	border-radius: 0;
	box-shadow: none!important
}
@media (max-width: 991px){
	.sec8 form{
		width: 100%;
	}
}
/* form */
/* footer */
footer>div:first-child{
	padding: 100px 0;
	background-color: #3476BB
}
footer>div:last-child{
	padding: 25px 0;
}
footer .nav .nav-link{
	font: 400 16px/20px FuturaPT;
	color: #373737;
	text-decoration: none;
}
footer .nav .nav-link:hover{
	color: #3476BB;
}
footer .nav .nav-link .ico{
	width: 54px;
	height: 54px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}
footer .nav .nav-link:hover .ico{
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}
footer .nav .nav-link .ico.tg{
	background-image: url(../img/ico_tg.svg)
}
footer .nav .nav-link .ico.fb{
	background-image: url(../img/ico_fb.svg)
}
footer .nav .nav-link .ico.vk{
	background-image: url(../img/ico_vk.svg)
}
footer .nav .nav-link .ico.ig{
	background-image: url(../img/ico_ig.svg)
}
@media (max-width: 991px){
	footer>div:first-child{
		padding: 50px 0
	}
}
/* footer */
/* modal collection buy*/
.collection__buy .close{
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	top: 18px;
	right: 20px;
	opacity: 1!important;
	border: 0 none!important;
	outline: 0 none!important;
	background: url("data:image/svg+xml,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.55751 7.49995L14.025 2.03245C14.1479 1.88898 14.2121 1.70442 14.2048 1.51566C14.1975 1.3269 14.1193 1.14785 13.9857 1.01428C13.8521 0.880709 13.6731 0.802459 13.4843 0.795168C13.2955 0.787877 13.111 0.852082 12.9675 0.974952L7.50001 6.44245L2.03251 0.967452C1.88903 0.844582 1.70448 0.780378 1.51572 0.787669C1.32696 0.79496 1.14791 0.873209 1.01434 1.00678C0.880768 1.14035 0.802518 1.3194 0.795227 1.50816C0.787936 1.69692 0.852141 1.88148 0.975011 2.02495L6.44251 7.49995L0.967511 12.9675C0.888999 13.0347 0.825234 13.1174 0.780217 13.2105C0.735199 13.3035 0.709901 13.4049 0.705912 13.5082C0.701922 13.6115 0.719326 13.7145 0.757032 13.8107C0.794738 13.9069 0.851932 13.9943 0.925023 14.0674C0.998114 14.1405 1.08552 14.1977 1.18177 14.2354C1.27801 14.2731 1.38101 14.2905 1.4843 14.2866C1.58759 14.2826 1.68894 14.2573 1.78199 14.2122C1.87504 14.1672 1.95778 14.1035 2.02501 14.025L7.50001 8.55745L12.9675 14.025C13.111 14.1478 13.2955 14.212 13.4843 14.2047C13.6731 14.1974 13.8521 14.1192 13.9857 13.9856C14.1193 13.8521 14.1975 13.673 14.2048 13.4842C14.2121 13.2955 14.1479 13.1109 14.025 12.9675L8.55751 7.49995Z' fill='%23FAA541'/%3e%3c/svg%3e") no-repeat 50%
}
.collection__buy .modal-content{
	min-width: 580px;
}
.collection__buy form{
	padding: 40px 80px;
	position:relative
}
.collection__buy h2{
	margin-bottom: 10px;
	font: 700 30px/36px FuturaPT;
	color: #00ABE9;
}
.collection__buy .form-control{
	padding: 13px;
	font: 400 16px/20px FuturaPT;
	color: #373737;
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
	border-radius: 0;
	box-shadow: none!important
}
@media (max-width: 991px){
	.collection__buy .modal-content{
		min-width: auto;
	}
	.collection__buy form{
		padding: 50px 30px;
	}
	.collection__buy button{
		width: 100%;
	}
}
/* modal collection buy*/

.badge-primary{
	font: 600 16px/22px "Open Sans";
	background: -webkit-linear-gradient(286.33deg, #F09819 7.53%, #FF5858 89.96%);
	background: -moz-linear-gradient(286.33deg, #F09819 7.53%, #FF5858 89.96%);
	background: linear-gradient(163.67deg, #F09819 7.53%, #FF5858 89.96%);
}

.text-orange{
	color: #16a085;
	position: relative;
	background: -webkit-linear-gradient(175.85deg, #F09819 7.53%, #FF5858 89.96%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}