@import "animate.css";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Lato:300&subset=latin-ext);
@import url(//fonts.googleapis.com/css?family=Lato:100&subset=latin-ext);
@import url(//fonts.googleapis.com/css?family=Lato:700&subset=latin-ext);
@import url(//fonts.googleapis.com/css?family=Lato:900&subset=latin-ext);
@import url(//fonts.googleapis.com/css?family=Open+Sans:600);

/*========================================================
                    Main layout styles
=========================================================*/
body {
    font: 300 15px/28px "Lato", sans-serif;
    text-transform: uppercase;
    color: #2c2d2e;
    background: #ffffff;
}

a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}

a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover {
    color: #ea202e;
}

img {
    max-width: 100%;
}

* {
    -webkit-text-size-adjust: none;
}

/* ======= Headers ======= */
h2 {
    text-align: center;
    font: 900 60px/106px "Lato", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -0.04em;
}

h2 .thin {
    font-weight: 100;
}

@media (max-width: 767px) {
    h2 {
        font-size: 45px;
        line-height: 70px;
    }
}

@media (max-width: 479px) {
    h2 {
        font-size: 30px;
        line-height: 35px;
    }
}

h3 {
    font: 700 35px/35px "Lato", sans-serif;
    color: #2c2d2e;
    text-transform: uppercase;
}

@media (max-width: 979px) {
    h3 {
        font-size: 28px;
        line-height: 28px;
    }
}

h4 {
    font: 300 15px/28px "Lato", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
}

h4 strong {
    font-weight: 900;
}

h5 {
    font: 900 110px/106px "Lato", sans-serif;
    color: #ffffff;
    letter-spacing: -0.04em;
}

h5 .thin {
    font-weight: 100;
}

@media (max-width: 1199px) {
    h5 {
        font-size: 60px;
        line-height: 60px;
    }
}

@media (max-width: 979px) {
    h5 {
        font-size: 45px;
        line-height: 45px;
    }
}

@media (max-width: 479px) {
    h5 {
        font-size: 35px;
        line-height: 35px;
    }
}

h6 {
    font: 900 150px/146px "Lato", sans-serif;
    color: #ea202e;
    text-transform: uppercase;
    letter-spacing: -0.04em;
}

@media (max-width: 1199px) {
    h6 {
        font-size: 70px;
        line-height: 70px;
    }
}

@media (max-width: 767px) {
    h6 {
        font-size: 35px;
        line-height: 35px;
    }
}

@media (max-width: 479px) {
    h6 {
        font-size: 18px;
        line-height: 18px;
    }
}

h6 .thin {
    font-weight: 100;
    color: #ffffff;
}

/* ======= Buttons ======= */
.btn-default {
    font: 700 18px/20px "Lato", sans-serif;
    text-transform: uppercase;
    display: inline-block;
    color: #ffffff;
}

.btn-big {
    display: inline-block;
    background: #ea202e;
    color: #ffffff;
    text-transform: uppercase;
    font: 700 24px/28px "Lato", sans-serif;
    padding: 26px 50px 26px 52px;
}

.btn-big:hover {
    color: #ffffff;
    background: #ea4f52;
}

.btn-big.__inset1 {
    background: #4c4e50;
}

.btn-big.__inset1:hover {
    background: #85888a;
}

@media (max-width: 479px) {
    .btn-big {
        font-size: 18px;
        line-height: 18px;
        padding: 5px 15px;
    }
}

.mobile-button {
    display: none;
}

@media (max-width: 1024px) {
    .mobile-button {
        display: block;
        text-align: center;
        padding: 20px;
        margin: 10px;
        background: #ea4f52;
        color: white;
        font-size: 24px;

    }

    .mobile-button a {
        display: block;
        width: 100%;
        height: 100%:
    }
}

.btn-bordered {
    font: 700 20px/20px "Lato", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    border: 1px solid #ffffff;
    padding: 20px 44px 24px;
}

.btn-bordered:hover {
    background: #ffffff;
    color: #4c4e50;
}

/* ======= Modifiers ======= */
.__display-none {
    display: none;
}

.__display-inline {
    display: inline;
}

.__hover-color {
    color: #ea202e;
}

.__upper {
    text-transform: uppercase;
}

.__normal {
    font-weight: 400;
}

.__relative {
    position: relative;
}

/* ======= Wrappers ======= */
/*========================================================
                    HEADER styles
=========================================================*/
#header {
    border-bottom: 1px solid #ffffff;
}

@media (max-width: 979px) {
    #header {
        text-align: center;
    }
}

#header #stuck_container {
    background: url(../images/background3.png) no-repeat center;
    border-style: cover;
}

