@media all{
/* CSS Document */
body{margin:0;padding:0;margin-top:0; font-family: 'Roboto', sans-serif; color:#000; font-size:14px; background:url(images/bg.jpg) top center #680000;}
iframe{ border:none; height:700px !important}
.img-responsive{ display:inline-block}
.header_top{ background:url(images/header_top.jpg) center top}
.logo{ padding:20px 0; text-align:center}
.logo a{display:inline-block; position:relative; z-index:1000 }
.logo img{ max-width:100%; height:auto}
.phone{ text-align: center; color:#000; font-size:30px;font-weight:700;}
.button{background: #a50000;text-align:center;color:#fff !important;text-decoration:none;display: inline-block; padding:10px 20px; border: none; cursor:pointer; height:auto; width:auto; font-weight:700;  -webkit-border-radius: 5px; border-radius:5px; font-size:18px;}
.button:hover{background: #000;}
.shadow_bottom{ height:20px; background:url(images/under_header_shadow.png) no-repeat center top}
.shadow_top{ height:20px; background:url(images/above_header_shadow.png) no-repeat center top}
.under_menu_shadow{ height:22px; background:url(images/under_menu_shadow.png) no-repeat center top}
.navbar{ background:url(images/menu.png) no-repeat center top; border:none; min-height:50px;  margin:0; position:relative; z-index:1004}
.navbar-page{ border-bottom:1px solid #a70000;}
.navbar-collapse{ padding:0}
.nav li{ background:url(images/des.png) right top no-repeat; padding-right:2px;}
.nav li:last-child{ background: none; padding-right:0;}
.nav li a{cursor:pointer;text-decoration:none; font-size:18px; display:block; color:#fff; white-space:nowrap; height:50px; line-height:50px; padding:0; text-transform:uppercase; text-align:center; font-weight:700 }
.nav li a:focus, .nav li a:hover{color:#ffac26; background:none}
.nav li.active a{ color:#ffac26;}
.nav > li > a { margin-bottom: 0;}
.button_nav {position: relative;float: left; padding: 9px 10px; margin-top: 9px; margin-left: 15px; margin-bottom: 9px; background-color: #ffac26; border: none; border-radius: 4px; border:none}
.navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle{ width:100%; margin:0; padding:0; background: none; border:none; position:relative}
.navbar-toggle .sr-only{ position:absolute; display:block; width:120px; height:48px; clip:rect(auto, auto, auto, auto); color:#fff; font-size:16px; line-height:34px;cursor:pointer; text-align:right; top:0; left:0px; margin:0; line-height:50px; }
.navbar-toggle:hover .button_nav, .navbar-toggle:focus .button_nav { background: #f21313; box-shadow:none;}
.navbar-toggle:hover .button_nav .icon-bar, .navbar-toggle:focus .button_nav .icon-bar{background-color: #fff;}
.navbar-toggle:hover .sr-only, .navbar-toggle:focus .sr-only{ color:#fff}
.navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background: none;color:#ffac26;}
.dropdown-menu { background: rgba(0, 0, 0, 1);border-radius: 0;box-shadow: 0; background-clip:border-box; margin:0; padding:0; border:none; width:260px;}
.dropdown-menu li a{-webkit-border-radius:0;border-radius: 0; border-bottom: none; background: none; text-transform:none; white-space:normal; height:auto; line-height:normal; padding:10px; font-weight:400; font-size:16px; text-align:left }
.dropdown-menu li{ background:none; padding:0; border-left:none}
.dropdown-menu li ul{ padding-left:0}
.nav li.active .dropdown-menu li a:hover,.nav li.active .dropdown-menu li a:focus{color:#ffac26!important;}
.nav li.active .dropdown-menu li a{ color:#fff !important}
.nav li.active .dropdown-menu li a{ background:none}
.nav li.active .dropdown-menu li a:hover, .nav li.active .dropdown-menu li a:focus{color:#ffac26;}
.nav {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 }
.nav>li {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 1 auto;         /* OLD - Firefox 19- */
  -webkit-flex: 1 1 auto;          /* Chrome */
  -ms-flex: 1 1 auto;              /* IE 10 */
  flex: 1 1 auto;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.nav li.active a .caret{border-bottom-color: #fff; border-top-color: #fff}
.nav li a:hover .caret, .nav li a:focus .caret{border-bottom-color: #ffac26; border-top-color: #ffac26}
.nav li.active a .caret, .nav li.active a:hover .caret, .nav li.active a:focus .caret{border-bottom-color: #ffac26; border-top-color: #ffac26}
.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret{border-bottom-color: #ffac26; border-top-color: #ffac26}
.boxes{ background:url(images/header_back.jpg) top center; border:1px solid #d82929; padding:10px 20px; text-align:center}
.boxes .row{ margin:0 -10px !important;}
.boxes .row div{ padding:10px !important ;}
.boxes .row div a{ background:#ff9292; display:inline-block; position:relative; padding:1px;}
.boxes .row div a img{ border:1px solid #000; max-width:100%; height:auto;}
.boxes .row div a span{font-size:20px;text-decoration:none;text-align:center;font-weight:500;position:absolute;bottom:1px;left:1px; background:rgba(0,0,0,0.7); color:#fff; text-align:center; padding:5px; text-transform:uppercase;
width: -webkit-calc(100% - 2px);
width:    -moz-calc(100% - 2px);
width:         calc(100% - 2px);

}
.boxes .row div a:hover span,.boxes .row div a:focus span{ color:#ffac26}
.content{ border:1px solid #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d8d8+0,ffffff+5,ffffff+95,d8d8d8+100 */
background: #d8d8d8; /* Old browsers */
background: -moz-linear-gradient(top, #d8d8d8 0%, #ffffff 5%, #ffffff 95%, #d8d8d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d8d8d8 0%,#ffffff 5%,#ffffff 95%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d8d8d8 0%,#ffffff 5%,#ffffff 95%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */}
.content .row{ margin:0 !important}
.right_side{ padding:30px;}
.left_side{ padding:30px;-webkit-box-shadow:inset -5px 0 10px 0 #D8D8D8;box-shadow:inset -5px 0 10px 0 #D8D8D8;}
.right_box{ border-bottom:1px solid #999; padding-bottom:20px; margin-bottom:30px;}
.right_box h2{ margin-top: 0!important ; font-size:30px !important;}
.phone_right{ font-size:30px; font-weight:700}
.content h1{margin:0 0 15px 0; font-size:30px;font-family: 'Roboto', sans-serif; font-weight:500; color:#cd0000}
.content h2{margin:20px 0 15px 0; font-size:24px;font-family: 'Roboto', sans-serif; font-weight:500;}
.content h3{margin:20px 0 15px 0; font-size:22px;font-family: 'Roboto', sans-serif; font-weight:500;}
.content ul{margin:10px 0;padding:0;padding-top:0;padding-left:20px}
.content ul li{margin:5px 0;}
.img_left{float:left;margin:0 20px 10px 0;border: 1px solid #000; height:auto; max-width:100%; padding:1px}
.img_right{float:right;margin:0 0 10px 20px;border: 1px solid #000;  height:auto; max-width:100%; padding:1px}
.img_center{border: 1px solid #000; display:block margin:10px auto 10px auto; height:auto; max-width:100%; padding:1px}
p{ margin:10px 0}
a{color:#cd0000;text-decoration:underline}
a:hover{color:#cd0000;text-decoration:none}
a:visited{color:#cd0000}
a:link{color:#cd0000}
.footer{padding:10px 0 20px 0; background: url(images/footer.png) top center no-repeat; -webkit-border-radius:0; border-radius:0; position:relative; color:#fff; text-align:center}
.footer a{color:#fff;text-decoration:none; margin:0 5px; white-space:nowrap;}
.footer a:hover{color:#fff;text-decoration: underline}
a img{border:0}
ol{margin:0;padding-bottom:10px;padding-left:25px}
ol li{padding-bottom:5px}
.clear{height:0;clear:both;width:100%; display:block}
.ntext td{padding:4px 0 4px 0}
form{margin:0;padding:0}
.no_padding{ padding:0}
.field{ max-width:300px}
.overflow{ overflow:hidden}
.align_center{ text-align:center}
.form-control{ border:none; border-radius:0; padding:2px 10px; height:32px}
.captcha_img{ width:150px}
.contact_form .form-control{ border:1px solid #dcdcdc;}
.captcha_field{ max-width:200px}
.form-group div.row{ margin-left:-2px !important;  margin-right:-2px !important; display:table}
.form-group div.row div{ padding:0 2px !important; display:table-cell; vertical-align:bottom; float:none}
.form-group {margin-bottom: 12px;}
.form-control{ border:1px solid #999}
.ul_col{-webkit-column-count: 3; /* Chrome, Safari, Opera */-moz-column-count: 3; /* Firefox */column-count: 3;}
.no_border{ border:none}

.right_side_contact{ float:right}
.left_side_contact{ float:left}
}
@media (max-width: 1199px) {
.boxes .row div a span{font-size:16px;}
}
@media all and (max-width: 991px){
.nav li a{ font-size:16px; }
.left_side{-webkit-box-shadow:inset 0 0 10px 0 #D8D8D8;box-shadow:inset 0 0 10px 0 #D8D8D8;}
.right_side_contact{ float: none}
.left_side_contact{ float: none}
}
@media (max-width: 767px) {
.nav{ display:block;}
.navbar{ border-right: none;}
.nav li{ border-left: none; background:none; padding:0; border-top:1px solid #d82929;}
.nav li a{ text-align:center !important;-webkit-border-radius: 0;border-radius: 0; border-bottom:none;}
.nav li ul li ul li a{ padding:10px;}
.dropdown-menu{position: relative; float:none; width:100%; background:none}
.dropdown-menu li {border-top: none;}
.dropdown-menu li a:hover{ background: none}
.navbar-collapse {border-top: none;box-shadow:0;max-height:none;}
.navbar-collapse.in {overflow-y: visible;}
}
@media (max-width: 600px) {
.content h1{font-size:24px;}
.content h2{font-size:20px;}
.content h3{font-size:18px;}
.img_left{float:none;display:block; margin:10px auto 10px auto;}
.img_right{float:none;display:block; margin:10px auto 10px auto;}
.right_side{ padding:20px;}
.left_side{ padding:20px;}
}