body {
    display: block;
    margin: 0 auto;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    color: #54585B;
    line-height: 160%;
    position: relative
}

@media (max-width: 767px) {
    body {
        font-size: 14px
    }
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Lato", sans-serif;
    margin: 0.25em 0 0.5em;
    font-weight: normal;
    line-height: 140%
}

h1 {
    font-size: 27px
}

p {
    font-weight: normal
}

a {
    font-family: "Lato", sans-serif;
    color: #0095C0
}

a:hover {
    color: #0095c0
}

.icons-sprite,
.icons-hospitals,
.icons-it,
.icons-nature,
.icons-play,
.icons-restaurant,
.icons-school {
    background-image: url('../img/icons-s6aa46aacc1.png');
    background-repeat: no-repeat
}

.icons-hospitals {
    background-position: 0 0;
    height: 69px;
    width: 69px
}

.icons-it {
    background-position: 0 -69px;
    height: 69px;
    width: 69px
}

.icons-nature {
    background-position: 0 -138px;
    height: 69px;
    width: 69px
}

.icons-play {
    background-position: 0 -207px;
    height: 69px;
    width: 69px
}

.icons-restaurant {
    background-position: 0 -276px;
    height: 69px;
    width: 69px
}

.icons-school {
    background-position: 0 -345px;
    height: 69px;
    width: 69px
}

.icon {
    display: inline-block;
    vertical-align: middle
}

section {
    padding: 45px 0
}

section.no-padding {
    padding: 0
}

.text-align-center {
    text-align: center
}

.text-align-left {
    text-align: left
}

.text-align-right {
    text-align: right
}

.margin-0 {
    margin: 0 !important
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-15 {
    margin-top: 15px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-0 {
    margin-top: 0px
}

.margin-0 {
    margin: 0 !important
}

.margin-bottom-30 {
    margin-bottom: 30px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-bottom-15 {
    margin-bottom: 15px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-bottom-0 {
    margin-bottom: 0px
}

.padding-top-30 {
    padding-top: 30px
}

.padding-top-20 {
    padding-top: 20px
}

.padding-top-15 {
    padding-top: 15px
}

.padding-top-10 {
    padding-top: 10px
}

.padding-top-0 {
    padding-top: 0px
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.padding-bottom-15 {
    padding-bottom: 15px
}

.padding-bottom-10 {
    padding-bottom: 10px
}

.padding-bottom-0 {
    padding-bottom: 0px
}

.width-80-desktop-block {
    display: block;
    margin: 0 auto
}

@media (min-width: 768px) {
    .width-80-desktop-block {
        max-width: 80%
    }
}

.width-80-desktop {
    display: block
}

@media (min-width: 768px) {
    .width-80-desktop {
        max-width: 80%
    }
}

.full {
    float: left;
    width: 100%
}

.half {
    float: left;
    width: 50%
}

@media (max-width: 540px) {
    .half {
        width: 100%
    }
}

.third {
    float: left;
    width: 33.333333%
}

@media (max-width: 540px) {
    .third {
        width: 100%
    }
}



/* header.with-content {
    padding: 216px 0 90px
}

@media (max-width: 767px) {
    header.with-content {
        padding: 156px 0 45px
    }
}

header.with-content.normal {
    padding: 216px 0 90px
}

@media (max-width: 767px) {
    header.with-content.normal {
        padding: 156px 0 90px
    }
} */
.error{
    color:red;
}
header.with-content.gray {
    background: #F4F4F4
}

header.home {
    background: url("../img/home-banner.jpg") 15% 81px no-repeat;
    background-size: cover
}

header.about {
    -moz-box-shadow: inset 0px 3px 12px 0px #888;
    -webkit-box-shadow: inset 0px 3px 12px 0px #888;
    box-shadow: inset 0px 3px 12px 0px #888
}

header .hero-box.special {
    background: url('../img/rgbapng/000000b3-5.png?1453723215');
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    position: relative;
    padding: 30px
}

header .hero-box.special h1 {
    color: #fff
}

@media (max-width: 480px) {
    header .hero-box.special h1 {
        font-size: 30px
    }
}

header .hero-box.special p {
    font-size: 16px
}

header .hero-box h1 {
    font-family: "Open Sans", sans-serif;
    font-size: 36px;
    font-weight: 300;
    color: #54585B;
    margin: 3px 0 15px;
    line-height: 120%;
    text-transform: uppercase
}

.hero-box h1 mark {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    color: #fff;
    background: none;
    text-transform: uppercase
}

.hero-box h1.normal {
    text-transform: none;
    margin-bottom: 30px;
    line-height: 140%
}

@media (max-width: 767px) {
    .hero-box h1.normal {
        font-size: 27px
    }
}

header .hero-box p {
    font-size: 14px
}

header .hero-box .btn {
    margin: 15px 0
}
.hero-box.normal h1 {
    font-family: "Lato", sans-serif;
    color: #005371;
    font-weight: 700;
    font-size: 27px;
    padding-bottom: 3px
}

.hero-box.normal h2 {
    display: inline-block;
    font-weight: 700;
    color: #0095C0;
    font-size: 24px;
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 3px
}

header .hero-box.normal p {
    width: 80%
}

@media (max-width: 767px) {
    header .hero-box.normal p {
        width: 100%
    }
}

header .hero-box.normal.full p {
    width: 100%
}

header .hero-box.card {
    background: #fff;
    padding: 45px 30px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 4px 6px 0px #BDBDBD;
    -webkit-box-shadow: 0px 4px 6px 0px #BDBDBD;
    box-shadow: 0px 4px 6px 0px #BDBDBD
}

header .hero-box.card h2 {
    display: inline-block;
    font-weight: 700;
    color: #0095C0;
    font-size: 24px
}

header .hero-box.card ul {
    padding-left: 15px
}

header .hero-box.card ul li {
    font-size: 15px;
    color: #5F5F5F;
    margin: 0 0 9px
}

.half-tone {
    position: relative;
    z-index: 1
}

.half-tone:after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url('../img/rgbapng/ffffff7f-5.png?1454387028');
    background: rgba(255, 255, 255, 0.5)
}

section.light-gray {
    background: #f4f4f4
}

section.pull-up {
    margin-top: -78px
}

.capital {
    text-transform: uppercase;
    font-weight: 700
}

.breadcrumbs {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #b8b8b8
}

.breadcrumbs a {
    display: inline-block;
    padding: 5px 12px 6px;
    background: #007999;
    color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 12px;
    position: relative;
    height: 30px;
    padding-right: 22px;
    padding-left: 27px;
    font-weight: 700;
    margin-right: -10px
}

.breadcrumbs a:first-child {
    padding-left: 12px
}

.breadcrumbs a .glyphicon {
    display: inline-block;
    margin-right: 3px
}

.breadcrumbs a:after,
.breadcrumbs a::after {
    content: ' ';
    position: absolute;
    right: -7px;
    top: 4px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    background: inherit;
    width: 22px;
    height: 22px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    background: inherit;
    z-index: 1;
    border: 2px solid inherit;
    border-right: 2px solid #F4F4F4;
    border-top: 2px solid #F4F4F4
}

.breadcrumbs a.active {
    background: #9ACCD8;
    color: #007A9A;
    z-index: 0
}

.breadcrumbs a.active:after,
.breadcrumbs a.active::after {
    content: '';
    display: none
}

#main-nav {
    background: #fff;
    -moz-box-shadow: 0px 0px 12px 0px #666;
    -webkit-box-shadow: 0px 0px 12px 0px #666;
    box-shadow: 0px 0px 12px 0px #666;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    margin-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    padding: 54px 0 39px;
    margin: 0
}

@media (max-width: 999px) {
    #main-nav {
        padding: 30px 0 15px
    }
}

@media (max-width: 767px) {
    #main-nav {
        top: 0;
        margin-top: 0
    }
}

#main-nav .navbar-nav {
    margin-top: 7px
}

