body {
	margin:0;
}
header {
    width:100%;
    display:block;
    position: relative;
    border-top: 1px solid transparent;
}
main {
    width:100%;
    display:block;
    border-top: 1px solid transparent;
}
main > .container-section {
    width:100%;
    display:block;
}
footer {
    width:100%;
    border-top: 1px solid transparent;
    display:block;
    position: relative;
}
.container-main {
    width:100%;
    display: block;
}
.container {
	margin:0 auto;
	display:block;
	border-top:1px solid rgba(0,0,0, 0);
}
.container-big {
	margin:0 auto;
	display:block;
	border-top:1px solid rgba(0,0,0, 0);
}
:root {
	--container-width:90%;
	--container-big-width: 100%;
	--margin-left-from-big-container: 0px;
	--margin-to-big-container: 0px;
	--margin-to-container: 0px;
}
@media (min-width:100px){
	.container {
		width:calc(100% - 30px);
	}
	.container-big {
		width:100%;
	}
	:root {
		--container-width:calc(100% - 30px);
		--container-big-width: 100%;
		--margin-left-from-big-container: 15px;
		--margin-to-container: 15px;
	}
}
@media (min-width:576px){
	.container {
		width:540px;
	}
	:root {
		--container-width:540px;
		--margin-left-from-big-container: calc((100% - 540px) / 2);
		--margin-to-container: calc((100vw - 540px) / 2);
	}
}
@media (min-width:797px){
	.container {
		width:720px;
	}
	.container-big {
		width:720px;
	}
	:root {
		--container-width:720px;
		--container-big-width: 720px;
		--margin-left-from-big-container: 0px;
		--margin-to-big-container: calc((100vw - 740px) / 2);
		--margin-to-container: calc((100vw - 740px) / 2);
	}
}
@media (min-width:1024px){
    .container {
        width:904px;
        display:block;
        margin:0 auto;
    }
    .container-big {
        width:904px;
        display:block;
        margin:0 auto;
    }
	:root {
		--container-width:904px;
		--container-big-width: 904px;
		--margin-left-from-big-container: 0px;
		--margin-to-big-container: calc((100vw - 904px) / 2);
		--margin-to-container: calc((100vw - 904px) / 2);
	}
}
@media (min-width:1200px){
    .container {
        width:1300px;
        display:block;
        margin:0 auto;
    }
    .container-big {
        width:1216px;
        display:block;
        margin:0 auto;
    }
	:root {
		--container-width:1300px;
		--container-big-width: 1216px;
		--margin-left-from-big-container: 53px;
		--margin-to-big-container: calc((100vw - 1216px) / 2);
		--margin-to-container: calc((100vw - 1300px) / 2);
	}
}
@media (min-width:1900px){
    .container {
        width:1440px;
        display:block;
        margin:0 auto;
    }
    .container-big {
        width:1700px;
        display:block;
        margin:0 auto;
    }
	:root {
		--container-width:1440px;
		--container-big-width: 1700px;
		--margin-left-from-big-container: 130px;
		--margin-to-big-container: calc((100vw - 1700px) / 2);
		--margin-to-container: calc((100vw - 1440px) / 2);
	}
}
.container > .row {
    width:100%;
    display:flex;
    flex-wrap:wrap;
}
.container > .row > .item {
	flex:none;
	box-sizing:border-box;
}

a {
    text-decoration: none;
    color:#121212;
    outline:none;
}

ul {
    list-style:none;
    margin:0;
    padding:0;
}

button, button:hover, button:active, button:focus {
    box-shadow:none;
    outline: none;
}

input, input:hover, input:active, input:focus {
    box-shadow:none;
    outline: none;
}

textarea, textarea:hover, textarea:active, textarea:focus {
    box-shadow:none;
    outline: none;
}

select, select:hover, select:active, select:focus {
    box-shadow:none;
    outline: none;
}

.icon {
    mask-size:100% 100%;
    -webkit-mask-size:100% 100%;
    mask-repeat:no-repeat;
    -webkit-mask-repeat:no-repeat;
    display:inline-block;
}

p, h1, h2, h3, h4, h5, h6 {
    margin:0;
}

.btn {
    font-size:16px;
    padding:18px 30px;
    display:inline-block;
	cursor:pointer;
}
.btn-default {
    background:#9966CC;
    color:#FFF;
    transition:0.2;
}
.btn-default:hover {
    background:#8055AB;
    transition:0.2;
}

.form-group {
	width:100%;
	display:block;
	margin-top:20px;
}
.form-group:first-child {
	margin-top:0px;
}
.form-control {
	color:#212121;
	background-color:#212121;
	border-radius:6px;
	border:1px solid #C4C4C4;
	background:rgba(0,0,0, 0);
	display:block;
	padding:17px 20px;
	box-sizing:border-box;
	font-size:16px;
	width:100%;
}
.form-control:active, .form-control:focus {
	color:#212121;
	border:1px solid #C4C4C4;
	font-size:16px;
	padding:17px 20px;
}
.form-group > .input-group {
	display:flex;
}
.form-group > .input-group > .form-control {
	color:#A4A4A4;
	background-color:#A4A4A4;
	border-radius:6px;
	border:1px solid #C4C4C4;
	background:rgba(0,0,0, 0);
	display:block;
	padding:17px 20px;
	box-sizing:border-box;
	flex:1;
	font-size:16px;
}
.form-group > .input-group > div {
	flex:1;
}
.form-group > .input-group > .form-control:active, .form-group > .input-group > .form-control:focus {
	color:#212121;
	font-size:14px;
	padding:17px 20px;
}
.form-control::-webkit-input-placeholder {
    color: #A4A4A4;
    opacity: 0.8;
}
.form-control::-moz-placeholder {
    color: #A4A4A4;
    opacity: 0.8;
}
.form-control:-ms-input-placeholder {
    color: #A4A4A4;
    opacity: 0.8;
}

.form-control::-ms-input-placeholder {
    color: #A4A4A4;
    opacity: 0.8;
}
.form-control::placeholder {
    color: #A4A4A4;
    opacity: 0.8;
}
.privacy {
	display:flex;
	align-items:center;
}
.privacy > span {
	color:#212121;
}
.privacy-checkbox {
	margin-right:10px;
	width:20px !important;
	height:20px !important;
	border:1px solid #FFF;
	border-radius:6px;
	flex:none;
	cursor:pointer;
	position:relative;
}
.privacy-checkbox.active {
	background:#FFF;
}
.privacy-checkbox.active::after {
	content: "\2713";
	width:16px;
	height:16px;
	color:#121212;
	position:absolute;
	top:0px;
	left:4px;
}
.privacy-checkbox > .form-control {
	opacity:0;
	pointer-events:none;
} 

hr {
	border:0px;
}