@charset "utf-8";
/* CSS Document */

/* FEILDS */
.hide{display:none;}

label.txt{width:-moz-calc(100% - 43px); width:-webkit-calc(100% - 43px); width:-o-calc(100% - 43px); width:calc(100% - 43px); display:inline-block; font-size:12px; line-height:16px; vertical-align:middle; margin:2px 0px 15px 0px !important;}
label.txt strong{margin:0px 10px 0px 0px;}

input{max-width:610px; background-color:#E6E6E6;}
input.error{background-color:#FCD0C7;}

textarea{background-color:#E6E6E6;}
textarea.error{background-color:#FCD0C7;}

.slct{background-color:#E6E6E6;}

div.checkbox{margin:6px 10px 5px 0px;}
div.checkbox label{background-color:#E6E6E6;}
div.checkbox.error label{background-color:#FCD0C7;}

div.radio{display:inline-block; float:none; vertical-align:middle; margin:10px 10px 0px 0px;}
div.radio label{background-color:#E6E6E6;}
div.radio.error label{background-color:#FCD0C7;}

/* ALL */
section.page h3{display:block; border-bottom:1px solid #e7e7e7; font-family:'OpenSansLight'; font-size:20px; line-height:26px; padding:0px 0px 15px 0px; margin:0px 0px 15px 0px;}
section.page strong{font-family:'OpenSansSemiBold'; color:#000; font-weight:normal;}

section.page div.dangerous{background-color:#FFE7EB; color:#c30027; padding:15px; margin:0 0 30px 0;}

/* --- INFO --- */
section.page aside{width:265px; display:block; float:left; font-size:13px; line-height:24px; padding:0px; margin:0px 15px 0px 0px;}
section.page aside.contacts{font-size:16px;}

section.page aside p{display:block; padding:0px 0px 30px 0px; margin:0px;}
section.page aside a.button{margin:15px 0px 0px 0px;}
section.page aside div.map{width:100%; height:250px; display:block; position:relative; background-color:#d4d4d4; padding:0; margin:0;}

section.page aside a.viber{width:160px; height:75px; display:block; position:relative; background-image:url("../../Images/Icons/all.png"); background-position:-256px -119px; background-repeat:no-repeat; vertical-align:middle; text-indent:-99999px; padding:0; margin:10px 0 0 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page aside a.viber:hover{opacity:0.75;}

/* === SOCIAL === */
section.page aside a.social{width:48px; height:47px; display:inline-block; position:relative; background-image:url("../../Images/Icons/all.png"); background-repeat:no-repeat; vertical-align:middle; text-indent:-99999px; padding:0px; margin:10px 5px 0px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page aside a.social:hover{opacity:0.75;}

section.page aside a.facebook{background-position:0px -203px;}
section.page aside a.twitter{background-position:-48px -203px;}
section.page aside a.instagram{background-position:-96px -203px;}
section.page aside a.pinterest{background-position:-144px -203px;}
section.page aside a.youtube{background-position:-192px -203px;}
section.page aside a.vimeo{background-position:-240px -203px;}
section.page aside a.flicker{background-position:-288px -203px;}
section.page aside a.linkedin{background-position:-336px -203px;}
section.page aside a.vk{background-position:-384px -203px;}

/* --- FORM --- */
section.page article{width:-moz-calc(100% - 280px); width:-webkit-calc(100% - 280px); width:-o-calc(100% - 280px); width:calc(100% - 280px); display:block; float:left; font-size:13px; line-height:24px; padding:0px; margin:0px;}

/* === BOX === */
section.page article div.box{width:-moz-calc(66.6664% - 8px); width:-webkit-calc(66.6664% - 8px); width:-o-calc(66.6664% - 8px); width:calc(66.6664% - 8px); float:left; padding:0; margin:0 0 16px 16px;}
section.page article div.box:first-of-type{width:-moz-calc(33.3334% - 8px); width:-webkit-calc(33.3334% - 8px); width:-o-calc(33.3334% - 8px); width:calc(33.3334% - 8px); margin:0 0 16px 0;}

/* MOBILE */
@media only screen and (max-width: 1050px){
    section.page article div.box,
    section.page article div.box:first-of-type{width:auto; float:none; margin:0px 0px 15px 0px;}
}

@media only screen and (max-width: 650px){
    section.page aside{width:auto; float:none; margin:0px 0px 30px 0px;}
    section.page article{width:auto; float:none; margin:0px;}
}

@media only screen and (max-width: 500px){
    section.page aside a.button{display:block; text-align:center;}
}