.font-fam-1,
body {
    font-family: 'Open Sans', sans-serif
}

.box .content,
.cur-pointer,
.menu-toggle,
p.button input {
    cursor: pointer
}

body {
    overflow-x: hidden
}

.nav > li {
    display: inline
}

.comments-s,
.mobile-menu {
    display: none
}

body,
html {
    font-size: 15px
}

.font-1 {
    color: #78c6f9
}

.font-2 {
    color: #00428a
}

.font-3 {
    color: #8c8c8c
}

.font-4 {
    color: #05477f
}

.font-link {
    color: #00f
}

.font-fam-2 {
    font-family: Allura, cursive
}

.bg-1 {
    background-color: #fff
}

.bg-2 {
    background-color: #007bff
}

.bg-3 {
    background-color: #e8e8e8;
}

.bg-4 {
    background-color: #212529
}

.border-all {
    border: 1px solid #d9d9d9
}

.border-none {
    border: none
}

.border-bottom,
.border-top {
    border-bottom: 1px solid #000
}

.border-right {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.bg-bl,
.bg-wh {
    background-color: #fff
}

.font-white {
    color: #fff
}

.font-black {
    color: #000
}

.menu-item:hover {
    color: #58b22c
}

.mobile-menu li {
    display: block;
    text-align: center
}

.bars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #55ACAA;
    color: #fff;
    font-family: Lato, sans-serif;
    line-height: 1.5;
    text-align: center;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.vcenter,
.vtop {
    flex-direction: column
}

.menu-toggle {
    position: relative;
    display: block;
    margin: auto;
    height: 28.13px;
    width: 45px
}

.menu-toggle .bars,
.menu-toggle .bars:after,
.menu-toggle .bars:before {
    display: block;
    width: 45px;
    background: grey;
    border-radius: 2px;
    position: absolute
}

.menu-toggle .bars {
    height: 5.63px;
    top: 50%;
    left: 0;
    margin-top: -2.81px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.menu-toggle .bars:after,
.menu-toggle .bars:before {
    height: 5.73px;
    content: "";
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.menu-toggle .bars:before {
    top: -11.25px
}

.menu-toggle .bars:after {
    bottom: -11.25px
}

.active .bars {
    background-color: transparent;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.active .bars:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.active .bars:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-open {
    overflow: inherit!important;
    padding-right: 0!important
}

body.modal-open {
    height: 100%;
    position: fixed;
    width: 100%
}

.close {
    font-family: initial
}

input {
    background-color: rgba(255, 255, 255, .72);
    border: none;
    padding: 10px 14px;
    width: 100%;
    font-size: 19px!important
}

input[type=submit] {
    background-color: #008eda;
    color: #fff
}

input:hover {
    border-color: #403b36;
    background-color: #efefef
}

.button:hover {
    transition: background-color .3s ease;
    background-color: #fff;
    color: #000
}

.lg-1 {
    font-size: 80px
}

.lg-2 {
    font-size: 75px
}

.lg-3 {
    font-size: 70px
}

.lg-4 {
    font-size: 65px
}

.lg-5 {
    font-size: 60px
}

.lg-6 {
    font-size: 55px
}

.sm-1 {
    font-size: 65px;
    line-height: 1.1
}

.sm-2 {
    font-size: 60px
}

.sm-3 {
    font-size: 55px
}

.sm-4 {
    font-size: 50px
}

.sm-5 {
    font-size: 45px
}

.sm-6 {
    font-size: 35px
}

.xsm-1 {
    font-size: 15px
}

.xsm-2 {
    font-size: 12px
}

@media only screen and (max-width:1400px) {
    .lg-1 {
        font-size: 70px
    }
    .lg-2 {
        font-size: 65px
    }
    .lg-3 {
        font-size: 60px
    }
    .lg-4 {
        font-size: 55px
    }
    .lg-5 {
        font-size: 50px
    }
    .lg-6 {
        font-size: 45px
    }
    .sm-1 {
        font-size: 55px
    }
    .sm-2 {
        font-size: 50px
    }
    .sm-3 {
        font-size: 45px
    }
    .sm-4 {
        font-size: 40px
    }
    .sm-5 {
        font-size: 35px
    }
    .sm-6 {
        font-size: 30px
    }
}

@media only screen and (max-width:768px) {
    .lg-1,
    .lg-2,
    .lg-3,
    .lg-4,
    .lg-5 {
        text-align: center
    }
    .lg-1 {
        font-size: 65px
    }
    .lg-2 {
        font-size: 60px
    }
    .lg-3 {
        font-size: 55px
    }
    .lg-4 {
        font-size: 50px
    }
    .lg-5 {
        font-size: 45px
    }
    .lg-6 {
        font-size: 40px;
        text-align: center!important
    }
    .sm-1,
    .sm-2,
    .sm-3,
    .sm-4,
    .sm-5,
    .sm-6 {
        text-align: center
    }
    .sm-1 {
        font-size: 50px
    }
    .sm-2 {
        font-size: 45px
    }
    .sm-3 {
        font-size: 40px
    }
    .sm-4 {
        font-size: 35px
    }
    .sm-5 {
        font-size: 30px
    }
    .sm-6 {
        font-size: 25px
    }
    p {
        text-align: center!important
    }
}

@media only screen and (max-width:550px) {
    .lg-1 {
        font-size: 53px
    }
    .lg-2 {
        font-size: 48px
    }
    .lg-3 {
        font-size: 43px
    }
    .lg-4 {
        font-size: 38px
    }
    .lg-5 {
        font-size: 33px
    }
    .lg-6 {
        font-size: 28px
    }
    .sm-1 {
        font-size: 38px
    }
    .sm-2 {
        font-size: 33px
    }
    .sm-3 {
        font-size: 28px
    }
    .sm-4 {
        font-size: 23px
    }
    .sm-5 {
        font-size: 18px
    }
    .sm-6 {
        font-size: 23px
    }
}

.lh-half,
.lh-half h1,
.lh-half h2,
.lh-half h3,
.lh-half h4,
.lh-half h5,
.lh-half p {
    line-height: .5!important
}

.lh-1,
.lh-1 h1,
.lh-1 h2,
.lh-1 h3,
.lh-1 h4,
.lh-1 h5,
.lh-1 p {
    line-height: 1!important
}

.lh-2,
.lh-2 h1,
.lh-2 h2,
.lh-2 h3,
.lh-2 h4,
.lh-2 h5,
.lh-2 p {
    line-height: 2!important
}

.lh-3,
.lh-3 h1,
.lh-3 h2,
.lh-3 h3,
.lh-3 h4,
.lh-3 h5,
.lh-3 p {
    line-height: 3!important
}

.section {
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%
}

.display-inline {
    display: inline
}

.display-flex {
    display: flex
}

.text-nowrap,
.text-nowrapi {
    white-space: nowrap
}

@media only screen and (max-width:1200px) {
    .text-nowrap {
        white-space: normal
    }
    .cover-arrow {
        display: none
    }
}

.one-edge-shadow {
    -webkit-box-shadow: 0 -5px 8px -5px #333;
    -moz-box-shadow: 0 -5px 8px -5px #333;
    box-shadow: 0 -5px 8px -5px #333
}

.bottom-shadow {
    -moz-box-shadow: 0 4px 14px -4px #334;
    -webkit-box-shadow: 0 4px 14px -4px #334;
    box-shadow: 0 4px 14px -4px #334
}

.vertical-divider {
    overflow: hidden!important
}

.vertical-divider-right {
    text-align: center;
    border-right: 2px solid #F2F7F9;
    margin-top: 3%;
    margin-bottom: 3%
}

.vertical-divider-left {
    border-left: 2px solid #7b7b7b;
    margin-top: 3%;
    margin-bottom: 3%
}

a,
a:focus,
a:hover {
    color: inherit;
    text-decoration: none
}

li {
    text-align: inherit;
    padding-bottom: 10px
}

.checklist li {
    list-style-type: none
}

.checklist li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em
}

.social-icon:hover {
    color: #58b22c
}

input.error,
select.error,
textarea.error {
    border: 1px solid #dc1717;
    background: #f1dede
}

input.valid,
select.valid,
textarea.valid {
    border: 1px solid #0c900c;
    background: #c1ff7f
}

@media only screen and (max-width:2560px) {
    h3,
    h5,
    h6 {
        line-height: 19px
    }
    h1 {
        font-size: 39px;
        line-height: 38px
    }
    h2 {
        font-size: 23px;
        line-height: 29px
    }
    h3 {
        font-size: 20px
    }
    h4 {
        font-size: 18px;
        line-height: 22px
    }
    h5 {
        font-size: 15px
    }
    h6 {
        font-size: 13px
    }
}

@media only screen and (max-width:768px) {
    h3,
    h4 {
        line-height: 20px
    }
    h5,
    h6,
    p {
        line-height: 19px
    }
    h1 {
        font-size: 35px;
        line-height: 34px
    }
    h2 {
        font-size: 20px;
        line-height: 26px
    }
    h3 {
        font-size: 18px
    }
    h4 {
        font-size: 17px
    }
    h5 {
        font-size: 14px
    }
    h6,
    p {
        font-size: 13px
    }
}

@media only screen and (max-width:480px) {
    h1 {
        font-size: 30px;
        line-height: 27px
    }
    h2 {
        font-size: 16px;
        line-height: 20px
    }
    h3 {
        font-size: 14px;
        line-height: 23px
    }
    h4,
    h5,
    h6 {
        font-size: 13px;
        line-height: 19px
    }
}

@media only screen and (min-width:565px) {
    .only-mobile {
        display: none!important
    }
}

@media only screen and (max-width:565px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        text-align: center
    }
    .only-desktop {
        display: none!important
    }
}

@media only screen and (min-width:992px) {
    .show-md {
        display: none!important
    }
}

@media only screen and (max-width:992px) {
    .hide-md {
        display: none!important
    }
    .clear-pt-md {
        padding-top: 0
    }
    .clear-pr-md {
        padding-right: 0
    }
    .clear-pb-md {
        padding-bottom: 0
    }
    .clear-pl-md {
        padding-left: 0
    }
    .clear-all {
        left: inherit;
        right: inherit;
        top: inherit;
        bottom: inherit
    }
}

.vbottom,
.vcenter,
.vtop {
    display: flex
}

.img-width-100 img {
    width: 100%
}

.img-width-90 img {
    width: 90%
}

.img-width-70 img {
    width: 70%
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #b2b2b2;
    font-size: 16px
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #b2b2b2;
    font-size: 16px
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #b2b2b2;
    font-size: 16px
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #b2b2b2;
    font-size: 16px
}

.white-placeholder:-moz-placeholder,
.white-placeholder:-ms-input-placeholder,
.white-placeholder::-moz-placeholder,
.white-placeholder::-webkit-input-placeholder {
    color: #fff!important
}

.bg-grad {
    background: red;
    background: -webkit-linear-gradient(#d3b322, #f3d153);
    background: -o-linear-gradient(#d3b322, #f3d153);
    background: -moz-linear-gradient(#d3b322, #f3d153);
    background: linear-gradient(#d3b322, #f3d153);
    border: 1px solid #c9a439
}

.bg_cover,
.section-affiliations,
.section-cover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.align-bottom {
    vertical-align: bottom
}

.align-sub {
    vertical-align: sub
}

.v-text-bottom {
    vertical-align: text-bottom
}

.clear {
    position: absolute;
    z-index: 5;
    bottom: 0
}

.center-abs {
    position: absolute;
    width: auto;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

canvas {
    position: relative
}

.vtop {
    justify-content: flex-start
}

.vcenter {
    justify-content: center
}

.vbottom {
    flex-direction: column;
    justify-content: flex-end
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:992px) {
    .text-left,
    .text-right {
        text-align: center!important
    }
    .pull-left,
    .pull-right {
        float: none!important
    }
    .position-fixed {
        position: relative!important
    }
}

.width-per-10 {
    width: 10%
}

.width-per-20 {
    width: 20%
}

.width-per-30 {
    width: 30%
}

.width-per-40 {
    width: 40%
}

.width-per-50 {
    width: 50%
}

.width-per-60 {
    width: 60%
}

.width-per-70 {
    width: 70%
}

.width-per-80 {
    width: 80%
}

.width-per-90 {
    width: 90%
}

.header,
.overlay-1,
.width-per-100 {
    width: 100%
}

.pos-abs {
    position: absolute
}

.pos-fixed {
    position: fixed
}

.best-price-symbol,
.cover-arrow,
.header,
.overlay-1 {
    position: absolute
}

.img_shrink {
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.img_shrink:hover {
    -moz-transform: scale(.95);
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.img_grow {
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.img_grow:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.bw_img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.bw_img:hover {
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.section-cover {
    z-index: 0;
    background-image: url(../img/bg_2.jpg);
    background-position: center center;
    background-size:  cover;
    height: inherit;
    display: block;
}

@media only screen and (min-width:1921px) {
    .section-cover {
        height: 65vh
    }
}

.section-cover:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #000, #000);
    opacity: 0.7;
    height: 1300px;
}

textarea {
    font-family: inherit;
    font-weight: 100
}

.header {
    z-index: 1;
    border-bottom: 1px #fff solid
}

.section-affiliations {
    z-index: 0;
    background-image: url(../img/affiliations.jpg);
    height: inherit;
    display: block
}

.overlay-1 {
    background-color: #004782ed;
    height: 100%;
    display: block;
    top: 0;
    z-index: -1
}

.center-block {
    margin: 0 auto;
    display: block
}

.cover-arrow {
    width: 200px;
    top: 31px;
    left: -118px;
    transform: rotate(10deg)
}

li,
ul {
    padding: 0;
    list-style: none
}

ul {
    margin: 2em 0
}

li {
    margin: 1em 1em 1em 3em
}

li:before {
    content: '\f005';
    font-family: FontAwesome;
    float: left;
    margin-left: -1.5em;
    color: #0074D9
}

.testimonial,
.testimonial-name,
label {
    font-family: 'Open Sans', sans-serif
}

.testimonial,
.testimonial-name {
    color: #fff
}

.best-price-symbol {
    width: 190px;
    left: -230px;
    top: -40px;
    z-index: 99
}

.testimonial {
    position: relative;
    padding: 20px 25px;
    letter-spacing: .1em;
    background-color: #001c2d;
    float: none;
    font-size: 15px;
    box-shadow: 1px 1px 2px #fff;
    margin-bottom:  10px;
}

.author-wrapper {
    width: 100%;
    margin-bottom: 20px;
    float: none
}

.arrow {
    float: left;
    margin-left: 15px;
    width: 0;
    height: 0;
    border-top: 30px solid #001c2d;
    border-left: 30px solid transparent;
    border-right: 0 solid transparent;
    z-index: 99
}

.testimonial-name {
    float: none;
    margin: 0 8px 30px;
    text-align: left;
    padding-top: 5px;
    font-size: 18px;
    padding-left: 50px
}

.box,
.box .content {
    margin: 0 auto;
    position: relative
}

.testimonial-name span {
    color: #969696;
    font-weight: 400;
    font-size: 12px
}

.box {
    background: #fff;
    display: block
}

.box .content {
    overflow: hidden;
    width: 370px;
    height: 250px;
    background: #000
}

@media only screen and (max-width:768px) {
    .box .content {
        width: 270px
    }
}

.box .content img {
    margin-top: -20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display: block;
    position: relative
}

.box .content:hover img {
    opacity: .3;
    margin-top: -10px;
    -webkit-filter: blur(3px)
}

.box .content:hover .text1 {
    left: 30px;
    opacity: 1;
    width: auto;
    white-space: nowrap;
}

.box:after,
.box:before {
    content: "";
    width: 80%;
    height: 8px;
    bottom: 18px;
    z-index: -1;
    background: #000;
    position: absolute
}

.box .content:hover .text2 {
    left: 60px;
    opacity: 1
}

.box .content .text1 {
    color: #fff;
    white-space: nowrap;
    font-size: 35px;
    position: absolute;
    left: 330px;
    top: 60px;
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(0, .44, 0, .795);
    -moz-transition: all .8s cubic-bezier(0, .44, 0, .795);
    -ms-transition: all .8s cubic-bezier(0, .44, 0, .795);
    -o-transition: all .8s cubic-bezier(0, .44, 0, .795);
    transition: all .8s cubic-bezier(0, .44, 0, .795);
    -webkit-transition-timing-function: cubic-bezier(0, .44, 0, .795);
    -moz-transition-timing-function: cubic-bezier(0, .44, 0, .795);
    -ms-transition-timing-function: cubic-bezier(0, .44, 0, .795);
    -o-transition-timing-function: cubic-bezier(0, .44, 0, .795);
    transition-timing-function: cubic-bezier(0, .44, 0, .795);
}

.box .content .text2 {
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: -100px;
    top: 110px;
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(0, .89, .63, .98);
    -moz-transition: all .8s cubic-bezier(0, .89, .63, .98);
    -ms-transition: all .8s cubic-bezier(0, .89, .63, .98);
    -o-transition: all .8s cubic-bezier(0, .89, .63, .98);
    transition: all .8s cubic-bezier(0, .89, .63, .98);
    -webkit-transition-timing-function: cubic-bezier(0, .89, .63, .98);
    -moz-transition-timing-function: cubic-bezier(0, .89, .63, .98);
    -ms-transition-timing-function: cubic-bezier(0, .89, .63, .98);
    -o-transition-timing-function: cubic-bezier(0, .89, .63, .98);
    transition-timing-function: cubic-bezier(0, .89, .63, .98)
}

.box:before {
    left: 13px;
    box-shadow: -10px 10px 20px #000;
    -moz-transform: scale(1) rotate(-5deg) translateX(0) translateY(0) skewX(0) skewY(0);
    -webkit-transform: scale(1) rotate(-5deg) translateX(0) translateY(0) skewX(0) skewY(0);
    -o-transform: scale(1) rotate(-5deg) translateX(0) translateY(0) skewX(0) skewY(0);
    -ms-transform: scale(1) rotate(-5deg) translateX(0) translateY(0) skewX(0) skewY(0);
    transform: scale(1) rotate(-5deg) translateX(0) translateY(0) skewX(0) skewY(0)
}

.box:after {
    right: 13px;
    box-shadow: 10px 10px 20px #000;
    -moz-transform: scale(1) rotate(5deg) translateX(0) translateY(0) skewX(0) skewY(0);
    -webkit-transform: scale(1) rotate(5deg) translateX(0) translateY(0) skewX(0) skewY(0);
    -o-transform: scale(1) rotate(5deg) translateX(0) translateY(0) skewX(0) skewY(0);
    -ms-transform: scale(1) rotate(5deg) translateX(0) translateY(0) skewX(0) skewY(0);
    transform: scale(1) rotate(5deg) translateX(0) translateY(0) skewX(0) skewY(0)
}

@keyframes shake {
    0%,
    100% {
        transform: rotateZ(0)
    }
    60% {
        transform: rotateZ(-30deg)
    }
    65% {
        transform: rotateZ(15deg)
    }
    70% {
        transform: rotateZ(-10deg)
    }
    75% {
        transform: rotateZ(7.5deg)
    }
    80% {
        transform: rotateZ(-6deg)
    }
    85% {
        transform: rotateZ(5deg)
    }
    90% {
        transform: rotateZ(-4.28571deg)
    }
    95% {
        transform: rotateZ(3.75deg)
    }
    98% {
        transform: rotateZ(-3.33333deg)
    }
}

#phonewrap {
    animation: shake 3s infinite
}

.promotions-section {
}

.promo-container {
    width: 350px;
    height: 500px;
    border: 2px dashed #000
}

.after-arrow-title {
    background-color: #05477f
}

.after-arrow-title:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 172px solid transparent;
    border-right: 172px solid transparent;
    border-top: 26px solid #05477f;
    content: '';
    top: 44px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width:1200px) {
    .after-arrow-title:after {
        border-left: 140px solid transparent;
        border-right: 140px solid transparent
    }
}

@media only screen and (max-width:992px) {
    .after-arrow-title:after {
        top: 44px;
        border-left: 105px solid transparent;
        border-right: 105px solid transparent
    }
}

@media only screen and (max-width:768px) {
    .after-arrow-title:after {
        top: 15%;
        border-left: 255px solid transparent;
        border-right: 255px solid transparent
    }
}

@media only screen and (max-width:565px) {
    .after-arrow-title:after {
        top: 44px;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent
    }
}

@media only screen and (max-width:410px) {
    .after-arrow-title:after {
        top: 14.5%
    }
}

@media only screen and (max-width:310px) {
    .after-arrow-title:after {
        top: 42px
    }
}

.wpb_wrapper {
    border: 1px dashed #05477f
}

#portfolio {
    position: relative;
    display: block;
    width: 100%
}

.portfolio-item {
    margin: 15px 0
}

.gallery-item-hover,
.hover-bg .hover-text {
    text-align: center;
    margin: 0 auto;
    background: rgba(31, 56, 110, .8);
    color: #fff
}

.portfolio-item .hover-bg {
    overflow: hidden;
    position: relative
}

.hover-bg .hover-text {
    position: absolute;
    padding: 32% 0 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all .5s
}

.hover-bg .hover-text > h4 {
    opacity: 0;
    color: #fff;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .3s;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase
}

.hover-bg:hover .hover-text > h4 {
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hover-bg:hover .hover-text {
    opacity: 1
}

.gallery-item {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.gallery-item-hover,
.hover-text {
    position: absolute;
    transition: all .5s
}

.gallery-item-hover {
    padding: 30% 0 0;
    height: inherit;
    width: inherit;
    opacity: 0
}

.gallery-item-hover:hover {
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hover-text {
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.gallery-item:hover > .hover-text {
    color: #fff;
    opacity: 1
}

.gallery-section .testimonial-name {
    color: #05477f
}

#contact h2,
#contact h4 {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .09)
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.highlight_image {
    background: url(../img/highlight.png) bottom left no-repeat
}

.highlight.highlight_image {
    padding: 0 2px 4px
}

#contact {
    padding: 100px 0 60px;
    background: #0c0c0c;
    color: rgba(255, 255, 255, .65)
}

#contact .section-title {
    margin-bottom: 40px
}

#contact h2 {
    margin-top: 10px;
    margin-bottom: 15px;
    padding-bottom: 15px
}

#contact h4 {
    margin-top: 22px;
    margin-bottom: 60px;
    padding-bottom: 20px
}

#contact form {
    padding-top: 20px
}

#contact h3 {
    font-size: 17px;
    font-weight: 600
}

#contact .text-danger {
    color: #c03;
    text-align: left
}

#contact .btn-custom {
    margin: 30px 0;
    background: 0 0;
    border: 2px solid #fff
}

#contact .btn-custom:hover {
    color: #1f386e;
    background: #fff
}

label {
    font-size: 12px;
    font-weight: 400;
    float: left
}

#contact .form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #444;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

#contact .form-control:focus {
    border-color: #999;
    outline: 0;
    -webkit-box-shadow: transparent;
    box-shadow: transparent
}

.form-control::-webkit-input-placeholder {
    color: #777
}

.form-control:-moz-placeholder {
    color: #777
}

.form-control::-moz-placeholder {
    color: #777
}

.form-control:-ms-input-placeholder {
    color: #777
}

#contact .contact-item {
    margin: 20px 0
}

