html {
	height:100%;
}

body {
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	min-height:100%;
}

header, footer {
	background: rgba(230, 230, 230, 0.6) none repeat scroll 0px 0px;
}

body ul {
list-style:none;
}

.h1, h1 {
    font-size: 34px;
    line-height: 46px;
}

.h2, h2 {
    font-size: 27px;
    line-height: 40px;
}

.h4, h4 {
    font-size: 17px;
	font-weight: 600;
}

blockquote {
    border-left: 5px solid #628297;
	background: #FBFBFB;
	padding: 20px;
}
	
.head {
	padding: 7px 0 0;
}

.logo-text {
	color: rgb(93, 152, 191);
    font-family: Myriad Pro;
    font-size: 1.2em;
    letter-spacing: 3.5px;
    margin-left: 65px;
    margin-top: -20px;
    position: absolute;
}

.contact {
    list-style: outside none none;
    padding: 15px 0 0 15px;
    width: 210px;
	margin:0;
	font-size: 0.95em;
	}

.contact li {
	margin-bottom: 15px;
}
	
.phone {
    float: right;
    padding: 15px 30px;
}

.phone a {
    font-size: 28px;
	color:#333;
	display:block;
	line-height:30px;
	/* text-shadow: 1px 1px 1px rgb(93, 152, 191); */
}

.phone a:hover, .phone a:focus {
    text-decoration:none;

}
.phone a:first-child {
	margin-bottom:10px;
}
.contact .glyphicon {
    color: #628297;
    font-size: 17px;
    margin-right: 5px;
    vertical-align: middle;
}

.head-links {
	font-size: 0.95em;
	padding: 5px 5px;
}

.grafik {
	font-size:0.8em;
	color: #666;
	padding: 15px;
	width: 235px;
}

.grafik .glyphicon {
    color: #628297;
    float: left;
    font-size: 38px;
    padding: 11px 7px;
}

#top-nav  {
	list-style: none;
	padding:0;
    background: rgba(0, 0, 0, 0) linear-gradient(#628297, #4f6b81) repeat scroll 0 0;
    color: #fff;
    display: block;
    text-decoration: none;
	border-radius: 3px;
}

.top-menu {
	list-style: none;

}

.top-menu li, #top-nav .highlighted {
	float:left;
	padding:15px 0;
	border-radius: 3px;
	
}

#top-nav ul {
	margin:0;
	list-style: none;
	padding:0;
}

#top-nav .highlighted{
	background: transparent linear-gradient(#27CB4C, #1B8A38) repeat scroll 0px 0px;
}

.top-menu li:hover, .top-menu li:active, .top-menu li:focus{
	background: #417E9F none repeat scroll 0% 0%;
	float:left;
	box-shadow: 0 0 9px 0 #555 inset;
}

#top-nav .highlighted:hover, #top-nav .highlighted:active, #top-nav .highlighted:focus {
	float:left;
	box-shadow: 0 0 9px 0 #555 inset;
	background: transparent linear-gradient(#2DE055, #1CB343) repeat scroll 0px 0px;
}

.top-menu li a, #top-nav .highlighted a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
    text-transform: uppercase;
	text-shadow: 1px 0.5px 1px rgba(0, 0, 2, 0.3);
}

.top-menu li a:hover, #top-nav .highlighted a:hover {
	text-decoration:none;
}

.map-bg  {
	background: rgba(0, 0, 0, 0) url("../img/map-bg.jpg")/*tpa=http://diliz.ru/img/map-bg.jpg*/ repeat scroll center center;
    height: 350px;
	padding:0;
}

.map-overlay {
    background: rgba(98, 98, 98, 0.64) none repeat scroll 0px 0px;
    height: 100%;
}

.map-text {
    background: rgba(255, 255, 255, 0.79) none repeat scroll 0 0;
    font-size: 14px;
    line-height: 28px;
    margin: 50px 8px 0;
    padding: 10px 10px 20px;
	text-align: center;
}

.map-text .h4 {
	border-bottom: 4px solid #628297;
    padding-bottom: 10px;
}

.map-text ul {
    list-style:none;
	text-align: left;
	height:120px;
	padding:0;
	width:90%;
	margin:auto;
}
.map-text ul:first {
	width:80%;
}