@media (max-width: 979px) {
    #header #stuck_container {
        background: #4c4e50;
    }
}

#header #stuck_container {
    padding: 5px 0 9px;
}

#header.main {
    border-bottom: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 300;
}

#header.main #stuck_container {
    background: #fff;
}

@media (max-width: 979px) {
    #header.main {
        position: relative;
    }
}

/* ======= Logo ======= */
h1 {
    display: block;
    font: 900 50px/56px "Lato", sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    margin: 0 auto;
    width: 134px;
}

@media (max-width: 979px) {
    h1 {
        float: none;
    }
}

h1 .main {
    color: #ea202e;
}

h1 .secondary {
    font-weight: 100;
    color: #ffffff;
}

/* ======= Main menu variables ======= */
/* ======= Sub menus common variables ======= */
/* ======= First level sub menu variables ======= */
/* ======= Second level sub menu variables ======= */
nav {
    float: right;
    margin-top: 18px;
}

@media (max-width: 979px) {
    nav {
        float: none;
        display: inline-block;
    }
}

/* Main menu styles
========================================================*/
.sf-menu > li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
    text-align: center;
}

.sf-menu > li + li {
    margin-left: 29px;
}

.sf-menu > li > .sf-with-ul:after {
    font-family: FontAwesome;
    font-size: 22px;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    cursor: default;
    content: "\f107";
    color: #ffffff;
    bottom: -18px;
    left: 50%;
    margin-left: -7px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sf-menu > li > a {
    text-transform: uppercase;
    font: 400 21px/21px "Lato", sans-serif;
    display: inline-block;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #ffffff;
}

.sf-menu > li > a:hover {
    color: #ea202e;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.sf-menu > li > a:active {
    background: transparent;
    color: #ea202e;
}

.sf-menu .sfHover > a:after {
    color: #ea202e;
}

.sf-menu > li.current > a {
    color: #ea202e;
}

.sf-menu > li.current > .sf-with-ul:after {
    color: #ea202e;
}

.sf-menu > li.sfHover > a {
    color: #ea202e;
}

.sf-menu a {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.sf-menu a:hover {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

/* First level sub-menu styles
========================================================*/
.sf-menu ul {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 222px;
    font: 400 13px/13px Lato, sans-serif;
    position: absolute;
    top: 47px;
    left: 50%;
    margin-left: -111px;
    background: url(../images/background0.png) repeat;
    text-align: left;
    padding: 15px 0 30px 0;
    z-index: 2;
}

.sf-menu ul li {
    padding-left: 32px;
    line-height: 39px;
    position: relative;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sf-menu ul li:hover {
    background: #ea202e;
}

.sf-menu ul li:hover a {
    color: #ffffff;
}

.sf-menu ul li.first-child:before {
    display: none;
}

.sf-menu ul li > .sf-with-ul:after {
    font-family: FontAwesome;
    font-size: 22px;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    cursor: default;
    content: "\f105";
    color: #ffffff;
    top: 0;
    right: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sf-menu ul li a {
    display: block;
    color: #ffffff;
    text-transform: uppercase;
}

.sf-menu ul > .sfHover > a:after {
    color: #ffffff;
}

.sf-menu ul li.sfHover > a {
    color: #ffffff;
}

/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {
    position: absolute;
    top: -15px;
    left: 227px;
    margin-left: 0;
    background: url(../images/background0.png) repeat;
    z-index: 4;
}

@media only screen and (max-width: 767px) {
    .sf-menu {
        display: none;
    }

    nav {
        width: 100%;
        float: none;
    }

    .select-menu {
        border-radius: none;
        display: block;
        text-transform: capitalize;
        float: none;
        color: #ea202e;
        width: 100%;
        background: #ffffff;
        font: 22px/28px "Lato", sans-serif;
        text-align: left;
        border: 1px solid #c1c1c1;
        padding: 2px 0;
        position: relative;
    }

    .select-menu option {
        text-align: left;
        position: relative;
    }
}

/*Core variables and mixins*/
/* Stuck menu styles
========================================================*/
.isStuck {
    z-index: 999;
    position: fixed;
    -webkit-box-shadow: 0 0 4px 0 #000000;
    box-shadow: 0 0 4px 0 #000000;
}

@media only screen and (max-width: 979px) {
    .isStuck {
        display: none !important;
    }
}

/*========================================================
                    CONTENT styles
=========================================================*/
#content.common {
    text-transform: none;
}

/* ======= banner 1 Fair friendly service ======= */
.banner1 {
    background: #4c4e50;
    text-align: center;
    color: #ffffff;
    padding: 112px 0 129px;
}

.banner1 h5 {
    margin-bottom: 40px;
}

.banner1 .btn-big {
    margin-top: 53px;
}

/* ======= Banner 2 Best services ======= */
.banner2 {
    background: #ea202e;
}

.banner2 .btn-big {
    background: #4c4e50;
    margin-top: 24px;
}

.banner2 .btn-big:hover {
    background: #85888a;
}

.banner2 p {
    color: #ffffff;
}

.banner2.__inset0 .left {
    background: url(../images/page1_img1.png) no-repeat center 0;
    background-size: cover;
}

.banner2 .left {
    float: left;
    width: 50%;
    min-height: 704px;
}

@media (max-width: 840px) {
    .banner2 .left {
        min-height: 790px;
    }
}

@media (max-width: 767px) {
    .banner2 .left {
        float: none;
        width: 100%;
        min-height: 200px;
    }
}

.banner2 .right {
    float: left;
    width: 50%;
    min-height: 704px;
}

@media (max-width: 840px) {
    .banner2 .right {
        min-height: 790px;
    }
}

@media (max-width: 767px) {
    .banner2 .right {
        float: none;
        width: 100%;
        min-height: 200px;
    }
}

.banner2 .slogan {
    text-align: center;
    padding: 112px 58px 0;
    background: #ea202e;
}

@media (max-width: 767px) {
    .banner2 .slogan {
        padding: 30px;
    }
}

.banner2 h5 {
    margin-bottom: 41px;
}

.banner2.__inset1 {
    background: #2c2d2e;
}

.banner2.__inset1 .right {
    background: url(../images/page1_img2.png) no-repeat center 0;
    background-size: cover;
}

.banner2.__inset1 .slogan {
    background: #2c2d2e;
}

/* ======= Banner 3 About us ======= */
.banner3 {
    padding: 124px 0 140px;
}

.banner3 h5 {
    text-align: center;
    color: #2c2d2e;
    margin-bottom: 81px;
}

.banner3 .button {
    margin-top: -21px;
    text-align: center;
}

@media (max-width: 767px) {
    .banner3 {
        padding-bottom: 40px;
    }
}

/* ======= Post 1 About us ======= */
.post1 {
    margin-bottom: 101px;
}

@media (max-width: 767px) {
    .post1 {
        margin-bottom: 50px;
    }
}

.post1 h3 {
    margin-bottom: 7px;
}

.post1 .label {
    margin-top: -11px;
    display: inline-block;
    background: #ea202e;
    text-align: center;
    width: 140px;
    height: 140px;
}

@media (max-width: 767px) {
    .post1 .label {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 1199px) {
    .post1 .label {
        width: 108px;
        height: 108px;
    }
}

.post1 .label i {
    font-size: 65px;
    line-height: 140px;
    color: #ffffff;
}

@media (max-width: 1199px) {
    .post1 .label i {
        font-size: 40px;
        line-height: 108px;
    }
}

.post1.__left {
    text-align: right;
}

.post1.__left .wrapper {
    text-align: left;
}

@media (max-width: 767px) {
    .post1.__left {
        text-align: left;
    }

    .post1.__left .wrapper {
        display: none;
    }
}

.post1.__right {
    text-align: left;
}

.post1.__right .wrapper {
    text-align: right;
}

@media (max-width: 767px) {
    .post1.__right {
        text-align: left;
    }

    .post1.__right .wrapper {
        display: none;
    }
}

/* ======= banner 4 Our Services ======= */
.banner4 {
    background: url(../images/page1_img3.png) no-repeat center 0;
    background-size: cover;
    padding: 122px 0 110px;
}

.banner4 h5 {
    text-align: center;
    margin-bottom: 70px;
}

@media (max-width: 767px) {
    .banner4 {
        background: #2c2d2e;
    }
}

/* ======= post 2 our services ======= */
.post2 {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: url(../images/background2.png) repeat;
    margin-bottom: 30px;
}

.post2:hover {
    background: url(../images/background1.png) repeat;
}

.post2 img {
    float: left;
    margin-right: 28px;
}

.post2 .wrapper {
    padding-top: 25px;
}

.post2 h3 {
    color: #ffffff;
    margin-bottom: 7px;
}

.post2 p {
    color: #ffffff;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .post2 p {
        padding: 10px;
    }

    .post2 h3 {
        padding: 10px;
    }

    .post2 img {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

/* ======= Banner 5 Happy customers ======= */
.banner5 {
    padding: 124px 0 132px;
    text-align: center;
}

.banner5 h5 {
    margin-bottom: 51px;
    color: #2c2d2e;
}

.banner5 img {
    border-right: 500px;
    margin-bottom: 52px;
}

.banner5 h3 {
    margin-bottom: 17px;
}

.banner5 .cite {
    position: relative;
}

.banner5 .cite:before {
    font-family: FontAwesome;
    font-size: 113px;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    cursor: default;
    color: #ea202e;
    content: '\f10d';
    line-height: 90px;
    top: -117px;
    left: 50%;
    margin-left: -52.5px;
}

/* ======= Banner 6 Our capabilities ======= */
.banner6 {
    background: #4c4e50;
    padding: 98px 0 130px;
}

@media (max-width: 767px) {
    .banner6 {
        padding-top: 40px;
    }
}

.banner6 h2 {
    margin-bottom: 22px;
}

.banner6 .button {
    text-align: center;
}

/* ======= Post 3 our capabilities ======= */
.post3 img {
    margin-top: 8px;
}

@media (max-width: 767px) {
    .post3 img {
        margin-bottom: 20px;
    }
}

.post3 h4 {
    margin-bottom: 17px;
}

.post3 p {
    margin-bottom: 21px;
    color: #ffffff;
    font-size: 15px;
    line-height: 21px;
}

.post3 .btn-big {
    margin-top: 14px;
}

/* ======= Banner 7 What we offer ======= */
.banner7 {
    background: url(../images/page2_img2.png) no-repeat right 0 #ea202e;
    position: relative;
}

@media (max-width: 767px) {
    .banner7 {
        background: #ea202e;
    }
}

.banner7 .wrapper {
    padding: 98px 0 129px;
    background: #ea202e;
}

@media (max-width: 1199px) {
    .banner7 .wrapper {
        padding: 20px 0 50px;
    }
}

.banner7 .wrapper h2 {
    margin-bottom: 20px;
}

.banner7 img {
    position: absolute;
    top: 0;
    right: 0;
}

/* ======= Post 4 What we offer ======= */
.post4 {
    text-align: center;
}

@media (max-width: 767px) {
    .post4 {
        margin-bottom: 50px;
    }
}

.post4 .label {
    font: 600 48px/94px "Open Sans", sans-serif;
    color: #ffffff;
    margin-bottom: 6px;
    display: inline-block;
    width: 98px;
    height: 98px;
    border-radius: 500px;
    text-align: center;
    border: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.post4 h4 {
    margin-bottom: 7px;
}

.post4 h4 a:hover {
    color: #2c2d2e;
}

.post4 p {
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    padding: 0 12px;
}

/* ======= Banner 8 Featured Services ======= */
.banner8 {
    padding: 98px 0 102px;
}

@media (max-width: 767px) {
    .banner8 {
        padding-top: 40px;
    }
}

.banner8 h2 {
    color: #2c2d2e;
    margin-bottom: 14px;
}

/* ======= Tabs services ======= */
#tabs {
    text-align: left;
    color: #2c2d2e;
}

#tabs a {
    display: block;
}

#tabs .tabs-list {
    position: relative;
    margin-top: 6px;
}

@media (max-width: 767px) {
    #tabs .tabs-list {
        margin-bottom: 20px;
    }
}

#tabs .tabs-list .ui-state-focus {
    outline: medium none !important;
}

#tabs .tabs-list .ui-tabs-active .tab {
    color: #ea202e;
}

#tabs .tabs-list .ui-tabs-active .tab i {
    color: #ea202e;
}