#contact .contact-item span {
    color: rgba(255, 255, 255, 1);
    display: block
}

#contact .social {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 50px;
    margin-top: 50px;
    text-align: center
}

#contact .social ul li {
    display: inline-block;
    margin: 0 20px
}

#contact .social i.fa {
    font-size: 24px;
    padding: 10px;
    color: rgba(255, 255, 255, .6);
    transition: all .3s
}

#contact .social i.fa:hover {
    color: #fff
}

#footer {
    background: #f6f6f6;
    padding: 30px 0
}

#footer p {
    color: #888;
    font-size: 14px
}

#footer a {
    color: #1f386e
}

#footer a:hover {
    color: #e52f3c
}

@media (max-width:768px) {
    #about img {
        margin: 50px 0
    }
}

.phone {
    padding-top: 20px;
    padding-left: 100px
}

@media screen and (max-width:600px) {
    h1 {
        font-size: 32px!important
    }
}

.contact-item a {
    color: #fff!important
}

@media screen and (max-width:992px) {
    h2,
    h3,
    p {
        text-align: center
    }
    .phone {
        margin-left: 0!important
    }
}

@media screen and (max-width:768px) {
    .logo-top {
        width: 44%
    }
    #menu .phone {
        margin: 0
    }
    #menu .phone span {
        display: none
    }
    header .intro-text {
        padding-top: 150px;
        padding-bottom: 50px;
        text-align: center
    }
    #about,
    #contact,
    #portfolio,
    #services,
    #testimonials {
        padding: 20px 0
    }
}

