#preloader {
    background: #fff none repeat scroll 0 0;
    color: #333;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999999
}

#showPreloader {
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
    height: 100px
}

#showPreloader img {
    display: block;
    width: 100%;
    height: auto
}

#Overlay_Load {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99998
}

html,body {
    font-size: 10px;
    font-size-adjust: none
}

body,h1,h2,h3,h4,h5,h6,p,ol,ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Lato',sans-serif
}

ol {
    margin-left: 30px
}

a {
    text-decoration: none
}

.bluePatternBg {
    background: url(/bundles/odomos/images/blue_pattern_bg.jpg)
}

.bluePatternBg h2,.bluePatternBg p {
    color: #fff
}

img {
    width: 100%;
    max-width: 1903px;
    height: auto;
    display: block
}

.roundButton {
    border: 1px solid #66af48;
    border-radius: 50px;
    background: #fff;
    color: #05963f;
    padding: 10px 20px!important;
    font-size: 2rem;
    font-weight: 400;
    transition: color ease-out .3s;
    max-width: 106px;
    text-align: center;
    display: block
}

.roundButton:hover {
    background: #66af48;
    color: #fff!important
}

h2,h3,p {
    margin-bottom: 15px
}

h2:last-child,h3:last-child,p:last-child {
    margin-bottom: 1rem
}

h2 {
    font-size: 3rem;
    line-height: 3rem;
    color: #072373;
    margin-bottom: 2rem;
    font-weight: 900;
    text-transform: uppercase
}

h2 span {
    font-weight: 400
}

h3 {
    font-size: 2rem;
    line-height: 2.5rem;
    color: #515151;
    font-weight: 700
}

p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #666
}

.alignHeadingCenter h2,.alignHeadingCenter h3,.alignHeadingCenter p {
    text-align: center
}

.playYoutubeVideo {
    cursor: pointer;
    position: relative
}

.overlay,.popup,.youTubeVideo {
    opacity: 0;
    visibility: hidden;
    transition: opacity ease-out .3s
}

.overlay.active,.popup.active,.youTubeVideo.active {
    opacity: 1;
    visibility: visible
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9;
    width: 100%;
    height: 100%
}

.youTubeVideo {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.youTubeVideo.active {
    position: static
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 20px;
    border-radius: 5px;
    z-index: 10
}

.popup .closePopup {
    cursor: pointer;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    background: #072373;
    color: #fff;
    border-radius: 5px;
    z-index: 1;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    padding: 5px
}

.bx-wrapper {
    margin-bottom: 0
}

.bx-wrapper .bx-controls-direction a {
    top: 50%;
    z-index: 1
}

.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
    bottom: 0;
    width: auto;
    background: none;
    left: 50%;
    padding: 5px;
    border-radius: 50px;
    transform: translateX(-50%)
}