#main-nav .navbar-nav li {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    color: #54585B;
    text-transform: uppercase;
    margin: 0 9px
}

#main-nav .navbar-nav li a {
    color: #005371;
    text-transform: uppercase;
    background: none;
    font-weight: 700;
    font-size: 13px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width: 1000px) {
    #main-nav .navbar-nav li a {
        padding: 15px 6px
    }
}

#main-nav .navbar-nav li a:hover {
    color: #ca8600
}

#main-nav .navbar-nav li a.special {
    background: #3AB54A;
    border: none;
    color: #fff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 15px;
    margin-top: 7px
}

#main-nav .navbar-nav li.active {
    color: #ca8600
}

#main-nav .navbar-nav li.active a {
    color: #ca8600
}

@media (max-width: 999px) {
    #main-nav .navbar-nav li {
        text-align: center;
        border-bottom: 1px solid #F5F5F5
    }

    #main-nav .navbar-nav li a.special {
        border: none;
        display: inline-block;
        margin: 9px 0 0
    }

    #main-nav .navbar-nav li:last-child {
        border: none
    }
}

#main-nav .navbar-toggle {
    background: #005371;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border: none
}

#main-nav .navbar-header,
#main-nav .navbar-collapse {
    border: none
}

@media (max-width: 999px) {

    #main-nav .navbar-header,
    #main-nav .navbar-collapse {
        background: url('../img/rgbapng/ffffffe5-5.png?1453723901');
        background: rgba(255, 255, 255, 0.9)
    }
}

#main-nav .navbar-header .navbar-brand img,
#main-nav .navbar-collapse .navbar-brand img {
    width: 150px;
    margin-top: -5px
}

@media (max-width: 999px) {

    #main-nav .navbar-header .navbar-brand img,
    #main-nav .navbar-collapse .navbar-brand img {
        width: 120px;
        margin-top: -2px
    }
}