.section-contact {
    background-image: url(../img/contact_bg.jpg);
    background-size: cover;
    background-position: 0 300px;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.section-contact:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #000, #000);
    opacity: .9
}

.section-header {
    z-index: 99;
    position: relative
}

.rep-footer-img {
    width: 100px;
    padding-bottom: 15px
}

.form-container {
    background-color: #00428a;
    height: inherit;
    border-radius: 5px
}

.header-phone {
    font-size: 35px
}

@media screen and (max-width:1200px) {
    .header-phone {
        font-size: 30px
    }
    .best-price-symbol {
        left: -229px;
        top: -9px;
        width: 130px
    }
    .box .content {
        width: 310px
    }
    .box .content:hover .text1 {
        left: 30px
    }
}

@media screen and (max-width:992px) {
    .header-phone {
        font-size: 22px
    }
    .best-price-symbol {
        left: -150px;
        top: 1px;
        width: 110px
    }
    .form-container {
        width: 350px
    }
    .cover-arrow {
        width: 200px;
        left: -80px
    }
    .box .content {
        width: 220px
    }
    .box .content:hover .text1,
    .box .content:hover .text2 {
        display: none
    }
}

@media screen and (max-width:900px) {
    .best-price-symbol {
        display: none!important
    }
}

@media screen and (max-width:768px) {
    .cover-title,
    h1 {
        font-size: 22px!important
    }
    .logo,
    .rep-footer-img {
        position: relative
    }
    .header {
        border: 0
    }
    .logo {
        margin: 0 auto;
        display: block
    }
    .best-price-symbol {
        display: none;
        top: 730px;
        left: 230px
    }
    .btn,
    .rep-footer-img {
        margin: 0 auto;
        display: block
    }
    h1 {
        line-height: 1.1!important;
        text-align: center
    }
    .cover-title {
        padding-top: 20px
    }
    .form-container {
        margin: 0 auto;
        width: 100%
    }
    .cover-arrow {
        width: 150px;
        left: 440px;
        transform: rotate(139deg)
    }
    .rep-footer-imgs {
        padding-bottom: 20px
    }
    .box .content {
        width: 370px
    }
}