#tabs .tabs-list li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: medium none !important;
    text-align: left;
    display: block;
    border-bottom: 1px solid #9b9ea1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#tabs .tabs-list li:first-child {
    border-top: 1px solid #9b9ea1;
}

@media (max-width: 479px) {
    #tabs .tabs-list li {
        padding-left: 10px;
    }
}

#tabs .tabs-list li a {
    outline: medium none !important;
}

#tabs .tab {
    font: 700 18px/28px "Lato", sans-serif;
    display: block;
    color: #2c2d2e;
    text-transform: uppercase;
    position: relative;
    padding: 22px 0 16px;
}

@media (max-width: 1199px) {
    #tabs .tab {
        font-size: 14px;
        line-height: 28px;
    }
}

@media (max-width: 767px) {
    #tabs .tab {
        text-align: center;
        padding: 5px 0 5px;
    }
}

#tabs .tab span {
    margin-top: 13px;
    display: inline-block;
}

#tabs .tab i {
    color: #2c2d2e;
    font-size: 65px;
    margin-top: -6px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 1199px) {
    #tabs .tab i {
        font-size: 30px;
        margin-top: 13px;
    }
}

#tabs .tab:hover {
    color: #ea202e;
}

#tabs .tab:hover i {
    color: #ea202e;
}

