@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,cyrillic);

@media (min-width: 1200px) {

    .container {

        width: 970px;

    }

}

body {

    background: url("../img/bg.jpg") no-repeat fixed;

    background-size: cover;

    font-family: Arial, sans-serif;

    font-size: 14px;

    line-height: 20px;

    color: #b1b9c0;

}

a,
a:focus,
a:hover,
a:active {
    outline: 0 !important;
}

a:focus {
    text-decoration: none;
}

h1, h2, h3, h4, h5 {

    font-family: "Roboto Condensed";

    color: #f8c21f;

}

.fr-window canvas {
    left: -9999px !important;
}

.navbar-default {

    background-color: transparent;

    border-color: transparent;

}

.navbar-default .nav-pills > li {

    box-shadow: 0 1px 1px rgba(38,46,52,1);

    background: #49555f;

    background: -moz-linear-gradient(top, #49555f, #383f45);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49555f), color-stop(100%,#383f45));

    background: -webkit-linear-gradient(top, #49555f, #383f45);

    background: -o-linear-gradient(top, #49555f, #383f45);

    background: -ms-linear-gradient(top, #49555f, #383f45);

    background: linear-gradient(top, #49555f, #383f45);

    vertical-align: middle;

}

.nav-pills > li:hover,

.nav-pills > li:focus,

.nav-pills > li.active,

.nav-pills > li.active:hover,

.nav-pills > li.active:focus {

    background: #fbdd54;

    background: -moz-linear-gradient(top, #fbdd54, #f19706);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbdd54), color-stop(100%,#f19706));

    background: -webkit-linear-gradient(top, #fbdd54, #f19706);

    background: -o-linear-gradient(top, #fbdd54, #f19706);

    background: -ms-linear-gradient(top, #fbdd54, #f19706);

    background: linear-gradient(top, #fbdd54, #f19706);

}

.navbar-default .nav-pills > li > a {

    color: #D6DBDF;

    letter-spacing: 0.05em;

    font: 11px/13px Arial, sans-serif;

    text-transform: uppercase;

    line-height: 20px;

    background: transparent;

}

.nav-pills > li > a:hover,

.nav-pills > li > a:focus,

.nav-pills > li.active > a,

.nav-pills > li.active > a:hover,

.nav-pills > li.active > a:focus {

    color: #fff;

    text-decoration: none;

    background: transparent;

}

.nav-pills > li > a {

    border-radius: 0;

}

.navbar.navbar-default > .container, #bs-example-navbar-collapse-1 {

    padding-left: 0;

    padding-right: 0;

}

nav {

    margin-top: 15px;

    margin-bottom: 10px !important;

}

.navbar-toggle {

    text-transform: uppercase;

    font-weight: bold;

    color: #D6DBDF;

    float: left;

    width: 100%;

    border: none;

    border-radius: 0;

    background: #49555f;

    background: -moz-linear-gradient(top, #49555f, #383f45);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49555f), color-stop(100%,#383f45));

    background: -webkit-linear-gradient(top, #49555f, #383f45);

    background: -o-linear-gradient(top, #49555f, #383f45);

    background: -ms-linear-gradient(top, #49555f, #383f45);

    background: linear-gradient(top, #49555f, #383f45);

}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,

.navbar-toggle:hover {

    color: #fff;

    background: #fbdd54;

    background: -moz-linear-gradient(top, #fbdd54, #f19706);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbdd54), color-stop(100%,#f19706));

    background: -webkit-linear-gradient(top, #fbdd54, #f19706);

    background: -o-linear-gradient(top, #fbdd54, #f19706);

    background: -ms-linear-gradient(top, #fbdd54, #f19706);

    background: linear-gradient(top, #fbdd54, #f19706);

}

@media (max-width: 767px) {
	.container>.navbar-header {
	  margin-right: 0;
	}
}

@media (min-width: 992px) {

    ul.nav li.dropdown:hover ul.dropdown-menu{

        display: block;

        margin: 0;

    }

}

.dropdown-menu {

    background: #374047;

    border-radius: 0;

    margin: 0;

    border: none;

}

.dropdown-menu > li > a {

    margin-top: 9px;

    padding-top: 5px;

    padding-bottom: 5px;

    font-weight: normal;

    font: 11px/13px Arial, sans-serif;

    color: #fff;

    text-transform: uppercase;

    background: url("../img/menu_bg_over.png") no-repeat;

    background-size: cover;

    background-position: -600px 0;

    -webkit-transition: background-position 0.4s ease-out;

    -moz-transition: background-position 0.4s ease-out;

    -o-transition: background-position 0.4s ease-out;

    -ms-transition: background-position 0.4s ease-out;

    transition: background-position 0.4s ease-out;

}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,

.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus {

    color: #fff;

    background-position: 0 0;

    background: url("../img/menu_bg_over.png") no-repeat;

    background-size: cover;

}

.style-1 {

    font: bold 52px "Roboto Condensed";

    color: #fff;

    letter-spacing: -1px;

    margin-bottom: -3px;

    text-decoration: none;

}

.style-1:hover,
.style-1:focus {

    color: #fff;

    text-decoration: none;

}

.style-2 {
    font: normal 11px Arial, sans-serif;
    color: #91620f;
    text-transform: uppercase;
    padding-left: 3px;
    margin-bottom: 3px;
    padding-top: 4px;
    padding-bottom: 8px;
    line-height: 14px;
}

.style-3 {

    font: normal 16px "Roboto Condensed";

    color: #f8c21f;

    text-transform: uppercase;

    margin-top: 14px;

    margin-bottom: 5px;

}

.style-4, .style-4 a {

    font: normal 14px Arial, sans-serif;

    color: #b1b9c0;

    line-height: 23px;

}

.style-4 i {

    color: #fff;

}

.style-5 {

    min-width: 110px;

}

.style-6 {

    min-width: 205px;

}

.style-7 {

    /*min-width: 167px;*/

}

.style-8 {

    display: block;

    position: relative;

    overflow: hidden;

    min-height: 140px;

    background: #fff;

    margin-top: 15px;

}

@media (min-width: 768px) and (max-width: 991px) {

    .style-8 {

        min-height: 167px;

    }

}

.style-9 {

    font: 13px "Roboto Condensed";

    color: #f8c21f;

    text-transform: uppercase;

    font-weight: 300;

    padding: 10px 0 10px;

    text-align: center;

    letter-spacing: 0.025em;

    display: block;

    text-decoration: none;

}

.style-9:hover {

    color: #DAA507;

    text-decoration: none;

}

.overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    opacity: 0;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.overlay i {

    font-size: 32px !important;

    color: #fff !important;

    margin-top: 38%;

    padding-left: 0;

    background: #DAA507;

    border-radius: 0 25px 25px 0;

    padding: 5px 10px;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.style-8:hover .overlay {

    opacity: 1;

}

.style-8:hover .overlay i {

    font-size: 32px !important;

    padding-left: 37%;

}

.style-10 {

    padding: 15px;

}

@media (min-width: 992px) {

    .style-10 {

        margin-right: 110px;

    }

}

.style-11 {

    margin: 30px 0;

}

.style-12 {
    padding: 0 3px;
}

.style-13 {
	height: auto;
}

@media (min-width: 768px) {

	.style-13 {
		height: 223px;
	}

}

@media (min-width: 992px) {

	.style-13 {
		height: 186px;
	}

}

.style-14:first-letter {
	padding-left: 0 !important;
}

.logo {

    background: url("../img/yellow4.jpg");

    background-size: cover;

}

.info {

    background: url("../img/dark3.jpg") no-repeat;

    background-size: cover;

    min-height: 119px;

    padding-left: 0;

    padding-right: 0;

}

.icon .container {

    background: url("../img/dark2.jpg") no-repeat;

    background-size: cover;

    padding-top: 15px;

    margin-bottom: 20px;

}

.icon .container .row > div {

    background: url("../img/vline.png") repeat-y;

    background-position: top right;

    margin-bottom: 15px;

}

@media (min-width: 768px) {

    .icon .container .row > div {

        min-height: 245px;

    }

}

@media (min-width: 992px) {

    .icon .container .row > div {

        min-height: 215px;

    }

}

.content .container {

    background: url("../img/dark2.jpg") repeat-y;

    margin-bottom: 35px;

}

.content a {

    color: #f8c21f;

    text-decoration: none;

}

.content a:hover {

    color: #f8c21f;

    text-decoration: underline;

}

.content p {

    text-align: justify;

}

.content p:first-letter {

    color: #f8c21f;

    padding-left: 15px;

}

.content ul {

    list-style: none;

}

.content ul li:before {

    content: '• ';

    color: #f8c21f;

}

.footer .container {

    margin-top: -15px;

    padding-top: 10px;

}

.footer .info {
    background: url("../img/dark2.jpg") repeat-y;
}

.footer .copyright {

    margin-top: 15px;

    padding-top: 10px;

    background: url("../img/dark2.jpg") repeat-y;

}

.footer .container {

	font-size: 12px;

}

.footer a, .footer a:hover {

	color: #ffcc00;

}

.breadcrumbs .col-xs-12 {
    background: url("../img/dark2.jpg") repeat-y;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: -5px;
}

#form7 input,
#form7 textarea {
    width: 100%;
}

#form7 input {
    margin-bottom: 15px;
}

#form7 textarea {
    min-height: 100px;
    resize: none;
}

.btn-taserv {
    width: 100%;
    margin-top: 15px;
    display: block;
    color: #fff;
    text-align: center;
    border: 2px solid #f8c21f;
    border-radius: 0;
    font: bold 21px "Roboto Condensed";
    padding: 7px 0 10px;
    margin-bottom: 15px;
    background: transparent;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;
}
.btn-taserv:hover {
    border: 2px solid #f8c21f;
    border-radius: 0;
    background: #f8c21f;
    color: #3D4751;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;
}
.color-red {
	color: red;
}