@media screen and (max-width:600px) {
    .cover-arrow {
        width: 134px;
        left: 394px;
        transform: rotate(111deg)
    }
    .best-price-symbol {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;
        display: block;
        padding-bottom: 10px
    }
    
    #top-form {
    padding-left: 15px;
    padding-right: 15px;
}
    
    .btn {
    width: 95%;
    margin-top: 20px;
}
}

@media screen and (max-width:500px) {
    .cover-arrow {
        display: none!important
    }
    .box .content {
        width: 310px
    }
}

.p--0 {
    padding: 0!important
}

.p--3 {
    padding: 3px
}

.p--5 {
    padding: 5px
}

.p--10 {
    padding: 10px
}

.p--15 {
    padding: 15px
}

.p--20 {
    padding: 20px
}

.p--25 {
    padding: 25px
}

.p--30 {
    padding: 30px
}

.p--35 {
    padding: 35px
}

.p--40 {
    padding: 40px
}

.p--45 {
    padding: 45px
}

.p--50 {
    padding: 50px
}

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

.pt--3 {
    padding-top: 3px
}

.pt--5 {
    padding-top: 5px
}

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

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

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

.pt--25 {
    padding-top: 25px
}

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

.pt--35 {
    padding-top: 35px
}

.pt--40 {
    padding-top: 40px
}

