@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'Integral CF Demi';
    src: url('../fonts/IntegralCF-DemiBoldOblique.woff2') format('woff2'),
        url('../fonts/IntegralCF-DemiBoldOblique.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Integral CF';
    src: url('../fonts/IntegralCF-RegularOblique.woff2') format('woff2'),
        url('../fonts/IntegralCF-RegularOblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Integral CF';
    src: url('../fonts/IntegralCF-Heavy.woff2') format('woff2'),
        url('../fonts/IntegralCF-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Integral CF Extra';
    src: url('../fonts/IntegralCF-ExtraBoldOblique.woff2') format('woff2'),
        url('../fonts/IntegralCF-ExtraBoldOblique.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Integral CF';
    src: url('../fonts/IntegralCF-MediumOblique.woff2') format('woff2'),
        url('../fonts/IntegralCF-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Integral CF';
    src: url('../fonts/IntegralCF-HeavyOblique.woff2') format('woff2'),
        url('../fonts/IntegralCF-HeavyOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Integral CF';
    src: url('../fonts/IntegralCF-Bold.woff2') format('woff2'),
        url('../fonts/IntegralCF-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Integral CF';
    src: url('../fonts/IntegralCF-Medium.woff2') format('woff2'),
        url('../fonts/IntegralCF-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Integral CF Demi';
    src: url('../fonts/IntegralCF-DemiBold.woff2') format('woff2'),
        url('../fonts/IntegralCF-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Integral CF';
    src: url('../fonts/IntegralCF-BoldOblique.woff2') format('woff2'),
        url('../fonts/IntegralCF-BoldOblique.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Integral CF Extra';
    src: url('../fonts/IntegralCF-ExtraBold.woff2') format('woff2'),
        url('../fonts/IntegralCF-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body{ min-height:100vh; font-size:16px; font-family: 'Montserrat', sans-serif !important; background:#000; color:#000; }
form{ margin:0px;}
p, li{ color:#000; font-size:17px; line-height:1.4; font-weight:400;}
h1, h2, h3{ line-height:1.1; font-weight:300;}
p{ color:#000; margin-bottom:15px;}
p strong, li strong{ font-weight:700;}
a{ -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.row{ margin:0 -30px;}
.row [class*="col-"]{ padding:0 30px;}
.row5{ margin:0 -5px;}
.row5 [class*="col-"]{ padding:0 5px;}
.row10{ margin:0 -10px;}
.row10 [class*="col-"]{ padding:0 10px;}
.row15{ margin:0 -15px;}
.row15 [class*="col-"]{ padding:0 15px;}
.row20{ margin:0 -20px;}
.row20 [class*="col-"]{ padding:0 20px;}
input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], textarea{ height:45px; font-size:14px; font-weight:400; background:#f7f7f7; border:1px solid #d9d9d9; border-radius:3px;}
textarea{ height:75px;}
.text-center{ text-align:center;}
.preloader{ background-image:url(../images/loading.gif); z-index:99999999; background-size:125px 125px;}
.btn{ font-family:'Integral CF', sans-serif; font-size:22px; line-height:30px; height:auto; padding:20px 30px; padding-right:60px; font-weight:700; border-radius:3px; white-space:normal;}
.btn.btn-default{  background:#db4599; border:1px solid #db4599; color:#fff; font-weight:500; vertical-align:top;}
.btn.btn-default:hover, .btn.btn-default:focus{ background:#642c7e; border-color:#642c7e;}
.btn.btn-default strong{ font-weight:inherit; text-decoration:underline;}
.btn.btn-default:after{ content:"\f101"; font-family:FontAwesome; font-size:30px; color:#fff; position:absolute; right:35px;}
.btn.btn-default.no-icon{ padding-right:35px;}
.btn.btn-default.no-icon:after{ display:none;}
.wrapper{ width:100%; min-height:auto !important;}
.content{ background:#fff;}
img.shadow{box-shadow:0 2px 5px 2px rgba(0,0,0,0.3);}
.mfp-bottom-bar{ display:none;}

.header{ width:100%; float:left; background:#000; background:url(../images/title.jpg); background-size:cover; background-position:center center; font-size:14px; padding:60px 0; text-align:center;}
.header .logo{ display:inline-block; line-height:45px; vertical-align:middle; text-align:center; margin-bottom:0px;}
.header .logo img{ max-height:60px;}
.header .slogan{ float:right; vertical-align:middle;text-align:right;}
.header .slogan h3{ text-transform:uppercase; line-height:45px;}

.block{ width:100%; padding:80px 0px; display:inline-block;}
.block h1{ font-family:'Integral CF', sans-serif; font-size:45px; line-height:45px; font-weight:500; color:#642c7e; margin-bottom:40px;}
.block h2{ font-family:'Integral CF', sans-serif; font-size:20px; font-weight:500; color:#db4599; margin-bottom:20px;}
.block h2 span{ text-decoration:underline;}
.block h2.title-box{ font-size:28px; line-height:32px; padding:20px; color:#e43b2c; font-weight:600; background:#f7f7f7; border:1px solid #e1e1e1; border-radius:3px; margin-bottom:0px;}
.block h2.title-box strong{ color:#000;}
.block h3{ font-size:24px; font-weight:700; color:#000; font-weight:600; margin-bottom:20px;}
.block h3 strong{ color:#e43b2c; font-weight:700;}
.block ul{ margin:0px; padding:0px; margin-bottom:10px;}
.block li{ min-height:24px; position:relative; margin-bottom:7px; line-height:24px; padding-left:30px;}
.block ul.uppercase li{ text-transform:uppercase;}
.block li:last-child{ margin-bottom:0px;}
.block li:before{ content:"\f14a";  font-family:FontAwesome; position:absolute; top:2px; left:0px; font-size:22px; line-height:20px; color:#333;}
.block p + .btn, .block ul + .btn{ margin-top:20px;}
.block .video{ position:relative; padding-bottom:56.25%; height: 0;}
.block .video iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.block .image{ margin-bottom:40px;}

.gallery{ padding-top:0px !important; padding-bottom:60px;}
.gallery .row{ margin:0 -10px;}
.gallery .row [class*="col-"]{ padding:0 10px;}
.gallery .image{ margin-bottom:20px;}

.form .row{ margin:0 -5px;}
.form .row [class*="col-"]{ padding:0 5px;}
.form .row + .row{ margin-top:0px;}
.form .check{ width:100%; float:left; margin-bottom:20px;}
.form label{ color:#000; font-weight:500;}
.form label span{}
.form .check input[type=checkbox] {display: none;}
.form .check label{float:left; width:100%; position:relative; font-weight:400; color:#5c5c5c; vertical-align:top;}
.form .check label:before{ width:20px; height:20px; left:0px; background:#f7f7f7; border:1px solid #d9d9d9; content:""; position:absolute; margin-right:10px; cursor:pointer; border-radius:3px;}
.form .check input[type=checkbox]:checked + label:before { font-family:FontAwesome; content:"\f00c"; text-align: center; line-height:20px; font-size:12px; color:#222;}
.form .check label span{ display:inline-block; padding-left:30px; font-size:14px; text-align:left; color:#000; line-height:24px; float:left; font-weight:500;}
.form .check label span a{ color:#000; text-decoration:underline; font-weight:500;}
.form .check label span a:hover{ text-decoration:none;}
.form span.errore{ font-size:14px; color:#df301e; font-weight:500; margin-top:5px;}

.footer{ width:100%; background:#642c7e; padding:40px 0; text-align:center;}
.footer .store{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.2)}
.footer .store h3{ font-family:'Integral CF', sans-serif; font-size:26px; line-height:1; color:#fff; font-weight:700; margin:0 0 10px 0;}
.footer .store p{ font-size:16px; line-height:24px; color:#fff;}
.footer .fb{ margin-bottom:20px;}
.footer .fb p{ font-size:14px; line-height:20px; color:#fff;}
.footer .logo{ height:30px; display:inline-block; margin-bottom:20px;}
.footer .links{ margin-bottom:0px; text-align:center;}
.footer .links p{ font-size:12px; line-height:18px; text-align:center; color:#fff; font-weight:400;}
.footer .links a{ color:#fff; font-weight:400;}
.footer .links a:hover{ text-decoration:underline; text-align:center;}
.footer .copyright p{ font-size:12px; line-height:18px; text-align:center; color:#fff; font-weight:400;}

.popup{ max-width:680px; text-align:center; padding:50px;}
.popup .progress{ width:100%; max-width:600px; height:35px; margin:0 auto; margin-bottom:40px; border-radius:10px;}
.popup .progress-bar{ font-size:16px; line-height:35px; background-color:#642c7e;}
.popup h2{ font-family:'Integral CF', sans-serif; font-size:30px; line-height:34px; color:#642c7e; font-weight:700; margin:20px 0;}
.popup .form input[type="text"]{ font-family:'Montserrat', sans-serif; height:60px; line-height:60px; font-size:20px; margin-bottom:20px;}
.popup .form input[type="submit"]{ background:#db4599; border-color:#db4599; font-weight:500; line-height:30px;}
.popup .form input[type="submit"]:hover{ background:#642c7e; border-color:#642c7e;}
.popup .form .form-group{ margin-bottom:0px;}
.popup .form .secure{ width:auto; display:inline-block; font-size:13px; line-height:20px; margin-top:5px; position:relative; padding-left:15px; font-weight:500;}
.popup .form .secure:before{ content:"\f023"; font-family:FontAwesome; font-size:12px; position:absolute; left:0px;}
.popup .form .AcceptedAgreement{ width:auto; display:inline-block; position:relative; padding-left:25px; text-align:left; margin-bottom:20px;}
.popup .form .AcceptedAgreement input[type="checkbox"]{ position:absolute; left:0px; top:0px;}
.popup .form .AcceptedAgreement p{  font-size:14px; line-height:22px;}
.popup .form .AcceptedAgreement a:hover{ color:#0112c7;}


@-webkit-keyframes progress-bar-stripes {
 from {
  background-position:40px 0
 }
 to {
  background-position:0 0
 }
}
@keyframes progress-bar-stripes {
 from {
  background-position:40px 0
 }
 to {
  background-position:0 0
 }
}

.progress-bar-striped_active {
background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
-webkit-background-size:40px 40px;
background-size:40px 40px;
-webkit-animation:progress-bar-stripes 2s linear infinite reverse;
-o-animation:progress-bar-stripes 2s linear infinite reverse;
animation:progress-bar-stripes 2s linear infinite reverse
}

@media (max-width: 1200px) {

	.block h1{ font-size:40px; line-height:40px;}
	
}

@media (max-width: 1008px) {
	
}

@media (max-width: 992px) {
	.middle{ margin:0px !important;}
	.pull-right{ float:none !important;}
	
	.block{ padding:60px 0;}
	.block h1{ font-size:35px; line-height:35px; margin-bottom:20px;}
	.block h2{ margin-bottom:20px; margin-bottom:20px;}
	.block .image{ margin-bottom:20px;}
	
	.gallery{ padding-bottom:40px;}
	
}


@media (max-width: 768px) {	
	
}

@media (max-width: 479px) {
	
	.content .row + .row{ margin-top:20px;}
	
	.header{ padding:40px 0;}
	.header .logo{ width:auto; text-align:center;}	
	.header .logo img{ height:40px;}
	.header .slogan{ width:100%; text-align:center;}
	.header .slogan h3{ font-size:16px;}
	
	.block{ padding:40px 0;}
	.block h1{ font-size:30px; line-height:30px;}
	.block h2.title-box{ font-size:24px; line-height:26px;}
	
	.gallery{ padding-bottom:30px;}
	.gallery .row{ margin:0 -5px;}
	.gallery .row [class*="col-"]{ width:50%; float:left; padding:0 5px;}
	.gallery .image{ margin-bottom:10px;}
	
	.content .form .row + .row{ margin-top:0px;}
	
	.footer [class*=col-]{ text-align:left;}
	
	.popup{ padding:30px;}
	.popup .progress{ margin-bottom:20px;}
	.popup .progress-bar{ font-size:14px;}
	.popup h2{ font-size:20px; line-height:26px;}
	.popup h2 br{ display:none;}
	.popup .form input[type="text"]{ font-size:18px;}

	.footer [class*=col-]{ text-align:inherit;}
	.footer .fb p{ font-size:12px; line-height:1.3;}
	
	.popup .form .AcceptedAgreement p{ font-size:12px; line-height:18px;}

}