.play,.pause {
    width: 11.9rem;
    height: 11.9rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.play {
    background: url(/bundles/odomos/images/play-icon.png);
    background-size: cover
}

.pause {
    background: url(/bundles/odomos/images/pause-icon.png);
    background-size: cover
}

.twoCol {
    display: flex
}

.twoCol .col {
    min-width: 50%
}

.twoCol .leftCol.homepageVideoCol {
    background: url(/bundles/odomos/images/brand-odomas.jpg);
    background-size: cover;
    position: relative
}

.twoCol .leftCol.homepageVideoCol h2,.twoCol .leftCol.homepageVideoCol h3,.twoCol .leftCol.homepageVideoCol p {
    color: #fff
}

.twoCol .leftCol.homepageVideoCol h3 {
    font-size: 3rem;
    line-height: 3.5rem
}

.twoCol .leftCol.homepageVideoCol p {
    font-size: 2rem;
    line-height: 2.4rem
}

.twoCol .leftCol.homepageVideoCol .homepageVideoContent {
    position: absolute;
    width: 50%;
    left: 20px;
    bottom: 20px;
    z-index: 1
}

.threeCol {
    display: flex;
    flex-wrap: wrap
}

.threeCol .col {
    flex: 1;
    margin-right: 20px;
    min-width: 0
}

.threeCol .col:nth-child(3n) {
    margin-right: 0
}

.threeCol .col:last-child {
    margin-bottom: 0!important
}

.container {
    max-width: 1366px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 3rem 5rem
}

.mainHeader {
    position: fixed;
    z-index: 2;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    width: 100%;
    background: #fff;
    top: 28px
}

.mainHeader .container {
    display: flex;
    padding: 0 20px;
    box-sizing: border-box
}

.mainHeader .logo {
    max-width: 100px;
    padding: 8px 0
}

.mainHeader .mainNav {
    margin-left: auto;
    padding-left:20px;
}

.mainHeader nav,.mainHeader .social {
    display: flex;
    font-size: 2rem;
    line-height: 1.8rem
}

.mainHeader nav a {
    color: #666;
    display: block;
    padding: 26px 0
}

.mainHeader .social .fa-facebook {
    color: #4267b2
}

.mainHeader .social .fa-youtube {
    color: red
}

.mainHeader nav a:hover,.mainHeader nav a.active /.mainHeader .social a:hover,.mainHeader .social a.active*/ {
    color: #072373
}

.mainHeader nav ul {
    display: flex;
    align-items: center
}

.mainHeader nav li {
    margin-right: 30px
}

.mainHeader nav li:last-child {
    margin-right: 0
}

.mainHeader .social {
    margin-left: 10px
}

.mainHeader .social ul {
    display: flex;
    align-items: center
}

.mainHeader .social li:first-child {
    border-left: dotted 1px #666
}

.mainHeader .social li:last-child {
    border-right: dotted 1px #666
}

.mainHeader .social a {
    padding: 10px
}

.mainBanner h2,.mainBanner p {
    text-transform: capitalize;
    font-weight: 900
}

.mainBanner h2 {
    font-size: 6rem;
    line-height: 6rem;
    color: #072373
}

.mainBanner h2 span {
    display: block;
    color: #df111f
}

.mainBanner .bannerContent {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 9%
}

.mainBanner li {
    position: relative
}

.mainBanner p {
    color: #072373;
    font-size: 1.6rem
}

.mainBanner .roundButton {
    font-size: 2rem;
    background: #66af48;
    color: #fff;
    display: block
}

.upperCol,.lowerCol {
    padding: 4rem;
    box-sizing: border-box
}

.upperCol {
    background: #f5f5f5
}

.lowerCol {
    background: #fafafa url(/bundles/odomos/images/1-our-range1.png) no-repeat right bottom;
    background-size: 95% auto;
    height: 420px
}

.howIsOdomosCon .threeCol img {
    width: auto;
    margin: 0 auto 20px
}

.howIsOdomosCon .threeCol .col {
    text-align: center
}

.howIsOdomosCon p {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3rem
}

.testimonial .commaIcon {
    margin-bottom: 20px;
    padding: 3rem 3rem 0;
    width: 48px
}

.testimonial li {
    width: 640px
}

.testimonial p {
    color: #fff;
    padding: 1rem 5.5rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: left;
    min-height: 100px;
    height: 100px;
    overflow-y: scroll
}

.testimonial .testimonialContent {
    padding: 0 2rem 4rem
}

.testimonial .testimonialContent .content {
    background: #66af48
}

.testimonial .testimonialProfile {
    display: flex;
    align-items: center
}

.testimonial .testimonialProfile img {
    border-radius: 50%;
    width: auto;
    margin-right: 4rem;
    transform: translate(-20px,20px)
}

.testimonial .testimonialProfile h3 {
    text-transform: uppercase;
    font-weight: 400;
    color: #bcff9f;
    text-align: left
}

.testimonial .testimonialProfile h3 span {
    display: block;
    margin-top: 5px;
    color: #fff
}

.ourExperts h2 {
    color: #fff
}

.ourExperts .bx-wrapper .bx-pager,.ourExperts .bx-wrapper .bx-controls-auto {
    bottom: -30px;
    background: none
}

.ourExperts .bx-wrapper .bx-pager.bx-default-pager a {
    width: 23px;
    height: 3px;
    border-radius: 0;
    background: #bdbdbd
}

.ourExperts .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #66af48!important
}

.bSocialWithUs .col {
    margin-right: 15px
}

.bSocialWithUs .col:last-child {
    margin-right: 0
}

.bSocialWithUs .midCol {
    background: #072373;
    padding: 3rem;
    box-sizing: border-box
}

.bSocialWithUs .midCol .social-date {
    color: #fff;
    font-size: 20px;
    margin-bottom: 35px
}

.bSocialWithUs .midCol .inverted-comma {
    margin-bottom: 20px
}

.bSocialWithUs .midCol .inverted-comma img {
    width: auto
}

.bSocialWithUs .midCol h3 {
    font-size: 2rem;
    color: #66af48;
    text-transform: uppercase;
    text-align: left
}