/* ======= Post 5 Featured services ======= */
.post5 h3 {
    margin-bottom: 14px;
}

.post5 p {
    margin-bottom: 28px;
}

/* ======= Banner 9 Car maintenance ======= */
.banner9 {
    background: url(../images/page2_img3.png) no-repeat center 0;
    background-size: cover;
    padding: 142px 0 84px;
}

.banner9 h2 {
    margin-bottom: 11px;
}

@media (max-width: 767px) {
    .banner9 {
        background: #2c2d2e;
    }
}

/* ======= Post 6 Car maintenace ======= */
.post6 {
    margin-bottom: 36px;
}

.post6 img {
    margin-top: 9px;
}

@media (max-width: 767px) {
    .post6 img {
        margin-bottom: 20px;
    }
}

.post6 h4 {
    margin-bottom: 13px;
}

.post6 p {
    margin-bottom: 21px;
    color: #ffffff;
    line-height: 21px;
}

/* ======= Banner 10 supercar advices ======= */
.banner10 {
    padding: 25px 0 47px;
    background: url(../images/page2_img6.png) no-repeat center 0;
    background-size: cover;
}

.banner10 h2 {
    text-align: left;
    margin-bottom: 1px;
}

.banner10 a {
    display: inline-block;
    margin-top: 62px;
}

