@charset "UTF-8";
/*!--------------------------------------------------------------
# main.scss
#
# Sass file for Areen template.
# Author: SaltTechno
#
# This is compressed CSS file. You get uncompressed version of
# this file and all source scss files with download.
--------------------------------------------------------------*/

@import 'https://fonts.googleapis.com/css?family=Poppins:600|Questrial';
body,
html {
    font-family: Questrial, sans-serif;
    font-weight: 400;
    color: #323232;
    font-size: 12px;
    line-height: 1.75em
}
@media (min-width: 600px) {
    body,
    html {
        font-size: calc(12px + 4 * ((100vw - 600px) / 540))
    }
}
@media (min-width: 1140px) {
    body,
    html {
        font-size: 16px
    }
}
a,
abbr,
acronym,
address,
b,
big,
blockquote,
caption,
center,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
i,
img,
ins,
kbd,
label,
legend,
li,
ol,
p,
pre,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tr,
tfoot,
th,
thead,
tt,
u,
ul,
var {
    margin: 0;
    padding: 0;
}
address,
blockquote,
dl,
ol,
p,
pre,
table,
ul {
    margin-bottom: 1.75em
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    color: #323232;
    clear: both
}
.h1,
h1 {
    font-size: 27.8543898685px;
    margin-top: .9424008253em;
    line-height: 1.1308809903em;
    margin-bottom: .1884801651em
}
@media (min-width: 600px) {
    .h1,
    h1 {
        font-size: calc(27.8543898685px + 9.284796622800002 * ((100vw - 600px) / 540))
    }
}
@media (min-width: 1140px) {
    .h1,
    h1 {
        font-size: 37.1391864913px;
        margin-top: .9424008253em;
        line-height: 1.1308809903em;
        margin-bottom: .1884801651em
    }
}
.h2,
h2 {
    font-size: 23.5370033519px;
    margin-top: 1.1152651681em;
    line-height: 1.3383182017em;
    margin-bottom: .2514831227em
}
@media (min-width: 600px) {
    .h2,
    h2 {
        font-size: calc(23.5370033519px + 7.845667784 * ((100vw - 600px) / 540))
    }
}
@media (min-width: 1140px) {
    .h2,
    h2 {
        font-size: 31.3826711359px;
        margin-top: 1.1152651681em;
        line-height: 1.3383182017em;
        margin-bottom: .2443756004em
    }
}
.h3,
h3 {
    font-size: 19.888804939px;
    margin-top: 1.3198379732em;
    line-height: 1.5838055678em;
    margin-bottom: .3037841038em
}
@media (min-width: 600px) {
    .h3,
    h3 {
        font-size: calc(19.888804939px + 6.629601646299999 * ((100vw - 600px) / 540))
    }
}
@media (min-width: 1140px) {
    .h3,
    h3 {
        font-size: 26.5184065853px;
        margin-top: 1.3198379732em;
        line-height: 1.5838055678em;
        margin-bottom: .2938299765em
    }
}
.h4,
h4 {
    font-size: 16.8060715286px;
    margin-top: 1.5619355157em;
    line-height: 1.8743226189em;
    margin-bottom: .3681503615em
}
@media (min-width: 600px) {
    .h4,
    h4 {
        font-size: calc(16.8060715286px + 5.602023842800001 * ((100vw - 600px) / 540))
    }
}
@media (min-width: 1140px) {
    .h4,
    h4 {
        font-size: 22.4080953714px;
        margin-top: 1.5619355157em;
        line-height: 1.8743226189em;
        margin-bottom: .3542095469em
    }
}
.h5,
h5 {
    font-size: 14.2011569368px;
    margin-top: 1.8484409486em;
    line-height: 2.2181291384em;
    margin-bottom: .3696881897em
}
@media (min-width: 600px) {
    .h5,
    h5 {
        font-size: calc(14.2011569368px + 4.733718978900001 * ((100vw - 600px) / 540))
    }
}
@media (min-width: 1140px) {
    .h5,
    h5 {
        font-size: 18.9348759157px;
        margin-top: 1.8484409486em;
        line-height: 2.2181291384em;
        margin-bottom: .3696881897em
    }
}
.h6,
h6 {
    font-size: 12px;
    margin-top: 2.1875em;
    line-height: 2.625em;
    margin-bottom: .5104166667em
}
@media (min-width: 600px) {
    .h6,
    h6 {
        font-size: calc(12px + 4 * ((100vw - 600px) / 540))
    }
}
@media (min-width: 1140px) {
    .h6,
    h6 {
        font-size: 16px;
        margin-top: 2.1875em;
        line-height: 2.625em;
        margin-bottom: .4739583333em
    }
}
blockquote {
    font-style: italic
}
blockquote cite {
    font-style: normal
}
pre {
    padding: .875em;
    margin-bottom: 1.75em
}
pre code {
    padding: 0
}
code {
    font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    padding: .0875em .2625em
}
big,
code,
small,
sub,
sup {
    line-height: 0
}
abbr,
acronym {
    border-bottom: 1px dotted currentColor;
    cursor: help
}
address {
    font-style: normal
}
dt {
    color: #323232;
    font-weight: 700
}
ul {
    padding-left: 1.1em
}
ol {
    padding-left: 1.4em
}
fieldset {
    padding: .875em 1.75em 1.75em;
    border-width: 1px;
    border-style: solid;
    max-width: 100%;
    margin-bottom: 1.859375em
}
@media (min-width: 1140px) {
    fieldset {
        margin-bottom: 2.05078125em
    }
}
fieldset button,
fieldset input[type=submit] {
    margin-bottom: 0
}
legend {
    color: #323232;
    font-weight: 700
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    display: block;
    max-width: 100%;
    padding: .4375em;
    font-size: 12px;
    margin-bottom: 1.2578125em
}
@media (min-width: 600px) {
    input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    textarea {
        font-size: calc(12px + 4 * ((100vw - 600px) / 540))
    }
}
@media (min-width: 1140px) {
    input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    textarea {
        font-size: 16px;
        margin-bottom: .533203125em
    }
}
button,
input[type=submit] {
    cursor: pointer;
    font-size: 12px;
    padding: .4375em 1.75em;
    margin-bottom: 0
}
@media (min-width: 600px) {
    button,
    input[type=submit] {
        font-size: calc(12px + 4 * ((100vw - 600px) / 540))
    }
}
@media (min-width: 1140px) {
    button,
    input[type=submit] {
        font-size: 16px;
        margin-bottom: 0
    }
}
label {
    display: block;
    padding-bottom: .21875em;
    margin-bottom: -.1640625em
}
table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 2.296875em
}
@media (min-width: 1140px) {
    table {
        margin-bottom: 2.078125em
    }
}
th {
    text-align: left;
    color: #323232;
    padding: .21875em .875em
}
@media (min-width: 1140px) {
    th {
        padding: .4375em .875em
    }
}
td {
    padding: .875em;
    padding: .21875em .875em
}
@media (min-width: 1140px) {
    td {
        padding: .4375em .875em
    }
}
body {
    font-family: Questrial, sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #686868;
    text-rendering: optimizeLegibility!important;
    letter-spacing: .5px
}
::-moz-selection {
    background-color: #323232;
    color: #fff
}
::selection {
    background-color: #323232;
    color: #fff
}
ul {
    list-style: none
}
a {
    outline: none!important;
    text-decoration: none!important;
    color: #686868;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
a:hover {
    text-decoration: none;
    color: #01b6b0!important
}
p a {
    color: #01b6b0
}
.light-text {
    color: #c2c2c2
}
.primary-color {
    color: #01b6b0
}
.zero-padding {
    padding: 0!important
}
.mbn {
    margin-bottom: 0!important
}
.mb10 {
    margin-bottom: 10px!important
}
.mb20 {
    margin-bottom: 20px!important
}
.mb30 {
    margin-bottom: 30px!important
}
.mb40 {
    margin-bottom: 40px!important
}
.mb50 {
    margin-bottom: 50px!important
}
.mb60 {
    margin-bottom: 60px!important
}
.mtn {
    margin-top: 0!important
}
.mt10 {
    margin-top: 10px!important
}
.mt20 {
    margin-top: 20px!important
}
.mt30 {
    margin-top: 30px!important
}
.mt40 {
    margin-top: 40px!important
}
.mt50 {
    margin-top: 50px!important
}
.mt60 {
    margin-top: 60px!important
}
.mln {
    margin-left: 0
}
.ml10 {
    margin-left: 10px
}
.ml20 {
    margin-left: 20px
}
.ml30 {
    margin-left: 30px
}
.ml40 {
    margin-left: 40px
}
.ml50 {
    margin-left: 50px
}
.ml60 {
    margin-left: 60px
}
.mrn {
    margin-right: 0
}
.mr10 {
    margin-right: 10px
}
.mr20 {
    margin-right: 20px
}
.mr30 {
    margin-right: 30px
}
.mr40 {
    margin-right: 40px
}
.mr50 {
    margin-right: 50px
}
.mr60 {
    margin-right: 60px
}
.pbn {
    padding-bottom: 0!important
}
.pb10 {
    padding-bottom: 10px
}
.pb20 {
    padding-bottom: 20px
}
.pb30 {
    padding-bottom: 30px
}
.pb40 {
    padding-bottom: 40px
}
.pb50 {
    padding-bottom: 50px
}
.pb60 {
    padding-bottom: 60px
}
.pb70 {
    padding-bottom: 70px
}
.pb80 {
    padding-bottom: 80px
}
.ptn {
    padding-top: 0!important
}
.pt10 {
    padding-top: 10px
}
.pt20 {
    padding-top: 20px
}
.pt30 {
    padding-top: 30px
}
.pt40 {
    padding-top: 40px
}
.pt50 {
    padding-top: 50px
}
.pt60 {
    padding-top: 60px
}
.pt70 {
    padding-top: 70px
}
.pt80 {
    padding-top: 80px
}
.pt90 {
    padding-top: 90px
}
.pln {
    padding-left: 0
}
.pl10 {
    padding-left: 10px
}
.pl20 {
    padding-left: 20px
}
.pl30 {
    padding-left: 30px
}
.pl40 {
    padding-left: 40px
}
.pl50 {
    padding-left: 50px
}
.pl60 {
    padding-left: 60px
}
.prn {
    padding-right: 0
}
.pr10 {
    padding-right: 10px
}
.pr20 {
    padding-right: 20px
}
.pr30 {
    padding-right: 30px
}
.pr40 {
    padding-right: 40px
}
.pr50 {
    padding-right: 50px
}
.pr60 {
    padding-right: 60px
}
.mtm-80 {
    margin-top: -80px
}
.breadcrumb {
    font-size: 90%
}
.white-color {
    color: #fff!important
}
.white-bg {
    background-color: #fff!important
}
.gray-bg {
    background-color: #f6f6f6!important
}
.NotGeneric-Title,
.tp-caption.NotGeneric-Title {
    font-size: 70px;
    line-height: 70px;
    padding: 10px 0
}
.NotGeneric-SubTitle,
.NotGeneric-Title,
.tp-caption.NotGeneric-SubTitle,
.tp-caption.NotGeneric-Title {
    color: #fff;
    font-weight: 600;
    font-style: normal;
    font-family: Poppins, sans-serif;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border: 0 none transparent;
    border-radius: 0 0 0 0
}
.NotGeneric-SubTitle,
.tp-caption.NotGeneric-SubTitle {
    font-size: 13px;
    line-height: 20px;
    padding: 0;
    letter-spacing: 4px
}
.NotGeneric-Icon,
.tp-caption.NotGeneric-Icon {
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    border: 0 solid hsla(0, 0%, 100%, 0);
    border-radius: 0 0 0 0
}
.NotGeneric-Button,
.NotGeneric-Icon,
.tp-caption.NotGeneric-Button,
.tp-caption.NotGeneric-Icon {
    color: #fff;
    font-weight: 600;
    font-style: normal;
    font-family: Poppins, sans-serif;
    text-decoration: none;
    background-color: transparent;
    letter-spacing: 3px;
    text-align: left
}
.NotGeneric-Button,
.tp-caption.NotGeneric-Button {
    font-size: 14px;
    line-height: 14px;
    padding: 10px 30px;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 0 0 0 0
}
.NotGeneric-Button:hover,
.tp-caption.NotGeneric-Button:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0 0 0 0;
    cursor: pointer
}
.NotGeneric-BigButton,
.tp-caption.NotGeneric-BigButton {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    font-style: normal;
    font-family: Poppins, sans-serif;
    padding: 27px 30px;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 0 0 0 0;
    text-align: left;
    letter-spacing: 3px
}
.NotGeneric-BigButton:hover,
.tp-caption.NotGeneric-BigButton:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0 0 0 0;
    cursor: pointer
}
.RotatingWords-TitleWhite,
.tp-caption.RotatingWords-TitleWhite {
    font-size: 70px;
    line-height: 70px;
    padding: 0;
    border: 0 none transparent;
    border-radius: 0 0 0 0
}
.RotatingWords-Button,
.RotatingWords-TitleWhite,
.tp-caption.RotatingWords-Button,
.tp-caption.RotatingWords-TitleWhite {
    color: #fff;
    font-weight: 600;
    font-style: normal;
    font-family: Poppins, sans-serif;
    text-decoration: none;
    text-align: left;
    background-color: transparent
}
.RotatingWords-Button,
.tp-caption.RotatingWords-Button {
    font-size: 20px;
    line-height: 20px;
    padding: 20px 50px;
    border: 2px solid hsla(0, 0%, 100%, .15);
    border-radius: 0 0 0 0;
    letter-spacing: 3px
}
.RotatingWords-Button:hover,
.tp-caption.RotatingWords-Button:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 0 0 0 0;
    cursor: pointer
}
.RotatingWords-SmallText,
.tp-caption.RotatingWords-SmallText {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    text-shadow: none
}
.FullSiteBlock-SubTitle,
.RotatingWords-SmallText,
.tp-caption.FullSiteBlock-SubTitle,
.tp-caption.RotatingWords-SmallText {
    font-weight: 600;
    font-style: normal;
    font-family: Poppins, sans-serif;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border: 0 none transparent;
    border-radius: 0 0 0 0
}
.FullSiteBlock-SubTitle,
.tp-caption.FullSiteBlock-SubTitle {
    color: #333;
    font-size: 25px;
    line-height: 34px;
    text-align: center
}
.FullSiteBlock-FooterLink,
.tp-caption.FullSiteBlock-FooterLink {
    color: #555;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400!important;
    font-style: normal;
    font-family: Questrial, sans-serif;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    border: 0 none transparent;
    border-radius: 0 0 0 0
}
.FullSiteBlock-FooterLink:hover,
.tp-caption.FullSiteBlock-FooterLink:hover {
    color: #0096ff;
    text-decoration: none;
    background-color: transparent;
    border: 0 none transparent;
    border-radius: 0 0 0 0;
    cursor: pointer
}
.fb-share-button.fb_iframe_widget iframe {
    width: 115px!important
}
#tp-socialwrapper {
    opacity: 0
}
.FullSiteBlock-SubTitle,
.tp-caption.FullSiteBlock-SubTitle {
    color: #333;
    font-size: 25px;
    line-height: 34px;
    font-weight: 400;
    font-style: normal;
    font-family: Questrial, sans-serif;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    border: 0 none transparent;
    border-radius: 0 0 0 0
}
.FullSiteBlock-Title,
.tp-caption.FullSiteBlock-Title {
    font-family: Poppins, sans-serif;
    font-weight: 600
}
.CreativeFrontPage-Btn,
.tp-caption.CreativeFrontPage-Btn {
    color: #fff;
    font-size: 14px;
    line-height: 60px;
    font-style: normal;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    padding: 0 50px;
    text-decoration: none;
    text-align: left;
    background-color: #00685c;
    border: 0 solid #000;
    border-radius: 6px;
    letter-spacing: 2px
}
.CreativeFrontPage-Btn:hover,
.tp-caption.CreativeFrontPage-Btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .25);
    border: 0 solid #000;
    border-radius: 6px;
    cursor: pointer
}
.tp-flip-index {
    z-index: 3!important
}
.hermes .tp-bullet {
    overflow: hidden;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #fff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: absolute
}
.hermes .tp-bullet:hover {
    background-color: rgba(0, 0, 0, .21)
}
.hermes .tp-bullet:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1px #fff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.hermes .tp-bullet.selected:after {
    height: 100%
}
.section-title {
    margin-bottom: 10px
}
.section-title .small-title {
    color: #01b6b0;
    margin-top: 0px;
}
.section-title .main-title {
    margin-top: 0
}
.section-title .sub-title {
    font-size: 1em
}
.section-title.page-title {
    padding-top: 60px;
    padding-bottom: 60px
}
section.content-section {
    padding: 20px 0;
    background: #fff;
}
section.content-section.black-section {
    background-color: #323232;
    color: #fff
}
section.content-section.black-section h1,
section.content-section.black-section h2,
section.content-section.black-section h3,
section.content-section.black-section h4,
section.content-section.black-section h5,
section.content-section.black-section h6 {
    color: #fff
}
section.content-section.black-section .small-title {
    color: #01b6b0
}
section.content-section.gray-section {
    background: #f6f6f6
}
.parallax-section{
   margin-top:-100px;
}
.parallax-section .primary-grad {
    background: -webkit-linear-gradient(left, rgba(231, 76, 60, .8), rgba(168, 35, 21, .6));
    background: linear-gradient(90deg, rgba(231, 76, 60, .8), rgba(168, 35, 21, .6));
    color: #fff
}
.parallax-section .primary-grad h1,
.parallax-section .primary-grad h2,
.parallax-section .primary-grad h3,
.parallax-section .primary-grad h4,
.parallax-section .primary-grad h5,
.parallax-section .primary-grad h6 {
    color: #fff
}
.parallax-section .black-grad {
    background: #323232;
    background: rgba(50, 50, 50, .6);
    color: #fff;
   margin-top: 70px;
}


