body {
    margin: 0;
    padding: 0;
    color: #ccc;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
a {
    outline: none;
    text-decoration: none;
}

#header {
    width: 100%;
    overflow: hidden;
    margin-top: 0;
    background-color: #ffeecc;
}

#header .header-content {
    width: 53%;
    margin: 0 auto;
    overflow: hidden;
}

#header .header-content .top-header {
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

#header .logo {
    float: left;
    width: 8%;
    margin-top: 10px;
}

#header .logo a {
    width: 100%;
    display: block;
}

#header .title {
    float: left;
    width: 50%;
    margin-left: 3%;
    padding-top: 10px;
    font-size: 16px;
    color: #e59d0c;
    margin-top: 15px;
    font-weight: bold;
}

#header .contact-info {
    float: right;
    width: 38%;
}

#header .contact-info .info-bar {
    text-align: right;
    padding-bottom: 15px;
    font-size: 14px;
}

#header .contact-info .info-bar a {
    color: #e59d0c;
    margin-left: 10px;
    font-weight: bold;
}

#header .contact-info .search-bar {
    text-align: right;
}

#header .search-bar .field {
    background: none;
    border: none;
    border: #e59d0c 2px solid;
    color: #e59d0c;
    padding: 5px;
}

#header .search-bar .field::-webkit-input-placeholder {
    color: #e59d0c;
    opacity: 0.5;
}

#header .search-bar .btn {
    background-color: #e59d0c;
    color: #fff;
    border-color: #e59d0c;
    border-style: solid;
    border-width: 5px;
    text-align: center;
    cursor: pointer;
}

#header .menu {
    margin-top: 30px;
    overflow: hidden;
    background-color: #f8da9f;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}

#header .menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#header .menu ul li {
    float: left;
}

#header .menu ul li a {
    display: block;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #e59d0c;
}

#header .menu ul li a:hover,
#header .menu ul li a.active {
    background-color: #e59d0c;
    color: #fff;
}


#main {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

#main .main-content {
    width: 53%;
    margin: 0 auto;
    overflow: hidden;
}

#main .slider-content {
    overflow: hidden;
    width: 100%;
}

#main .slider-content #slider {
    width: 100%;
}

#main .slider-content .bx-caption span {
    color: #e59d0c !important;
}

#main .slider-content .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #e59d0c;
}

#main .main-content .services-content {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

#main .main-content .services-content .services {
    width: 100%;
    overflow: hidden;
}

#main .main-content .services-content .one-service {
    float: left;
    display: block;
    margin-left: 2%;
    width: 23%;
    text-align: center;
}

#main .main-content .services-content .one-service .link {
    margin-top: 20px;
}

#main .main-content .services-content .one-service.first {
    margin-left: 0;
}

#main .main-content .services-content .one-service a {
    font-weight: bold;
    color: #3e3e3e;
}

#main .main-content .services-content .one-service a:hover {
    color: #e59d0c;
}

#main .main-content .news-content {
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
}

#main .main-content .news-content.itself {
    margin-top: 20px;
}

#main .main-content .news-content.itself .content {
    text-align: left;
}

#main .main-content .title {
    font-size: 18px;
    font-weight: bold;
    color: #e59d0c;
    padding-bottom: 10px;
    border-bottom: #e59d0c solid 2px;
    margin-bottom: 30px;
}

#main .main-content .news-content .news {
    width: 100%;
    overflow: hidden;
}

#main .main-content .news-content .news .left {
    float: left;
    width: 45%;
    overflow: hidden;
}

#main .main-content .news-content .news .right {
    float: right;
    width: 45%;
    overflow: hidden;
}

#main .main-content .news .categories {
    width: 23%;
    float: left;
    overflow: hidden;
}

#main .main-content .news .news-list {
    width: 70%;
    float: right;
    overflow: hidden;
}

#main .main-content .news .news-list.about-us {
    width: 100%;
    float: none;
}

#main .main-content .news .categories a {
    display: block;
    width: 100%;
    background: #ffeecc;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: #e59d0c solid 1px;
}