.tabs-nav-section {
    background: #0095C0;
    color: #fff;
    padding: 0
}

.tabs-nav-section .nav-tabs {
    text-align: center;
    border: none;
    list-style-type: none;
    padding: 0;
    margin: 0 -15px
}

.tabs-nav-section .nav-tabs li {
    float: left;
    width: 33.333333%
}

.tabs-nav-section .nav-tabs li a {
    display: block;
    font-family: "Lato", sans-serif;
    color: #fff;
    background: none;
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 0;
    text-decoration: none;
    font-size: 12px
}

@media (min-width: 992px) {
    .tabs-nav-section .nav-tabs li a {
        font-size: 15px
    }
}

@media (max-width: 600px) {
    .tabs-nav-section .nav-tabs li a {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .tabs-nav-section .nav-tabs li a {
        font-size: 11px
    }
}

@media (max-width: 360px) {
    .tabs-nav-section .nav-tabs li a {
        font-size: 12px
    }
}

.tabs-nav-section .nav-tabs li a:active,
.tabs-nav-section .nav-tabs li a:hover,
.tabs-nav-section .nav-tabs li a:focus,
.tabs-nav-section .nav-tabs li a.active {
    background: none;
    border: none;
    color: #fff
}

.tabs-nav-section .nav-tabs li.active a {
    position: relative;
    background: none;
    border: none
}

.tabs-nav-section .nav-tabs li.active a:after {
    content: ' ';
    position: absolute;
    width: 0px;
    height: 50px;
    border: 10px solid transparent;
    border-top: 10px solid #0095C0;
    bottom: -49px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.tabs-section {
    background: #F4F4F4;
    padding: 60px 0 145px
}

.tabs-section h1 {
    display: inline-block;
    color: #0095C0;
    font-size: 27px;
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 3px
}

.tabs-section p {
    width: 80%
}

@media (max-width: 767px) {
    .tabs-section p {
        width: 100%
    }
}

.prompt-section {
    background: #005371;
    color: #fff
}

@media (max-width: 767px) {
    .prompt-section .button-half {
        text-align: center
    }
}

.prompt-section .img-half img {
    width: 90%;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: -80px;
    right: 0;
    left: 0
}

@media (max-width: 767px) {
    .prompt-section .img-half img {
        display: none
    }
}

.plans-section {
    background: #327109;
    background: #327109 url("../img/bg-plans.jpg") center center no-repeat;
    background-size: cover;
    color: #fff
}

.plans-section h1 {
    text-transform: uppercase
}

.plans-section h1,
.plans-section h2,
.plans-section h3,
.plans-section h4,
.plans-section h5,
.plans-section h6 {
    color: #fff
}

@media (max-width: 991px) {
    .grid-plans {
        width: 80%;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .grid-plans {
        width: 100%
    }
}

.grid-plans .grid-item {
    display: inline-block;
    float: left;
    width: 33%;
    padding: 10px
}

@media (max-width: 991px) {
    .grid-plans .grid-item {
        width: 50%
    }
}

@media (max-width: 500px) {
    .grid-plans .grid-item {
        width: 100%
    }
}

.plan-card {
    background: #F4F4F4;
    color: #54585B;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #7a7a7a;
    padding: 15px;
    display: block;
    margin: 0 auto
}

@media (max-width: 500px) {
    .plan-card {
        max-width: 320px
    }
}

.plan-card .cost {
    position: relative;
    display: inline-block;
    padding-top: 30px
}

.plan-card .cost .amount {
    display: block;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 54px;
    color: #327109;
    margin: 0 auto 18px;
    text-align: center
}

@media (max-width: 1199px) {
    .plan-card .cost .amount {
        font-size: 42px
    }
}

.plan-card .cost .currency-type {
    display: inline-block;
    position: absolute;
    left: -25px;
    color: #858585
}

.plan-card .cost .exp {
    display: inline-block;
    color: #9c9c9c;
    font-size: 12px;
    font-weight: 700
}

.plan-card .plan-name {
    font-size: 21px;
    text-transform: uppercase;
    color: #54585B;
    font-weight: 700;
    padding: 30px 0 24px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d2d2d2
}

.plan-card .table tr th {
    border: none;
    font-weight: 400;
    padding: 3px 8px
}

.plan-card .table tr td {
    border: none;
    padding: 3px 8px
}

.plan-card .table tr td .text-success {
    color: #77B46A
}

.plan-card .table tr td .text-failure {
    color: #B90D12
}

.plan-card .btn-cta-gray {
    width: 90%;
    margin-bottom: 15px
}

.testimonial-slide {
    outline: none
}

.testimonial-slide:hover {
    cursor: move
}

.testimonial-slide .wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
    outline: none
}

.testimonial-slide .testimonial-content {
    font-family: "Lora", serif;
    font-size: 15px;
    line-height: 160%;
    font-weight: normal;
    margin-bottom: 30px;
    position: relative
}

@media (max-width: 767px) {
    .testimonial-slide .testimonial-content {
        font-size: 15px
    }
}

.testimonial-slide .testimonial-content:before {
    content: '\f10d';
    color: #FB6C6E;
    font-family: FontAwesome;
    display: block;
    width: 100px;
    margin: 0 auto;
    font-size: 27px;
    font-weight: bold;
    background: #fff;
    margin-bottom: 12px
}

.testimonial-slide .testimonial-content:after {
    content: ' ';
    position: absolute;
    display: inline-block;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 2px;
    background: #E6E6E6;
    top: 12px;
    z-index: -1
}

.testimonial-slide .testimonial-name {
    color: #0095C0;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 900
}

.testimonial-slide .testimonial-designation {
    font-family: "Lato", sans-serif;
    color: #cfcfcf;
    font-size: 14px;
    font-style: italic;
    font-weight: normal
}

.slick-dots {
    text-align: center;
    padding: 0;
    margin-bottom: 30px
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:before,
.slick-dots li button::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: transparent;
    border: 2px solid #9c9c9c;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.slick-dots li.slick-active button:before,
.slick-dots li.slick-active button::before {
    background: #cfcfcf
}

.about-footer {
    padding: 45px 0 0
}

.about-box {
    background: #F5F5F5;
    color: #54585B;
    padding: 30px 15px 30px;
    margin-bottom: 30px;
    display: block;
    max-width: 340px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

@media (max-width: 767px) {
    .about-box {
        max-width: 100%
    }
}

.about-box h1 {
    color: #528b46;
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 9px;
    text-transform: uppercase
}

.about-box p {
    color: #54585B;
    line-height: 140%
}

.about-box .btn-cta {
    margin-top: 12px
}

.footer-nav {
    padding: 15px 0
}

.footer-nav nav {
    text-align: right;
    border-top: 1px solid #cfcfcf
}

.footer-nav nav a {
    display: inline-block;
    color: #54585B;
    text-transform: uppercase;
    padding: 15px 6px;
    font-weight: 700;
    font-size: 12px;
    margin: 23px 15px 0;
    text-align: center
}

.footer-nav nav a:hover,
.footer-nav nav a:active,
.footer-nav nav a:focus {
    color: #998A77;
    text-decoration: none
}

.footer-nav nav a.logo {
    float: left;
    padding: 15px 0;
    margin-top: 15px
}

@media (max-width: 767px) {
    .footer-nav nav a {
        display: block;
        text-align: center;
        padding: 6px;
        margin: 0
    }

    .footer-nav nav a.logo {
        float: none;
        padding: 15px;
        margin: 0
    }
}

footer {
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 15px
}

.slides-section {
    background: #0095C0 url("../img/bg-slides.jpg") center center no-repeat;
    padding: 120px 0;
    background-size: cover
}

.slides-section .tab-pane img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 540px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -moz-box-shadow: 0px 3px 9px 1px #868686;
    -webkit-box-shadow: 0px 3px 9px 1px #868686;
    box-shadow: 0px 3px 9px 1px #868686
}

.slides-section .tab-pane .text-sec {
    padding: 9% 9% 3.5%;
    position: relative
}

.slides-section .tab-pane .text-sec .slide-num {
    display: inline-block;
    opacity: 0.1;
    font-size: 200px;
    color: #0095C0;
    font-weight: 900;
    position: absolute;
    top: 36%;
    left: -18px;
    z-index: 0
}

.slides-section .tab-pane .text-sec p {
    font-size: 14px;
    color: #54585B;
    font-weight: 400
}

.slides-section .tab-pane .text-sec .nav-box {
    text-align: right
}

.slides-section .tab-pane .text-sec .slide-change {
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    padding-top: 7px;
    margin-left: 9px;
    text-decoration: none;
    font-size: 24px;
    background: #FFB117;
    color: #706354;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.slides-section .tab-pane .text-sec .slide-change:hover {
    background: #ffc045
}

.slides-section .tab-pane .text-sec .slide-change:active,
.slides-section .tab-pane .text-sec .slide-change:focus,
.slides-section .tab-pane .text-sec .slide-change.active {
    -moz-box-shadow: inset 0px 2px 6px 0px #ca8600;
    -webkit-box-shadow: inset 0px 2px 6px 0px #ca8600;
    box-shadow: inset 0px 2px 6px 0px #ca8600
}

.slides-section .tab-pane .text-sec .slide-change.inactive {
    background: #dedede;
    color: #cfcfcf
}

.slides-section .tab-pane .text-sec .slide-change.inactive:hover,
.slides-section .tab-pane .text-sec .slide-change.inactive:active,
.slides-section .tab-pane .text-sec .slide-change.inactive:focus,
.slides-section .tab-pane .text-sec .slide-change.inactive.active {
    background: #dedede;
    color: #cfcfcf;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.photo-grid {
    margin: 30px auto 30px;
    width: 80%;
    max-width: 480px
}

.photo-grid .grid-item {
    display: inline-block;
    float: left;
    width: 50%;
    margin: 0
}

@media (max-width: 999px) {
    .photo-grid .grid-item {
        width: 50%
    }

    .photo-grid .grid-item:nth-child(3) {
        width: 100%
    }
}

@media (max-width: 479px) {
    .photo-grid .grid-item {
        width: 100%;
        max-width: 230px;
        display: block;
        float: none;
        margin: 0 auto 30px;
        border: 1px solid #e5e5e5;
        margin-bottom: 30px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        background: #fff
    }
}

.photo-grid .grid-item .wrapper {
    padding: 10px;
    text-align: center
}

@media (max-width: 479px) {
    .photo-grid .grid-item .wrapper {
        padding: 30px 15px
    }
}

.photo-grid .grid-item img {
    width: 100%;
    display: block;
    margin: 0 auto 15px;
    max-width: 150px
}

.photo-grid .grid-item .name {
    display: block;
    font-size: 14px;
    color: #54585B;
    font-weight: 900
}

.photo-grid .grid-item .desig {
    display: block;
    font-style: italic;
    color: #b8b8b8;
    font-size: 12px;
    min-height: 50px
}

@media (max-width: 479px) {
    .photo-grid .grid-item .desig {
        min-height: 0
    }
}

form {
    padding-top: 15px
}

form legend {
    text-transform: uppercase;
    font-weight: 900;
    color: #5F5F5F;
    padding-bottom: 6px;
    border-bottom: 2px solid #E6E6E6
}

form .form-group {
    padding-right: 15px
}

form .form-group.inline {
    float: left;
    width: 50%;
    display: inline-block;
    width: 50%
}

form .form-group label {
    font-size: 12px;
    color: #54585B;
    border: 1px solid #cfcfcf;
    border-bottom: none;
    width: 100%;
    padding: 1px 6px;
    margin: 0;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    background: #F4F4F4
}

form .form-group label.error,
form .form-group label.cust-error {
    font-size: 12px;
    font-weight: normal;
    right: 0;
    top: 0px;
    color: red;
    background: none;
    border: none
}

form .form-group .form-control {
    border: 1px solid #cfcfcf;
    background: #F4F4F4;
    border-top: none;
    padding: 0 6px;
    font-size: 15px;
    height: 30px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #858585;
    -moz-box-shadow: 0px 4px 3px -2px #BDBDBD;
    -webkit-box-shadow: 0px 4px 3px -2px #BDBDBD;
    box-shadow: 0px 4px 3px -2px #BDBDBD
}

form .form-group select {
    padding: 0
}

form .form-group select.form-control {
    padding: 0
}

/* .plans-table {
    padding-top: 0;
    margin-top: -78px
} */

.plans-table .price-table td.empty {
    border: none;
    padding: 0;
    background: none !important
}

.plans-table .price-table td,
.plans-table .price-table th {
    padding: 18px 15px 21px
}

.plans-table .price-table thead th {
    background: #00799E;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 15px;
    border: none;
    text-align: center
}

.plans-table .price-table thead th.highlight {
    background: #39B74B;
    color: #fff;
    margin-top: -10px;
    -moz-box-shadow: 0 -15px 0px 2px #39B74B;
    -webkit-box-shadow: 0 -15px 0px 2px #39B74B;
    box-shadow: 0 -15px 0px 2px #39B74B;
    border-right: 4px solid #39B74B;
    border-left: 4px solid #39B74B;
    position: relative
}

.plans-table .price-table thead th #rec-ribbon {
    content: ' ';
    display: inline-block;
    position: absolute;
    background: none;
    color: #7A6B01;
    padding: 0px 13px;
    font-size: 10px;
    top: 2px;
    left: -21px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 10
}

.plans-table .price-table thead th #rec-ribbon:before {
    content: ' ';
    position: absolute;
    border-bottom: 16px solid #F3D501;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    height: 0;
    width: 99px;
    top: -1px;
    left: -7px;
    z-index: -1;
    -moz-box-shadow: 0px 3px 4px -3px #333;
    -webkit-box-shadow: 0px 3px 4px -3px #333;
    box-shadow: 0px 3px 4px -3px #333
}

.plans-table .price-table tbody tr td,
.plans-table .price-table tbody tr th {
    background: #F7F7F7;
    border: 1px solid #F1F1F1;
    border-top: none;
    border-bottom: none
}

.plans-table .price-table tbody tr:nth-child(odd) td,
.plans-table .price-table tbody tr:nth-child(odd) th {
    background: #FBFBFB
}

.plans-table .price-table tbody tr.white td,
.plans-table .price-table tbody tr.white th {
    background: none
}

.plans-table .price-table tbody tr th {
    color: #979797;
    font-size: 14px;
    vertical-align: middle
}

.plans-table .price-table tbody tr th.heading {
    vertical-align: bottom;
    padding: 30px 15px 6px;
    color: #5F5F5F;
    text-transform: uppercase
}

.plans-table .price-table tbody tr td {
    text-align: center;
    color: #979797;
    vertical-align: middle
}

.plans-table .price-table tbody tr td strong {
    font-size: 15px;
    font-weight: 900
}

.plans-table .price-table tbody tr td .cost-info {
    color: #8075B4;
    font-size: 12px
}

.plans-table .price-table tbody tr td.highlight {
    border-right: 4px solid #39B74B;
    border-left: 4px solid #39B74B;
    background: #D2EED7
}

.plans-table .price-table tbody tr td.highlight .glyphicon-ok {
    color: #277D34 !important
}

.plans-table .price-table tbody tr td.highlight.solid {
    background: #39B74B;
    color: #fff
}

.plans-table .price-table tbody tr td.highlight.solid .cost-info {
    color: #fff
}

.plans-table .price-table tbody tr td.highlight.last {
    border-bottom: 4px solid #39B74B
}

.plans-table .price-table tbody tr td .icon {
    color: #8075B4
}

.plans-table .price-table tbody tr td .icon.no {
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-top: 3px;
    border: 1px solid #E1E1E1;
    background: #fff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.plans-table .price-table tbody tr td .icon.glyphicon-remove {
    color: #C51718
}

.plans-table .price-table tbody tr td.icon-heading {
    text-align: left;
    background: none;
    color: #0095C0;
    font-weight: bold;
    border: none;
    padding: 45px 15px 15px;
    text-transform: uppercase;
    font-size: 15px;
    vertical-align: bottom
}

.plans-table .price-table tbody tr td.icon-heading img {
    display: inline-block;
    width: 45px;
    margin-right: 9px
}

.faq-sec #faqs {
    border-bottom: 1px solid #0095C0
}