.inicio .section-title.page-title {
    padding-top: 80px;
}
.inicio .parallax-section .black-grad {
    height: 600px

}
.inicio .parallax-section{
   height: 600px
}

.parallax-section .black-grad.rent {
    background: #323232;
    background: rgba(50, 50, 50, .6);
    color: #fff;
    margin: 0px;
    margin-top: 100px;
}
.parallax-section .black-grad h1,
.parallax-section .black-grad h2,
.parallax-section .black-grad h3,
.parallax-section .black-grad h4,
.parallax-section .black-grad h5,
.parallax-section .black-grad h6 {
    color: #fff
}
.black-half {
    background: #323232;
    color: #fff;
    padding-left: 2.618em;
    padding-right: 2.618em
}
.black-half h1,
.black-half h2,
.black-half h3,
.black-half h4,
.black-half h5,
.black-half h6 {
    color: #fff
}
.feature-box {
    background: #f6f6f6;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    height: 350px;
    padding: 2.618em 1em;
    border-radius: 6px;
    position: relative;
    overflow: hidden
}
.feature-box,
.feature-box h4 {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.feature-box h4 {
    margin-top: 0
}
.feature-box p {
    margin-bottom: 0
}
.feature-box .icon {
    display: block;
    width: 85px;
    height: 85px;
    font-size: 50px;
    line-height: 85px;
    margin: auto;
    border-radius: 50%;
    margin-bottom: 10px
}
.feature-box .bg-icon,
.feature-box .icon {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.feature-box .bg-icon {
    position: absolute;
    color: #9d9d9d;
    bottom: -20px;
    right: -20px;
    font-size: 150px;
    opacity: .1
}
.feature-box:hover {
    background: #323232;
    color: #fff
}
.feature-box:hover .icon {
    color: #01a6b6;
    background-color: #fff
}
.feature-box:hover .bg-icon {
    color: #f6f6f6
}
.feature-box:hover h4 {
    color: #fff
}
.feature-box-2 .box-left {
    float: left;
    width: 15%
}
.feature-box-2 .box-left .icon {
    font-size: 52px;
    color: #01b6b0
}
.feature-box-2 .box-right {
    margin-bottom: 1.618em;
    width: 85%;
    float: left
}
.feature-box-2 .box-right h3,
.feature-box-2 .box-right h4,
.feature-box-2 .box-right h5 {
    margin-top: 0
}
.feature-box-3 {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    padding: 2.618em 1em;
    border-radius: 6px;
    position: relative;
    overflow: hidden
}
.feature-box-3,
.feature-box-3 h4,
.feature-box-3 h5 {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.feature-box-3 h4,
.feature-box-3 h5 {
    margin-top: 0
}
.feature-box-3 p {
    margin-bottom: 0
}
.feature-box-3 .icon {
    font-size: 50px;
    line-height: 85px;
    margin: auto;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    margin-bottom: 10px;
    color: #01b6b0
}
.feature-box-3:hover {
    background: #323232;
    color: #fff
}
.feature-box-3:hover .icon {
    color: #01b6b0
}
.feature-box-3:hover .bg-icon {
    color: #f6f6f6
}
.feature-box-3:hover h4,
.feature-box-3:hover h5 {
    color: #fff
}
.feature-box-4 .box-left {
    float: left;
    width: 15%
}
.feature-box-4 .box-left .icon {
    font-size: 40px;
    color: #01b6b0
}
.feature-box-4 .box-right {
    margin-bottom: 1.618em;
    width: 85%;
    float: left
}
.feature-box-4 .box-right h3,
.feature-box-4 .box-right h4,
.feature-box-4 .box-right h5 {
    margin-top: 0
}
@media (max-width: 500px) {
    .feature-box-2 .box-left .icon {
        font-size: 42px
    }
}
@media (min-width: 992px) {
    ul.nav li.dropdown:hover>ul.dropdown-menu {
        display: block
    }
}
.navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 30px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.navbar-fixed-top {
    border: 0
}
.navbar {
    margin-bottom: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.navbar a {
    font-family: Poppins, sans-serif;
    letter-spacing: 1px;
}
.navbar-header {
    position: relative;
    z-index: 2
}
.navbar-brand {
    height: 60px
}
.navbar-brand img {
    height: 80px;
    margin-top: -23px;
}
.navbar-brand .dark-logo {
    display: none
}
.nav>li:focus a,
.nav>li:hover a,
.nav>li>a:focus,
.nav>li>a:hover {
    background: #01b6b0;
    color: #fff!important
}
.me-menu .me-menu-content {
    padding: 0
}
.me-menu .collapse,
.me-menu .dropdown,
.me-menu .dropup,
.me-menu .nav {
    position: relative;
}
.nav-btn {
    margin-top: 10px;
    display: inline-block
}
.dropdown-menu {
    background: #01b6b0;
    border: 0;
    padding: 0;
    color: #fff;
    min-width: 240px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
}
.dropdown-menu a {
    color: #fff;
    display: block;
    padding: 3px 0;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.dropdown-menu a:hover {
    color: #fff!important;
    padding-left: 6px
}
.dropdown-menu a.btn {
    padding: 0
}
.dropdown-menu .has-submenu {
    position: relative
}
.dropdown-menu .has-submenu:hover .me-submenu {
    display: block
}
.dropdown-menu .me-submenu {
    position: absolute;
    left: 220px;
    padding: 20px;
    padding-left: 20px!important;
    top: 0;
    min-width: 240px;
    background: #01b6b0;
    display: none;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
}
.dropdown-menu .glyphicon {
    font-size: 80%
}
.dropdown-menu .glyphicon.glyphicon-chevron-right {
    float: right;
    line-height: inherit
}
.dropdown-menu .me-menu-content {
    display: table
}
.dropdown-menu .nav-col {
    display: table-cell;
    min-width: 240px;
    padding-top: 20px;
    padding-bottom: 20px
}
.dropdown-menu .nav-col h1,
.dropdown-menu .nav-col h2,
.dropdown-menu .nav-col h3,
.dropdown-menu .nav-col h4,
.dropdown-menu .nav-col h5,
.dropdown-menu .nav-col h6 {
    margin-top: 0;
    margin-left: 0;
    font-weight: 400;
    color: #fff;
    padding-left: 20px
}
.dropdown-menu .nav-col ul {
    padding-left: 20px;
    padding-right: 10px
}
.dropdown-menu .nav-col.dark-bg {
    background: #323232
}
.dd-left .dropdown-menu {
    right: 0;
    left: auto
}
.body-scrolled .dark-logo {
    display: inline-block
}
.body-scrolled .light-logo {
    display: none
}
.body-scrolled .navbar {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    background: #fff
}
.body-scrolled .navbar .navbar-nav>li>a {
    color: #323232
}
.body-scrolled .navbar .nav>li>a:focus,
.body-scrolled .navbar .nav>li>a:hover {
    background: #01b6b0;
    color: #fff
}
.dark-menu .dark-logo {
    display: inline-block
}
.dark-menu .light-logo {
    display: none
}
.dark-menu .navbar .navbar-nav>li>a {
    color: #323232
}
.dark-menu .navbar .nav>li>a:focus,
.dark-menu .navbar .nav>li>a:hover {
    background: #01b6b0;
    color: #fff
}
.navbar-toggle {
    background-color: #01b6b0
}
.navbar-toggle .icon-bar {
    background-color: #fff
}
.dropdown-menu .nav-col ul {
    padding-right: 0
}
.dropdown-menu .nav-col ul li>a {
    padding-right: 10px
}
@media (max-width: 766px) {
    .navbar-nav {
        float: left!important
    }
    .navbar-collapse.collapse.in {
        background: #323232;
        with: 100%;
    }
    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background: #01b6b0
    }
    .nav>li:focus a,
    .nav>li:hover a,
    .nav>li>a:focus,
    .nav>li>a:hover {
        background: transparent
    }
    .dropdown-menu .nav-col ul {
        padding-right: 0
    }
    .body-scrolled .navbar .navbar-nav>li>a,
    .dark-menu .navbar .navbar-nav>li>a {
        color: #fff;
    }
}
.navbar .nav .open>a,
.navbar .nav .open>a:focus,
.navbar .nav .open>a:hover {
    background-color: #01b6b0
}
.ul-style-3 {
    line-height: 34px
}
.ul-style-3 li {
    margin-bottom: 10px
}
.ul-style-3 .icon {
    background: #01b6b0;
    color: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 22px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px
}
.counter-box-2 {
    background-color: #f6f6f6;
    color: #323232;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    text-align: center;
    padding: 30px;
    border-radius: 6px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.counter-box-2 p {
    margin-bottom: 0;
    position: relative;
    z-index: 1
}
.counter-box-2 .icon {
    display: block;
    font-size: 40px;
    color: #01b6b0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.counter-box-2 .counter {
    font-size: 2.618em;
    margin: 15px;
    display: block
}
.counter-box-2 .bg-icon {
    position: absolute;
    right: -20px;
    bottom: -20px;
    font-size: 120px;
    color: #323232;
    opacity: .75;
    z-index: 0
}
.counter-box-2:hover {
    background: transparent;
    color: #fff
}
.counter-box-2:hover .icon {
    color: #fff
}
.counter-box-3 {
    background-color: hsla(0, 0%, 100%, .05);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    text-align: center;
    padding: 30px;
    border-radius: 6px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.counter-box-3 p {
    margin-bottom: 0;
    position: relative;
    z-index: 1
}
.counter-box-3 .icon {
    display: block;
    font-size: 40px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.counter-box-3 .counter {
    font-size: 2.618em;
    margin: 15px;
    display: block
}
.counter-box-3 .bg-icon {
    position: absolute;
    right: -20px;
    bottom: -20px;
    font-size: 120px;
    color: #323232;
    opacity: .75;
    z-index: 0
}
.counter-box-3:hover {
    background: #f6f6f6;
    color: #323232
}
.counter-box-3:hover .icon,
.st-btn {
    color: #01b6b0
}
.st-btn {
    letter-spacing: 1px;
    font-size: 1em;
    line-height: 2;
    text-transform: capitalize;
    padding: .618em 2.618em;
    background: #fff;
    border: 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
}
.st-btn.btn-rounded,
.st-btn.btn-rounded[class*=hvr-]:before {
    border-radius: 30px
}
.st-btn:hover {
    color: #fff!important;
    background: #01b6b0
}
.st-btn.btn-primary {
    background: #01b6b0;
    color: #fff
}
.st-btn.btn-primary:hover {
    color: #01b6b0!important;
    background: #fff
}
.st-btn.small-btn {
    font-size: 80%
}
.steps {
    counter-reset: a
}
.steps .step-box {
    position: relative
}
.steps .step-box:before {
    content: counter(a);
    counter-increment: a;
    position: absolute;
    font-family: Poppins, sans-serif;
    color: #e9e9e9;
    font-size: 4.236em;
    font-style: italic;
    z-index: 0;
    width: 90%;
    top: 40px;
    left: 0;
    text-align: right;
    padding-right: 20px
}
.timeline {
    position: relative;
    padding-top: 30px;
}
.timeline .tm-icon {
    width: 70px;
    height: 70px;
    text-align: center;
    background-color: #f6f6f6;
    border-radius: 50%;
    position: absolute
}
.timeline .tm-icon span {
    color: #01b6b0;
    font-size: 38px;
    line-height: 70px
}
.timeline .tm-detail {
    padding-left: 90px;
    margin-bottom: 50px;
    color: #686868;
    font-size: 1em
}
.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    height: 100%;
    width: 2px;
    background: #f6f6f6
}
.black-half .timeline .tm-icon,
.black-section .timeline .tm-icon {
    background-color: #fff
}
.black-half .timeline .tm-detail,
.black-section .timeline .tm-detail {
    color: #f6f6f6
}
.black-half .timeline:before,
.black-section .timeline:before,
.pricing-box-a {
    margin-top: 100px;
}
.pricing-box {
    background: #fff
}
.pricing-box {
    border-radius: 6px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
}
.pricing-box .pricing-head {
    background-color: #f6f6f6;
    border-radius: 6px 6px 0 0;
    text-align: center;
    border-top: 3px solid #01b6b0;
    padding: 1.618em;
    position: relative;
    overflow: hidden
}
.pricing-box .pricing-head h1,
.pricing-box .pricing-head h2,
.pricing-box .pricing-head h3,
.pricing-box .pricing-head h4,
.pricing-box .pricing-head h5,
.pricing-box .pricing-head h6 {
    margin: 0
}
.pricing-box .pricing-head .striked {
    text-decoration: line-through
}
.pricing-box .pricing-head .bg-icon {
    position: absolute;
    bottom: -20px;
    right: -20px;
    font-size: 120px;
    color: #9d9d9d;
    opacity: .2
}
.pricing-box .pricing-body {
    padding: 1em;
    height: 180px;
    display: inline-table;
}
.pricing-box .pricing-body-a {
    padding: 1em;
    height: 300px;
}
.pricing-box .pricing-body ul li {
    line-height: 2.25
}
.pricing-box .pricing-body ul li .icon {
    float: right
}
.pricing-box .pricing-foot a {
    display: block;
    padding: 1em;
    background: #f6f6f6;
    color: #323232;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 1px;
    border-radius: 0 0 6px 6px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.pricing-box .pricing-foot a:hover {
    background: #01b6b0;
    color: #fff!important
}
.pricing-box.popular .pricing-head {
    background: #323232;
    color: #fff
}
.pricing-box.popular .pricing-head h1,
.pricing-box.popular .pricing-head h2,
.pricing-box.popular .pricing-head h3,
.pricing-box.popular .pricing-head h4,
.pricing-box.popular .pricing-head h5,
.pricing-box.popular .pricing-head h6 {
    color: #fff
}
.owl-carousel {
    cursor: ew-resize
}
.blogs-grid [class*=col-] {
    padding: 0
}
.latest-post {
    position: relative
}
.latest-post .blog-info {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1em;
    overflow: hidden;
    color: #fff;
    background: -webkit-linear-gradient(left top, rgba(168, 35, 21, .9), rgba(231, 76, 60, .5));
    background: linear-gradient(to right bottom, rgba(168, 35, 21, .9), rgba(231, 76, 60, .5));
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.latest-post .blog-info a,
.latest-post .blog-info h1,
.latest-post .blog-info h2,
.latest-post .blog-info h3,
.latest-post .blog-info h4,
.latest-post .blog-info h5,
.latest-post .blog-info h6 {
    color: #fff!important;
    margin: 0
}
.latest-post .blog-info .blog-meta {
    font-size: 90%
}
.latest-post .blog-info .blog-excerpt {
    margin-bottom: 0
}
.latest-post:hover .blog-info {
    opacity: 1
}
.page-loader {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f6f6f6
}
.page-loader img.logo-loader,
.spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.spinner {
    width: 40px;
    height: 40px;
    background-color: #01b6b0;
    border-radius: 100%;
    -webkit-animation: a 1s infinite ease-in-out;
    animation: a 1s infinite ease-in-out
}
@-webkit-keyframes a {
    0% {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}
@keyframes a {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
.spinner-2 {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #01b6b0;
    -webkit-animation: b 1.2s infinite ease-in-out;
    animation: b 1.2s infinite ease-in-out
}
@-webkit-keyframes b {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    to {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}
@keyframes b {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
.spinner-3 {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #01b6b0;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: c 2s infinite ease-in-out;
    animation: c 2s infinite ease-in-out
}
.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
@-webkit-keyframes c {
    0%, to {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}
@keyframes c {
    0%, to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
.spinner-4 {
    margin: auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px
}
.spinner-4>div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: d 1.2s infinite ease-in-out;
    animation: d 1.2s infinite ease-in-out
}
.spinner-4 .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}
.spinner-4 .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
.spinner-4 .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}
.spinner-4 .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}
@-webkit-keyframes d {
    0%, 40%, to {
        -webkit-transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}
@keyframes d {
    0%, 40%, to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}
.spinner-5 {
    margin: auto;
    width: 40px;
    height: 40px;
    position: relative
}
.cube1,
.cube2 {
    background-color: #333;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: e 1.8s infinite ease-in-out;
    animation: e 1.8s infinite ease-in-out
}
.cube2 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}
@-webkit-keyframes e {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
    }
    to {
        -webkit-transform: rotate(-1turn)
    }
}
@keyframes e {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
    }
    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
    }
    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
    }
    to {
        transform: rotate(-1turn);
        -webkit-transform: rotate(-1turn)
    }
}
.spinner-6 {
    margin: 100px auto 0;
    width: 70px;
    text-align: center
}
.spinner-6>div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: f 1.4s infinite ease-in-out both;
    animation: f 1.4s infinite ease-in-out both
}
.spinner-6 .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}
.spinner-6 .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}
@-webkit-keyframes f {
    0%, 80%, to {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}
@keyframes f {
    0%, 80%, to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.border-0 {
    border-radius: 0!important
}
.footer {
    background: #222;
    background: -webkit-linear-gradient(270deg, #222, #434343);
    background: -webkit-linear-gradient(right, #222, #434343);
    background: linear-gradient(270deg, #222, #434343);
    color: #f6f6f6
}
.footer h5,
.footer h6 {
    color: #f6f6f6;
    text-transform: uppercase
}
.footer p {
    margin-bottom: 0;
    font-size: 16px
}
.footer p i {
    display: inline-block;
    width: 25px
}
.footer .top-container {
    padding-bottom: 50px
}
.footer .footer-bottom {
    padding: 20px 0;
    background: #222;
    font-size: 90%;
    color: #f6f6f6;
       text-align: left;
}
.footer .footer-bottom a {
    padding: 0 15px
}
.footer .social-link {
    padding: 10px;
    font-size: 1.618em
}
.page-header {
    background: #f6f6f6;
    padding: 150px 0;
    margin-top: 0
}
.page-header.pattern {
    background-image: url(../images/pattern.png);
    background-repeat: repeat
}
.page-header .breadcrumb {
    background: transparent
}
.acc-default .panel-title {
    font-size: 1em;
    text-transform: capitalize
}
.acc-default .panel-title a {
    display: block
}
.acc-wo-background .panel-title {
    font-size: 1em;
    text-transform: capitalize
}
.acc-wo-background .panel-title a {
    display: block
}
.acc-wo-background .panel-heading {
    background-color: transparent
}
.acc-wo-gap .panel-title {
    font-size: 1em;
    text-transform: capitalize
}
.acc-wo-gap .panel-title a {
    display: block
}
.acc-wo-gap.panel-group .panel {
    margin-top: -1px
}
.acc-wo-border .panel-title {
    font-size: 1em;
    text-transform: capitalize
}
.acc-wo-border .panel-title a {
    display: block
}
.acc-wo-border .panel {
    border: 0;
    box-shadow: none
}
.acc-faq-1 .panel-title {
    font-size: 1em;
    text-transform: capitalize
}
.acc-faq-1 .panel-title .icon {
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.acc-faq-1 .panel-title .collapsed .icon {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg)
}
.acc-faq-1 .panel-body {
    padding-left: 40px
}
.acc-faq-1 .panel-title a {
    display: block
}
.acc-faq-1 .panel {
    border: 0;
    box-shadow: none
}
.acc-faq-1 .panel-heading {
    background: transparent;
    border: 0
}
.acc-faq-1 .panel-body {
    border: 0!important
}
.acc-faq-2 .panel-title {
    font-size: 1em;
    text-transform: capitalize
}
.acc-faq-2 .panel-title .icon {
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    float: right;
    color: #fff;
    padding: 10px 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.acc-faq-2 .panel-title .collapsed .icon {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg)
}
.acc-faq-2 .panel-body {
    padding-left: 20px
}
.acc-faq-2 .panel-title a {
    display: block
}
.acc-faq-2 .panel {
    border: 0;
    box-shadow: none
}
.acc-faq-2 .panel-heading {
    background: #323232;
    color: #fff;
    border: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.acc-faq-2 .panel-heading:hover {
    background: #323232
}
.acc-faq-2 .panel-body {
    border: 0!important
}
.nav-tabs>li>a {
    border-radius: 0
}
.nav-tabs>li>a .icon {
    font-size: 16px
}
blockquote {
    padding: 10px 20px
}
blockquote small {
    padding-top: 10px
}
.blockquote-default {
    border-left: 5px solid #ddd
}
.blockquote-default.primary-color {
    border-left-color: #01b6b0
}
.blockquote-reverse {
    border-left: 0;
    border-right: 5px solid #ddd
}
.blockquote-reverse.primary-color {
    border-right-color: #01b6b0
}
.blockquote-2 {
    border-left: 0;
    position: relative
}
.blockquote-2:before {
    color: rgba(0, 0, 0, .1);
    content: "“";
    display: block;
    font-size: 140px;
    left: 5px;
    position: absolute;
    top: 15px
}
.blockquote-reverse-2 {
    border-left: 0;
    text-align: right
}
.blockquote-reverse-2:before {
    color: rgba(0, 0, 0, .1);
    content: "”";
    display: block;
    font-size: 140px;
    right: 5px;
    position: absolute;
    top: 15px
}
.gray-bg .blockquote-default {
    border-left: 5px solid #c3c3c3
}
.gray-bg .blockquote-reverse {
    border-right: 5px solid #c3c3c3;
    border-left: 0
}
.bt-grid [class*=col-] {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #d9d9d9;
    border: 1px solid #ccc
}
.tabs-section .nav.nav-pills {
    display: table;
    width: 100%
}
.tabs-section .nav.nav-pills a i {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 42px;
    line-height: 50px;
    margin: auto
}
.tabs-section .nav-pills>li {
    display: table-cell;
    float: none
}
.tabs-section .nav-pills>li>a {
    color: #686868
}
.tabs-section .nav-pills>li.active>a,
.tabs-section .nav-pills>li.active>a:focus,
.tabs-section .nav-pills>li.active>a:hover {
    background-color: transparent!important;
    color: #01b6b0!important
}
.tabs-section .tab-pane {
    padding: 40px 0 30px
}
.tab-style-2 .nav-tabs {
    border-bottom: 0
}
.tab-style-2 .nav-tabs>li>a {
    padding: 10px 25px
}
.tab-style-2 .nav-tabs>li>a:hover {
    background: none;
    border-color: transparent
}
.tab-style-2 .nav-tabs>li.active>a,
.tab-style-2 .nav-tabs>li.active>a:focus,
.tab-style-2 .nav-tabs>li.active>a:hover {
    color: #323232;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #aaa
}
.tab-style-2 .tab-content {
    padding: 20px
}
.tab-style-1 .nav-tabs {
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 0;
    border-bottom-color: #ddd
}
.tab-style-1 .nav-tabs li {
    display: inline-block;
    float: none
}
.tab-style-1 .nav-tabs>li>a {
    background: #ddd;
    border-bottom: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 3px solid #4c4c4c
}
.tab-style-1 .nav-tabs>li.active>a,
.tab-style-1 .nav-tabs>li.active>a:focus,
.tab-style-1 .nav-tabs>li.active>a:hover {
    background: #fff;
    border-left-color: #ddd;
    border-right-color: #ddd;
    border-top: 3px solid #01b6b0;
    border-bottom-color: transparent
}
.tab-style-1 .tab-content {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .04);
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 15px
}
.tab-style-3 .nav-tabs {
    border-bottom: 0;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%
}
.tab-style-3 .nav-tabs li {
    display: table-cell;
    text-align: center;
    float: none
}
.tab-style-3 .nav-tabs>li>a {
    background: #ddd;
    border-bottom: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 3px solid #4c4c4c;
    margin-right: 0;
    color: #4c4c4c
}
.tab-style-3 .nav-tabs>li.active>a,
.tab-style-3 .nav-tabs>li.active>a:focus,
.tab-style-3 .nav-tabs>li.active>a:hover {
    background: #fff;
    border-left-color: #ddd;
    border-right-color: #ddd;
    border-top: 3px solid #01b6b0;
    border-bottom: 1px solid #fff;
    color: #323232
}
.tab-style-3 .tab-content {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .04);
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 15px
}
.tab-style-4 .nav-tabs {
    border-top: 0;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%
}
.tab-style-4 .nav-tabs li {
    display: table-cell;
    text-align: center;
    float: none
}
.tab-style-4 .nav-tabs>li>a {
    background: #ddd;
    border-top: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 3px solid #4c4c4c;
    margin-right: 0;
    color: #4c4c4c
}
.tab-style-4 .nav-tabs>li.active>a,
.tab-style-4 .nav-tabs>li.active>a:focus,
.tab-style-4 .nav-tabs>li.active>a:hover {
    background: #fff;
    border-left-color: #ddd;
    border-right-color: #ddd;
    border-bottom: 3px solid #01b6b0;
    border-top: 1px solid #fff;
    color: #323232
}
.tab-style-4 .tab-content {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .04);
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 15px
}
.tab-style-5 .nav-tabs {
    border-bottom: 0;
    text-align: center
}
.tab-style-5 .nav-tabs>li {
    float: none;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px
}
.tab-style-5 .nav-tabs>li>a {
    padding: 10px 25px;
    color: #aaa
}
.tab-style-5 .nav-tabs>li>a:hover {
    background: none;
    border-color: transparent
}
.tab-style-5 .nav-tabs>li.active>a,
.tab-style-5 .nav-tabs>li.active>a:focus,
.tab-style-5 .nav-tabs>li.active>a:hover {
    color: #323232;
    background-color: transparent;
    border: 1px solid #686868;
    border-radius: 30px
}
.tab-style-5 .tab-content {
    padding: 30px 20px 20px;
    text-align: center;
    line-height: 26px
}
.tab-style-6 .nav-tabs {
    border-right: 1px solid #ddd;
    margin: 0;
    padding: 0;
    border-right-color: #ddd
}
.tab-style-6 .nav-tabs>li>a {
    background: #ddd;
    border-right: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 3px solid #4c4c4c
}
.tab-style-6 .nav-tabs>li.active>a,
.tab-style-6 .nav-tabs>li.active>a:focus,
.tab-style-6 .nav-tabs>li.active>a:hover {
    background: #fff;
    border-top-color: #ddd;
    border-bottom-color: #ddd;
    border-left: 3px solid #01b6b0;
    border-right-color: transparent
}
.tab-style-6 .tab-content {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .04);
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px
}
.tab-style-6 .nav-content-div {
    z-index: 1
}
.tab-style-6 .nav-tab-div {
    z-index: 2;
    margin-right: -1px
}
.tab-style-7 .nav-tabs {
    border-left: 1px solid #ddd;
    margin: 0;
    padding: 0;
    border-left-color: #ddd
}
.tab-style-7 .nav-tabs>li>a {
    background: #ddd;
    border-left: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 3px solid #4c4c4c
}
.tab-style-7 .nav-tabs>li.active>a,
.tab-style-7 .nav-tabs>li.active>a:focus,
.tab-style-7 .nav-tabs>li.active>a:hover {
    background: #fff;
    border-top-color: #ddd;
    border-bottom-color: #ddd;
    border-right: 3px solid #01b6b0;
    border-left-color: transparent
}
.tab-style-7 .tab-content {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .04);
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px
}
.tab-style-7 .nav-content-div {
    z-index: 1
}
.tab-style-7 .nav-tab-div {
    z-index: 2;
    margin-left: -1px
}
.tab-style-8 .nav-tabs {
    border-bottom: 0;
    text-align: center
}
.tab-style-8 .nav-tabs>li {
    float: none;
    display: inline-block;
    margin-left: 0;
    margin-right: 0
}
.tab-style-8 .nav-tabs>li>a {
    padding: 10px 25px;
    color: #4c4c4c;
    border-bottom: 3px solid #ddd
}
.tab-style-8 .nav-tabs>li>a:hover {
    background: none;
    border-color: transparent
}
.tab-style-8 .nav-tabs>li.active>a,
.tab-style-8 .nav-tabs>li.active>a:focus,
.tab-style-8 .nav-tabs>li.active>a:hover {
    color: #01b6b0;
    background-color: transparent;
    border: 0;
    border-bottom: 3px solid #01b6b0
}
.tab-style-8 .tab-content {
    padding: 30px 20px 20px;
    text-align: center;
    line-height: 26px
}
.tab-style-9 .nav-tabs {
    border-bottom: 0;
    text-align: center
}
.tab-style-9 .nav-tabs>li {
    float: none;
    display: inline-block;
    margin-left: 0;
    margin-right: 0
}
.tab-style-9 .nav-tabs>li>a {
    padding: 10px 25px;
    color: #b5b5b5;
    border-bottom: 3px solid #b5b5b5
}
.tab-style-9 .nav-tabs>li>a .icon {
    display: block;
    width: 80px;
    height: 80px;
    border: 2px dotted #b5b5b5;
    margin: auto;
    margin-bottom: 10px;
    line-height: 80px;
    font-size: 44px;
    border-radius: 50%
}
.tab-style-9 .nav-tabs>li>a:hover {
    background: none;
    border-color: transparent
}
.tab-style-9 .nav-tabs>li.active>a,
.tab-style-9 .nav-tabs>li.active>a:focus,
.tab-style-9 .nav-tabs>li.active>a:hover {
    color: #01b6b0;
    background-color: transparent;
    border: 0;
    border-bottom: 3px solid #01b6b0
}
.tab-style-9 .nav-tabs>li.active>a .icon,
.tab-style-9 .nav-tabs>li.active>a:focus .icon,
.tab-style-9 .nav-tabs>li.active>a:hover .icon {
    border-color: #01b6b0
}
.tab-style-9 .tab-content {
    padding: 30px 20px 20px;
    text-align: center;
    line-height: 26px
}
.stat-box {
    padding: 15px;
    border: 1px solid #ddd;
    margin-left: -1px;
    margin-top: -1px
}
.stat-box span.icon {
    font-size: 42px;
    display: block
}
.stat-box h5 {
    font-size: 18px;
    display: inline-block
}
.stat-box h6 {
    font-size: 12px;
    display: inline-block
}
.stat-box:hover {
    background: #01b6b0;
    color: #fff
}
.stat-box:hover h5,
.stat-box:hover h6 {
    color: #fff
}
.tab-style-10 .nav-tabs {
    border-right: 0;
    margin: 0;
    padding: 0
}
.tab-style-10 .nav-tabs>li>a {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 3px solid #4c4c4c;
    color: #686868
}
.tab-style-10 .nav-tabs>li.active>a,
.tab-style-10 .nav-tabs>li.active>a:focus,
.tab-style-10 .nav-tabs>li.active>a:hover {
    border-top-color: #ddd;
    border-bottom-color: #ddd;
    border-left: 3px solid #01b6b0;
    border-right-color: #ddd;
    color: #01b6b0
}
.tab-style-10 .tab-content {
    border: 0;
    padding: 15px 25px
}
.tab-style-10 .nav-content-div {
    z-index: 1
}
.tab-style-10 .nav-tab-div {
    z-index: 2
}
.nav-tabs>li:focus a,
.nav-tabs>li:hover a,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    color: #01b6b0!important
}
.team-name {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    font-size: 1em
}
.team-post {
    margin-top: 0;
    color: #01b6b0;
    margin-bottom: 15px;
    text-align: center;
    line-height: 1;
    font-size: .9em
}
.team-member p {
    text-align: center;
    font-size: .85em;
    line-height: 1.5em;
}
.entry {
    margin-bottom: 50px
}
.entry .entry-title h4 {
    margin-top: 5px
}
#fullWidthMap {
    height: 400px
}
.contact-info p {
    color: #686868
}
input:not([type]),
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    border: 1px solid #e9e9e9;
    background: #fff;
    padding: .618em 1em;
    box-shadow: none;
    min-height: 40px;
    width: 100%
}
input:not([type]):active,
input:not([type]):focus,
input:not([type]):hover,
input[type=color]:active,
input[type=color]:focus,
input[type=color]:hover,
input[type=date]:active,
input[type=date]:focus,
input[type=date]:hover,
input[type=datetime-local]:active,
input[type=datetime-local]:focus,
input[type=datetime-local]:hover,
input[type=datetime]:active,
input[type=datetime]:focus,
input[type=datetime]:hover,
input[type=email]:active,
input[type=email]:focus,
input[type=email]:hover,
input[type=month]:active,
input[type=month]:focus,
input[type=month]:hover,
input[type=number]:active,
input[type=number]:focus,
input[type=number]:hover,
input[type=password]:active,
input[type=password]:focus,
input[type=password]:hover,
input[type=search]:active,
input[type=search]:focus,
input[type=search]:hover,
input[type=tel]:active,
input[type=tel]:focus,
input[type=tel]:hover,
input[type=text]:active,
input[type=text]:focus,
input[type=text]:hover,
input[type=time]:active,
input[type=time]:focus,
input[type=time]:hover,
input[type=url]:active,
input[type=url]:focus,
input[type=url]:hover,
input[type=week]:active,
input[type=week]:focus,
input[type=week]:hover,
textarea:active,
textarea:focus,
textarea:hover {
    border: 1px solid #d0d0d0;
    outline: 0;
    box-shadow: none
}
.inp-rounded {
    border-radius: 30px
}
.morada {
    margin-left: -12px;
}

#contactos form {
    margin-bottom:65px;
}

@media (max-width: 991px) {
    #contactos form {
    margin-bottom:145px;
}
    }