.bSocialWithUs .midCol p {
    color: #fff;
    font-size: 1.6rem;
    text-align: left
}

.bSocialWithUs .midCol .comment-read-more i {
    color: #fff;
    font-size: 20px;
    margin-right: 5px
}

.bSocialWithUs .midCol .comment-read-more a {
    color: #fff;
    font-size: 16px
}

.bSocialWithUs .midCol .roundButton {
    background: #fff;
    color: #072373;
    border: 0;
    font-size: 1.3rem;
    padding: 10px 20px 10px 16px;
    white-space: nowrap;
    max-width: none;
    display: inline-block;
    margin-top: 3rem;
    text-transform: uppercase;
    font-weight: 900
}

.bSocialWithUs .midCol .roundButton:hover {
    background: #66af48;
    color: #fff
}

.breadcrumb.whithoutBanner {
    padding-top: 70px
}

.breadcrumb .container {
    padding-bottom: 0
}

.breadcrumb ul {
    display: flex;
    align-items: center;
    float: right
}

.breadcrumb li {
    margin-right: 10px;
    font-size: 1.4rem;
    color: #072373;
    font-weight: 700
}

.breadcrumb li a {
    color: #777;
    font-size: inherit;
    font-weight: inherit
}

.breadcrumb li:last-child {
    text-transform: capitalize !important;
}


.breadcrumb li:last-child {
    margin-right: 0
}

.breadcrumb li:first-child:before {
    display: none;
    padding: 0
}

.breadcrumb li:before {
    background: url(/bundles/odomos/images/breadcrumb.png) no-repeat left 4px;
    padding-left: 10px;
    content: ''
}

.accordion {
    position: relative
}
.accordion .content {
    display: none;
}
.accordion .heading,.accordion .content {
    padding-left: 30px
}


.accordion h4 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #515151;
    margin-bottom: 15px;
    cursor: pointer
}

.accordion h4:before {
    background: url(/bundles/odomos/images/plus.png);
    width: 20px;
    height: 20px;
    content: '';
    display: inline-block;
    transform: translate(0,3px);
    position: absolute;
    left: 0
}

.accordion h4.active {
    color: #072373
}

.accordion h4.active:before {
    background: url(/bundles/odomos/images/minus.png)
}

.accordion p,.accordion ol {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #666;
    margin-bottom: 20px
}

.accordion ol {
    margin-bottom: 4rem
}

.accordion ol li {
    margin-bottom: 5px;
    list-style: decimal
}

.accordion a {
    color: #337ab7
}

.accordion a:hover {
    color: #23527c;
    text-decoration: underline
}

.accordion ul {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #666;
    margin-bottom: 20px;
    margin-bottom: 4rem
}

.accordion ul li {
    margin-bottom: 5px;
    list-style: square
}

.accordion a {
    color: #337ab7
}

.accordion a:hover {
    color: #23527c;
    text-decoration: underline
}

.roundBaloon {
    position: relative;
    width: 610px;
    height: 610px;
    border-radius: 100%;
    margin: 0 auto;
    border: solid 1px #072373;
    display: flex;
    align-items: center
}

.roundBaloon .heading {
    width: inherit;
    text-align: center
}

.roundBaloon h2 {
    font-size: 5.8rem;
    color: #072373;
    margin-bottom: 20px;
    font-weight: 900
}

.roundBaloon h2 span {
    color: #df111f;
    display: block;
    font-size: 11.7rem;
    line-height: 13rem;
    font-weight: 900
}

.roundBaloon p {
    color: #072373;
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 700;
    text-transform: uppercase
}

.roundBaloon .menuItem {
    padding: 5px;
    background: none;
    border: dotted 3px #102b78;
    border-radius: 100%;
    width: 139px;
    height: 139px;
    position: absolute;
    transform: scale(0.75,0.75);
    transition: transform ease .5s;
    display: flex;
    align-items: center;
    cursor: pointer
}

.roundBaloon .menuItem .innerCircle {
    display: flex;
    align-items: center;
    border: solid 3px #102b78;
    border-radius: 100%;
    width: 129px;
    height: 129px;
    margin: 0 auto;
    background: #fff
}

.roundBaloon .menuItem a {
    display: block;
    width: auto;
    margin: 0 auto;
    background: none;
    height: auto;
    transition: all ease .5s
}

.roundBaloon .menuItem:hover,.roundBaloon .menuItem.selected {
    transform: scale(0.8,0.8);
    border-color: #22407e;
    background: none
}