.btn-blue {
    background: rgba(0, 0, 0, 0) linear-gradient(#628297, #4f6b81) repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
	float:none;
	margin:auto;
}

.btn-blue:hover, .btn-blue:focus {
	color:#fff;
	background: #417E9F none repeat scroll 0% 0%;

}

.btn-success {
	padding: 6px 14px;
}

.btn-success:hover, .btn-success:focus {
	color:#fff;

}

.price-page .cta-block {
	margin-top: 25px;
	margin-bottom: 45px;
}

.cta-block ul li {
	float:left;
	font-size:16px;
	margin: 15px 40px;
}

.cta-block ul  {
	margin-top: 30px;
}

.cta-phone {
    color: #333;
    font-size: 28px;
    line-height: 30px;
    text-shadow: 1px 1px 1px rgb(93, 152, 191);
}

.cta-phone:hover, .cta-phone:focus {
	text-decoration:none;
}

.underline {
    border-bottom: 4px solid #628297;
    padding-bottom: 10px;
	margin-bottom: 20px;
}

.left-side {
	font-size: 0.85em;
	margin-top:40px;
}

.left-side li {
	padding: 10px 10px 10px 20px;
	background: rgba(243, 243, 243, 0.69) none repeat scroll 0px 0px;
}

.left-side .h4 a{
	font-size: 1em;
	color:#628297;
}

.main-content {
	margin-bottom: 50px;
	line-height: 24px;
}

.main-content h3 {
    font-size: 20px;
    font-weight: 300;
	padding-left: 20px;
}

.service-list {
    color: #628297;
    line-height: 26px;
    list-style: outside none square;
	padding-top: 0.5px;
	margin-bottom: 20px;
	padding-left: 60px;
}

.service-list .h4 {
    color: #444;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.nav-tabs {
	margin-top: 40px;
	font-size: 17px;
	border-bottom: 1px solid rgb(173, 173, 173);
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-color: rgb(173, 173, 173) rgb(173, 173, 173) transparent;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	border:1px solid transparent;
	border-bottom: 1px solid rgb(173, 173, 173);
}

.nav-tabs a:focus, .nav-tabs a:active {
	outline: none;
}

#courier h2 {
	color:#555;
}

.courier-price {
	padding-right: 8%;
	margin: 5px 0 20px;
}

.courier-price li, .avtocourier-price li {
    border-left: 4px solid #628297;
    margin-bottom: 22px;
    margin-top: 22px;
}

.tarif-info {
	margin-bottom: 30px;
	list-style: outside none square;
	margin-left:15px;
}

.tarif-info li {
    
    font-size: 0.9em;
    line-height: 22px;
    margin-bottom: 5px;
	color:#628297;
}

.tarif-info li p {
	color: #555;
	margin:0;
}

.courier-price  .h3, .avtocourier-price  .h3 {
	line-height: 34px;
	margin: -5px 0;
}

.courier-price .h3 small, .avtocourier-price .h3 small {
	font-size: 57%;;
}

.avtocourier-price {

}

.avtocourier-price .avto-img  {
	border-left:4px solid transparent;
}


/* Стили popup окон и форм заказа+ callback */
#callback .modal-sm {
    margin-top:100px;
}

#callback .modal-body {
	padding: 10px 15px 15px;
}

#callback .glyphicon {
	margin:4px;
	font-size: 17px;
	vertical-align:middle;
}

#callback .order-field {
	display:inline-block;
	height:32px;
	margin-bottom:22px;
	
}

.modal-content {
	background-color: #f0f0f0;
}

#order {
    float: none;
    margin: auto;
    width: 490px;
}

.order-field {
	display:block;
    height: 25px;
    width: 200px;
	background-color: #ffffff;
    border: 1px solid #C5C5C5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius:2px;
}

.order-field:hover, .order-field:focus,.order-field:active, .order-field-full:hover, .order-field-full:focus, .order-field-full:active {
	border: 1px solid #628297;
}

.order-field-full {
	display:block;
    height: 25px;
    width: 100%;
	background-color: #ffffff;
    border: 1px solid #C5C5C5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius:2px;
}

.order-block {
	display:block;
    float: left;
	width:200px;
    margin: 7px 20px;
}

.order-block-full {
	display:block;
    float: left;
    margin: 7px 20px;
	width:440px;
}

