/* #################################################################################################### bootstrap */
/* col-xs */ @media (max-width:575px){}
/* col-sm */ @media (min-width:576px) and (max-width:767px){}
/* col-md */ @media (min-width:768px) and (max-width:991px){}
/* col-lg */ @media (min-width:992px) and (max-width:1199px){}
/* col-xl */ @media (min-width:1200px){}
.row > [class='col'], .row > [class*='col-']{padding-right:5px;padding-left:5px;}
.container, .container-fluid{padding-right:10px;padding-left:10px;}
.container .row, .container-fluid .row{margin-right: -5px;margin-left: -5px;}
.row > [class="col"]:first-child, .row > [class*="col-"]:first-child{padding-left:5px;}
.row > [class="col"]:last-child, .row > [class*="col-"]:last-child{padding-right:5px;}

/* #################################################################################################### reset */
*{margin:0;padding:0;}
html, body{display:block;min-height:100%;}
a, a:hover, a:focus, a:active, a:visited{text-decoration:none;}
h1, h2, h3, h4, h5{line-height: initial;}
h1{font-size:2rem;} h2{font-size:1.75rem;} h3{font-size:1.5rem;}
::placeholder{color: @color__black !important;opacity:0.5 !important;}
:-ms-input-placeholder{color: @color__black !important;opacity:0.5 !important;}
::-ms-input-placeholder{color: @color__black !important;opacity:0.5 !important;}

/* #################################################################################################### misc */
.clear{height:0;clear:both;}
.nop{padding:0 !important;}
.nom{margin:0 !important;}
.block-separator{height: 1px;padding: 0;margin: 2rem auto 0;background:#f0f0f0;}
.boxed{padding:15px;box-shadow: 0px 0px 10px 0px rgba(200,200,200,0.5);}
.img-fluid{max-width: 100%; height: auto;}
.dump{background-color: #F7F9C2;border: 1px solid rgba(0,0,0,0.15);border-radius: 0;display: block;font-size: 13px;line-height: 20px;margin: 0 0 10px;padding: 9.5px;white-space: pre-wrap;word-break: break-all;word-wrap: break-word;text-align: left;color: #333333;}

/* #################################################################################################### custom */
html, body{background-color:#222425;}
body{color: #ffffff;font-family: "Webfont", "Arial", sans-serif;font-size: 14px;}
a, a:visited{color:#467abd;}
a:hover, a:focus, a:active{color:#467abd !important;}
.wrapper{max-width: 768px;margin: 25px auto;}
header{background-color:#ffffff;position: relative;padding-top: 40px;}
header .header-top{position: absolute;top: 0;left: 0;height: 40px;background-color:#222425;width: 100%;}
header a{display: block;width: 250px;margin: 15px auto;}
header #logo{}
main{}
main *{text-align: center;}
main .title{color: #467abd;margin: 50px auto 25px;font-size: 34px;}
main .baseline{font-size: 22px;margin: 25px auto;}
main .intro{color: #bdbdbd;}
main .outro{color: #bdbdbd;}
main form{margin: 50px auto 0 !important;}
main input[type="text"], main input[type="email"], main input[type="tel"]{-webkit-appearance: none;border-radius: 0;border: 1px solid #ebebeb;color: #36393a !important;font-size: 14px !important;outline: none;padding: 5px 7px;width: 380px;max-width: 100%;box-shadow: none !important;}
main input[type="text"]:focus:invalid, main input[type="email"]:focus:invalid, main input[type="tel"]:focus:invalid{background-color: #fd5a5a;color: #222222 !important;}
main input[type="text"]:focus:valid, main input[type="email"]:focus:valid, main input[type="tel"]:focus:valid{background-color: #aadc9c;color: #222222 !important;}
main .bootstrap-select{width: 380px !important;max-width: 100%;}
main .bootstrap-select .dropdown-menu {max-height: 175px !important;border-radius: 0 !important;padding: 0 !important;margin: 0 !important;border: 0px solid #fff !important;}
main .bootstrap-select > .dropdown-toggle{-webkit-appearance: none;border-radius: 0;border: 1px solid #ebebeb;font-size: 14px !important;outline: none;padding: 5px 7px;width: 380px;max-width: 100%;box-shadow: none !important;background-color: #fff !important;}
main .bootstrap-select .filter-option-inner-inner{color: #36393a !important;}
main input[type="checkbox"]{}
main input[type="submit"]{}
main .form-item{margin: 0 auto 20px;}
main .form-item-label{font-weight: 700;}
main .form-item-comment{margin: 5px auto 10px;color: #bdbdbd;}
main .form-item-value{}
main .form-item-social{}
main .form-item-social:before{content: '';display: block;width: 260px;border-top: 1px solid #ddd;margin: 25px auto 15px;}
main .form-item-value-checkbox{display: inline;}
main .form-item-value-checkbox .custom-checkbox{display: inline;margin: 0 15px;}
main .form-item-value-checkbox .custom-control-label{cursor: pointer;}
main .form-item-value-checkbox .custom-control-label::before{top: .05rem;left: -1.75rem;width: 1.3rem;height: 1.3rem;background-color: transparent !important;box-shadow: none !important;border: 1px solid #36393a !important;}
main .form-item-value-checkbox .custom-control-label::after{top: .05rem;left: -1.75rem;width: 1.3rem;height: 1.3rem;background-color: transparent !important;box-shadow: none !important;}
main .form-item-value-checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23467abd' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");}
main .form-submit{background-color: #467abd;color: #ffffff;border: none;padding: 5px 10px;}
main #form-item-renew{display: none;}
main #form-item-submit{}
main #form-item-response{padding: 7px;min-height: 35px;}
main .form-item-response-message-error{background-color: #fd5a5a;color: #222222 !important;}
main .form-item-response-message-success{background-color: #aadc9c;color: #222222 !important;}
footer{color: #bdbdbd;}
footer .footer-top{display: flex;justify-content: space-between;border-bottom: 1px solid #bdbdbd;margin: 0px 0 10px;padding: 0 0 15px;align-items: end;line-height: 15px;}
footer .footer-bottom{margin-bottom: 15px;}
footer .footer-top-code{}
footer .footer-top-social{}
footer .footer-top-social-item{display: inline-block;width: 30px;margin-left: 5px;opacity: 0.8;transition: 300ms;}
footer .footer-top-social-item:hover{opacity: 1;}
footer .footer-top-social-item img{}
footer .footer-bottom-copyright{}
@media (max-width:767px) {
	main{padding: 0 10px;}
	footer{padding: 0 10px;}
	footer .footer-top{flex-direction: column-reverse;}
	footer .footer-top-code, footer .footer-top-social{width: 100%;text-align: center; display: block; padding: 15px 0 5px;}
	footer .footer-bottom{text-align: center;}
}