.roundBaloon .menuItem:hover img,.roundBaloon .menuItem.selected img {
    background: none
}

.serviceDesc {
    position: absolute
}

.serviceDesc h2,.serviceDesc p {
    white-space: nowrap;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 2.2rem;
    line-height: 2.5rem;
    color: #072373
}

.serviceDesc h2 {
    font-weight: 400
}

.serviceDesc p {
    font-weight: 900
}

.serviceDesc.leftSideText {
    right: calc(100% + 20px);
    text-align: right
}

.serviceDesc.rightSideText {
    left: calc(100% + 20px);
    text-align: left
}

.articleCol h3,.articleCol p,.videoCol h3,.videoCol p {
    text-align: left
}

.articleCol .col,.videoCol .col {
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: calc(33% - 20px);
    max-width: calc(33% - 20px)
}

.articleCol .col > a,.videoCol .col > a {
    margin-bottom: 10px;
    display: block
}

.articleCol .footer,.videoCol .footer {
    display: flex
}

.articleSocials {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 2rem
}
.articleSocials a {
    margin-right: 30px!important;
    color: #666
}

.articleCol .articleSocial,.videoCol .articleSocial {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 2rem
}



.articleCol .articleSocial a,.videoCol .articleSocial a {
    margin-right: 30px!important;
    color: #666
}

.articleCol .articleSocial a:last-child,.videoCol .articleSocial a:last-child {
    margin-right: 0
}

.videoCol img {
    margin-bottom: 10px
}

.blogPage h2,.blogPage p,.blogPage a,.videoPAge h2,.videoPAge p,.videoPAge a {
    color: #fff;
    font-weight: 400
}

.blogPage h2,.videoPAge h2 {
    font-size: 4rem;
    line-height: 4.5rem;
    margin-bottom: 25px
}

.blogPage p,.videoPAge p {
    text-transform: none
}

.blogPage .bannerContent,.videoPAge .bannerContent {
    max-width: 500px
}

.blogPage .roundButton,.videoPAge .roundButton {
    color: #fff;
    border-color: #fff;
    background: none
}

.blogPage .roundButton:hover,.videoPAge .roundButton:hover {
    background: #66af48
}

.videoList .threeCol {
    flex-wrap: wrap
}

.videoList .col {
    margin-bottom: 30px;
    position: relative
}

.videoList h3 span {
    display: block;
    font-weight: 400;
    margin-top: 10px
}

.videoList .playVideo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 53px;
    height: 53px;
    background: url(/bundles/odomos/images/play-video.png);
    z-index: 1
}

.protectionZone h2,.protectionZone h3,.protectionZone p {
    text-align: left
}

.protectionZone .col {
    margin-right: 30px
}

.protectionZone .col:last-child {
    margin-right: 0
}

.protectionZone .midCol img {
    margin-bottom: 20px
}

.protectionZone .rotaion-img {
    width: 200px;
    margin: auto 0 auto auto
}

.protectionZone .rotaion-img img {
    animation: rotation 10s infinite linear
}

.protectionZone .lastCol {
    max-height: 500px;
    overflow: auto
}

.protectionZone .lastCol .list {
    margin-bottom: 20px
}

.protectionZone .lastCol .list:last-child {
    margin-bottom: 0
}

.protectionZone .lastCol .upperCol {
    display: flex;
    padding: 0;
    background: none;
    cursor: pointer
}

.protectionZone .lastCol .imgCol {
    margin-right: 10px;
    max-width: calc(33% - 10px)
}

.protectionZone .lastCol .detailCol {
    flex: 1;
    max-width: none
}

.protectionZone .lastCol .detailCol h3,.protectionZone .lastCol .detailCol p {
    color: #072373
}

.protectionZone .lastCol .detailCol h3 {
    font-size: 2rem;
    line-height: 2.6rem;
    text-transform: capitalize;
    min-height: 48px
}

.protectionZone .lastCol .detailCol p {
    font-size: 1.4rem;
    line-height: 1.8rem
}

.protectionZone .lastCol .listDetails {
    display: none;
    background: #66af48;
    padding: 20px;
    box-sizing: border-box
}

.protectionZone .lastCol .listDetails h4,.protectionZone .lastCol .listDetails p,.protectionZone .lastCol .listDetails a {
    color: #fff
}

.protectionZone .lastCol .listDetails h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-transform: uppercase;
    margin-bottom: 10px
}

