font-face {
	font-family: "MyriadProRegular";
	src: url("../fonts/MyriadProRegular/MyriadProRegular.eot");
	src: url("../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
	url("../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
	url("../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "MyriadProBold";
	src: url("../fonts/MyriadProBold/MyriadProBold.eot");
	src: url("../fonts/MyriadProBold/MyriadProBold.eot?#iefix")format("embedded-opentype"),
	url("../fonts/MyriadProBold/MyriadProBold.woff") format("woff"),
	url("../fonts/MyriadProBold/MyriadProBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "OpenSansRegular";
	src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");
	src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
	url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
	url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
body{
    font-family: OpenSansRegular;
}
p {
    text-align: justify;
}
h2 {
    text-align: center;
}
#main{
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}
.menu{
    font-family: 'OpenSansRegular', sans-serif;
}
.phone{
     font-family: 'MyriadProBold', sans-serif;
     font-size: 24px;
}
#top{
    background-color: #00235b;
    color: #fff;
    padding:10px 0;
    text-align: right;
    font-size: 24px;
    font-weight: bold;
    
}
.menu{
    font-size: 18px;
    color:#000;
    
}
.menu >li > a{
    padding: 40px 40px 30px 40px;
    color:#000;
}
.second-header{
    margin-top:10px;
}
#slider{
    margin-top:10px;
}
#footer{
font-family: 'PT Sans Narrow', sans-serif;
font-size:18px;
}
ul.bottom{
list-style:none;
margin:0;
padding:0;
}
ul.bottom li{
margin:0;
padding:0;
}
ul.bottom li a{
font-size:16px;
color:#fff;
font-weight:normal;
}
ul.bottom li a:hover{
text-decoration:none;

}
.left{
text-align:left;
}
.navbar-toggle{border:1px solid #00235b;
}
.icon-bar{
border:1px solid #00235b;
}
.footer{
font-family: 'OpenSansRegular', sans-serif;
font-size:18px;
}

.right-footer{
    float: right;
    padding-top: 20px;
    line-height: 30px;
    font-family: 'OpenSansRegular', sans-serif;
}
.right-footer p{
    font-family: 'OpenSansRegular', sans-serif;
    text-align: right;
    font-size: 16px;
}
#feedback{
background-image: url("../images/form_bg.jpg");
background-size: cover;
text-align: center;
padding: 10px 0;
width: 100%;
padding:20px;
}

#feedback input[type=text]{
    width:100%;
    background-color:transparent;
    border:1px solid #fff;
    color:#fff;
    padding:10px;
}
input::-moz-placeholder{
   color:#FFFFCC; 
}
input::-webkit-input-placeholder
{
   color:#FFFFCC;  
}
#feedback textarea{
    background-color:transparent;
    border:1px solid #fff;
    width:100%;
    margin:20px 0;
    color:#fff;
    padding:10px;
    height:150px;
}
#feedback h2{
    color:#fff;
    text-decoration:underline;
    margin-bottom:25px;
}

#feedback input[type=submit]{
    padding:10px 50px;
    background-color:#00235b;
    color:#fff;
    border:1px solid #fff;
    margin-bottom:30px;
}
p{
clear:both;
margin-bottom:10px;
}
p img{
margin-bottom:10px;
margin-right:10px;
}
p.uslugi{
font-size:25px;
}
.header-kotirovki{
background-image: url("../images/cnops.jpg");
width: 100%;
height: 30px;
background-repeat: no-repeat;
}
.cotirovki >.curenc, .cotirovki > div.name{
border-left: 1px solid #c5c5c5;
border-right: 1px solid #c5c5c5;
width:204px;
padding:0 5px;
}
.cotirovki > table{
border-left: 1px solid #c5c5c5;
border-right: 1px solid #c5c5c5;
border-bottom: 1px solid #c5c5c5;
padding:5px;
width:204px;
}
.cotirovki > table > tbody > tr > td{
padding:0 5px;
} 

.cotirovki{
font-size:11px;
margin-top: 15px;
margin-bottom: 20px;


}
.name{
color:#a93313;
font-size:15px;
}
#modal_form #modal_close{
      width: 20px;
height: 20px;
position: absolute;
top: 1px;
right: 1px;
cursor: pointer;
display: block;
background-color: #000;
color: #fff;
padding: 0px 10px 0 6px;
border-radius: 15px;
}
 #overlay {
        z-index: 3; 
        position: fixed;
        background-color: #000; 
        opacity: 0.8; 
        width: 100%;
        height: 100%; 
        top: 0;
        left: 0; 
        cursor: pointer;
        display: none; 
    }
#modal_form {
        width: 300px;
        height: 300px; 
        border-radius: 5px;
        border: 3px #000 solid;
        background: #fff;
        position: fixed; 
        top: 45%; 
        left: 50%; 
        margin-top: -150px;
        margin-left: -150px; 
        display: none;
        opacity: 0;
        z-index: 5;
        padding: 20px 10px;
    }

#main table tr td{
border:1px solid black;
padding: 0 5px;
}
.red{
color:#FF0000
}

#modal_form2 {
	width: 350px; 
	height: 270px; /* Рaзмеры дoлжны быть фиксирoвaны */
	border-radius: 5px;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: -135px;
	margin-left: -175px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 20px 10px;
}
/* Пoдлoжкa */
#overlay2 {
	z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#000; /* чернaя */
	opacity:0.8; /* нo немнoгo прoзрaчнa */
	-moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
}
/* Стили для поля ввода */
#modal_form2 input[type="text"] {
    background-color: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 1px;
    color: #555;
    display: block;
    font-size: 1em;
    height: 30px;
    padding: 5px;
    margin-bottom: 17px;
    width: 95%;
    float: left;
}
/* Стилия для заговка и надписей */
#modal_form2  h2{
	text-align: center;
}
#modal_form2 .comment {
    color: #797979;
    padding-bottom: 15px;
    font-size: 12px;
}
/* Кнопка закрыть */
.exit {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 28px;
    height: 28px;
    text-decoration: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #3e5368;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
.exit:after{
    display: block;
    font-size: 28px;
    content: "x";
    padding-left: 7px;
    line-height: 26px;
    cursor: pointer;
    text-decoration: none;
    color: #3e5368;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.exit:hover {
    background: #DCDCDC;
}
/* Кнопка отправить */
#modal_form2 .button {
	display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    margin: 10px 0;
    padding: 2px 16px;
    width: 185px;
	margin: 0 auto;
}
#modal_form2 .button:hover {
    background-color: #4683ea;
    border: 1px solid #4387fd;
    color: #fff;
}