*{outline:none;border:0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;}

/* -------------- input border default */
::-webkit-input-placeholder {color:#888;font-weight:300}
::-moz-placeholder {color:#888;font-weight:300}/* Firefox 19+ */
:-moz-placeholder {color:#888;font-weight:300}/* Firefox 18- */
:-ms-input-placeholder {color:#888;font-weight:300}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border-bottom: 1px solid #d2d2d2;
-webkit-text-fill-color: #555;
-webkit-box-shadow: none;
transition: background-color 5000s ease-in-out 0s;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{
	color: transparent;
    font-family:'Open Sans', sans-serif;
}

body,td{
    font-weight: 400;
    color: #555;
    font-size: 14px;
    line-height: 20px;
    font-family:'Open Sans', sans-serif;
}

body,html{
    margin:0px;
    padding:0px;
    display: block;
    height: 100%;
    width:100%;
}

h1,h2,h3,h4,h5{font-weight: normal;margin:0px;padding:0px;}
h1{
    font-family: Times New Roman;
    font-size: 30px;
    line-height: 1.1;
    color:#253751;
    text-transform: uppercase;
}

h1.title{color:#fff;position:relative;padding-bottom:10px;font-size:38px;display:inline-block;margin-bottom: 10px;}
h1.title:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;}

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

.wraper{
    display:flex;
    align-items:center;
    justify-content:stretch;
    flex-direction:column;
    height:100%;
    width:100%;
}
.top{
    flex:0 0 100vh;
    width: 100%;
    background:#213148;
    background:radial-gradient(ellipse at center, #213148 0%, #0a1019 100%);
    color:#fff;
    text-align:center;
}
.logo{
    text-align:center;
    color:#dcbe81;
    letter-spacing: 2px;
    font-family: Times New Roman;
    font-size:40px;
    margin-bottom:30px;
}
.logo_img{
    background:url(logo.png) no-repeat 50% 50%;
    background-size:contain;
    height:120px;
    width:62px;
    margin:0 auto
}
.logo_big{
    margin-top:25px;
    letter-spacing: 0px;
}
.logo_small{
    font-size:10px;
    font-family: tahoma,sans-serif;
    letter-spacing: 4px;
    margin-top:10px;
}

.logo_big>span{transform: scale(1.1,1.0);}

.content{flex:1;padding-top:60px;text-align:center;}
.about{margin:30px auto;line-height: 26px;overflow:hidden;height:160px;position:relative;transition: all .4s ease-in-out;padding-bottom:30px}
.about>div{padding-bottom:30px}
.about:after{content:'';position:absolute;bottom:0;left:0;height:30px;width:100%;background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,#fff 100%)}
.show_more{margin-bottom:60px;color:#dac271;text-transform:uppercase;cursor:pointer;}
.text{text-align:left;line-height: 26px;margin:30px 0px}
.text>div{display:none}
.text>div.active{display:block}
.links{display:flex;justify-content:space-between;border-bottom:1px solid #ccc;margin-top:20px}
.links>div{text-transform:uppercase;position:relative;text-align:left;padding:15px 0px;color:#dac271;cursor:pointer;}
.links>div:after{content:'';position:absolute;bottom:0;left:0;width:100%;background:none;display:block;height:3px;margin-bottom:-2px}
.links>div.active{color:#253751}
.links>div.active:after{background:#253751;}

.button{display:inline-block;padding:15px 30px;background:#dac271;color:#fff;font-size:18px;text-transform:uppercase;cursor:pointer}

label{color:#253751;display: block;margin-bottom:5px}

input,textarea{
    font-size: 16px;
    padding: 15px;
    width: 100%;
    border:1px solid #d2d2d2;
    resize: none;
    margin-bottom:30px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

ul{padding:0px;margin: 0;}
li {  
  list-style-type: none;
  padding-left:15px;
}

li:before {
  content: '\2022';
  font-size: 10px;
    margin-left: -14px;
    padding-right: 10px;
}


.bottom{
    background: #121c29;
    padding:20px;
    flex:0 0 auto;
    width:100%;
}
.contact_form{margin:80px auto;display:grid;grid-template-columns: 2fr 3fr;grid-column-gap:50px;text-align:left}
.bottom_contacts{display:flex;justify-content:space-between;color:#fff;font-size:10px;line-height:12px;}

.main_size{max-width:1000px;padding:0px 20px;margin:0 auto;}
.small_size{max-width:800px;padding:0px 20px;margin:0 auto;}
.top_contacts{margin:18px auto 53px;display:flex;justify-content:space-between}
.phone{position:relative;padding-left:32px}
.phone:after{content: '';position:absolute;top:0;left:0;height:16px;width:16px;background:url(phone.png) no-repeat 0% 0%;background-size:cover}
.mail{position:relative;display:block;color:#fff;padding-left:32px}
.mail:after{content: '';position:absolute;top:5px;left:0;height:12px;width:16px;background:url(mail.png) no-repeat 0% 0%;background-size:cover}
.map{position:relative;display:block;color:#fff;padding-left:32px}
.map:after{content: '';position:absolute;top:0px;left:0;height:16px;width:16px;background:url(map.png) no-repeat 0% 0%;background-size:cover}

.list{color:#e4cd81;display:flex;justify-content:center;text-align:left;}
.list>div{padding:20px}

.contact-form-message{display:none;}
.error{
    margin-top: -30px;
    font-size: 12px;
    color: #b52e2e;
    min-height: 30px;
}
.error_input{
    border:1px solid #b52e2e;
}

@media only screen and (max-width: 950px){
    .main_size top_contacts{flex-direction: column;align-items: center;}
    .top_contacts{flex-direction: column;align-items: center;}
    .list{flex-direction: column;padding:20px;display:table;margin: 0 auto;}
    .list>div {padding:0px}
    .links{flex-direction: column;border-bottom:none}
    .contact_form{grid-column-gap:unset;grid-template-columns:unset;}
    .bottom_contacts{flex-direction: column;}
    h1.title{font-size:20px}
    .logo_img{height:70px}
}