.protectionZone .lastCol .listDetails a {
    font-size: 1.4rem
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

.upperSlider {
    height: 273px;
    overflow: hidden;
    padding-right: 10px;
    padding-top: 8px
}

.bottomSlider .bx-wrapper .bx-controls-direction a {
    top: -74%
}

.bottomSlider .bx-wrapper .bx-next {
    background: url(/bundles/odomos/images/bottom-right-slide-black.png) no-repeat 15px 0;
    right: -20px
}

.bottomSlider .bx-wrapper .bx-prev {
    background: url(/bundles/odomos/images/bottom-left-slide-black.png) no-repeat 5px 0;
    left: -20px
}

.bottomSlider .bx-wrapper .bx-pager,.bottomSlider .bx-wrapper .bx-controls-auto {
    bottom: auto;
    top: -18%;
    transform: translateX(-50%)
}

.imageSwapperSlider {
    position: relative
}

.imageSwapperSlider img {
    position: absolute;
    width: 107px;
    right: 44px;
    top: 40px;
    transition: transform ease-out .3s;
    border-radius: 100%;
    border: solid 2px #0aaeea;
    display: none
}

.imageSwapperSlider img:nth-child(4) {
    transform: translate3d(-270px,1px,0) scale(0.3,0.3);
    z-index: 1;
    display: block
}

.imageSwapperSlider img:nth-child(3) {
    transform: translate3d(-221px,1px,0) scale(0.4,0.4);
    z-index: 1;
    display: block
}

.imageSwapperSlider img:nth-child(2) {
    transform: translate3d(-150px,1px,0) scale(0.6,0.6);
    z-index: 1;
    display: block
}

.imageSwapperSlider img:nth-child(1) {
    transform: translate3d(0,0,0) scale(1.2,1.2);
    z-index: 1;
    display: block
}

.imageSwapperSlider .active {
    transform: translate3d(0,0,0) scale(1,1)!important
}

.tabContent,.tabbingMainLinks {
    display: block
}

.tabContent {
    position: relative;
    height: 406px;
    margin-bottom: 4rem;
    display: block
}

#tabAccordion {
    display: none
}

.tabContentDataWarapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.tabContent {
    display: block
}
.tabContentDataWarapper.active {
    display: block
}

.tabContentDataWarapper .innerTab ul {
    display: flex
}

.tabContentDataWarapper .innerTab li {
    padding: 16px;
    background: #000;
    color: #fff;
    border-right: 1px solid #fff;
    font-size: 1.3rem;
    font-weight: 900;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

.tabContentDataWarapper .innerTab li:last-child {
    border-right: 0
}

.tabContentDataWarapper .innerTab li.active {
    background: #66af48;
    color: #fff
}

.tabContentDataWarapper .innerTabContent {
    position: relative;
    overflow: auto;
    height: 360px
}

.tabContentDataWarapper .innerTabContent li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: none
}

.tabContentDataWarapper .innerTabContent li.active {
    display: block
}

.tabContentDataWarapper .innerTabContent h2 {
    font-size: 2.3rem;
    margin-bottom: 2rem
}

.tabContentDataWarapper .innerTabContent h3 {
    color: #072373
}

.tabbingMainLinks {
    background: #000
}

.tabbingMainLinks .container {
    padding: 0
}

.tabbingMainLinks ul {
    display: flex;
    justify-content: center
}

.tabbingMainLinks li {
    padding: 10px 3rem;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 900;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase
}

.tabbingMainLinks li:last-child {
    border-right: 0
}

.tabbingMainLinks li.active {
    background: #66af48;
    color: #fff
}

.pageFooter {
    background: #072373;
    padding: 0;
    text-align: left
}

.pageFooter h3 {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 1px
}

.pageFooter h3 a {
    font-size: 1.5rem;
    color: #fff
}

.pageFooter a {
    color: #fff;
    font-size: 1.2rem;
    line-height: 18px;
    font-weight: 900px
}

.pageFooter a:hover {
    color: #fff
}

.pageFooter ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    text-align: left
}

.pageFooter ul li.logoCon {
    width: 121px
}

.pageFooter ul li.linksSec {
    width: 57%
}

.pageFooter ul li.socialSec {
    width: 20%
}

.pageFooter ul li ul {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    width: calc(33% - 15px);
    padding-bottom: 1.2rem
}

.pageFooter ul li ul:last-child {
    margin-right: 0
}