.faq-sec #faqs .panel {
    margin: 0;
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.faq-sec #faqs .panel-heading {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #0095C0;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #0ec9ff
}

.faq-sec #faqs .panel-heading a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    display: block;
    position: relative;
    padding-right: 45px
}

.faq-sec #faqs .panel-heading a:after {
    content: '▲';
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTVjMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzk5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-linear-gradient(270deg, #0095c0 0%, #00799c 100%);
    background-image: -webkit-linear-gradient(270deg, #0095c0 0%, #00799c 100%);
    background-image: linear-gradient(180deg, #0095c0 0%, #00799c 100%);
    position: absolute;
    right: 0;
    color: #005371;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 24px;
    height: 24px;
    padding-top: 0px;
    border-left: 1px solid #00759f;
    -moz-box-shadow: inset 0px 2px 6px 0px #005D77;
    -webkit-box-shadow: inset 0px 2px 6px 0px #005D77;
    box-shadow: inset 0px 2px 6px 0px #005D77;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.faq-sec #faqs .panel-heading a.collapsed:after {
    content: '▼';
    -moz-box-shadow: 0px 0px 3px 0px #005D77;
    -webkit-box-shadow: 0px 0px 3px 0px #005D77;
    box-shadow: 0px 0px 3px 0px #005D77
}

.faq-sec #faqs .panel-heading a.collapsed:active:after,
.faq-sec #faqs .panel-heading a.collapsed:focus:after {
    -moz-box-shadow: inset 0px 2px 6px 0px #005D77;
    -webkit-box-shadow: inset 0px 2px 6px 0px #005D77;
    box-shadow: inset 0px 2px 6px 0px #005D77
}

.faq-sec #faqs .panel-body {
    border: 1px solid #0095C0;
    border-top: none;
    border-bottom: none;
    padding: 30px
}