.pt--45 {
    padding-top: 45px
}

.pt--50 {
    padding-top: 50px
}

.pt--70 {
    padding-top: 70px
}

.pt--100 {
    padding-top: 100px
}

.pt--130 {
    padding-top: 130px
}

.pt--150 {
    padding-top: 150px
}

.pt--200 {
    padding-top: 200px
}

.pr--0 {
    padding-right: 0
}

.pr--3 {
    padding-right: 3px
}

.pr--5 {
    padding-right: 5px
}

.pr--10 {
    padding-right: 10px
}

.pr--15 {
    padding-right: 15px
}

.pr--20 {
    padding-right: 20px
}

.pr--25 {
    padding-right: 25px
}

.pr--30 {
    padding-right: 30px
}

.pr--35 {
    padding-right: 35px
}

.pr--40 {
    padding-right: 40px
}

.pr--45 {
    padding-right: 45px
}

.pr--50 {
    padding-right: 50px
}

.pr--100 {
    padding-right: 100px
}

.pr--150 {
    padding-right: 150px
}

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

.pb--3 {
    padding-bottom: 3px
}

.pb--5 {
    padding-bottom: 5px
}

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

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

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

.pb--25 {
    padding-bottom: 25px
}

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

.pb--35 {
    padding-bottom: 35px
}