.banner10 a:hover i {
    color: #2c2d2e;
}

.banner10 a i {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #ffffff;
    color: rgba(255, 255, 255, 0.5);
    display: block;
    font-size: 72px;
    line-height: 64px;
}

.banner10.__inset1 {
    background: url(../images/page3_img1.png) no-repeat center 0;
    background-size: cover;
}

.banner10.__inset1 a:hover i {
    color: #ea202e;
}

.banner11 {
    background: #4c4e50;
    padding: 98px 0 142px;
}

@media (max-width: 767px) {
    .banner11 {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

.banner11 h2 {
    margin-bottom: 22px;
}

#filters {
    margin-top: 6px;
    margin-bottom: 54px;
    /* ---- button-group ---- */
}

@media (max-width: 767px) {
    #filters {
        margin-bottom: 30px;
    }
}

#filters .button {
    display: inline-block;
    background: transparent;
    border: 2px solid #ffffff;
    padding: 17px 18px 18px;
    color: #ffffff;
    font: 700 18px/18px "Lato", sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 979px) {
    #filters .button {
        padding: 17px 10px;
    }
}

@media (max-width: 767px) {
    #filters .button {
        display: block;
        margin-top: 10px;
    }
}

#filters .button:hover {
    color: #ffffff;
    border-color: #ea202e;
}

#filters .button:active,
#filters .button.is-checked {
    color: #ffffff;
    background: #ea202e;
    border-color: #ea202e;
    outline: none;
}

#filters .button.is-checked {
    color: #ffffff;
    background: #ea202e;
    border-color: #ea202e;
}

#filters .button:active {
    color: #ffffff;
    background: #ea202e;
    border-color: #ea202e;
}

#filters .button-group:after {
    content: '';
    display: block;
    clear: both;
}

#filters .button-group .button {
    float: left;
    border-radius: 0;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 56px;
}

.filter-by {
    display: block;
    font: 16px/24px "Lato", sans-serif;
    margin-top: 43px;
    margin-bottom: 5px;
}

.isotope .element-item {
    float: none;
    display: block;
    width: 88%;
}