.pageFooter ul li ul li {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 1.2rem;
    color: #fff
}

.text-center {
    text-align: center
}

.text-center p {
    color: #fff
}

.contactUs .twoCol .col {
    margin-right: 20px;
    width: calc(50% - 20px)
}

.contactUs .twoCol .col:last-child {
    margin-right: 0
}

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

.contactUs input,.contactUs textarea {
    width: 100%;
    padding: 10px;
    border: solid 1px #ccc;
    box-sizing: border-box;
    font-family: 'Lato',sans-serif
}

.contactUs input {
    width: calc(100% - 20px);
    cursor: pointer
}

.contactUs textarea {
    margin-bottom: 20px
}

.rotateSection {
    position: relative
}

.dropDown .dropDownContent {
    position: absolute;
    background: #fff;
    box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.2);
    top: calc(100% - 0px);
    left: 27%;
    transform: translateY(10px);
    transition: all ease-in-out .3s;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    width: 13%;
    display: block
}

.dropDown .dropDownContent li {
    margin-right: 0;
    display: flex
}

.dropDown .dropDownContent li a {
    padding: 10px;
    color: #333;
    line-height: 1.8rem;
    font-size: 1.9rem
}

.dropDown .dropDownContent a:hover {
    color: #072373;
    background: none
}

.dropDown:hover,.dropDown.active {
    background: none
}

.dropDown.active a {
    color: #072373
}

.dropDown:hover .dropDownContent,.dropDown.active .dropDownContent {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.dropDownContent {
    display: block
}

.contactUs .twoCol h3 span {
    font-weight: 400;
    font-size: 2rem
}

.contactUs .twoCol h3 span a {
    color: #515151
}

.dropDownContent .twoCol .rightCol {
    flex: 1
}

.dropDownContent .twoCol .twoCol {
    flex-wrap: wrap
}

.dropDownContent .twoCol .twoCol .col {
    max-width: 50%
}

.dropDownContent .twoCol .col h3 {
    color: #072373;
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 0
}

.dropDownContent .twoCol .leftColBorder {
    border-right: 2px solid #072373;
    min-width: 0;
    margin-right: 10px;
    padding: 3.4rem;
    max-width: 27.3%
}

.dropDownContent .twoCol .leftColBorder img {
    width: 100%
}

.dropDownContentWrapper {
    margin-bottom: 20px
}

.dropDownContentWrapper:last-child {
    margin-bottom: 0
}

.roundBaloon h1 {
    font-size: 5.8rem;
    color: #072373;
    margin-bottom: 20px;
    font-weight: 900;
    line-height: 3rem;
    text-transform: uppercase
}

.roundBaloon h1 span {
    color: #df111f;
    display: block;
    font-size: 11.7rem;
    line-height: 13rem;
    font-weight: 900
}

h1 {
    font-size: 3rem;
    line-height: 3rem;
    color: #072373;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 1rem!important;
    padding: 0;
    list-style: none;
    font-family: 'Lato',sans-serif
}

h1 span {
    font-weight: 400
}

.blogPage h1,.videoPAge h1 {
    font-size: 4rem;
    line-height: 4.5rem;
    margin-bottom: 25px
}

.blogPage h1,.blogPage p,.blogPage a,.videoPAge h1,.videoPAge p,.videoPAge a {
    color: #fff;
    font-weight: 400
}

h5 {
    font-size: 1.5rem;
    font-family: 'Lato',sans-serif;
    color: #072373;
    line-height: 2rem
}

.bx-wrapper .bx-next {
    right: 11px
}

.bx-wrapper .bx-prev {
    left: 11px
}

.breadcrumb ul {
    float: right
}

.padding70 {
    padding: 70px 5px
}

#textMarginTop {
    right: -48px;
    top: -72px;
    text-align: center
}

#textMarginBottom {
    right: -111px;
    bottom: -61px;
    text-align: center
}

html {
    overflow: auto!important;
}
#blog-listing-page h2 {
    font-size: 2.1rem;
    color: #515151;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 1rem;
}

.errorterms{
    font-size: 10px;
    color: #ff0000;
    line-height: normal;
    top: 2px;
    margin-bottom: 0 !important;
    /* text-align: left; */
    position: relative;
}

#homePageBannerButton {
    top: 74%;
    transform: translateY(-50%);
    left: 14.5%;
}


@media only screen and (max-width: 1280px) {
    .mainNav{
        padding-left:12px;
    }
}



.btn1{
    max-width: none !important; 
}