.faq-sec #faqs .panel-body h1,
.faq-sec #faqs .panel-body h2,
.faq-sec #faqs .panel-body h3,
.faq-sec #faqs .panel-body h4,
.faq-sec #faqs .panel-body h5,
.faq-sec #faqs .panel-body h6 {
    display: inline-block;
    color: #0095C0;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 6px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 6px
}

.faq-sec #faqs .panel-body h3 {
    display: block;
    font-size: 15px
}

.faq-sec #faqs .panel-body p {
    font-size: 15px;
    color: #9c9c9c
}

.faq-sec #faqs .panel-body a.rel-question {
    display: block;
    font-size: 12px;
    padding-bottom: 3px;
    font-weight: bold;
    color: #54585B;
    border-bottom: 1px solid #cfcfcf
}

#social-links {
    display: inline-block;
    position: fixed;
    top: 25%;
    right: 15px;
    z-index: 100;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #F4F4F4;
    border: 1px solid #cfcfcf
}

@media (max-width: 767px) {
    #social-links {
        display: none
    }
}

#social-links a {
    display: block;
    width: 21px;
    text-align: center;
    padding: 0;
    margin: 15px;
    text-decoration: none;
    color: #54585B
}

#social-links a:hover {
    color: #005371
}

.iti-flag {
    background-image: url("../img/flags.png")
}