.pb--40 {
    padding-bottom: 40px
}

.pb--45 {
    padding-bottom: 45px
}

.pb--50 {
    padding-bottom: 50px
}

.pb--70 {
    padding-bottom: 70px
}

.pb--100 {
    padding-bottom: 100px
}

.pl--0 {
    padding-left: 0
}

.pl--3 {
    padding-left: 3px
}

.pl--5 {
    padding-left: 5px
}

.pl--10 {
    padding-left: 10px
}

.pl--15 {
    padding-left: 15px
}

.pl--20 {
    padding-left: 20px
}

.pl--25 {
    padding-left: 25px
}

.pl--30 {
    padding-left: 30px
}

.pl--35 {
    padding-left: 35px
}

.pl--40 {
    padding-left: 40px
}

.pl--45 {
    padding-left: 45px
}

.pl--50 {
    padding-left: 50px
}

.pl--100 {
    padding-left: 100px
}

.pl--150 {
    padding-left: 150px
}

.m--0 {
    margin: 0!important
}

.m--3 {
    margin: 3px
}

.m--5 {
    margin: 5px
}

.m--10 {
    margin: 10px
}

.m--15 {
    margin: 15px
}

.m--20 {
    margin: 20px
}

.m--25 {
    margin: 25px
}

.m--30 {
    margin: 30px
}

.m--35 {
    margin: 35px
}

.m--40 {
    margin: 40px
}

.m--45 {
    margin: 45px
}

.m--50 {
    margin: 50px
}

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

.mt--3 {
    margin-top: 3px
}

.mt--5 {
    margin-top: 5px
}

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

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

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

.mt--25 {
    margin-top: 25px
}

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

.mt--35 {
    margin-top: 35px
}

.mt--40 {
    margin-top: 40px
}

.mt--45 {
    margin-top: 45px
}

.mt--50 {
    margin-top: 50px
}

.mt--80 {
    margin-top: 80px
}

.mr--0 {
    margin-right: 0
}

.mr--3 {
    margin-right: 3px
}

.mr--5 {
    margin-right: 5px
}

.mr--10 {
    margin-right: 10px
}

.mr--15 {
    margin-right: 15px
}

.mr--20 {
    margin-right: 20px
}

.mr--25 {
    margin-right: 25px
}

.mr--30 {
    margin-right: 30px
}

.mr--35 {
    margin-right: 35px
}

.mr--40 {
    margin-right: 40px
}

.mr--45 {
    margin-right: 45px
}

.mr--50 {
    margin-right: 50px
}

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

.mb--3 {
    margin-bottom: 3px
}

.mb--5 {
    margin-bottom: 5px
}

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

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

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

.mb--25 {
    margin-bottom: 25px
}

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

.mb--35 {
    margin-bottom: 35px
}

.mb--40 {
    margin-bottom: 40px
}

.mb--45 {
    margin-bottom: 45px
}

.mb--50 {
    margin-bottom: 50px
}

.ml--0 {
    margin-left: 0
}

.ml--3 {
    margin-left: 3px
}

.ml--5 {
    margin-left: 5px
}

.ml--10 {
    margin-left: 10px
}

.ml--15 {
    margin-left: 15px
}

.ml--20 {
    margin-left: 20px
}

.ml--25 {
    margin-left: 25px
}

.ml--30 {
    margin-left: 30px
}

.ml--35 {
    margin-left: 35px
}

.ml--40 {
    margin-left: 40px
}