#main .main-content .news .categories a.last {
    border: none;
}

#main .main-content .news .categories .cats-top {
    background: #e59d0c;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    height: 15px;
}

#main .main-content .news .categories .cats-bottom {
    background: #e59d0c;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    height: 15px;
}

#main .main-content .news .categories a.active,
#main .main-content .news .categories a:hover {
    background: #f5b83d;
    color: #fff;
    padding-left: 25px;
}

#main .main-content .pagination {
    text-align: right;
    overflow: hidden;
    margin-top: 15px;
}

#main .main-content .pagination a {
    padding-left: 12px;
    padding-right: 12px;
    color: #e59d0c;
    background: #ffeecc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
}

#main .main-content .pagination a:hover,
#main .main-content .pagination a.active {
    background: #e59d0c;
    color: #fff;
}

#main .main-content .news-content .news .title {
    font-size: 16px;
    border-bottom: solid 1px #e59d0c;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#main .main-content .news-content .news .one-box {
    margin-bottom: 30px;
    overflow: hidden;
}

#main .news-content .news .content {
    font-size: 14px;
    color: #3e3e3e;
    text-align: justify;
    line-height: 18px;
}

#main .news-content .news .content img {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 30%;
}

#main .news-content .news .content a {
    color: #e59d0c;
    font-weight: bold;
    font-size: 13px;
}

#main .news-content .news .news-footer {
    margin-top: 10px;
    font-size: 13px;
    color: #e59d0c;
    background: #ffeecc;
    padding: 10px;
    overflow: hidden;
    font-weight: bold;
}

#main .news-content .news .news-footer.itself {
    margin-top: 0;
    margin-bottom: 15px;
}

#main .news-content .news .news-footer .category {
    float: left;
    width: 50%
}

#main .news-content .news .news-footer .time {
    float: right;
    width: 40%;
    text-align: right;
}

#main .news-content .news .news-footer .category a:hover {
    text-decoration: underline;
}

#main .news-content .news-list .one-item .image {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

#main .news-content .news-list .one-item .image img {
    width: 100%;
    margin: 0;
}

#main .news-content .news-list .one-item {
    border-bottom: #e59d0c solid 1px;
}

#breadcrumbs {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #e59d0c;

}

#breadcrumbs .content {
    font-size: 14px;
    color: #3e3e3e;
    width: 53%;
    margin: 0 auto;
}

#breadcrumbs a {
    color: #ffeecc;
    font-weight: bold;
}

#main .main-content .services {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

#main .main-content .services .title {
    border: none;
    float: right;
    width: 75%;
    font-size: 16px;
    margin-bottom: 0;
    padding-top: 15px;
    text-align: right;
}

#main .services .service-one .title a {
    color: #3e3e3e;
}

#main .services .service-one .title a:hover {
    color: #e59d0c;
}

#main .services .service-one {
    background: #ffeecc;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 15px;
}

#main .services .service-one .icon {
    width: 20%;
    float: left;
    overflow: hidden;
}

#main .content .request-btn {
    margin-top: 15px;
    overflow: hidden;
}

#main .news-content .news .content .request-btn a {
    color: #fff;
    background: #e59d0c;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    display: inline-block;
}

#main .contacts {
    width: 100%;
    overflow: hidden;
}

#main .contacts .image {
    width: 100%;
    overflow: hidden;
}

#main .contacts .image img {
    width: 100%;
}

#main .contacts .text-wrap {
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
}

#main .contacts .text-wrap .form {
    float: left;
    width: 58%;
    overflow: hidden;
}

#main .contacts .form .row {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

#main .contacts .form .row .label {
    display: block;
    width: 100%;
    font-weight: bold;
    color: #e59d0c;
    font-size: 15px;
}

#main .contacts .form .row .inputs {
    margin-top: 5px;
    width: 100%;
}

#main .contacts .form .row .inputs .fields {
    width: 90%;
    background: #ffeecc;
    border: 1px solid #e59d0c;
    padding: 5px;
    color: #3e3e3e;
}