.intl-tel-input {
    display: block
}

.form-control.intl-num {
    padding-left: 45px !important
}

.intl-tel-input .selected-flag {
    height: 24px
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
    color: #333
}

.content-box {
    border-bottom: 1px solid #5F5F5F;
    margin: 0 0 30px;
    padding-bottom: 30px
}

.content-box img {
    margin-bottom: 15px
}

.content-box:last-child {
    border-bottom: none
}

.case-section {
    background: #80C4D9;
    padding-top: 0;
    text-align: center
}

.case-section .case-grid {
    margin-top: -117px
}

@media (max-width: 991px) {
    .case-section .case-grid {
        margin-top: -86px
    }
}

.case-section .case-grid .grid-item {
    display: inline-block;
    width: 33.333333%;
    text-align: left;
    float: left;
    margin: 0;
    padding: 9px
}

.case-section .case-grid .grid-item .wrapper .heading-box {
    background: #0095C0;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 15px;
    min-height: 108px
}

.case-section .case-grid .grid-item .wrapper .heading-box h1 {
    margin: 0;
    font-size: 21px
}

.case-section .case-grid .grid-item .wrapper .heading-box h1 small {
    display: block;
    color: #a7ebff;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 6px
}

.case-section .case-grid .grid-item .wrapper .text-box {
    background: #F4F4F4;
    color: #54585B;
    padding: 15px;
    min-height: 240px
}