.ml--45 {
    margin-left: 45px
}

.ml--50 {
    margin-left: 50px
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.m-0-auto {
    margin: 0 auto
}

@media only screen and (max-width:768px) {
    .pt--100,
    .pt--130,
    .pt--150,
    .pt--40,
    .pt--50 {
        padding-top: 10px
    }
    .pb--100,
    .pb--70 {
        padding-bottom: 10px
    }
    .pl--150 {
        padding-left: 10px
    }
    .pr--150 {
        padding-right: 10px
    }
}

.bottom-10 {
    bottom: 10px
}

.bottom-20 {
    bottom: 20px
}

.bottom-30 {
    bottom: 30px
}

.bottom-40 {
    bottom: 40px
}

.bottom-50 {
    bottom: 50px
}

.bottom-100 {
    bottom: 100px
}

.bottom-150 {
    bottom: 150px
}

.bottom-200 {
    bottom: 200px
}

.bottom-250 {
    bottom: 250px
}

.bottom-300 {
    bottom: 300px
}

.bottom-350 {
    bottom: 350px
}

.bottom-400 {
    bottom: 400px
}

.bottom-450 {
    bottom: 450px
}

.bottom-500 {
    bottom: 500px
}

.bottom-550 {
    bottom: 550px
}

.bottom-600 {
    bottom: 600px
}

.bottom-650 {
    bottom: 650px
}

.bottom-700 {
    bottom: 700px
}

.bottom-750 {
    bottom: 750px
}

.bottom-800 {
    bottom: 800px
}

.bottom-850 {
    bottom: 850px
}

.bottom-900 {
    bottom: 900px
}

.bottom-950 {
    bottom: 950px
}

.bottom-1000 {
    bottom: 1000px
}

.top-10 {
    top: 10px
}

.top-20 {
    top: 20px
}

.top-30 {
    top: 30px
}

.top-40 {
    top: 40px
}

.top-50 {
    top: 50px
}

.top-100 {
    top: 100px
}

.top-150 {
    top: 150px
}

.top-200 {
    top: 200px
}

.top-250 {
    top: 250px
}

.top-300 {
    top: 300px
}

.top-350 {
    top: 350px
}

.top-400 {
    top: 400px
}

.top-450 {
    top: 450px
}

.top-500 {
    top: 500px
}

.top-550 {
    top: 550px
}

.top-600 {
    top: 600px
}

.top-650 {
    top: 650px
}

.top-700 {
    top: 700px
}

.top-750 {
    top: 750px
}

.top-800 {
    top: 800px
}

.top-850 {
    top: 850px
}

.top-900 {
    top: 900px
}

.top-950 {
    top: 950px
}

.top-1000 {
    top: 1000px
}

.left-10 {
    left: 10px
}

.left-20 {
    left: 20px
}

.left-30 {
    left: 30px
}

.left-40 {
    left: 40px
}

.left-50 {
    left: 50px
}

.left-100 {
    left: 100px
}

.left-150 {
    left: 150px
}

.left-200 {
    left: 200px
}

.left-250 {
    left: 250px
}

.left-300 {
    left: 300px
}

.left-350 {
    left: 350px
}

.left-400 {
    left: 400px
}

.left-450 {
    left: 450px
}

.left-500 {
    left: 500px
}

.left-550 {
    left: 550px
}

.left-600 {
    left: 600px
}

.left-650 {
    left: 650px
}

.left-700 {
    left: 700px
}

.left-750 {
    left: 750px
}

.left-800 {
    left: 800px
}

.left-850 {
    left: 850px
}

.left-900 {
    left: 900px
}

.left-950 {
    left: 950px
}

.left-1000 {
    left: 1000px
}

.right-10 {
    right: 10px
}

.right-20 {
    right: 20px
}

.right-30 {
    right: 30px
}

.right-40 {
    right: 40px
}

.right-50 {
    right: 50px
}

.right-100 {
    right: 100px
}

.right-150 {
    right: 150px
}

.right-200 {
    right: 200px
}

.right-250 {
    right: 250px
}

.right-300 {
    right: 300px
}

.right-350 {
    right: 350px
}

.right-400 {
    right: 400px
}

.right-450 {
    right: 450px
}

.right-500 {
    right: 500px
}

.right-550 {
    right: 550px
}

.right-600 {
    right: 600px
}

.right-650 {
    right: 650px
}

.right-700 {
    right: 700px
}

.right-750 {
    right: 750px
}

.right-800 {
    right: 800px
}

.right-850 {
    right: 850px
}

.right-900 {
    right: 900px
}

.right-950 {
    right: 950px
}

.right-1000 {
    right: 1000px
}

@media only screen and (max-width:992px) {
    .clear-pt-md {
        padding-top: 0
    }
    .clear-pr-md {
        padding-right: 0
    }
    .clear-pb-md {
        padding-bottom: 0
    }
    .clear-pl-md {
        padding-left: 0
    }
    .clear-all {
        left: inherit;
        right: inherit;
        top: inherit;
        bottom: inherit
    }
    .pl--40,
    .pr--40 {
        padding-left: 10px;
        padding-right: 10px
    }
    .pt--50 {
        padding-top: 20px
    }
    .pb--50 {
        padding-bottom: 10px
    }
    .section-cover h1 {
        text-align: center!important
    }
    .section-cover ul {
        text-align: left!important
    }
}

@media only screen and (max-width:600px) {
    .award-img,
    .pb--50 {
        padding-bottom: 10px
    }
    .header,
    .pt--200,
    .pt--30,
    .section-cover {
        position: relative
    }
    .pt--200,
    .pt--30 {
        padding-top: 10px!important
    }
    .pl--30,
    .pl--40 {
        padding-left: 2px
    }
    .pr--30,
    .pr--40 {
        padding-right: 2px
    }
    .award-img {
        max-width: 120px
    }
    .box .content {
        height: 100px
    }
    .highlight {
        background: 0 0
    }
    .form-container {
        background-color: transparent
    }
    .section-cover ul {
        display: none
    }
    .section-cta {
        padding-left: 10px;
        padding-right: 10px
    }
    .header {
        background-color: #202d33!important
    }
}

form,
p.button input {
    display: inline-block
}

.award-img {
    max-width: 185px;
    width: 13vw;
    min-width: 90px;
    padding-bottom: 10px
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#content {
    position: relative;
    padding: 0;
    top: 50%;
    transform: translateY(100%);
    text-align: center;
    max-width: none
}

button,
input {
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    resize: none;
    font-family: 'Roboto Slab', serif;
    -webkit-font-smoothing: antialiased
}

p.button input {
    background: #66b0ff;
    border: 0;
    color: #fff;
    line-height: 0;
    font-weight: 400;
    text-transform: uppercase;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -webkit-transition: background .3s;
    transition: background .3s
}

p.button input:hover {
    background: #FF9000
}

form {
    margin-bottom: 31px
}

form input {
    font: 300 18px/1em 'Roboto Slab', serif;
    color: #000
}

form input[type=text] {
    background: #fff;
    line-height: 1em;
    border: 1px solid #d4d7da;
    height: 41.25px
}

#news-signup {
    position: fixed;
    width: 100%;
    visibility: hidden;
    z-index: 10002;
    top: 100px;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: -webkit-transform .2s, opacity .2s, visibility 0s .2s;
    transition: transform .2s, opacity .2s, visibility 0s .2s
}