#main .contacts .form .row .inputs .fields.textarea {
    height: 200px;
    resize: none;
}

#main .contacts .form .row .inputs .fields.submit {
    border: #e59d0c solid 2px;
    background: #e59d0c;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    width: auto;
    font-size: 15px;
}

#main .contacts .title {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #e59d0c;
}

#main .contacts .text-wrap .info {
    float: right;
    width: 38%;
    overflow: hidden;
}

#main .contacts .text-wrap .info .row {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    color: #3e3e3e;
}

#main .contacts .text-wrap .info .row a,
#main .contacts .text-wrap .info .row strong {
    color: #e59d0c;
}




#footer {
    width: 100%;
    overflow: hidden;
    margin-top: 50px;
    background-color: #ffeecc;
}

#footer .footer-content {
    width: 53%;
    margin: 0 auto;
}

#footer .footer-content .footer-top-content {
    margin-bottom: 30px;
    overflow: hidden;
    padding-top: 15px;
}

#footer .footer-top-content .one-column {
    width: 23%;
    margin-left: 2%;
    float: left;
}

#footer .footer-top-content .one-column.first {
    margin-left: 0;
}

#footer .footer-top-content .title {
    font-size: 15px;
    font-weight:bold;
    width: 100%;
    border-bottom: solid 1px #e59d0c;
    padding-bottom: 10px;
    color: #e59d0c;
}

#footer .footer-top-content .content {
    width: 100%;
    padding-top: 10px;
}

#footer .footer-top-content .content .text {
    font-size: 13px;
    color: #3e3e3e;
}

#footer .footer-top-content .content .text.contacts {
    font-size: 12px;
}

#footer .footer-top-content .content .text.contacts p {
    padding-top: 0;
    margin-top: 0;
}

#footer .footer-top-content .text a {
    color: #e59d0c;
    font-weight: bold;
    font-size: 13px;
}

#footer .footer-top-content .content a {
    font-weight: bold;
    font-size: 13px;
    color: #e59d0c;
    display: block;
    text-decoration: none;
    margin-bottom: 5px;
}

#footer .footer-top-content .content a:hover {
    text-decoration: underline;
}

#footer .footer-content .footer-bottom-content {
    text-align: center;
    overflow: hidden;
}

#footer .footer-content .footer-bottom-content .text {
    padding: 15px;
    color: #e59d0c;;
    font-size: 13px;
    font-weight: bold;

}

.msg {
    width: 100%;
    color: #fff;
    margin-bottom: 20px;
}

.msg.err {
    background-color: #EE0000;
}

.msg.succ {
    background-color: #0e880b;
}

.msg .content {
    padding: 15px;
    text-align: center;
}

#main .services .client-description {
    background: #ffeecc;
    margin-top: -10px;
    margin-bottom: 20px;
}

#main .services .client-description .content {
    padding: 15px;
    color: #3e3e3e;
}

#main .link-one {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    background: #ffeecc;
}

#main .link-one .link-content {
    padding: 20px;
}

#main .link-one .link-content a {
    color: #3e3e3e;
    font-size: 14px;
    font-weight: bold;
}

#main .link-one .link-content a:hover {
    text-decoration: underline;
}

#main .search .section {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

#main .search .section .title {
    width: 100%;
    font-size: 16px;
    border-bottom: solid 1px #e59d0c;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    margin-bottom: 10px;
    float: none;
    text-align: left;
}

#main .search .section .results .one-result {
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
}

#main .search .section .results .one-result a {
    color: #e59d0c;
    font-weight: bold;
}

#main .search .section .results .one-result a:hover {
    text-decoration: underline;
}




/*==========================================================================================================*/
/*M E D I A     Q U E R I E S*/

