﻿@font-face {
    font-family: RobotoCondensed-Regular;
    src: url(../fonts/RobotoCondensed-Regular.ttf);
}




/*------------------------------------------------------------*
**  Главная
**------------------------------------------------------------*/

/* CSS Document */


body {
font-size: 16px;
color:#292a2a;
margin:0px;
background:#fff;
font-family:Arial, Helvetica, sans-serif;
}

a {
text-decoration:none;
color:#292a2a;
}

a:hover {
text-decoration:underline;
color:#292a2a;
}

.clear {
clear:both;
}

ul, p, img {
margin:0px;
padding:0px;
border:0px;
list-style:none;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
line-height: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}

h1, .h1 { font-size: 23px; }
h2, .h2 { font-size: 21px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }

* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

input {
outline:none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

img {
max-width:100%;
}

.site-width {
width:96%;
max-width:960px;
position:relative;
margin:0 auto;
}

.header {
padding:40px 0 15px 0;
border-bottom:1px #000 solid;
}

.header .logo {
float:left;
font-size:27px;
font-weight:bold;
}

.header .contact {
float:left;
padding:8px 0px 0px 20px;
font-weight:normal;
font-size:14px;
}

.header .contact span {
color:#6891af;
}

.header .social {
float:right;
padding:5px 0 0 45px;
}

.header .social a {
float:left;
height:20px;
display:block;
margin:0 5px;
}

.header .social a:hover {
filter: brightness(0%);
}

.header .social a.vk {
background:url(../images/vk-social-network-logo.png) no-repeat;
width:35px;
}

.header .social a.fb {
background:url(../images/facebook-app-logo.png) no-repeat;
width:20px;
}

.header .social a.tel {
background:url(../images/type2.png) no-repeat;
width:23px;
}

.header .social a.tw {
background:url(../images/twitter-logo-shape.png) no-repeat;
width:25px;
}

.section-1 {
padding:25px 0;
}

.section-1 .site-width {
display:table;
}

.section-1 .text-left {
display:table-cell;
vertical-align:middle;
padding:0 90px 0 0;
}

.section-1 .form-right {
display:table-cell;
vertical-align:top;
width:380px;
padding:25px 40px;
background:#4a91b6;
}

.section-1 .form-right .name {
text-transform:uppercase;
color:#fff;
font-size:18px;
text-align:center;
margin:0 0 15px 0;
}

.section-1 .form-right input[type="text"] {
border:0px;
margin:0 0 20px 0;
text-align:center;
color:#000;
padding:9px 10px;
width:100%;
font-weight:bold;
}

::-webkit-input-placeholder {color:#797979;text-transform:uppercase; font-weight:bold;}
::-moz-placeholder          {color:#797979;text-transform:uppercase; font-weight:bold;}/* Firefox 19+ */
:-moz-placeholder           {color:#797979;text-transform:uppercase; font-weight:bold;}/* Firefox 18- */
:-ms-input-placeholder      {color:#c8c8c8;text-transform:uppercase; font-weight:bold;}

input:hover::-webkit-input-placeholder {opacity: 0; }
input:hover::-moz-placeholder          {opacity: 0;}
input:hover:-moz-placeholder           {opacity: 0;}
input:hover:-ms-input-placeholder      {opacity: 0;}

.section-1 .form-right input[type="submit"] {
border:0px;
background:#ff6600;
color:#fff;
text-transform:uppercase;
padding:9px 10px;
width:100%;
cursor:pointer;
transition: .5s;
}

.section-1 .form-right input[type="submit"]:hover {
background:#00709e;
}

.section-1 .text-left .title {
font-size:30px;
text-transform:uppercase;
color:#00709e;
line-height:40px;
margin:0 0 30px 0;
font-weight:bold;
}

.section-1 .text-left .text {
font-weight:bold;
font-size:17px;
line-height:27px;
}

.section-2 {
margin:15px 0 0 0;
}

.section-2 .item {
float:left;
width:32.333%;
margin:0 1.5% 0 0;
background:#4a91b6;
padding:13px;
}

.section-2 .item:nth-child(3) {
margin:0 0% 0 0;
}

.section-2 .country span {
display:table;
margin:0 auto;
min-height:30px;
background:url(../images/world.png) no-repeat 0 0;
padding:7px 0 0 45px;
color:#fff;
font-weight:bold;
}

.section-2 .city span {
display:table;
margin:0 auto;
min-height:30px;
background:url(../images/bank-building.png) no-repeat 0 0;
padding:7px 0 0 45px;
color:#fff;
font-weight:bold;
}

.section-2 .org span {
display:table;
margin:0 auto;
min-height:30px;
background:url(../images/placeholder.png) no-repeat 0 0;
padding:7px 0 0 45px;
color:#fff;
font-weight:bold;
}

.title-page {
text-align:center;
font-size:18px;
font-weight:bold;
margin:30px 0;
}

.section-3 .item {
float:left;
width:32%;
margin:0 2% 0 0;
border:2px #4a93b9 solid;
padding:15px 50px;
}

.section-3 .item:nth-child(3) {
margin:0 0% 0 0;
}

.section-3 .item .name {
font-size:20px;
color:#4a93b9;
text-transform:uppercase;
font-weight:bold;
text-align:center;
padding:0 0 10px 0;
margin:0 0 10px 0;
position:relative;
}

.section-3 .item .name:after {
content:"";
width:150px;
height:3px;
background:#4a93b9;
position:absolute;
bottom:0px;
left:0px;
right:0px;
display:table;
margin:0 auto;
}

.section-3 .item .price {
color:#323232;
font-weight:bold;
font-size:30px;
text-align:center;
}

.section-3 .item .price span {
font-size:23px;
}

.section-3 .item ul {
list-style-type:disc;
list-style-position:inside;
padding:0px;
display:table;
margin:15px auto 0 auto;
}

.section-3 .item ul li {
padding:0px;
margin:0px 0 5px 0;
}

.section-3 .item ul li span {
position:relative;
left:-10px;
}

.reviews {

}

.reviews .comment {
display:table;
width:100%;
font-size:15px;
line-height:22px;
margin: 20px 0px 0px 0px
}

.reviews p {
    margin-bottom: 10px;
}

.reviews .comment .photo {
display:table-cell;
width:110px;
overflow:hidden;
vertical-align:top;
}

.reviews .comment .block {
display:table-cell;
vertical-align:top;
font-style:normal;
padding:20px 0px 0px 0px
line-height:22px;
}

.footer {
border-top: 2px #4a93b9 solid;
margin:15px 0 0 0;
padding:15px 0;
font-size:15px;
text-align:center;
}




@media screen and (max-width:1000px) {

.header .logo {
float:none;
display:table;
margin:0 auto 20px auto;
}

.header .contact {
float:none;
text-align:center;
display:table;
margin:0 auto 0px auto;
padding:0px 0 0 0;
font-size:15px;
}

.header .social {
float:none;
display:table;
margin:0 auto 20px auto;
padding:0px 0 0 0px;
}

.section-1 .text-left {
display:block;
padding:0 0px 0 0;
text-align:center;
margin:0 0 20px 0;
}

.section-1 .form-right {
display:table;
margin:0 auto;
max-width:380px;
width:100%;
}

.section-2 .item {
float:none;
display: table;
margin: 0 auto 20px auto;
max-width: 380px;
width: 100%;
}

.section-3 .item {
float:none;
width:100%;
display: table;
margin: 0 auto 20px auto;
max-width: 380px;
width: 100%;
padding:15px 20px;
}

.section-3 .item:nth-child(3) {
margin:0 auto 0px auto;
}

.section-2 .item:nth-child(3) {
margin:0 auto 0px auto;
}

.reviews .comment .photo {
display:none;
}

.reviews .comment {
display: table;
margin: 0 auto 20px auto;
max-width: 380px;
width: 100%;
}

.reviews .comment .block {
padding:0px;
display: table;
margin: 20px 0px 0px 0px;
max-width: 380px;
width: 100%;
}

.title-page br {
display:none;
}

.section-3 .item ul li {
min-width:135px;
}

.section-3 .item ul li span {
position:relative;
left:-5px;
}


}



