#news-signup .wrapper {
    background: #948E99;
    background: -webkit-linear-gradient(to left, #252b33, #2E1437);
    background: linear-gradient(to left, #021f3e, #374e54);
    position: relative;
    margin: 0 auto;
    text-align: center;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
    width: 98%;
    background-image: url("../img/popup_bg.jpg");
    border: 1px white dotted;
}
#news-signup .wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #000, #000);
    opacity: 0.6;
    
    }
#news-signup_bg {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .4;
    z-index: 10001
}

#news-signup_close {
    position: absolute;
    left: 100%;
    margin: 7px 0 0 -30px;
    width: 20px;
    height: 20px;
    color: #fff;
    opacity: .3;
    cursor: pointer
}

#news-signup_close::before {
    content: "×";
    font: 400 26px/1em 'Roboto Slab', serif
}

#news-signup_close:hover {
    opacity: .8
}

#news-signup .newsletter-content {
    position: absolute;
    width: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

#news-signup .newsletter-content h2 {
    font: 300 35px/1em;
    color: #fff;
    text-align: center;
    margin: 0 auto 15px
}

#news-signup .newsletter-content p {
    margin: 0 auto 25px;
    font: 300 16px/1em 'Roboto Slab', serif;
    color: #ffffff
}

#news-signup .newsletter-content form {
    margin: 0;
    padding: 0;
    width: 90%
}

#news-signup .newsletter-content form p {
    margin: 0 auto 10px
}

#news-signup .newsletter-content form p:not(.button) {
    float: none;
    width: 100%
}

#news-signup .newsletter-content form p:not(.button) input {
    width: 100%;
    margin: 0 6px 0 0;
    padding: 12px 15px!important;
    border-color: #d0d5d8
}

#news-signup .newsletter-content form .button {
    float: none;
    width: 100%
}

#news-signup .newsletter-content form .button input {
    width: 100%;
    padding: 20px 25px 18px!important;
    font-size: 12px
}

#news-signup .newsletter-content p.footnote {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    
    font: 100 19px 'Roboto Slab', serif;
    color: #ffffff;
    margin-bottom: 0;
    position: relative;
    z-index: 99;
}

@media screen and (min-width:800px) {
    #news-signup .wrapper {
        width: 1100px;
        height: 650px;
        margin: 7% auto;
    }
    #news-signup .newsletter-content form .button input {
        width: auto;
        margin: 0;
        height: 50px
    }
    #news-signup .newsletter-content form .button {
        float: left;
        width: auto;
        margin-left: 15px
    }
    #news-signup .newsletter-content form {
        width: auto
    }
    #news-signup .newsletter-content form p {
        margin: 0 auto 15px
    }
    #news-signup .newsletter-content form p:not(.button) {
        float: left;
        width: auto
    }
    .newsletter-content form p:not(.button) input {
        width: 300px!important;
        margin: 0 15px 0 0
    }
    select {
        width: 100%!important
    }
}

select {
    height: 50px;
    width: 100%
}

#message,
#name,
#phone,
.btn-block {
    font-family: inherit
}

#signup-form #news_signup_email,
#signup-form #news_signup_email:hover {
    background: #fff
}

.speech {
  position: relative;
  max-width: 810px;
  background-color: #007bfe;
  padding: 1.125em 1.5em;
  color: white;
  font-size: 1.25em;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

.speech::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: 100%;
  left: 49%;
  border: .75rem solid transparent;
  border-top: none;
  border-bottom-color: #007bfe;
  -webkit-filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
}

.quote-profile-img {
        border-radius: 100px;
        width: 80px;
        margin: 0 auto;
        display:  block;
        margin-bottom: 27px;
        box-shadow: -1px 1px 5px 3px #8e8e8e42;
}

.card {
    margin-bottom: 10px;
}