.order-label {
    display: block;
    float: left;
    height: 25px;
	color: #676767;
}


 
   .order-submit{
   border: 1px solid #447314;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #494d45 0 1px 0;
   color: #ffffff;
   font-family: helvetica, serif;
   padding: 6px 18px !important;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   margin-top: 20px;
   }
.order-submit:hover {
   border: 1px solid #447314;
   text-shadow: #31540c 0 1px 0;
   background: #58ad09;
   background: -webkit-gradient(linear, left top, left bottom, from(#639e25), to(#58ad09));
   background: -webkit-linear-gradient(top, #639e25, #58ad09);
   background: -moz-linear-gradient(top, #639e25, #58ad09);
   background: -ms-linear-gradient(top, #639e25, #58ad09);
   background: -o-linear-gradient(top, #639e25, #58ad09);
   background-image: -ms-linear-gradient(top, #639e25 0%, #58ad09 100%);
   color: #fff;
   }
.order-submit:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#58ad09));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }
   .order-submit-container {
   margin:8px 0;
   text-align:center;
   }
   .cleadfix:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
   }
   
   
   /*       кальк          -----------------------------------------------   */

.form-field {
   border: 1px solid #555555;
   background: #ededed;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #666666;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:8px;
   margin-bottom:20px;
   width:280px;
   }
.form-field:focus {
   background: #f7f7f7;
   color: #444444;
   }

.form-title {
   margin-bottom:10px;
   color: #4d4d4d;
   text-shadow: #fff7ed 0 1px 0;
   }
.submit-container {
   margin:8px 0;
   text-align:right;
   }

   
/* -----------ИМ -------------------*/
#im-features {
	padding:0;
	margin-top:30px;
}

.im-feature {
    font-size: 13px;
    height: 250px;
    margin-top: 20px;
    text-align: center;
	list-style: none;
}

.im-feature p {
	text-align:left;
}

#im-info ul {
	list-style: outside none square;
	color: #628297;
	margin-bottom: 20px;
}

#im-info ul li p {
	color:#555;
}

#im-info .cta-block {
    margin-bottom: 20px;
    margin-top: 40px;

}

#im-info .cta-block ul {
	list-style: none;
}

#im-info blockquote {
    margin-bottom: 30px;
    margin-top: 20px;
}

#im-price .courier-price li:nth-child(1) {
	border-left: 4px solid transparent;
}

#im-price .courier-price li:nth-child(1) p {
	color: #999;
    font-size: 22px;
    font-weight: bold;
    padding: 15px 10px;
    text-align: center;
	
}

#im-price .cta-block  {
	    margin-bottom: 20px;
    margin-top: 40px;
}

#im-price ul {
	padding:0;
	
}

.info-list {
	list-style:outside none square;
	color: #628297;
}

#im-price .info-list {
	list-style:none;
}

#im-price .info-list li {
    float: left;
    margin-bottom: 8px;
    margin-top: 8px;
    padding-top: 10px;
    width: 100%;
}

.info-list p{
	color:#555;
}

#im-price .cena {
	text-align:right;
	border-right: 4px solid #628297;
	color: #555;
	font-weight: bold;
}

.service-list li p {
	color:#555;
}


.copyright {
	padding: 20px 0px 10px;
}

.docs li{
	margin-bottom:10px;
}

#small-modal {
    padding: 0;
    width: auto;
}

.lk_frame {
	border: medium none;
    box-shadow: none;
    height: 750px;
    width: 100%;
}

.navbar-toggle .icon-bar {
    width: 33px;
    height: 3px;

}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}
.menu_mob_icon  .navbar-toggle .icon-bar {
    background-color: #6898C2;
}
.menu_mob_icon  .navbar-toggle {
    border-color: #5E7D92;
}
#menu_mob_label {
	border: none;
    background: none;
    font-size: 20px;
    text-decoration: initial;
    margin-right: 0;
}

.navbar-collapse.collapse {
	padding-bottom: 5px;
}

#head_links a {
	padding:0 8px;
	border-right: 1px solid #888;
}

#head_links a:last-child {
	padding-right:0;
	border-right: 1px solid transparent;
}
.dd a {
	color:rgba(35, 88, 117, 1);
	font-size:13px;
}
.dd img {
	width: 100px;
	margin-top:10px;
	margin-bottom:10px;
}