/* ======= List 1 ======= */
.list1 {
    padding-right: 67px;
}

@media (max-width: 1199px) {
    .list1 .price {
        float: right;
    }
}

@media (max-width: 767px) {
    .list1 {
        margin-bottom: 30px;
    }
}

.list1 .wide {
    display: inline-block;
    min-width: 250px;
}

@media (max-width: 1199px) {
    .list1 .wide {
        min-width: 0;
        margin-right: 10px;
    }
}

.list1 li {
    position: relative;
}

.list1 li + li {
    margin-top: 21px;
}

.list1 li:after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: url(../images/border1.png) repeat-x;
    bottom: -12px;
}

.list1 a {
    font: 300 15px/15px "Lato", sans-serif;
    color: #ffffff;
}

@media (max-width: 479px) {
    .list1 a {
        font-size: 12px;
        line-height: 12px;
    }
}

.list1 a:hover {
    color: #ea202e;
}

.list1 .appointment {
    font: 700 14px/15px "Lato", sans-serif;
    color: #ffffff;
    float: right;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .list1 .appointment {
        float: none;
        display: block;
    }
}

.list1 .appointment:hover {
    color: #ea202e;
}

.list1 li {
    display: block;
    font: 400 14px/14px "Lato", sans-serif;
    color: #2c2d2e;
}

/* ======= Post 7 Latest from the blog ======= */
.post7 {
    margin-top: 4px;
    padding-right: 70px;
    margin-bottom: 47px;
}

@media (max-width: 979px) {
    .post7 {
        padding-right: 0;
    }
}

.post7 .header {
    font: 300 18px/20px "Lato", sans-serif;
    color: #050505;
    text-transform: uppercase;
    display: block;
    margin-bottom: 1px;
}

.post7 .info {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 7px;
}

.post7 .info time {
    font: 300 15px/20px "Lato", sans-serif;
    text-transform: uppercase;
    display: block;
    color: #ffffff;
}

.post7 .info time .divider {
    display: inline-block;
    margin: 0 10px;
}

.post7 .info:after {
    width: 100%;
    content: '';
    display: block;
    height: 2px;
    background: #696c6f;
    position: absolute;
    bottom: 0;
}

.post7 p {
    line-height: 24px;
    color: #ffffff;
}

.post7 .btn-default {
    margin-top: 10px;
}

/* ======= Banner 12  latest news ======= */
.banner12 {
    background: #ea202e;
    padding: 98px 0 65px;
}

@media (max-width: 767px) {
    .banner12 {
        padding-top: 40px;
    }
}

.banner12 h2 {
    margin-bottom: 12px;
}

/* ======= Post 8 latest news ======= */
.post8 {
    padding-left: 178px;
    position: relative;
    margin-bottom: 55px;
}

@media (max-width: 979px) {
    .post8 {
        padding-left: 70px;
    }
}

.post8 .label {
    position: absolute;
    left: 0;
    top: 9px;
    width: 140px;
    height: 140px;
    background: #ffffff;
}

@media (max-width: 979px) {
    .post8 .label {
        width: 50px;
        height: 50px;
    }
}

.post8 .label time {
    text-align: center;
    margin-top: 32px;
    display: block;
}

@media (max-width: 979px) {
    .post8 .label time {
        margin-top: 5px;
    }
}

.post8 .label time .day {
    font: 300 36px/36px "Lato", sans-serif;
    color: #ea202e;
    display: block;
    text-align: center;
}

@media (max-width: 979px) {
    .post8 .label time .day {
        font-size: 18px;
        line-height: 18px;
    }
}

.post8 .label time .month {
    font: 300 38px/36px "Lato", sans-serif;
    color: #ea202e;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 979px) {
    .post8 .label time .month {
        font-size: 19px;
        line-height: 18px;
    }
}

.post8 h4 {
    margin-bottom: 7px;
    padding-right: 73px;
}

@media (max-width: 979px) {
    .post8 h4 {
        padding-right: 0;
    }
}

.post8 h4 a:hover {
    color: #2c2d2e;
}

.post8 p {
    line-height: 24px;
    color: #ffffff;
}

/* ======= Banner 13 Advanced cycle ======= */
.banner13 {
    padding: 28px 0 117px;
}

.banner13 h2 {
    color: #2c2d2e;
    margin-bottom: 11px;
}