.case-section .case-grid .grid-item .wrapper .text-box .more-link {
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: bold;
    font-style: 12px
}

@media (max-width: 991px) {
    .case-section .case-grid .grid-item {
        width: 100%;
        float: none
    }

    .case-section .case-grid .grid-item .wrapper .heading-box {
        min-height: 0
    }

    .case-section .case-grid .grid-item .wrapper .text-box {
        min-height: 0
    }
}

#backToTop {
    display: none;
    background: url('../img/rgbapng/005371b3-5.png?1455867862');
    background: rgba(0, 83, 113, 0.7);
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 15px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: fixed;
    bottom: 15px;
    right: 15px
}

.blue-bg {
    background: #E9F8FF
}

.case-study-box img {
    display: block;
    max-width: 360px;
    margin: 0 auto 30px
}

.case-study-box h1 {
    color: #0095C0;
    padding-bottom: 6px;
    border-bottom: 1px solid #cfcfcf
}

.case-study-box h1 small {
    color: #54585B;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 3px
}

.case-study-box h1 .num {
    font-size: 12px;
    font-style: italic;
    color: #54585B;
    display: inline-block;
    padding: 0 3px
}

.case-study-links {
    background: #998A77;
    color: #fff;
    padding: 15px 0
}

.case-study-links .case-links-grid .grid-item {
    display: block;
    float: left;
    width: 33.333333%
}

.case-study-links .case-links-grid .grid-item:nth-child(2) {
    border-right: 1px solid #706354;
    border-left: 1px solid #706354
}

.case-study-links .case-links-grid .grid-item .wrapper {
    padding: 0 15px
}

@media (max-width: 539px) {
    .case-study-links .case-links-grid .grid-item {
        width: 100%;
        border: none !important;
        border-bottom: 1px solid #706354 !important
    }

    .case-study-links .case-links-grid .grid-item:last-child {
        border-bottom: none !important
    }

    .case-study-links .case-links-grid .grid-item .wrapper {
        padding: 9px 0 3px
    }
}

.case-study-links .case-links-grid .case-link {
    color: #fff;
    text-decoration: none
}

.case-study-links .case-links-grid .case-link h1 {
    color: #fff;
    font-size: 21px;
    font-weight: bold
}

.case-study-links .case-links-grid .case-link h1 span {
    text-decoration: underline
}

.case-study-links .case-links-grid .case-link h1 small {
    font-weight: bold;
    color: #F7E739;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    text-decoration: none !important;
    margin-bottom: 3px
}

.case-study-links .case-links-grid .case-link h1 small.no-und {
    text-decoration: none !important
}

.case-study-links .case-links-grid .case-link.active {
    color: #c7bfb4
}

.case-study-links .case-links-grid .case-link.active h1 {
    color: #c7bfb4
}

.case-study-links .case-links-grid .case-link.active h1 small {
    color: #bdae08
}

.address-band {
    background: #333;
    color: #fff;
    font-size: 12px;
    position: absolute;
    z-index: 1050;
    top: 0;
    left: 0;
    right: 0;
    text-align: right
}

.address-band p {
    margin: 0;
    padding: 0 9px;
    font-size: 12px
}

@media (max-width: 999px) {
    .address-band p {
        padding: 0
    }
}

.address-band a {
    float: left;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    padding: 0 9px;
    padding-right: 0px;
    display: inline-block
}

.address-band a img {
    margin-right: 3px;
    display: inline-block;
    width: 52px;
    padding: 3px 0
}

.content-sec {
    padding-bottom: 168px
}

.content-sec h1,
.content-sec h2,
.content-sec h3,
.content-sec h4,
.content-sec h5 {
    color: #0095C0;
    font-weight: bold
}

