body {
    font-family: 'Fregat', Arial, Verdana, sans-serif !important;
}
.navbar-brand {
    height: auto;
}
.navbar-brand>img {
    max-height: 80px;
    margin: -5px 30px -5px 0;
}
.collapse.in {
    display: block !important;
}
.navbar-collapse {
    float: left;
}
.navbar-nav>li>a {
    padding: 40px 17px;
    color: #424242 !important;
    font-size: 20px;
    font-weight: 700;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.navbar-nav>li>a:hover {
    color: #649414 !important;
}
.navbar {
    background: #fff;
    padding-bottom: 10px;
    border-bottom: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
.first-section {
    position: relative;
    padding: 160px 0 80px 0;
    min-height: 500px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a32d72+0,d6649d+100 */
    background: rgb(163,45,114); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(163,45,114,1) 0%, rgba(214,100,157,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(163,45,114,1) 0%,rgba(214,100,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(163,45,114,1) 0%,rgba(214,100,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a32d72', endColorstr='#d6649d',GradientType=0 ); /* IE6-9 */

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6649d+7,d6649d+7,a32d72+100 */
    background: rgb(214,100,157); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(214,100,157,1) 7%, rgba(214,100,157,1) 7%, rgba(163,45,114,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(214,100,157,1) 7%,rgba(214,100,157,1) 7%,rgba(163,45,114,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(214,100,157,1) 7%,rgba(214,100,157,1) 7%,rgba(163,45,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6649d', endColorstr='#a32d72',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    border-bottom: 3px solid #C4508D;
}
.top-phone {
    margin-top: 10px;
    margin-left: 20px;
}
.top-phone .number a {
    display: inline-block;
    font-size: 24px;
    margin-bottom: 5px;
    line-height: 30px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
}
.top-phone button {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#85b215+0,588914+100 */
    background: rgb(133,178,21); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(133,178,21,1) 0%, rgba(88,137,20,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(133,178,21,1) 0%,rgba(88,137,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(133,178,21,1) 0%,rgba(88,137,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b215', endColorstr='#588914',GradientType=0 ); /* IE6-9 */
    font-weight: bold;
    padding: 7px 30px;
    color: #fff;
    border: 2px solid #87c02c;
    font-size: 18px;
    border-radius: 25px;
    outline: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top-phone button:hover {
    box-shadow: inset 0 2px 4px #588914;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    outline: none;
}
.first-section:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/bg-ms.png") top center repeat-y;
    background-size: 1600px;
    opacity: 0.5;
}
.first-section h1 {
    color: #FDF6E5;
    font-size: 50px;
    font-weight: 700;
    text-shadow: 0 1px 1px #69244B;
}
.first-section h2 {
    font-size: 32px;
    color: #FFDB94;
    text-shadow: 0 1px 1px #844467;
}
.bg-border {
}
.bg-border:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    background: url("../images/bg-border.png") center;
    background-size: 100%;
    width: 100%;
    height: 8px;
}
.advanced {
    margin-top: 40px;
}
.advanced-img {
    margin: 10px auto;
    max-width: 120px;
    padding: 25px;
    background: #AD437F;
    border: 2px solid #C85C9A;
    border-radius: 50%;
}
.advanced-title {
    color: #fff;
    font-size: 20px;
    height: 50px;
    font-weight: 700;
    text-shadow: 0 1px 1px #AD2371;
    margin-bottom: 20px;
}
.advanced-img img {
    width: 100%;
}
.section1 {
    position: relative;
    min-height: 500px;
    padding: 80px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8d421+0,c9e56e+100 */
    background: rgb(200,212,33); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(200,212,33,1) 0%, rgba(201,229,110,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(200,212,33,1) 0%,rgba(201,229,110,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(200,212,33,1) 0%,rgba(201,229,110,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8d421', endColorstr='#c9e56e',GradientType=0 ); /* IE6-9 */
    border-bottom: 3px solid #a1c030;
}
.section1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.6;
    background: url("../images/gi-bg1.png") center;
}
.section1 h2 {
    font-size: 32px;
    font-weight: 700;
}
.section1 h3 {
    font-size: 20px;
    line-height: 30px;
}
.section1 .product img {
    padding: 22px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 15px #A9A949;
    min-width: 200px;
}
.section1 .product {
    display: inline-block;
    border-radius: 50%;
    padding: 15px;
    background: #B3BF48;
    margin: 30px 0 10px 0;
}
.section1 .title-product {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #333;
}
.section1 button {
    background: none;
    border: 3px solid #667225;
    color: #667225;
    font-weight: 700;
    font-size: 20px;
    margin: 20px 0;
    padding: 10px 30px;
    border-radius: 25px;
    outline: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.section1 button:hover, .section1 button:focus {
    background: #667225;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    outline: none;
}
.section2 {
    position: relative;
    min-height: 500px;
    padding: 80px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef9f9e+0,e87d7d+100 */
    background: rgb(239,159,158); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(239,159,158,1) 0%, rgba(232,125,125,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(239,159,158,1) 0%,rgba(232,125,125,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(239,159,158,1) 0%,rgba(232,125,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9f9e', endColorstr='#e87d7d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-bottom: 3px solid #E87D7D;
    text-shadow: 0 1px 1px #ae5d5d;
    color: #FDF6E5;
    font-size: 20px;
}
.section2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/bg-ms2.png") center repeat-y;
    background-size: 1800px;
    opacity: 0.2;
}
.section2 h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 700;
    color: #FDF6E5;
    text-shadow: 0 1px 1px #ae5d5d;
}
.section2 p {
    margin-top: 10px;
    margin-bottom: 20px;
}
.img-ob {
    position: relative;
    display: inline-block;
    background: #D07676;
    padding: 15px;
    border-radius: 50%;
}
.img-ob img {
    max-width: 340px;
    border-radius: 50%;
    box-shadow: 0 2px 15px #b56767;
}
.img-ob .price-ob {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#85b215+0,588914+100 */
    background: rgb(133,178,21); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(133,178,21,1) 0%, rgba(88,137,20,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(133,178,21,1) 0%,rgba(88,137,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(133,178,21,1) 0%,rgba(88,137,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b215', endColorstr='#588914',GradientType=0 ); /* IE6-9 */
    border: 2px solid #87c02c;
    position: absolute;
    text-shadow: none;
    font-weight: 700;
    text-align: center;
    width: 130px;
    height: 130px;
    font-size: 18px;
    line-height: 22px;
    padding: 33px 0;
    border-radius: 50%;
    bottom: 0;
    right: 0;
}
.img-ob .price-ob b {
    font-size: 45px;
    line-height: 40px;
}
.section2 button {
    background: none;
    border: 3px solid #A74D4D;
    color: #A74D4D;
    font-weight: 700;
    font-size: 20px;
    margin: 20px 0;
    padding: 10px 30px;
    border-radius: 25px;
    outline: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.section2 button:hover, .section2 button:focus {
    background: #A74D4D;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    outline: none;
}
.section3 {
    position: relative;
    min-height: 500px;
    padding: 80px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e69f32+0,f9c06b+100 */
    background: rgb(230,159,50); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(230,159,50,1) 0%, rgba(249,192,107,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(230,159,50,1) 0%,rgba(249,192,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(230,159,50,1) 0%,rgba(249,192,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e69f32', endColorstr='#f9c06b',GradientType=0 ); /* IE6-9 */
    border-bottom: 3px solid #efae4e;
}
.section3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    background: url("../images/gi-bg1.png") center;
}
.section3 h2 {
    margin-top: 0;
    margin-bottom: 50px;
    font-size: 32px;
    font-weight: 700;
    color: #FDF6E5;
    text-shadow: 0 1px 1px #AF7113;
}
.section3 button {
     background: none;
     border: 3px solid #AF7113;
     color: #AF7113;
     font-weight: 700;
     font-size: 20px;
     margin: 20px 0;
     padding: 10px 30px;
     border-radius: 25px;
    outline: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.section3 button:hover, .section3 button:focus {
    background: #AF7113;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    outline: none;
}
.advanced2-img {
    display: inline-block;
    max-width: 100px;
    padding: 25px;
    background: #D0943A;
    border: 3px solid #B97F27;
    border-radius: 50%;
}
.advanced2-img img {
    width: 100%;
}
.advanced2-title h3 {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    text-shadow: 0 1px 1px #AF7113;
    margin-top: 0;
    margin-bottom: 5px;
}
.advanced2-title {
    font-size: 16px;
    color: #8C601E;
    margin-bottom: 40px;
}
.section4 {
    position: relative;
    min-height: 500px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd743+0,efd586+100 */
    background: rgb(255,215,67); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,215,67,1) 0%, rgba(239,213,134,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(255,215,67,1) 0%,rgba(239,213,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(255,215,67,1) 0%,rgba(239,213,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd743', endColorstr='#efd586',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background: #333;
}
.section4 #map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.section5 #map2 {
    width: 100%;
    height: 500px;
    max-height: 100vh;
}
.section4 .overlay {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad2261+0,38052a+100 */
    background: rgb(173,34,97); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(173,34,97,1) 0%, rgba(56,5,42,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(173,34,97,1) 0%,rgba(56,5,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(173,34,97,1) 0%,rgba(56,5,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad2261', endColorstr='#38052a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.7;
}
.form {
    position: relative;
    z-index: 2;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,f2f2f2+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    margin-top: 80px;
    padding: 30px;
    border: 3px solid #783657;
    border-bottom: 0;
}
.form h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}
.form h4 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: bold;
}

.form h3 {
    font-size: 20px;
    margin-bottom: 20px;
}
.form input, .modal-content input {
    padding: 12px 20px;
    font-size: 18px;
    border-radius: 30px;
    border: 2px solid #E6E6E6;
    height: auto;
}
.form textarea, .modal-content textarea {
    resize: none;
    height: 100px;
    padding: 12px 20px;
    font-size: 18px;
    border-radius: 30px;
    border: 2px solid #E6E6E6;
}
.form button, .modal-content button[type=submit] {
    background: rgb(133,178,21);
    background: -moz-linear-gradient(top, rgba(133,178,21,1) 0%, rgba(88,137,20,1) 100%);
    background: -webkit-linear-gradient(top, rgba(133,178,21,1) 0%,rgba(88,137,20,1) 100%);
    background: linear-gradient(to bottom, rgba(133,178,21,1) 0%,rgba(88,137,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b215', endColorstr='#588914',GradientType=0 );
    font-weight: bold;
    padding: 10px 35px;
    color: #fff !important;
    border: 2px solid #87c02c;
    font-size: 25px;
    border-radius: 30px;
    outline: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.form button:hover, .modal-content button[type=submit]:hover {
    box-shadow: inset 0 3px 6px #588914;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    outline: none;
}
.footer {
    border-top: 3px solid #A1C030;
    background: #333;
    color: #ccc;
    font-size: 16px;
    padding: 15px 0;
}
.copy {
    padding: 15px 0;
}
.copy-link {
    float: right;
}
.copy-link img {
    float: left;
    width: 110px;
    margin-right: 15px;
}
.copy-link .copy-link-title {
    float: left;
    margin: 4px 0;
}
.copy-link a {
    color: #fff;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
    position: absolute;
    right: 15px;
    bottom: 7px;
}
div.wpcf7-validation-errors {
    border: 2px solid #ffd63f;
    background: #ffe663;
    border-radius: 20px;
    padding: 10px 20px;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #81bb6b;
    background: #c4e8b5;
    padding: 10px 20px;
    border-radius: 20px;
}

.modal-content {
    border: 3px solid #783657;
    border-radius: 0;
    background: #f5f5f5;
}
.modal-content h3 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
}
.modal-content button.close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 12px 12px 20px;
    text-shadow: none;
    color: #fff;
    background: #783657;
    opacity: 1;
    font-size: 28px;
    border-radius: 0 0 0 40px;
    outline: none;
}
.gp {
    position: absolute;
    z-index: 1;
    background: #fff;
    padding: 15px 25px 25px 25px;
    width: 380px;
    border: 5px solid #c8d421;
    margin-top: 60px;
}

/* responsive */

@media (max-width: 1199px) {
    .navbar-brand>img {
        max-height: 55px;
        margin: 5px 30px 5px 0;
    }
    .navbar-nav>li>a {
        padding: 42px 10px;
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    .img-ob {
        margin-top: 30px;
    }
    .first-section {
        padding-top: 220px;
    }
    .first-section:before {
        background-size: 1200px;
    }
    .navbar {
        padding-bottom: 20px;
    }
    .navbar-header {
        float: none;
        text-align: center;
    }
    .navbar-brand {
        display: inline-block;
        float: none;
        padding: 0;
        margin-top: 10px;
    }
    .navbar-brand>img {
        max-height: 75px;
        margin: 0;
    }
    .navbar-collapse {
        float: none;
    }
    .top-phone .number {
        display: inline-block;
        margin-right: 15px;
    }
    .navbar-nav {
        float: none;
        text-align: center;
    }
    .navbar-nav>li {
        float: none;
        display: inline-block;
    }
    .navbar-nav>li>a {
        padding: 10px 15px;
    }
    .top-phone {
        margin-left: 0;
    }
    .navbar-toggle {
        border: 0;
        position: absolute;
        right: 15px;
        top: 15px;
    }
    .navbar-toggle .icon-bar {
        width: 30px;
        height: 3px;
        border: 0;
    }
    .section2 {
        text-align: center;
    }
    .section2:before {
        background-size: 900px;
    }
}
@media (max-width: 767px) {
.gp {
    position: relative;
    margin: 0 -15px;
    width: auto;
}
    .top-phone {
        margin-top: 0;
    }
    .first-section:before {
        background-size: 800px;
    }
    .navbar-collapse {
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 10px;
    }
    .footer {
        text-align: center;
    }
    .copy-link {
        border-top: 1px solid #797979;
        padding-top: 15px;
        min-width: 280px;
    }
    .copy-link, .copy-link img {
        float: none;
        display: inline-block;
        text-align: center;
    }
    .copy-link .copy-link-title {
        float: none;
        display: block;
        text-align: center;
    }
}
@media (max-width: 479px) {
    .navbar-toggle {
        margin-right: 0;
    }
    .first-section:before {
        background-size: 500px;
    }
    .section2:before {
        background-size: 400px;
    }
    .img-ob img {
        max-width: 100%;
    }
    .navbar-toggle {
        top: 0;
    }
}