/* ======= Post 9 Advanced cycle ======= */
.post9 h4 {
    color: #2c2d2e;
    margin-bottom: 14px;
}

.post9 h4 a:hover {
    color: #ea202e;
}

.post9 p {
    margin-bottom: 20px;
    line-height: 21px;
}

.post9 .vimeo-video1 {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .post9 .vimeo-video1 {
        margin-top: 30px;
    }
}

/* ======= Banner 14 Contacts ======= */
.banner14 {
    background: #4c4e50;
    padding: 98px 0 102px;
}

@media (max-width: 767px) {
    .banner14 {
        padding-top: 40px;
    }
}

.banner14 h2 {
    margin-bottom: 22px;
}

.banner14 .button {
    text-align: center;
}

/* ======= Post 10 Privacy Policy ======= */
.post10 {
    margin-bottom: 28px;
}

.post10 .header {
    margin-bottom: 13px;
    font: 300 18px/29px "Lato", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
}

.post10 p {
    color: #ffffff;
    line-height: 21px;
    font-size: 14px;
}

.post10 .simple-link {
    color: #ea202e;
    margin-top: 17px;
    margin-bottom: -5px;
}

.post10 .simple-link:hover {
    color: #ffffff;
}

/* ======= Socials buttons 1 ======= */
.socials1 li {
    display: inline-block;
    margin-bottom: 10px;
}

.socials1 li + li {
    margin-left: 18px;
}

.socials1 li a i {
    color: #ffffff;
    background: #4c4e50;
    text-align: center;
    font-size: 41px;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 72px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.socials1 li a i:hover {
    background: #ea202e;
    color: #ffffff;
}

/* ======= Vimeo video  ======= */
.vimeo-video1 iframe {
    width: 100%;
    height: 360px;
}

@media (max-width: 1199px) {
    .vimeo-video1 iframe {
        height: 290.52631578947364px;
    }
}

@media (max-width: 979px) {
    .vimeo-video1 iframe {
        height: 229.89473684210526px;
    }
}

@media (max-width: 767px) {
    .vimeo-video1 iframe {
        height: 265.2631578947368px;
    }
}

@media (max-width: 479px) {
    .vimeo-video1 iframe {
        height: 170.52631578947367px;
    }
}

/* ======= Google Map  ======= */
.google-map_contacts {
    margin-top: 30px;
}

.google-map_contacts iframe {
    width: 100%;
    height: 434px;
}

@media (max-width: 767px) {
    .google-map_contacts iframe {
        height: 200px;
    }
}

/* ======= Address  ======= */
.address-block {
    margin-top: 26px;
}

@media (max-width: 767px) {
    .address-block {
        margin-bottom: 50px;
    }
}

.address-block address {
    margin-bottom: 3px;
    font: 300 15px/22px "Lato", sans-serif;
    color: #ffffff;
}

.address-block .our-address {
    display: block;
    margin-bottom: 13px;
    font: 300 24px/24px "Lato", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
}

.address-block .numbers {
    display: inline-block;
    min-width: 75px;
}

.simple-link {
    display: inline-block;
    text-decoration: underline;
}

/*========================================================
                    FOOTER styles
=========================================================*/
#footer {
    padding: 93px 0;
    background: url(../images/page1_img9.jpg) no-repeat center;
    background-size: cover;
    color: #ffffff;
    text-align: center;
}

#footer.main {
    padding-top: 122px;
}

#footer h5 {
    margin-bottom: 52px;
}

#footer .phones {
    display: inline-block;
    font: 700 35px/55px "Lato", sans-serif;
    color: #ffffff;
    margin-top: 14px;
    margin-bottom: 35px;
    position: relative;
}

@media (max-width: 479px) {
    #footer .phones {
        font-size: 18px;
        line-height: 30px;
    }
}

#footer .phones span {
    display: block;
}

@media (max-width: 479px) {
    #footer .phones:before {
        font-size: 40px;
        top: 4px;
    }
}

#footer .privacy-block {
    margin-top: 50px;
    font-size: 11px;
}

/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 80px;
    right: 30px;
    overflow: hidden;
    border: none;
    color: #2c2d2e;
    width: 40px;
    height: 43px;
    font-size: 43px;
    line-height: 38px;
    z-index: 20;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

#toTop:hover {
    outline: none;
    color: #ea6966;
}

@media only screen and (max-width: 1199px) {
    #toTop {
        display: none !important;
    }
}

/*Core variables and mixins*/