.content-sec h1 small,
.content-sec h2 small,
.content-sec h3 small,
.content-sec h4 small,
.content-sec h5 small {
    font-style: italic;
    color: #0095C0;
    font-weight: normal
}

.content-sec h1 {
    font-size: 18px
}

.content-sec h1 small {
    font-size: 15px
}

.content-sec ul {
    padding-left: 24px
}

.animated-sec {
    padding: 30px 0 0
}

@media (max-width: 767px) {
    .animated-sec {
        display: none
    }
}

.animated-sec .anim-box {
    position: relative
}

.animated-sec .anim-box:after {
    content: ' ';
    display: block;
    padding-top: 34.25%
}

.animated-sec .anim-box .anim-img {
    position: absolute
}

.animated-sec .anim-box #anim-1 {
    width: 32.7%;
    left: 0;
    top: 0;
    z-index: 2
}

.animated-sec .anim-box #anim-2 {
    width: 15%;
    left: 23%;
    top: 12%;
    z-index: 1
}

.animated-sec .anim-box #anim-3 {
    width: 26.4%;
    left: 25%;
    top: 21%;
    z-index: 3
}

.animated-sec .anim-box #anim-4 {
    width: 7.5%;
    left: 48%;
    top: 30%;
    z-index: 1
}

.animated-sec .anim-box #anim-5 {
    width: 15%;
    left: 52%;
    top: 9%;
    z-index: 4
}

.animated-sec .anim-box #anim-6 {
    width: 12%;
    left: 68%;
    top: 3%;
    z-index: 1
}

.animated-sec .anim-box #anim-7 {
    width: 38%;
    left: 61%;
    top: 11%;
    z-index: 5
}

.openBig:hover {
    cursor: pointer
}

.modal-dialog {
    z-index: 1050
}

.modal {
    background: url('../img/rgbapng/0000007f-5.png?1454472250');
    background: rgba(0, 0, 0, 0.5)
}

.modal-backdrop.fade.in {
    display: none
}

.data-security-sec {
    padding: 0;
    background: #0095C0;
    color: #fff;
    overflow: hidden
}

.data-security-sec .container {
    position: relative;
    z-index: 10;
    padding: 45px 15px
}

.data-security-sec .container:after {
    content: ' ';
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 1000%;
    background: #01AEF0;
    left: 25%;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

@media (max-width: 767px) {
    .data-security-sec .container:after {
        display: none
    }
}

.data-security-sec p {
    color: #fff
}

.data-security-sec .text-box p {
    font-size: 15px;
    line-height: 160%
}

@media (min-width: 768px) {
    .data-security-sec .text-box p {
        padding: 0 15px
    }
}

.data-security-sec .image-box img {
    width: 100%;
    max-width: 240px
}

@media (max-width: 767px) {
    .data-security-sec .image-box img {
        margin: 0 0 15px
    }
}

.gallery-grid {
    margin: 0 -6px
}

.gallery-grid .grid-item {
    display: block;
    float: left;
    width: 33.333333%;
    padding: 6px
}

.gallery-grid .grid-item img {
    width: 100%;
    padding: 0;
    margin: 0;
    max-width: none;
    border: 1px solid #dadada;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    padding: 3px
}

.btn {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    /* padding: 9px 9% */
}

.btn-md {
    font-size: 12px;
    padding: 9px 9%
}

.btn-cta {
    background-color: #FFB117;
    border-color: #e89a00;
    color: #fff;
    padding-left: 9%;
    padding-right: 9%
}

.btn-cta:hover,
.btn-cta:focus {
    background-color: #ffb826;
    color: #fff
}

.btn-cta:active,
.btn-cta.active {
    background-color: #f7a400;
    border-color: #ffac08;
    color: #fff
}

.btn-cta-flouro {
    background-color: #F7E739;
    border-color: #ccbb08;
    color: #706354;
    padding-left: 9%;
    padding-right: 9%
}

.btn-cta-flouro:hover,
.btn-cta-flouro:focus {
    background-color: #f8e948;
    color: #706354
}

.btn-cta-flouro:active,
.btn-cta-flouro.active {
    background-color: #f6e31c;
    border-color: #afa007;
    color: #706354
}

.btn-cta-gray {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
    border: 2px solid #acacac;
    font-size: 15px;
    font-weight: 700;
    color: #acacac;
    padding: 9px 9%
}

.btn-cta-gray:hover,
.btn-cta-gray:focus {
    background-color: none;
    color: #959595
}

.btn-cta-gray:active,
.btn-cta-gray.active {
    background-color: none;
    border-color: #959595;
    color: #959595
}

.btn-subscribe {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: #0095C0;
    border: 2px solid #0095c0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: none;
    padding: 5px 15px
}

.btn-subscribe:hover,
.btn-subscribe:focus {
    color: #fff;
    background-color: #0095C0
}

.btn-subscribe:active,
.btn-subscribe.active {
    background-color: #0095C0
}