@media only screen and (max-width: 600px) {
    #header .header-content {
        width: 100%
    }

    #header .menu {
        border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        -webkit-border-top-left-radius: 0;
        border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        -webkit-border-top-right-radius: 0;
    }

    #header .menu ul li {
        float: none;
    }

    #header .logo,
    #header .title,
    #header .contact-info {
        width: 100%;
        float: none;
        text-align: center;
    }

    #header .title {
        margin: 0;
    }

    #header .contact-info {
        margin-top: 15px;
    }
    
    #header .contact-info .info-bar {
        text-align: center;
    }

    #header .contact-info .search-bar {
        text-align: center;
    }

    #header .contact-info .search-bar .field {
        width: 80%;
    }

    #main .main-content {
        width: 100%;
    }

    #main .main-content .title {
        padding-left: 10px;
    }

    #breadcrumbs .content {
        width: 92%;
    }

    #footer .footer-content {
        width: 92%;
    }

    #footer .footer-content .one-column {
        float: none;
        margin-left: 0;
        margin-bottom: 30px;
        width: 100%;
    }

    #main .main-content .news .categories {
        width: 100%;
        float: none;
    }

    #main .main-content .news .categories .cats-top,
    #main .main-content .news .categories .cats-bottom {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    #main .main-content .news .news-list {
        width: 100%;
        float: none;
        margin-top: 30px;
    }

    #main .main-content .news .news-content .news .title {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main .main-content .news .one-item.news-alone .content {
        width: 92%;
        margin: 0 auto;
    }

    #main .main-content .news .one-item.news-alone .title {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main .content .request-btn {
        width: 92%;
        margin: 0 auto;
        margin-top: 15px;
    }

    #main .main-content .news-content .news .one-box.mobile .title,
    #main .main-content .news-content .news .one-box.mobile .content {
        width: 92%;
        padding-left: 10px;
        padding-right: 10px;
    }

    #main .contacts .text-wrap {
        width: 92%;
        margin: 0 auto;
        margin-top: 20px;
    }

    #main .contacts .text-wrap .form {
        width: 100%;
        float: none;
    }

    #main .contacts .text-wrap .info {
        width: 100%;
        float: none;
        margin-top: 25px;
    }

    #main .main-content .news-content .news .left,
    #main .main-content .news-content .news .right {
        float: none;
        width: 100%;
    }

    #main .main-content .news-content .news .title {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main .main-content .news-content .news .content .content {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main .main-content .services-content .one-service {
        width: 100%;
        float: none;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    #main .main-content .services-content .one-service .link {
        margin-top: 10px;
    }
    
    #main .main-content .pagination {
        width: 90%;
        text-align: center;
    }

    #main .search .section .title {
        padding-left: 10px;
        padding-right: 10px;
    }

    #main .search .section .results .one-result {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 800px) {
    #header .header-content {
        width: 90%;
    }

    #main .main-content {
        width: 90%;
    }

    #breadcrumbs .content {
        width: 90%;
    }

    #footer .footer-content {
        width: 92%;
    }

    #footer .footer-content .one-column {
        float: none;
        margin-left: 0;
        margin-bottom: 30px;
        width: 100%;
    }

    #main .main-content .news .categories {
        width: 27%;
    }
}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
    #main .main-content {
        width: 90%;
    }

    #header .header-content {
        width: 90%
    }

    #breadcrumbs .content {
        width: 90%;
    }

    #footer .footer-content {
        width: 90%;
    }

    #main .main-content .news .categories {
        width: 25%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    #header .header-content {
        width: 70%;
    }

    #main .main-content {
        width: 70%;
    }

    #breadcrumbs .content {
        width: 70%;
    }

    #footer .footer-content {
        width: 70%;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    #header .header-content {
        width: 65%
    }

    #main .main-content {
        width: 65%;
    }

    #breadcrumbs .content {
        width: 65%;
    }

    #footer .footer-content {
        width: 65%;
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
    #header .header-content {
        width: 65%;
    }

    #main .main-content {
        width: 65%;
    }

    #breadcrumbs .content {
        width: 65%;
    }

    #footer .footer-content {
        width: 65%;
    }

}

@media only screen and (min-width: 1441px) and (max-width: 1600px) {
    #header .header-content {
        width: 60%;
    }

    #main .main-content {
        width: 60%;
    }

    #breadcrumbs .content {
        width: 60%;
    }

    #footer .footer-content {
        width: 60%;
    }
}