/***************************************************************************************************************

||||||||||||||||||||||||||||            MASTER STYLESHEET FOR Mistox      ||||||||||||||||||||||||||||||||||||

****************************************************************************************************************

/*

Template Name: Mistox

Template URL: http://mistox.themechampion.com/html/index.html

Author: ThemeChampion

Author URI: www.themechampion.com

Description: HTML Template for Multiple business like Plumbing, Car & Automobile and Solar Energy.

Version: 1.2

Tags: auto, car, eco, energy, multipurpose, natural, painter, plumber, plumbing, repair, service, Sever, solar, water, wind



||||||||||||||||||||||||||||              TABLE OF CONTENT                  ||||||||||||||||||||||||||||||||||||

****************************************************************************************************************

****************************************************************************************************************

* 1. common styles

* 2. header styles

* 3. slider styles

* 4. blog styles

* 5. sidebar styles

* 6. mailchimp styles

* 7. client styles

* 8. service styles

* 9. contact styles

* 10. about styles

* 11. footer styles

* 12. project styles

* 13. team styles

* 14. cta styles

* 15. how-it-works styles

* 16. testimonials styles

* 17. inner-banner styles

* 18. funfact styles

* 19. faq styles

* 20. search-popup styles

* 21. progress styles

* 22. Coming Soon

* 23. Maintenance Page

* 24. 404 Page

* 25. Pricing Section

****************************************************************************************************************

||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||

****************************************************************************************************************/





/*

* 1. common styles

*/



body {

    font-family: "Roboto";

    color: #45484a;

    font-size: 15px;

    line-height: 34px;

}



body.bluebody {

    background: #063668;

}



body.comingbody {

    background: #063668;

}



a:active,

a:hover,

a:focus,

a:visited {

    text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: "Roboto";

}



.page-wrapper {

    position: relative;

    margin: 0 auto;

    width: 100%;

    min-width: 300px;

    overflow: hidden;

}



.thm-base-bg {

    background-color: #ee343d;

}



.thm-base-bg-2 {

    background-color: #196cbf;

}



.thm-gray-bg {

    background-color: #F5F6F7;

}



@-webkit-keyframes bgSlide {

    0% {

        background-position: 0 0;

    }

    20% {

        background-position: -100px 0;

    }

    40% {

        background-position: -200px 0;

    }

    60% {

        background-position: -150px 0;

    }

    80% {

        background-position: -100px 0;

    }

    100% {

        background-position: 0px 0;

    }

}



@keyframes bgSlide {

    0% {

        background-position: 0 0;

    }

    20% {

        background-position: -100px 0;

    }

    40% {

        background-position: -200px 0;

    }

    60% {

        background-position: -150px 0;

    }

    80% {

        background-position: -100px 0;

    }

    100% {

        background-position: 0px 0;

    }

}



@media (min-width: 1200px) {

    .container {

        max-width: 1200px;

    }

}



.rotated {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    display: inline-block;

}



.block-title {

    margin-bottom: 60px;

}



.block-title__tag-line {

    text-transform: uppercase;

    font-size: 18px;

    font-weight: bold;

    color: #a2a0a0;

    display: block;

    letter-spacing: .3em;

    line-height: 1em;

}



.block-title h3 {

    margin: 0;

    color: #2b3036;

    font-size: 36px;

    font-weight: bold;

}



.block-title__tag-line+h3 {

    margin-top: 15px;

}



.block-title__line {

    display: block;

    background-color: #ee343d;

    width: 123px;

    height: 3px;

}



h3+.block-title__line {

    margin-top: 20px;

}



.block-title.text-center .block-title__line {

    margin-left: auto;

    margin-right: auto;

}



.block-title p {

    margin: 0;

    color: #45484a;

    font-size: 16px;

    line-height: 24px;

}



.block-title__line+p {

    margin-top: 30px;

}



.thm-btn {

    display: inline-block;

    vertical-align: middle;

    border: none;

    outline: none;

    background-color: #ee343d;

    font-size: 20px;

    font-family: 'Montserrat';

    color: #fff;

    font-weight: 700;

    border-radius: 5px;

    padding: 13px 61px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.thm-btn:hover {

    background-color: #196cbf;

    color: #ffffff;

}



.thm-btn-size-1 {

    font-size: 18px;

    line-height: 1em;

    padding-left: 25px;

    padding-right: 25px;

    padding-top: 10px;

    padding-bottom: 10px;

}



.thm-btn-size-2 {

    font-size: 18px;

    line-height: 1em;

    padding-left: 25px;

    padding-right: 25px;

    padding-top: 15px;

    padding-bottom: 15px;

}



.thm-btn-size-3 {

    font-size: 18px;

    line-height: 1em;

    padding-left: 25px;

    padding-right: 25px;

    padding-top: 20px;

    padding-bottom: 20px;

}



.thm-btn-size-4 {

    line-height: 1em;

    padding-left: 25px;

    padding-right: 25px;

    padding-top: 25px;

    padding-bottom: 25px;

    font-size: 24px;

}



.thm-btn-outlined {

    background-color: transparent;

    border: 2px solid #ee343d;

    color: #ee343d;

}



.thm-btn-outlined.thm-btn-size-1 {

    line-height: 1em;

    padding-left: 25px;

    padding-right: 25px;

    padding-top: 8px;

    padding-bottom: 8px;

}



.thm-btn-outlined.thm-btn-size-2 {

    line-height: 1em;

    padding-left: 25px;

    padding-right: 25px;

    padding-top: 13px;

    padding-bottom: 13px;

}



.thm-btn-outlined.thm-btn-size-3 {

    line-height: 1em;

    padding-left: 25;

    padding-right: 25;

    padding-top: 18px;

    padding-bottom: 18px;

}



.thm-btn-outlined.thm-btn-size-4 {

    line-height: 1em;

    padding-left: 25px;

    padding-right: 25px;

    padding-top: 23px;

    padding-bottom: 23px;

    font-size: 24px;

}



.buttons {

    padding-top: 100px;

    padding-bottom: 80px;

}



.buttons .thm-btn {

    margin-bottom: 20px;

}



.thm-btn-curved {

    border-radius: 20px;

}



.thm-btn-color-2 {

    background-color: #196cbf;

}



.thm-btn-color-2.thm-btn-outlined {

    background-color: transparent;

    border-color: #196cbf;

    color: #196cbf;

}



.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,

.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,

.bootstrap-select .show>.btn-light.dropdown-toggle {

    background-color: transparent !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    outline: none !important;

}



.bootstrap-select>.dropdown-toggle {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}



.bootstrap-select .dropdown-toggle:focus,

.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {

    outline: none !important;

}



.bootstrap-select .dropdown-menu {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    z-index: 991;

    border-radius: 0;

}



.bootstrap-select .dropdown-menu>li+li>a {

    border-top: 1px solid #F5F6F7;

}



.bootstrap-select .dropdown-menu>li.selected>a {

    background: #ee343d;

    color: #fff;

}



.bootstrap-select .dropdown-menu>li>a {

    font-size: 16px;

    font-weight: 500;

    padding: 4px 20px;

    color: #2b3036;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.bootstrap-select .dropdown-menu>li>a:hover {

    background: #ee343d;

    color: #fff;

    cursor: pointer;

}



.post-pagination {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.post-pagination a {

    border-radius: 50%;

    background-color: #F5F6F7;

    font-size: 15px;

    font-weight: 600;

    text-align: center;

    padding: 8px 19px;

    color: #2b3036;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.post-pagination a:hover,

.post-pagination a.active {

    background-color: #2b3036;

    color: #fff;

}



.post-pagination a+a {

    margin-left: 15px;

}



.preloader {

    position: fixed;

    background-color: #fff;

    background-position: center center;

    background-repeat: no-repeat;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 9991;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

}



.preloader__image {

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: flipInY;

    animation-name: flipInY;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



.scroll-to-top {

    display: inline-block;

    width: 45px;

    height: 45px;

    position: fixed;

    bottom: 40px;

    right: 40px;

    z-index: 99;

    text-align: center;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    border-radius: 50%;

    transition: all .4s ease;

    background: #007bff;

}



.scroll-to-top i {

    font-size: 18px;

    line-height: 45px;

    color: #fff;

}



.scroll-to-top:hover {

    background-color: #2b3036;

}



.scroll-to-top:hover i {

    color: #fff;

}



.google-map__contact {

    border: none;

    outline: none;

    display: block;

    width: 100%;

    height: 560px;

}



.elements-page__title {

    padding: 76.5px 0;

    background-color: #F6F6F7;

    text-align: center;

}



.elements-page__title h3 {

    margin: 0;

    color: #2b3036;

    font-size: 48px;

    font-weight: bold;

    line-height: 1em;

}



.columned-text {

    padding-top: 80px;

}



.columned-text+.columned-text {

    padding-top: 0;

    margin-top: 70px;

}



.columned-text h3 {

    margin: 0;

    color: #196cbf;

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 20px;

}



.columned-text p {

    margin: 0;

    font-size: 15px;

    line-height: 24px;

    color: #2b3036;

}



.cursor {

    position: absolute;

    background-color: #fff;

    width: 6px;

    height: 6px;

    border-radius: 100%;

    z-index: 1;

    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    z-index: 10000;

    -webkit-transform: scale(1);

    transform: scale(1);

    visibility: hidden;

}



.cursor {

    visibility: visible;

}



.cursor.active {

    opacity: 0.5;

    -webkit-transform: scale(0);

    transform: scale(0);

}



.cursor.hovered {

    opacity: 0.08;

}



.cursor-follower {

    position: absolute;

    background-color: rgba(255, 255, 255, 0.3);

    width: 50px;

    height: 50px;

    border-radius: 100%;

    z-index: 1;

    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    z-index: 10000;

    visibility: hidden;

}



.cursor-follower {

    visibility: visible;

}



.cursor-follower.active {

    opacity: 0.7;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.cursor-follower.hovered {

    opacity: 0.08;

}



.cursor-follower.close-cursor:before {

    position: absolute;

    content: '';

    height: 25px;

    width: 2px;

    background: #fff;

    left: 48%;

    top: 12px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    display: inline-block;

}



.cursor-follower.close-cursor:after {

    position: absolute;

    content: '';

    height: 25px;

    width: 2px;

    background: #fff;

    right: 48%;

    top: 12px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.tab-one {

    padding: 100px 0 60px;

}



.tab-one .nav-tabs {

    border: 1px solid #9E9FA0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.tab-one .nav-tabs li {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 20%;

    flex: 1 1 20%;

    margin: 0;

    text-align: center;

}



.tab-one .nav-tabs li+li {

    border-left: 1px solid #9E9FA0;

}



.tab-one .nav-tabs li a {

    display: block;

    font-size: 24px;

    font-weight: 500;

    color: #818283;

    padding-top: 20px;

    padding-bottom: 20px;

}



.tab-one .nav-tabs li a.active {

    background-color: #196cbf;

    color: #ffffff;

}



.tab-one .tab-content {

    padding: 30px 40px;

}



.tab-one .tab-content p {

    margin: 0;

    font-size: 15px;

    line-height: 24px;

    color: #2b3036;

}





/*

* 2. header styles

*/



.header-navigation {

    background-color: transparent;

    margin-bottom: 0;

    border: none;

    border-radius: 0;

    padding: 0;

    position: relative;

    background-color: transparent;

}



.header-navigation .container {

    background: transparent;

    position: relative;

    display: block;

}



.header-navigation .container .logo-box {

    float: left;

    position: absolute;

    top: 50%;

    left: 15px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.header-navigation .container .navbar-brand {

    height: auto;

    margin: 0;

    line-height: 1;

}



.header-navigation .container .menu-toggler {

    display: none;

}



.header-navigation .container .right-side-box {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 15px;

}



.header-navigation .main-navigation {

    float: none;

    text-align: right;

    padding-right: 90px;

}



@media (min-width: 1200px) {

    .header-navigation .main-navigation {

        display: block !important;

    }

}



.header-navigation ul.navigation-box {

    margin: 0;

    padding: 0;

    list-style: none;

}



.header-navigation ul.navigation-box li a .sub-nav-toggler {

    display: none;

}



.header-navigation ul.navigation-box>li {

    position: relative;

    padding: 22.5px 0;

    display: inline-block;

    vertical-align: middle;

}



.header-navigation ul.navigation-box>li+li {

    margin-left: 45px;

}



.header-navigation ul.navigation-box>li:first-child {

    padding-left: 0;

}



.header-navigation ul.navigation-box>li:last-child {

    padding-right: 0;

}



.header-navigation ul.navigation-box>li>a {

    padding: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    position: relative;

    font-size: 15px;

    font-weight: 600;

    font-family: "Raleway";

    text-transform: uppercase;

    color: #fff;

    position: relative;

}



.header-navigation ul.navigation-box>li.current>a,

.header-navigation ul.navigation-box>li:hover>a {

    color: #ee343d;

    text-shadow: 1px 0 0 #ee343d;

}



.header-navigation ul.navigation-box>li>.sub-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 911;

    float: left;

    min-width: 280px;

    padding: 0px 0px;

    text-align: left;

    list-style: none;

    background-color: #2b3036;

    background-clip: padding-box;

    opacity: 0;

    background-color: #fff;

    border-radius: 0px;

    visibility: hidden;

    -webkit-transition: opacity .4s ease, visibility .4s ease;

    transition: opacity .4s ease, visibility .4s ease;

    -webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);

}



@media (min-width: 1200px) {

    .header-navigation ul.navigation-box>li>.sub-menu {

        display: block !important;

    }

}



.header-navigation ul.navigation-box>li>.sub-menu.right-align {

    left: auto;

    right: 0;

}



.header-navigation ul.navigation-box>li>.sub-menu.center-align {

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



.header-navigation ul.navigation-box>li>.sub-menu>li {

    display: block;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.header-navigation ul.navigation-box>li>.sub-menu>li+li {

    border-top: 1px solid #CDCCCC;

}



.header-navigation ul.navigation-box>li>.sub-menu>li>a {

    color: #2b3036;

    text-transform: uppercase;

    font-size: 15px;

    padding: 12px 30px;

    display: block;

    line-height: 26px;

    font-weight: 400;

    white-space: nowrap;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.header-navigation ul.navigation-box>li>.sub-menu>li:hover>a {

    color: #fff;

    background: #196cbf;

}



.header-navigation ul.navigation-box>li:hover:before {

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

}



.header-navigation ul.navigation-box>li:hover>.sub-menu {

    opacity: 1;

    visibility: visible;

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu {

    position: absolute;

    top: 0%;

    left: 100%;

    z-index: 911;

    float: left;

    min-width: 280px;

    padding: 0px 0px;

    text-align: left;

    list-style: none;

    background-color: #2b3036;

    background-clip: padding-box;

    opacity: 0;

    background-color: #fff;

    border-radius: 0px;

    visibility: hidden;

    -webkit-transition: opacity .4s ease, visibility .4s ease;

    transition: opacity .4s ease, visibility .4s ease;

    -webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);

}



@media (min-width: 1200px) {

    .header-navigation ul.navigation-box>li>ul>li>.sub-menu {

        display: block !important;

    }

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu.right-align {

    left: auto;

    right: 100%;

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu.center-align {

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu>li {

    display: block;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu>li+li {

    border-top: 1px solid #CDCCCC;

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu>li>a {

    color: #2b3036;

    text-transform: uppercase;

    font-size: 15px;

    padding: 12px 30px;

    display: block;

    line-height: 26px;

    font-weight: 400;

    white-space: nowrap;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu>li:hover>a {

    color: #fff;

    background: #196cbf;

}



.header-navigation ul.navigation-box>li>ul>li:hover>.sub-menu {

    opacity: 1;

    visibility: visible;

}



.header-navigation ul.navigation-box>li>ul>li ul {

    display: none;

}



.stricked-menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    background-color: transparent;

    opacity: 0;

    -webkit-transform: translateY(-110%);

    transform: translateY(-110%);

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.stricked-menu .container .logo-box .navbar-brand {

    display: none;

}



.stricked-menu .main-navigation {

    text-align: left;

}



@media (min-width: 1200px) {

    .stricked-menu .main-navigation {

        padding-left: 40px;

    }

}



.stricked-menu.stricky-fixed {

    opacity: 1;

    -webkit-transform: translateY(0%);

    transform: translateY(0%);

}



.site-header {

    position: relative;

}



.site-header__header-one {

    position: relative;

}



.site-header__header-one .header-navigation .container .logo-box {

    top: auto;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    bottom: 0;

    z-index: 100;

}



.site-header__header-one .header-navigation .container .logo-box .navbar-brand {

    /* background-color: #ee343d; */

    padding: 42px;

    /* -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);

          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); */

}



.site-header__header-one .header-navigation .main-navigation {

    position: relative;

}



@media (min-width: 1200px) {

    .site-header__header-one .header-navigation .main-navigation {

        padding-right: 80px;

    }

}



.site-header__header-one .header-navigation .main-navigation:before {

    content: '';

    width: 10000px;

    height: 100%;

    border-top: 1px solid #032548;

    border-bottom: 1px solid #032548;

    background-color: #063668;

    position: absolute;

    top: 0;

    left: 0;

}



.site-header__wrapper {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 100;

}



.header-search {

    font-size: 20px;

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.header-search:before {

    content: '|';

    font-size: 15px;

    text-transform: uppercase;

    color: #fff;

    margin-right: 25px;

}



.header-search:hover {

    color: #ee343d;

}



.header-search:hover:before {

    color: #fff;

}



.topbar-one .inner-container {

    padding: 21px 0;

    padding-left: 365px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.topbar-one__left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.topbar-one__info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.topbar-one__info+.topbar-one__info {

    margin-left: 100px;

}



.topbar-one__info-icon-inner {

    width: 33px;

    height: 33px;

    border-radius: 50%;

    border: 1px solid #fff;

    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;

}



.topbar-one__info-icon-inner i {

    color: #fff;

    font-size: 18px;

}



.topbar-one__info-content {

    margin-left: 10px;

}



.topbar-one__info-content h3 {

    margin: 0;

    font-family: "Montserrat";

    font-weight: bold;

    color: #fff;

    font-size: 18px;

    line-height: 1em;

    margin-bottom: 5px;

}



.topbar-one__info-content p {

    margin: 0;

    font-size: 15px;

    font-weight: 500;

    font-family: "Montserrat";

    line-height: 1em;

    color: #fff;

}



.topbar-one__info-content p a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.topbar-one__info-content p a:hover {

    color: #ee343d;

}



.topbar-one__social {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.topbar-one__social a {

    color: #fff;

    font-size: 30px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.topbar-one__social a+a {

    margin-left: 10px;

}



.topbar-one__social a:hover {

    color: #ee343d;

}





/*

* 3. slider styles

*/



.banner-wrapper {

    position: relative;

    width: 100%;

}



.banner-wrapper .owl-carousel .owl-item img {

    width: auto;

}



.banner-wrapper .owl-theme .owl-dots {

    line-height: 1em;

    border: none;

    outline: none;

    padding: 0;

    position: absolute;

    bottom: 60px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    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;

}



.banner-wrapper .owl-theme .owl-dots .owl-dot {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.banner-wrapper .owl-theme .owl-dots .owl-dot span {

    background-color: #fff;

    width: 11px;

    height: 11px;

    margin: 0 2.5px;

    opacity: .3;

    border-radius: 0;

    vertical-align: middle;

}



.banner-wrapper .owl-theme .owl-nav {

    margin: 0;

}



.banner-wrapper .owl-theme .owl-dots .owl-dot.active span,

.banner-wrapper .owl-theme .owl-dots .owl-dot:hover span {

    opacity: 1;

}



[class*=banner-carousel] .owl-nav {

    display: none;

}



[class*=banner-carousel].no-dots .owl-dots {

    display: none !important;

}



.banner-one .container {

    position: relative;

    padding-top: 355.5px;

    padding-bottom: 215.5px;

}



@media (max-width: 575px) {

    .banner-one .container {

        padding-top: 110px;

        padding-bottom: 110px;

    }

}



.banner-one__slide {

    background-position: left center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.banner-one__light-color {

    color: #fff;

}



.banner-one__title {

    color: #fff;

    margin: 0;

    font-size: 55px;

    font-family: 'Raleway';

    font-weight: 800;

    letter-spacing: .03em;

    margin-bottom: 10px;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



.banner-one__title span {

    position: relative;

    text-transform: uppercase;

    color: #bcdd03;

}



.banner-one__text {

    margin: 0;

    font-size: 20px;

    font-weight: 600;

    text-transform: uppercase;

    color: #fff;

    font-family: 'Montserrat';

    margin-bottom: 25px;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



.banner-one__btn {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



.banner-one__btn:hover {

    background-color: #fff;

    color: #2b3036;

}



.banner-one__content {

    position: relative;

    padding-top: 50px;

}



.banner-one__content-left-align {

    padding-left: 50px;

}



.banner-one__shape {

    position: absolute;

    top: 0;

    right: 45px;

    width: 245px;

    height: 320px;

    border-top: 5px solid #fff;

    border-bottom: 5px solid #fff;

    border-right: 5px solid #fff;

    border-left: 0;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



.banner-one .banner-one__content-left-align .banner-one__shape {

    right: auto;

    left: 0;

    border-right: 0px solid #fff;

    border-left: 5px solid #fff;

}



.banner-one .banner-one__content-left-align .banner-one__btn {

    margin-left: 225px;

}



.banner-one .active .banner-one__text {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



.banner-one .active .banner-one__title {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

    -webkit-animation-delay: .5s;

    animation-delay: .5s;

}



.banner-one .active .banner-one__btn {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}



.banner-one .active .banner-one__shape {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;

    -webkit-animation-delay: 1.5s;

    animation-delay: 1.5s;

}



.banner-one .active .banner-one__content-left-align .banner-one__shape {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

}



[class*=banner-one__nav-] {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 59px;

    height: 59px;

    border-radius: 50%;

    z-index: 91;

    background-color: rgba(255, 255, 255, 0.4);

    text-align: center;

    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;

    color: #2b3036;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



@media (max-width: 575px) {

    [class*=banner-one__nav-] {

        display: none;

    }

}



[class*=banner-one__nav-]:hover {

    background-color: #196cbf;

    color: #fff;

}



[class*=banner-one__nav-] i {

    font-size: 24px;

}



.banner-one__nav-left {

    left: 2%;

}



.banner-one__nav-right {

    right: 2%;

}





/*

* 4. blog styles

*/



.blog-grid {

    padding-top: 100px;

    padding-bottom: 95px;

}



.blog-list__single,

.blog-grid__single {

    margin-bottom: 45px;

}



.blog-list__single:hover .blog-list__image>img,

.blog-list__single:hover .blog-grid__image>img,

.blog-grid__single:hover .blog-list__image>img,

.blog-grid__single:hover .blog-grid__image>img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}



.blog-list__single:hover .blog-list__image>a,

.blog-list__single:hover .blog-grid__image>a,

.blog-grid__single:hover .blog-list__image>a,

.blog-grid__single:hover .blog-grid__image>a {

    opacity: 1;

}



.blog-list__image,

.blog-grid__image {

    position: relative;

    overflow: hidden;

}



.blog-list__image>img,

.blog-grid__image>img {

    opacity: 1;

    width: 100%;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;

    transition: opacity .4s ease, -webkit-transform .4s ease;

    transition: opacity .4s ease, transform .4s ease;

    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease;

}



.blog-list__image>a,

.blog-grid__image>a {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(43, 48, 54, 0.85);

    color: #fff;

    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;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: bold;

    opacity: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-list__content,

.blog-grid__content {

    padding-left: 25px;

    padding-right: 25px;

    padding-top: 25px;

    padding-bottom: 10px;

    background-color: #F7F8FA;

}



.blog-list__content h3,

.blog-grid__content h3 {

    font-size: 24px;

    font-weight: bold;

    color: #2b3036;

    letter-spacing: .03em;

    margin: 0;

    margin-bottom: 15px;

}



.blog-list__content h3 a,

.blog-grid__content h3 a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-list__content h3 a:hover,

.blog-grid__content h3 a:hover {

    color: #196cbf;

}



.blog-list__content p,

.blog-grid__content p {

    margin: 0;

    color: #323334;

    font-size: 16px;

    line-height: 30px;

    letter-spacing: .025em;

}



.blog-list__meta,

.blog-grid__meta {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-top: 1px solid #D8D9DB;

    margin: 0;

    margin-top: 25px;

    padding-top: 10px;

}



.blog-list__meta li+li,

.blog-grid__meta li+li {

    margin-left: 15px;

}



.blog-list__meta li a,

.blog-grid__meta li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 16px;

    color: #323334;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-list__meta li a i,

.blog-grid__meta li a i {

    font-size: 15px;

    color: #ee343d;

    margin-right: 5px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-list__meta li a:hover,

.blog-grid__meta li a:hover {

    color: #196cbf;

}



.blog-list__meta li a:hover i,

.blog-grid__meta li a:hover i {

    color: #2b3036;

}



.blog-list {

    padding-top: 100px;

    padding-bottom: 100px;

}



.blog-list__single {

    border-bottom: 1px solid #C5C7C7;

    margin-bottom: 40px;

    padding-bottom: 40px;

}



.blog-list__single:hover .blog-list__image>img {

    opacity: .5;

}



.blog-list__image {

    background-color: #2b3036;

}



.blog-list__meta {

    padding-top: 0;

    margin-top: 0;

    border-top: 0;

    margin-bottom: 25px;

}



.blog-list__meta li+li {

    margin-left: 20px;

}



.blog-list__meta li a {

    font-size: 16px;

}



.blog-list__meta li a i {

    font-size: 15px;

    margin-right: 15px;

}



.blog-list__content {

    padding: 0;

    background-color: #fff;

    padding-top: 20px;

}



.blog-list__content h3:after {

    content: '';

    width: 97px;

    height: 2px;

    background-color: #ee343d;

    display: block;

    margin-top: 15px;

}



.blog-list__btn {

    font-size: 18px;

    padding: 6px 37px;

    margin-top: 20px;

}



.blog-details {

    padding: 120px 0;

}



.blog-details .blog-one__single {

    margin-bottom: 0;

}



.blog-details__content-title {

    margin: 0;

    color: #2b3036;

    font-size: 24px;

    text-transform: uppercase;

    font-weight: 400;

    margin-bottom: 40px;

}



.blog-details__author {

    background-color: #F5F5F5;

    padding: 60px 60px;

    margin-top: 50px;

    margin-bottom: 60px;

}



.blog-details__author-image,

.blog-details__author-content {

    display: table-cell;

    vertical-align: top;

}



@media (max-width: 480px) {

    .blog-details__author-image,

    .blog-details__author-content {

        display: block;

    }

}



.blog-details__author-image {

    width: 169px;

}



.blog-details__author-image>img {

    width: 100%;

}



.blog-details__author-content {

    padding-left: 40px;

}



@media (max-width: 480px) {

    .blog-details__author-content {

        padding-left: 0;

        padding-top: 30px;

    }

}



.blog-details__author-content h3,

.blog-details__author-content p {

    margin: 0;

}



.blog-details__author-content h3 {

    color: #2b3036;

    font-size: 18px;

    margin-bottom: 20px;

    font-weight: 700;

}



.blog-details__author-content p {

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    color: #494b4d;

    margin-bottom: 0px;

}



.blog-details__author-content a {

    font-size: 16px;

    font-weight: 500;

    color: #ee343d;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-details__author-content a:hover {

    color: #2b3036;

}



.comment-one {

    margin-bottom: 60px;

}



.comment-one__single {

    position: relative;

}



.comment-one__single+.comment-one__single {

    padding-top: 40px;

    margin-top: 40px;

    border-top: 1px solid #C9CAC7;

}



.comment-one__image,

.comment-one__content {

    display: table-cell;

    vertical-align: top;

}



@media (max-width: 480px) {

    .comment-one__image,

    .comment-one__content {

        display: block;

    }

}



.comment-one__image {

    width: 170px;

}



.comment-one__image .inner-block {

    width: 100%;

}



.comment-one__image .inner-block>img {

    width: 100%;

}



.comment-one__content {

    padding-left: 40px;

    position: relative;

}



@media (max-width: 480px) {

    .comment-one__content {

        padding-left: 0;

        padding-top: 30px;

    }

}



.comment-one__author {

    margin: 0;

    font-size: 18px;

    font-weight: 700;

    color: #2b3036;

}



.comment-one__date {

    color: #196cbf;

    font-size: 16px;

    font-weight: 500;

    line-height: 1em;

    margin: 0;

    margin-top: 15px;

    margin-bottom: 25px;

}



.comment-one__date-sep {

    display: inline-block;

    vertical-align: middle;

    margin-left: 12px;

    margin-right: 12px;

}



.comment-one__text {

    color: #45484a;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    margin: 0;

}



.comment-one__reply {

    font-size: 14px;

    padding: 0px 21px;

    background-color: #F5F5F5;

    color: #2b3036;

    font-weight: 500;

    line-height: 33px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.comment-one__reply:hover {

    background-color: #196cbf;

    color: #fff;

}



.comment-one__top-right {

    position: absolute;

    top: 0;

    right: 0;

}



@media (max-width: 480px) {

    .comment-one__top-right {

        position: relative;

        margin-top: 15px;

    }

}



.reply-form input,

.reply-form textarea {

    display: block;

    border: none;

    outline: none;

    background-color: transparent;

    background-color: #F5F6F7;

    width: 100%;

    height: 75px;

    margin-bottom: 10px;

    padding-left: 30px;

}



.reply-form textarea {

    height: 211px;

    padding-top: 15px;

}



.reply-form__btn {

    font-size: 20px;

}



.reply-form__btn:hover {

    color: #fff;

    background-color: #2b3036;

}





/*

* 5. sidebar styles

*/



@media (min-width: 992px) {

    .sidebar {

        padding-left: 40px;

    }

}



@media (max-width: 991px) {

    .sidebar {

        margin-top: 50px;

    }

}



.sidebar__title {

    margin: 0;

    color: #2b3036;

    font-size: 24px;

    font-weight: 400;

    text-transform: uppercase;

    margin-bottom: 30px;

}



.sidebar__single+.sidebar__single {

    margin-top: 30px;

}



.sidebar__category-list {

    margin: 0;

    padding: 0;

    list-style: none;

}



.sidebar__category-list-item {

    line-height: 1em;

}



.sidebar__category-list-item a {

    color: #494b4d;

    font-size: 16px;

    font-weight: 400;

    display: block;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__category-list-item a:before {

    content: '\f105';

    font-family: 'FontAwesome';

    color: #7b7b8c;

    font-weight: 900;

    font-size: 14px;

    position: absolute;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__category-list-item a:hover {

    color: #2b3036;

}



.sidebar__category-list-item+.sidebar__category-list-item {

    margin-top: 15px;

    padding-top: 15px;

    border-top: 1px solid #C9CAC7;

}



.sidebar__search-form {

    width: 100%;

    height: 75px;

    background-color: #fff;

    border: 1px solid #C9CAC7;

    border-radius: 3px;

    position: relative;

}



.sidebar__search-form input {

    width: 100%;

    height: 100%;

    background-color: transparent;

    border: none;

    outline: none;

    color: #45484a;

    padding-left: 30px;

    padding-right: 30px;

}



.sidebar__search-form input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #45484a;

}



.sidebar__search-form input::-moz-placeholder {

    /* Firefox 19+ */

    color: #45484a;

}



.sidebar__search-form input:-ms-input-placeholder {

    /* IE 10+ */

    color: #45484a;

}



.sidebar__search-form input:-moz-placeholder {

    /* Firefox 18- */

    color: #45484a;

}



.sidebar__search-form button[type=submit] {

    background-color: transparent;

    border: none;

    outline: none;

    position: absolute;

    top: 50%;

    right: 30px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    cursor: pointer;

    padding: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__search-form button[type=submit] i {

    font-size: 16px;

    color: #2b3036;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__post-single h3 {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

}



.sidebar__post-single h3 a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__post-single h3 a:hover {

    color: #ee343d;

}



.sidebar__post-single span {

    font-size: 16px;

    font-weight: 500;

    line-height: 1em;

    color: #196cbf;

}



.sidebar__post-single span i {

    color: #ee343d;

    font-size: 16px;

}



.sidebar__post-single+.sidebar__post-single {

    border-top: 1px solid #C9CAC7;

    margin-top: 20px;

    padding-top: 20px;

}



.sidebar__social {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.sidebar__social a {

    color: #45484a;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__social a+a {

    margin-left: 10px;

}



.sidebar__social a i {

    font-size: 40px;

}



.sidebar__social a:hover {

    color: #196cbf;

}





/*

* 6. mailchimp styles

*/



.mailchimp-one .inner-container {

    position: relative;

    bottom: 40px;

    z-index: 10;

    padding-top: 50px;

    padding-bottom: 20px;

    background-color: #ee343d;

    padding-left: 50px;

    padding-right: 50px;

    border-radius: 9px;

    background-color: #ee343d;

    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.48);

    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.48);

}



.mailchimp-one h3 {

    color: #fff;

    margin: 0;

    font-size: 24px;

    font-weight: bold;

    text-align: center;

    margin-bottom: 30px;

}



.mailchimp-one__form input:not([type=submit]):not([type=checkbox]) {

    display: block;

    border: none;

    outline: none;

    font-size: 16px;

    color: #323334;

    width: 100%;

    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);

    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);

    background-color: #fff;

    height: 55px;

    font-size: 16px;

    padding-left: 25px;

    margin-bottom: 20px;

}



.mailchimp-one__form input:not([type=submit]):not([type=checkbox])::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #323334;

}



.mailchimp-one__form input:not([type=submit]):not([type=checkbox])::-moz-placeholder {

    /* Firefox 19+ */

    color: #323334;

}



.mailchimp-one__form input:not([type=submit]):not([type=checkbox]):-ms-input-placeholder {

    /* IE 10+ */

    color: #323334;

}



.mailchimp-one__form input:not([type=submit]):not([type=checkbox]):-moz-placeholder {

    /* Firefox 18- */

    color: #323334;

}



.mailchimp-one__btn {

    margin-bottom: 20px;

    border: none;

    outline: none;

    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);

    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.09);

    background-color: #bcdd03;

    width: 100%;

    height: 55px;

    line-height: 55px;

    font-weight: 500;

    font-size: 20px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.mailchimp-one__btn:hover {

    background-color: #196cbf;

    color: #fff;

}





/*

* 7. client styles

*/



.client-one {

    background-color: #F5F6F7;

    padding-top: 100px;

    padding-bottom: 65px;

}



.client-one__single {

    padding-top: 23px;

    padding-bottom: 23px;

    margin-bottom: 35px;

    background-color: #fff;

    border: 1px solid #d9d9dc;

    text-align: center;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.client-one__single:hover {

    -webkit-box-shadow: 0px 2px 5px 0px rgba(6, 77, 150, 0.34);

    box-shadow: 0px 2px 5px 0px rgba(6, 77, 150, 0.34);

}



.client-one__elms-page {

    background-color: #fff;

}



.brand-two {

    padding-top: 90.5px;

    padding-bottom: 130.5px;

    background-color: #074E96;

}



.brand-two__elements {

    padding-bottom: 90.5px;

}





/*

* 8. service styles

*/



.service-one .inner-container {

    position: relative;

    border-bottom: 6px solid #064D96;

    border-left: 1px solid #e3e3e3;

    border-right: 1px solid #e3e3e3;

    background-color: #fff;

    z-index: 10;

    margin-top: -45px;

}



.service-one [class*=col-]+[class*=col-] .service-one__single {

    border-left: 1px solid #e3e3e3;

}



.service-one [class*=col-]:nth-child(odd) .service-one__single {

    -webkit-box-shadow: inset 0 0 38px rgba(184, 183, 183, 0.19);

    box-shadow: inset 0 0 38px rgba(184, 183, 183, 0.19);

}



.service-one__block-label {

    background-color: #17DAEC;

    text-align: center;

    display: inline-block;

    text-transform: uppercase;

    line-height: 42px;

    font-weight: bold;

    color: #ffffff;

    font-size: 20px;

    letter-spacing: .025em;

    padding-left: 20px;

    padding-right: 20px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 100;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.service-one__icon {

    width: 80px;

    height: 80px;

    border: 2px solid #196cbf;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 50px;

    border-radius: 5px;

    position: relative;

    background-color: #fff;

    -webkit-transition: all .4s ease .25s;

    transition: all .4s ease .25s;

}



.service-one__icon i {

    font-size: 40px;

    color: #196CBF;

}



.service-one__single {

    text-align: center;

    padding-top: 60px;

    padding-bottom: 26px;

    position: relative;

}



.service-one__single:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: #064D96;

    top: 0;

    left: 0;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: top;

    transform-origin: top;

    -webkit-transition: -webkit-transform 500ms ease;

    transition: -webkit-transform 500ms ease;

    transition: transform 500ms ease;

    transition: transform 500ms ease, -webkit-transform 500ms ease;

}



.service-one__single h3 {

    text-transform: uppercase;

    color: #2B3036;

    font-size: 16px;

    font-weight: bold;

    letter-spacing: .025em;

    line-height: 1em;

    margin: 0;

    margin-bottom: 5px;

    position: relative;

}



.service-one__single h3 a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.service-one__single h3 a:hover {

    color: #ffffff;

}



.service-one__single p {

    font-size: 15px;

    line-height: 24px;

    color: #2b3036;

    margin: 0;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.service-one__single:hover .service-one__icon {

    border-color: transparent;

}



.service-one__single:hover:before {

    -webkit-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}



.service-one__single:hover h3 a,

.service-one__single:hover p {

    color: #fff;

}



.service-two {

    padding: 100px 0;

}



.service-two__single {

    position: relative;

    text-align: center;

    padding-top: 30px;

    padding-bottom: 30px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.service-two__single:hover {

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);

}



.service-two__single:after {

    content: '';

    width: 42px;

    height: 2px;

    background-color: #ee343d;

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.service-two__single i {

    font-size: 65px;

    color: #196cbf;

}



.service-two__single h3 {

    margin: 0;

    color: #2b3036;

    font-size: 20px;

    letter-spacing: .025em;

    text-transform: uppercase;

    margin-top: 20px;

    margin-bottom: 5px;

}



.service-two__single h3 a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.service-two__single h3 a:hover {

    color: #196cbf;

}



.service-two__single p {

    margin: 0;

    font-size: 16px;

    line-height: 30px;

    letter-spacing: .025em;

    margin-bottom: 15px;

}



.service-details {

    padding: 100px 0;

}



.service-details .block-title p {

    color: #45484a;

    font-size: 18px;

    line-height: 24px;

    font-weight: 500;

    font-style: italic;

    margin: 0;

    margin-top: 25px;

}



.service-details__line {

    display: block;

    height: 1px;

    background-color: #C5C2C2;

    width: 100%;

    margin-top: 30px;

    margin-bottom: 30px;

}



.service-details__content p {

    margin: 0;

    font-size: 16px;

    line-height: 24px;

    color: #45484a;

}



.service-details__content p+p {

    margin-top: 15px;

}



.service-details__list-one li {

    color: #196cbf;

    font-weight: 500;

    font-style: italic;

    font-size: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.service-details__list-one li+li {

    margin-top: 10px;

}



.service-details__list-one li>img {

    margin-right: 10px;

}



.service-details__list-two li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.service-details__list-two li:before {

    content: '__';

    font-size: 14px;

    color: #064d96;

    font-size: 16px;

    position: relative;

    top: -7px;

    margin-right: 10px;

}



.service-details__highlight-text {

    color: #45484a;

    font-size: 18px;

    line-height: 24px;

    font-weight: 500;

    font-style: italic;

    margin: 0;

}



.service-details__content-box-left {

    padding-right: 20px;

}



.service-details__content-box-right {

    padding-left: 20px;

}



.service-three {

    background-color: #EEEFEF;

    padding-top: 100px;

    padding-bottom: 70px;

}



.service-three__single {

    padding-top: 40px;

    margin-bottom: 30px;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);

    text-align: center;

    border-bottom: 3px solid #ee343d;

    padding-bottom: 20px;

    background-color: #fff;

}



.service-three__single i {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 80px;

    height: 80px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #196cbf;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    color: #fff;

    font-size: 55px;

}



.service-three__single h3 {

    margin: 0;

    color: #2b3036;

    font-size: 20px;

    letter-spacing: .025em;

    text-transform: uppercase;

    margin-top: 20px;

    margin-bottom: 5px;

}



.service-three__single h3 a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.service-three__single h3 a:hover {

    color: #196cbf;

}



.service-three__single p {

    margin: 0;

    font-size: 16px;

    line-height: 30px;

    letter-spacing: .025em;

    margin-bottom: 15px;

}





/*

* 9. contact styles

*/



.contact-one {

    background-repeat: no-repeat;

    background-color: #064483;

    background-size: cover;

    background-position: center;

    position: relative;

}



.contact-one__icon {

    position: absolute;

    bottom: -3px;

    left: 0;

    z-index: 100;

}



.contact-one .block-title__tag-line {

    color: #c5c2c2;

    font-family: 'Raleway';

    font-weight: bold;

    letter-spacing: .3em;

}



.contact-one .block-title h3 {

    color: #fff;

}



.contact-one .row.high-gutters {

    margin-left: -25px;

    margin-right: -25px;

}



.contact-one .row.high-gutters [class*=col-] {

    padding-left: 25px;

    padding-right: 25px;

}



.contact-one__content {

    padding-top: 100px;

    padding-bottom: 10px;

}



@media (min-width: 1200px) {

    .contact-one__content {

        margin-left: -35px;

    }

}



.contact-one__content-single {

    margin-bottom: 70px;

    position: relative;

    padding-left: 30px;

}



.contact-one__content-single:before {

    content: '';

    width: 20px;

    height: 18px;

    background-image: url(../images/shapes/check-mark-1-1.png);

    position: absolute;

    top: 5px;

    left: 0;

}



.contact-one__content-single h3 {

    margin: 0;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    letter-spacing: .02em;

    text-transform: uppercase;

    margin-bottom: 5px;

}



.contact-one__content-single p {

    font-size: 15px;

    line-height: 26px;

    letter-spacing: .025em;

    color: #fff;

    margin: 0;

}



.contact-one__form {

    position: relative;

    width: 100%;

    max-width: 425px;

    padding-top: 70px;

    padding-bottom: 155px;

}



.contact-one__form:before {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100000px;

    background-color: #ee343d;

    height: calc(100% + 55px);

    border-top-right-radius: 25px;

}



.contact-one__form-inner {

    width: 100%;

    max-width: 335px;

    position: relative;

}



.contact-one__form-top p {

    font-weight: 500;

    font-family: 'Raleway';

    color: #fff;

    font-size: 18px;

    line-height: 1em;

    margin: 0;

    margin-bottom: 5px;

    text-transform: uppercase;

}



.contact-one__form-top h3 {

    margin: 0;

    margin-bottom: 35px;

    color: #fff;

    font-weight: bold;

    font-size: 30px;

}



.contact-one__form .input-group+.input-group {

    margin-top: 20px;

}



.contact-one__form .input-group input,

.contact-one__form .input-group textarea {

    display: block;

    border: none;

    outline: none;

    width: 100%;

    height: 45px;

    border-radius: 5px;

    background-color: #fff;

    color: #777777;

    font-size: 15px;

    padding-left: 20px;

}



.contact-one__form .input-group input::-webkit-input-placeholder,

.contact-one__form .input-group textarea::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #777777;

}



.contact-one__form .input-group input::-moz-placeholder,

.contact-one__form .input-group textarea::-moz-placeholder {

    /* Firefox 19+ */

    color: #777777;

}



.contact-one__form .input-group input:-ms-input-placeholder,

.contact-one__form .input-group textarea:-ms-input-placeholder {

    /* IE 10+ */

    color: #777777;

}



.contact-one__form .input-group input:-moz-placeholder,

.contact-one__form .input-group textarea:-moz-placeholder {

    /* Firefox 18- */

    color: #777777;

}



.contact-one__form .input-group textarea {

    height: 80px;

}



.contact-one__form .input-group .bootstrap-select:not(.input-group-btn),

.contact-one__form .input-group .bootstrap-select[class*="col-"] {

    width: 100%;

}



.contact-one__form .input-group .bootstrap-select>.dropdown-toggle {

    color: #777777;

    font-size: 15px;

}



.contact-one__btn {

    text-transform: uppercase;

    background-color: #bcdd03;

    color: #2b3036;

    font-family: 'Montserrat';

    font-size: 18px;

    width: 100%;

    letter-spacing: 0;

    text-align: center;

    line-height: 45px;

    padding: 0;

}



.contact-one__btn:hover {

    background-color: #196cbf;

    color: #fff;

}



.contact-two {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 90px 0;

    padding-bottom: 70px;

}



.contact-two__form .input-group {

    margin-bottom: 30px;

}



.contact-two__form .input-group input,

.contact-two__form .input-group textarea {

    display: block;

    border: none;

    outline: none;

    width: 100%;

    height: 60px;

    border-radius: 3px;

    background-color: #fff;

    border: 1px solid #A9A9A9;

    color: #6b6d6e;

    font-size: 16px;

    padding-left: 20px;

}



.contact-two__form .input-group input::-webkit-input-placeholder,

.contact-two__form .input-group textarea::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #777777;

}



.contact-two__form .input-group input::-moz-placeholder,

.contact-two__form .input-group textarea::-moz-placeholder {

    /* Firefox 19+ */

    color: #777777;

}



.contact-two__form .input-group input:-ms-input-placeholder,

.contact-two__form .input-group textarea:-ms-input-placeholder {

    /* IE 10+ */

    color: #777777;

}



.contact-two__form .input-group input:-moz-placeholder,

.contact-two__form .input-group textarea:-moz-placeholder {

    /* Firefox 18- */

    color: #777777;

}



.contact-two__form .input-group textarea {

    height: 135px;

    padding-top: 10px;

}



.contact-two__form .input-group .bootstrap-select:not(.input-group-btn),

.contact-two__form .input-group .bootstrap-select[class*="col-"] {

    width: 100%;

}



.contact-two__form .input-group .bootstrap-select>.dropdown-toggle {

    padding: 17.75px 0;

    color: #6b6d6e;

    font-size: 16px;

    background-color: #fff;

    padding-left: 20px;

    padding-right: 20px;

    border-radius: 3px;

    border: 1px solid #A9A9A9;

    font-weight: 400;

}



.contact-info-one {

    padding: 100px 0;

}



.contact-info-one .google-map__contact {

    height: 514px;

    width: 100%;

    border: none;

    display: block;

}



.contact-info-one__wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.contact-info-one__single {

    margin-bottom: 20px;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 50%;

    flex: 1 1 50%;

    width: 50%;

}



.contact-info-one__single h3 {

    margin: 0;

    font-size: 18px;

    font-weight: 500;

    color: #2b3036;

    line-height: 1em;

    margin-bottom: 10px;

}



.contact-info-one__single p {

    margin: 0;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.2em;

    letter-spacing: .03em;

}



.contact-info-one__single p a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.contact-info-one__single p a:hover {

    color: #196cbf;

}



.contact-info-one__single p i {

    font-weight: 500;

}



.contact-info-one__highlight-title {

    color: #2b3036;

    font-weight: bold;

}



.contact-info-one__phone {

    font-weight: 500;

    color: #ee343d;

}



.contact-info-one__social {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.contact-info-one__social a {

    border: 1px solid #BEBEBE;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 41px;

    height: 41px;

    border-radius: 50%;

    text-align: center;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    color: #7E7E7E;

}



.contact-info-one__social a+a {

    margin-left: 10px;

}



.contact-info-one__social a i {

    font-size: 26px;

}



.contact-three {

    position: relative;

    background-color: #F6F6F7;

}



.contact-three .block-title {

    margin-bottom: 50px;

}



.contact-three__bg-image {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-position: right;

    opacity: .25;

}



.contact-three .container {

    position: relative;

}



@media (min-width: 1200px) {

    .contact-three .container {

        padding-left: 75px;

    }

}



.contact-three__person {

    position: absolute;

    top: -165px;

    right: 0;

}



.contact-three__form {

    position: relative;

    width: 100%;

    max-width: 480px;

    padding-top: 110px;

    padding-bottom: 110px;

}



.contact-three__form-top p {

    font-weight: 500;

    font-family: 'Raleway';

    color: #fff;

    font-size: 18px;

    line-height: 1em;

    margin: 0;

    margin-bottom: 5px;

    text-transform: uppercase;

}



.contact-three__form-top h3 {

    margin: 0;

    margin-bottom: 35px;

    color: #fff;

    font-weight: bold;

    font-size: 30px;

}



.contact-three__form .input-group+.input-group {

    margin-top: 20px;

}



.contact-three__form .input-group input,

.contact-three__form .input-group textarea {

    display: block;

    border: none;

    outline: none;

    width: 100%;

    height: 47px;

    border-radius: 3px;

    border: 1px solid #A9A9A9;

    background-color: #fff;

    color: #777777;

    font-size: 15px;

    padding-left: 20px;

}



.contact-three__form .input-group input::-webkit-input-placeholder,

.contact-three__form .input-group textarea::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #777777;

}



.contact-three__form .input-group input::-moz-placeholder,

.contact-three__form .input-group textarea::-moz-placeholder {

    /* Firefox 19+ */

    color: #777777;

}



.contact-three__form .input-group input:-ms-input-placeholder,

.contact-three__form .input-group textarea:-ms-input-placeholder {

    /* IE 10+ */

    color: #777777;

}



.contact-three__form .input-group input:-moz-placeholder,

.contact-three__form .input-group textarea:-moz-placeholder {

    /* Firefox 18- */

    color: #777777;

}



.contact-three__form .input-group textarea {

    height: 87px;

}



.contact-three__form .input-group .bootstrap-select:not(.input-group-btn),

.contact-three__form .input-group .bootstrap-select[class*="col-"] {

    width: 100%;

}



.contact-three__form .input-group .bootstrap-select>.dropdown-toggle {

    color: #777777;

    font-size: 15px;

    border: 1px solid #A9A9A9;

    background-color: #fff;

    padding: 11.25px 20px;

}



.contact-three__form .input-group button[type=submit] {

    width: 100%;

    text-align: center;

    padding-left: 0;

    padding-right: 0;

}



.contact-three__form .input-group button[type=submit]:hover {

    background-color: #196cbf;

    color: #fff;

}



.contact-three__service-details-page .contact-three__person {

    top: auto;

    bottom: -130px;

}



.contact-three__service-details-page .contact-three__form {

    padding-bottom: 140px;

}



.contact-three__service-details-page .contact-three__form button[type=submit] {

    background-color: #064D96;

}



.rqa-one .faq-one__cta {

    padding-top: 20px;

    padding-bottom: 20px;

    background-color: #064D96;

}



.rqa-one .faq-one__cta-icon {

    margin-right: 15px;

}



.rqa-one .faq-one__cta-icon i {

    font-size: 40px;

}



.rqa-one .faq-one__cta h3 {

    font-size: 16px;

}



.rqa-one .faq-one__cta p {

    margin-top: 0;

    margin-bottom: 0;

    font-size: 24px;

}



@media (min-width: 992px) {

    .rqa-one .faq-one__sidebar {

        margin-left: 0;

        padding-left: 43px;

    }

}



.rqa-form__title {

    margin: 0;

    color: #2B3036;

    font-size: 24px;

    font-weight: 500;

    margin-bottom: 20px;

}



.rqa-form p {

    font-size: 16px;

    color: #757778;

    margin: 0;

}



.rqa-form__line {

    display: block;

    height: 1px;

    background-color: #C5C2C2;

    width: 100%;

    margin-top: 15px;

    margin-bottom: 15px;

}



.rqa-form .row.low-gutters {

    margin-left: -10px;

    margin-right: -10px;

}



.rqa-form .row.low-gutters>[class*=col-] {

    padding-left: 10px;

    padding-right: 10px;

    margin-bottom: 20px;

}



.rqa-form .input-group {

    position: relative;

}



.rqa-form .input-group+.input-group {

    margin-top: 60px;

}



.rqa-form .input-group .input-group__icon {

    position: absolute;

    top: 50%;

    right: 20px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.rqa-form .input-group input,

.rqa-form .input-group textarea {

    display: block;

    border: none;

    outline: none;

    width: 100%;

    height: 60px;

    border-radius: 3px;

    background-color: #fff;

    border: 1px solid #A9A9A9;

    color: #6b6d6e;

    font-size: 16px;

    padding-left: 20px;

}



.rqa-form .input-group input::-webkit-input-placeholder,

.rqa-form .input-group textarea::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #777777;

}



.rqa-form .input-group input::-moz-placeholder,

.rqa-form .input-group textarea::-moz-placeholder {

    /* Firefox 19+ */

    color: #777777;

}



.rqa-form .input-group input:-ms-input-placeholder,

.rqa-form .input-group textarea:-ms-input-placeholder {

    /* IE 10+ */

    color: #777777;

}



.rqa-form .input-group input:-moz-placeholder,

.rqa-form .input-group textarea:-moz-placeholder {

    /* Firefox 18- */

    color: #777777;

}



.rqa-form .input-group textarea {

    height: 135px;

    padding-top: 10px;

}



.rqa-form .input-group .bootstrap-select:not(.input-group-btn),

.rqa-form .input-group .bootstrap-select[class*="col-"] {

    width: 100%;

}



.rqa-form .input-group .bootstrap-select>.dropdown-toggle {

    padding: 17.75px 0;

    color: #6b6d6e;

    font-size: 16px;

    background-color: #fff;

    padding-left: 20px;

    padding-right: 20px;

    border-radius: 3px;

    border: 1px solid #A9A9A9;

    font-weight: 400;

}



.rqa-form .input-group label {

    font-size: 16px;

    color: #757778;

    margin: 0;

    line-height: 1em;

    width: 100%;

    max-width: 210px;

}



.rqa-form .input-group .input-box {

    width: calc(100% - 210px);

}



.rqa-form .thm-btn {

    margin-top: 40px;

}



.rqa-form .thm-btn:hover {

    background-color: #196cbf;

    color: #fff;

}



.rqa-form .noUi-horizontal .noUi-tooltip {

    background-color: #196cbf;

    color: #fff;

    border: 0;

}



.rqa-form .noUi-connect {

    background-color: #064D96;

}



.rqa-form ul.special-checkbox {

    margin-top: 15px;

    margin-bottom: 35px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.rqa-form ul.special-checkbox li {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 33.333%;

    flex: 1 1 33.333%;

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 34px;

    font-size: 16px;

    color: #757778;

}



.rqa-form ul.special-checkbox li+li {

    margin-top: 15px;

}



.rqa-form ul.special-checkbox li .input-checker {

    width: 34px;

    height: 34px;

    border: 1px solid #a5a5a5;

    border-radius: 0px;

    margin-right: 10px;

    background-color: transparent;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.rqa-form ul.special-checkbox li .input-checker input[type='checkbox'] {

    display: none;

}



.rqa-form ul.special-checkbox li.active .input-checker:before {

    content: '\f00c';

    font-family: "FontAwesome";

    font-size: 18px;

    color: #757778;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}





/*

* 10. about styles

*/



.about-one {

    padding-top: 170px;

    padding-bottom: 150px;

    background-color: #fff;

    background-image: url(../images/background/about-bg-1-1.png);

    background-position: bottom;

    background-repeat: no-repeat;

}



.about-one .container {

    position: relative;

}



.about-one__content {

    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.24);

    box-shadow: 0 0 13px rgba(0, 0, 0, 0.24);

    padding: 70px 35px;

    padding-bottom: 85px;

    margin-left: 85px;

    position: relative;

    z-index: 10;

    background-color: #fff;

}



.about-one__content:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    width: calc(100% - 140px);

    height: 6px;

    background-color: #064D96;

}



.about-one .block-title {

    margin-bottom: 30px;

}



.about-one .block-title h3 span {

    color: #064d96;

}



.about-one .block-title__line {

    width: 80px;

    margin: 0;

    margin-top: 10px;

}



.about-one__images {

    position: absolute;

    top: -75px;

    left: 55px;

}



.about-one__image-2 {

    border: 9px solid #ffffff;

    position: absolute;

    bottom: -100px;

    left: 0;

}



.about-one__text p {

    margin: 0;

    color: #262727;

    font-size: 16px;

    line-height: 26px;

}



.about-one__btn {

    font-size: 18px;

    font-weight: 500;

    text-transform: uppercase;

    padding: 8px 33px;

    position: absolute;

    bottom: 0;

    left: 65px;

    -webkit-transform: translateY(50%);

    transform: translateY(50%);

}



.about-one__btn:hover {

    background-color: #196cbf;

    color: #fff;

}



.about-one__counter {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 80px;

}



@media (min-width: 1200px) {

    .about-one__counter {

        text-align: right;

    }

}



.about-one__counter-single {

    text-align: center;

    padding-top: 20px;

    padding-bottom: 5px;

    margin-bottom: 30px;

}



.about-one__counter-single h3 {

    color: #196cbf;

    margin: 0;

    font-size: 45px;

    font-weight: bold;

    line-height: 1em;

    margin-bottom: 5px;

}



.about-one__counter-single p {

    margin: 0;

    font-weight: 400;

    text-transform: uppercase;

    color: #2b3036;

    font-size: 16px;

    font-weight: 500;

}



.about-one__counter-single+.about-one__counter-single {

    border-left: 1px solid #DDDDDD;

    padding-left: 40px;

    margin-left: 40px;

}



.about-two {

    background-color: #fff;

    background-image: url(../images/background/about-bg-1-1.png);

    background-position: bottom;

    background-repeat: no-repeat;

}



.about-two .container {

    position: relative;

}



.about-two__upper {

    padding-top: 90px;

    padding-bottom: 110px;

}



@media (min-width: 992px) {

    .about-two__content {

        padding-right: 45px;

    }

}



.about-two__content .block-title {

    margin-bottom: 35px;

}



.about-two__content .block-title h3 {

    font-weight: 500;

    font-size: 42px;

}



.about-two__content p {

    font-size: 16px;

    line-height: 26px;

    color: #262727;

    margin: 0;

}



.about-two__content p+p {

    margin-top: 35px;

}



.about-two__highlight {

    font-weight: bold;

    font-style: italic;

}



.about-two__images {

    margin-top: 15px;

    position: relative;

    display: inline-block;

}



@media (min-width: 992px) {

    .about-two__images {

        margin-left: -15px;

    }

}



.about-two__images img {

    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.47);

    box-shadow: 0 0 13px rgba(0, 0, 0, 0.47);

}



.about-two__image-2 {

    position: absolute;

    bottom: 0;

    right: 0;

    -webkit-transform: translateY(50%) translateX(50%);

    transform: translateY(50%) translateX(50%);

}



.about-two {

    padding-bottom: 70px;

}



.about-two__box-single {

    background-color: #fff;

    padding-top: 27px;

    padding-bottom: 27px;

    margin-bottom: 30px;

    border-radius: 4px;

    border: 1px solid #e5e4e4;

    -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.04);

    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.04);

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    text-align: center;

}



.about-two__box-single:hover {

    -webkit-box-shadow: 0px 0 0 3px #196cbf, 0px 0px 57px 0px rgba(108, 182, 245, 0.33);

    box-shadow: 0px 0 0 3px #196cbf, 0px 0px 57px 0px rgba(108, 182, 245, 0.33);

}



.about-two__box-single i {

    font-size: 40px;

    color: #196cbf;

}



.about-two__box-single h3 {

    text-transform: uppercase;

    font-size: 18px;

    font-weight: bold;

    letter-spacing: .025em;

    margin-top: 15px;

}



.about-two__box-single h3 a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.about-two__box-single h3 a:hover {

    color: #ee343d;

}





/*

* 11. footer styles

*/



.site-footer {

    background-position: right bottom;

    background-color: #021D39;

    background-repeat: no-repeat;

    background-size: cover;

}



.site-footer__main {

    padding-top: 40px;

}



.footer-widget {

    margin-bottom: 30px;

}



.footer-widget p {

    margin: 0;

    color: #fff;

    font-size: 16px;

    line-height: 24px;

}



.footer-widget__social {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 25px;

}



.footer-widget__social a {

    color: #fff;

    font-size: 30px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.footer-widget__social a+a {

    margin-left: 10px;

}



.footer-widget__social a:hover {

    color: #ee343d;

}



.footer-widget__logo {

    display: block;

    margin-bottom: 20px;

}



.footer-widget__title {

    margin: 0;

    color: #ee343d;

    font-weight: 900;

    font-size: 18px;

    text-transform: uppercase;

    line-height: 1em;

    margin-bottom: 10px;

}



@media (min-width: 992px) {

    .footer-widget__about-widget {

        padding-right: 60px;

    }

}



.footer-widget__contact-widget p {

    font-size: 15px;

    line-height: 30px;

    font-weight: 500;

}



@media (min-width: 992px) {

    .footer-widget__links-widget {

        padding-left: 50px;

    }

}



.footer-widget__links {

    margin-top: 10px;

}



.footer-widget__links li {

    line-height: 1em;

}



.footer-widget__links li+li {

    margin-top: 15px;

}



.footer-widget__links li a {

    color: #fff;

    font-size: 15px;

    font-weight: 500;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.footer-widget__links li a:hover {

    color: #ee343d;

}



.footer-widget__contact {

    margin-top: 20px;

}



.footer-widget__contact li {

    position: relative;

    font-size: 15px;

    color: #fff;

    line-height: 30px;

    padding-left: 30px;

}



.footer-widget__contact li i {

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #ee343d;

    font-size: 19px;

}



.site-footer__bottom {

    border-top: 1px solid rgba(27, 97, 170, 0.31);

    padding-top: 20px;

    padding-bottom: 15px;

}



.site-footer__bottom .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.site-footer__copy {

    font-size: 15px;

    font-weight: 500;

    color: #fff;

    margin: 0;

}



.site-footer__bottom-menu {

    margin-bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.site-footer__bottom-menu li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-transform: uppercase;

    font-size: 15px;

    color: #fff;

    font-weight: bold;

}



.site-footer__bottom-menu li+li:before {

    content: '|';

    margin-left: 10px;

    margin-right: 10px;

}



.site-footer__bottom-menu li a {

    color: #fff;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.site-footer__bottom-menu li a:hover {

    color: #ee343d;

}





/*

* 12. project styles

*/



.project-one {

    padding-top: 100px;

    padding-bottom: 90px;

    position: relative;

    background-color: #F2F2F2;

}



.project-one__bg-image {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: bottom;

    opacity: .15;

}



.project-one .container {

    position: relative;

}



@media (min-width: 1200px) {

    .project-one .container {

        max-width: 1228px;

    }

}



.project-one .row.low-gutters {

    margin-left: -12.5px;

    margin-right: -12.5px;

}



@media (max-width: 991px) {

    .project-one .row.low-gutters {

        margin-left: 0;

        margin-right: 0;

    }

}



.project-one .row.low-gutters .column {

    padding-left: 12.5px;

    padding-right: 12.5px;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 42%;

    flex: 1 1 42%;

    max-width: 42%;

}



@media (max-width: 991px) {

    .project-one .row.low-gutters .column {

        padding-left: 0;

        padding-right: 0;

        -webkit-box-flex: 1;

        -ms-flex: 1 1 100%;

        flex: 1 1 100%;

        max-width: 100%;

    }

}



.project-one .row.low-gutters .column-big {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 58%;

    flex: 1 1 58%;

    max-width: 58%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -12.5px;

    margin-right: -12.5px;

}



@media (max-width: 991px) {

    .project-one .row.low-gutters .column-big {

        -webkit-box-flex: 1;

        -ms-flex: 1 1 100%;

        flex: 1 1 100%;

        max-width: 100%;

    }

}



@media (max-width: 575px) {

    .project-one .row.low-gutters .column-big {

        margin-left: 0;

        margin-right: 0;

    }

}



.project-one .row.low-gutters .column-big .project-one__single {

    padding-left: 12.5px;

    padding-right: 12.5px;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 50%;

    flex: 1 1 50%;

    max-width: 50%;

}



@media (max-width: 575px) {

    .project-one .row.low-gutters .column-big .project-one__single {

        padding-left: 0;

        padding-right: 0;

        -webkit-box-flex: 1;

        -ms-flex: 1 1 100%;

        flex: 1 1 100%;

        max-width: 100%;

    }

}



.project-one__inner {

    position: relative;

    margin-bottom: 10px;

    overflow: hidden;

    background-color: #fff;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.project-one__inner>img {

    width: 100%;

    opacity: 1;

    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;

    transition: opacity .4s ease, -webkit-transform .4s ease;

    transition: opacity .4s ease, transform .4s ease;

    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.project-one__inner>a {

    text-transform: uppercase;

    color: #196cbf;

    font-size: 16px;

    font-weight: bold;

    letter-spacing: .03em;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    opacity: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.project-one__inner:hover {

    -webkit-box-shadow: inset 0 0 0 2px #D1D1D2;

    box-shadow: inset 0 0 0 2px #D1D1D2;

}



.project-one__inner:hover>img {

    opacity: .24;

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}



.project-one__inner:hover>a {

    opacity: 1;

}



.project-two {

    padding-top: 100px;

    padding-bottom: 140px;

}



.project-two .container-fluid {

    padding: 0;

}



.project-two .row.low-gutters {

    margin-left: -12.5px;

    margin-right: -12.5px;

}



.project-two .row.low-gutters>[class*=col-] {

    padding-left: 12.5px;

    padding-right: 12.5px;

}



.project-two .row.high-gutters {

    margin-left: -20;

    margin-right: -20;

}



.project-two .row.high-gutters>[class*=col-] {

    padding-left: 20;

    padding-right: 20;

}



.project-two .row.high-gutters .project-two__content {

    padding-top: 20px;

    padding-bottom: 25px;

    padding-left: 15px;

    padding-right: 15px;

}



.project-two .row.no-gutters .project-two__single {

    margin-bottom: 0;

}



.project-two__single {

    margin-bottom: 30px;

}



.project-two__single:hover .project-two__image>img {

    opacity: .5;

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}



.project-two__single:hover .project-two__image>a {

    opacity: 1;

}



.project-two__single:hover .project-two__content {

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.31);

    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.31);

}



.project-two__single:hover .project-two__content:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transform-origin: left center;

    transform-origin: left center;

}



.project-two__image {

    overflow: hidden;

    position: relative;

    background-color: #080707;

}



.project-two__image>img {

    position: relative;

    width: 100%;

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;

    transition: opacity .4s ease, -webkit-transform .4s ease;

    transition: transform .4s ease, opacity .4s ease;

    transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease;

}



.project-two__image>a {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    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;

    text-align: center;

    color: #fff;

    font-size: 24px;

    font-weight: 500;

    opacity: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.project-two__image>a:before {

    content: '';

    position: absolute;

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border: 4px solid #fff;

}



.project-two__content {

    background-color: #F2F5F9;

    padding: 40px;

    position: relative;

}



.project-two__content:before {

    content: '';

    width: 100%;

    height: 7px;

    background-color: #ee343d;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: right center;

    transform-origin: right center;

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

}



.project-two__content h3 {

    margin: 0;

    font-size: 24px;

    font-weight: 500;

    line-height: 1em;

    margin-bottom: 5px;

    color: #196cbf;

}



.project-two__content h3 a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.project-two__content h3 a:hover {

    color: #ee343d;

}



.project-two__content p {

    margin: 0;

    color: #262727;

    font-size: 16px;

    line-height: 26px;

}



.project-two__full-width {

    padding-bottom: 0;

}



.project-two__service-details-page {

    padding-top: 0;

}





/*

* 13. team styles

*/



.team-one {

    padding: 100px 0;

    padding-bottom: 135px;

}



.team-one .container {

    position: relative;

}



.team-one .block-title {

    margin-bottom: 45px;

}



.team-one__image {

    position: relative;

    width: 100%;

    max-width: 520px;

    margin-bottom: 12px;

}



.team-one__image:before {

    content: '';

    position: absolute;

    top: 80px;

    right: 0;

    bottom: -12px;

    left: 0;

    background-color: #fff;

    border: 12px solid #dbdbdb;

}



.team-one__image>img {

    position: relative;

    z-index: 1;

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.team-one__image:hover .team-one__social {

    opacity: 1;

    -webkit-transform: scaleY(1) translateX(-50%);

    transform: scaleY(1) translateX(-50%);

}



.team-one__social {

    position: absolute;

    bottom: 0;

    left: 50%;

    width: calc(100% - 24px);

    background-color: #15589D;

    text-align: center;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    z-index: 11;

    padding-top: 31px;

    padding-bottom: 31px;

    opacity: 0;

    -webkit-transform: scaleY(0) translateX(-50%);

    transform: scaleY(0) translateX(-50%);

    -webkit-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;

    transition: opacity .4s ease, -webkit-transform .4s ease;

    transition: transform .4s ease, opacity .4s ease;

    transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease;

}



.team-one__social a {

    color: #fff;

    font-size: 27px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.team-one__social a:hover {

    color: #ee343d;

}



.team-one__social a+a {

    margin-left: 45px;

}



.team-one__content {

    padding-left: 20px;

    padding-right: 45px;

    display: block;

    width: 100%;

}



.team-one__text p {

    margin: 0;

    color: #45484a;

    font-size: 16px;

    line-height: 24px;

}



.team-one__title {

    margin: 0;

    font-size: 20px;

    line-height: 30px;

    font-weight: bold;

    font-style: italic;

    color: #196cbf;

    margin-top: 20px;

    margin-bottom: 5px;

}



.team-one__designation {

    color: #2b3036;

    font-size: 20px;

    font-weight: 500;

    font-style: italic;

    margin: 0;

    line-height: 1em;

}



.team-one__image-pattern,

.team-one__dot-pattern {

    width: 299px;

    height: 274px;

    background-repeat: no-repeat;

    background-position: center;

    position: absolute;

}



.team-one__dot-pattern {

    right: 0;

    top: 0;

}



.team-one__image-pattern {

    bottom: -90px;

    left: -65px;

    z-index: -1;

}



.team-one__carousel {

    overflow: hidden;

}



.team-one__thumb-carousel {

    overflow: hidden;

}



.team-one__left {

    position: relative;

}



.team-one__carousel-btn__wrap {

    width: 100%;

    max-width: 150px;

    background-color: #ee343d;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: 19px;

    padding-bottom: 19px;

    position: absolute;

    bottom: 0;

    right: 100px;

    -webkit-transform: translateY(50%);

    transform: translateY(50%);

    z-index: 10;

}



@media (max-width: 991px) {

    .team-one__carousel-btn__wrap {

        position: relative;

        bottom: auto;

        right: auto;

        -webkit-transform: translateY(0);

        transform: translateY(0);

        margin-top: 40px;

        margin-left: auto;

        margin-right: auto;

    }

}



.team-one__carousel-btn__left i,

.team-one__carousel-btn__right i {

    cursor: pointer;

    width: 37px;

    height: 37px;

    background-color: rgba(255, 255, 255, 0.5);

    border-radius: 50%;

    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;

    text-align: center;

    color: #fff;

    font-size: 20px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.team-one__carousel-btn__left i:hover,

.team-one__carousel-btn__right i:hover {

    background-color: #196cbf;

    color: #fff;

}



.team-one__carousel-btn__left {

    position: relative;

    margin-right: 20px;

    padding-right: 20px;

}



.team-one__carousel-btn__left:after {

    content: '';

    position: absolute;

    top: 50%;

    left: 100%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 1px;

    height: 58px;

    background-color: rgba(255, 255, 255, 0.5);

}



.team-two {

    padding-top: 100px;

    padding-bottom: 100px;

    background-color: #fff;

    background-image: url(../images/background/about-bg-1-1.png);

    background-position: bottom;

    background-repeat: no-repeat;

}



.team-two__single {

    background-color: #fff;

    margin-bottom: 40px;

    border: 1px solid #edecec;

    text-align: center;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.team-two__single h3 {

    margin: 0;

    line-height: 1em;

    margin-bottom: 15px;

    font-size: 20px;

    font-weight: bold;

    color: #196cbf;

    margin-top: 45px;

    text-transform: uppercase;

}



.team-two__single h3 a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.team-two__single h3 a:hover {

    color: #ee343d;

}



.team-two__single p {

    font-size: 15px;

    line-height: 24px;

    letter-spacing: .1em;

    margin: 0;

    color: #45484a;

    margin-bottom: 30px;

}



.team-two__single:hover {

    -webkit-box-shadow: 0px 0px 25px 0px rgba(158, 159, 161, 0.93);

    box-shadow: 0px 0px 25px 0px rgba(158, 159, 161, 0.93);

}



.team-two__image {

    background-color: #F6F6F6;

    position: relative;

}



.team-two__image:before {

    content: '';

    position: absolute;

    top: 100%;

    right: 0;

    width: calc(100% - 70px);

    height: 12px;

    background-color: #196cbf;

}



.team-two__image>img {

    width: 100%;

}



.team-two__social {

    text-align: center;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    z-index: 11;

    border-top: 1px solid #edecec;

    padding-top: 17.5px;

    padding-bottom: 17.5px;

}



.team-two__social a {

    color: #848484;

    font-size: 27px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.team-two__social a:hover {

    color: #196cbf;

}



.team-two__social a+a {

    margin-left: 45px;

}



.team-two__team-page {

    padding-bottom: 25px;

}



.team-two__team-page .team-two__single {

    margin-bottom: 115px;

}



.team-three {

    padding-top: 100px;

    background-color: #EBF5FD;

}



.team-three .container {

    position: relative;

}



.team-three .block-title {

    margin-bottom: 40px;

}



.team-three__image {

    position: absolute;

    left: -20px;

    bottom: 0;

}



.team-three__moc {

    position: absolute;

    bottom: 0;

    right: -50px;

}



.team-three__content {

    padding-left: 70px;

    padding-bottom: 245px;

}



.team-three__content p {

    margin: 0;

    font-size: 16px;

    line-height: 24px;

    color: #45484a;

}



.team-three__content p+p {

    margin-top: 20px;

}



.team-three__content .thm-btn {

    margin-top: 45px;

}



.team-three__highlight {

    font-weight: 500;

    font-style: italic;

}





/*

* 14. cta styles

*/



.cta-one {

    background-position: center center;

    background-repeat: no-repeat;

    background-color: #196cbf;

    background-size: cover;

}



.cta-one .container-fluid {

    width: 100%;

    max-width: 1920px;

    margin-left: auto;

    margin-right: auto;

}



.cta-one__content {

    margin-left: auto;

    margin-right: 65px;

    width: 100%;

    max-width: 867px;

    text-align: right;

}



.cta-one__content h3 {

    margin: 0;

    color: #fff;

    font-size: 60px;

    line-height: 80px;

    font-weight: 600;

    font-family: 'Montserrat';

    text-transform: uppercase;

    margin-bottom: 35px;

}



.cta-one__content h3 span {

    color: #37f3f5;

    font-weight: 800;

}



.cta-one__content h3 a {

    color: #f8e012;

    font-weight: 800;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.cta-one__content h3 a:hover {

    color: #2b3036;

}



.cta-one__btn {

    font-size: 36px;

    padding: 25.5px 23px;

    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.75);

    box-shadow: 0 0 7px rgba(0, 0, 0, 0.75);

}



.cta-one__btn:hover {

    background-color: #196cbf;

    color: #fff;

}



.cta-one__image {

    margin-right: auto;

    margin-left: 20px;

    margin-top: -90px;

    position: relative;

    z-index: 10;

}



.cta-one__image>img {

    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, 0.42);

    box-shadow: 0 0 27px rgba(0, 0, 0, 0.42);

    max-width: 100%;

}



.cta-two {

    position: relative;

    padding: 100px 0;

}



.cta-two__bg-image {

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-position: center;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



.cta-two__bg-image:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(3, 19, 37, 0.84);

}



.cta-two .container {

    position: relative;

}



.cta-two p {

    margin: 0;

    color: #ffffff;

    font-size: 24px;

    font-family: 'Raleway';

    font-weight: 600;

    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.38);

}



.cta-two h3 {

    margin: 0;

    color: #fff;

    font-size: 60px;

    line-height: 80px;

    font-family: 'Raleway';

    font-weight: 900;

    margin-top: 40px;

    margin-bottom: 45px;

    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.38);

}



.cta-two h3 span {

    color: #ee343d;

}



.cta-two__btn {

    background-color: #f7ce11;

    font-family: 'Montserrat';

    font-size: 30px;

    font-weight: bold;

    letter-spacing: .03em;

    color: #2b3036;

    padding: 20.5px 41px;

}



.cta-three {

    position: relative;

    background-color: #196cbf;

    padding-top: 90px;

    padding-bottom: 85px;

}



.cta-three__bg-image {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-position: center;

}



.cta-three__bg-image:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #074E96;

    opacity: .84;

}



.cta-three .container {

    position: relative;

}



.cta-three .container p,

.cta-three .container h3 {

    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.38);

}



.cta-three .container p {

    color: #fff;

    font-size: 24px;

    font-weight: 600;

    font-family: 'Raleway';

    margin: 0;

    margin-bottom: 40px;

}



.cta-three .container h3 {

    margin: 0;

    color: #fff;

    font-size: 60px;

    text-transform: uppercase;

    line-height: 80px;

    font-weight: 900;

    font-family: 'Raleway';

}



.cta-three .container h3 span {

    color: #ee343d;

}



.cta-four {

    background-color: #064D96;

    padding: 39px 0;

}



.cta-four .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.cta-four .container h3 {

    margin: 0;

    color: #fff;

    font-family: 'Montserrat';

    text-transform: uppercase;

    font-weight: 600;

    font-size: 38px;

    line-height: 48px;

    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);

}



.cta-four__highlight-1 {

    color: #37f3f5;

    font-weight: 800;

}



.cta-four__highlight-2 {

    font-weight: 700;

    color: #eec70f;

}





/*

* 15. how-it-works styles

*/



.how-it-works {

    padding-top: 100px;

    padding-bottom: 160px;

    background-repeat: no-repeat;

    background-position: left bottom;

    counter-reset: how-it-works-counter;

}



.how-it-works .block-title {

    margin-bottom: 108px;

}



.how-it-works .row {

    margin-left: -5px;

    margin-right: -5px;

}



.how-it-works .row>[class*=col-] {

    /*  padding-left: 5px;*/

    padding-right: 5px;

}



.how-it-works__count {

    width: 95px;

    height: 95px;

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    border-radius: 50%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#17D4EA), to(#1972C0));

    background-image: linear-gradient(180deg, #17D4EA 0%, #1972C0 100%);

    color: #fff;

    font-size: 40px;

    letter-spacing: .1em;

    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;

}



.how-it-works__count:before {

    counter-increment: how-it-works-counter;

    content: counter(how-it-works-counter);

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 10;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.how-it-works__count:after {

    content: '';

    width: 95px;

    height: 95px;

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(0%);

    transform: translateX(-50%) translateY(0%);

    border-radius: 50%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#196cbf), to(#0f4072));

    background-image: linear-gradient(180deg, #196cbf 0%, #0f4072 100%);

    color: #fff;

    opacity: 0;

    -webkit-transition: opacity .4s ease;

    transition: opacity .4s ease;

}



.how-it-works__single {

    margin-bottom: 30px;

    text-align: center;

    height: 250px;

    width: 100%;

    z-index: -1;

    padding-top: 75px;

    padding-bottom: 40px;

    background-color: #F6F9FD;

    border: 1px dashed #CFCDCE;

    position: relative;

}



.how-it-works__single:hover .how-it-works__count:after {

    opacity: 1;

}



.how-it-works__single h3 {

    margin: 0;

    color: #196cbf;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: .1em;

    font-size: 20px;

    line-height: 24px;

    margin-bottom: 10px;

}



.how-it-works__single p {

    margin: 0;

    line-height: 24px;

    font-size: 15px;

    font-weight: 400;

    color: #45484a;

    letter-spacing: .1em;

}



.how-it-works__faq-page {

    padding-top: 150px;

    padding-bottom: 110px;

}





/*

* 16. testimonials styles

*/



.testimonials-one {

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    padding-top: 100px;

    padding-bottom: 90px;

}



.testimonials-one:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: white;

    -webkit-box-shadow: inset 0px 0px 152px 5px rgba(96, 101, 105, 0.68);

    box-shadow: inset 0px 0px 152px 5px rgba(96, 101, 105, 0.68);

    opacity: .6;

}



.testimonials-one .container {

    position: relative;

}



@media (min-width: 1200px) {

    .testimonials-one .container {

        max-width: 935px;

    }

}



.testimonials-one .owl-carousel .owl-item img {

    width: auto;

}



.testimonials-one .owl-carousel .owl-dots {

    margin-top: 10px;

}



.testimonials-one .owl-carousel .owl-dots .owl-dot {

    outline: none;

    margin: 0;

}



.testimonials-one .owl-carousel .owl-dots .owl-dot span {

    margin: 0;

    border-radius: 50%;

    background-color: #52504F;

    width: 13px;

    height: 13px;

    margin-left: 9px;

    margin-right: 9px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.testimonials-one .owl-carousel .owl-dots .owl-dot:hover span,

.testimonials-one .owl-carousel .owl-dots .owl-dot.active span {

    -webkit-box-shadow: 0 0 0 7px rgba(238, 52, 61, 0.3);

    box-shadow: 0 0 0 7px rgba(238, 52, 61, 0.3);

    background-color: #ee343d;

}



.testimonials-one .block-title {

    margin-bottom: 44px;

}



.testimonials-one .block-title__tag-line {

    color: #a2a0a0;

}



.testimonials-one .block-title h3 {

    color: #15599e;

}



.testimonials-one__elms-page:before {

    display: none;

}



.testimonials-one__image {

    border-radius: 50%;

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.22);

    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.22);

    border: 3px solid #ffffff;

}



.testimonials-one__image-outer {

    position: relative;

    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;

}



.testimonials-one__image-outer:before,

.testimonials-one__image-outer:after {

    content: '';

    width: 30px;

    height: 27px;

}



.testimonials-one__image-outer:before {

    margin-right: 60px;

    background-image: url(../images/shapes/testi-qoute-1-1.png);

}



.testimonials-one__image-outer:after {

    margin-left: 60px;

    background-image: url(../images/shapes/testi-qoute-1-2.png);

}



.testimonials-one__single {

    padding-top: 16px;

}



.testimonials-one__single p {

    margin: 0;

    color: #2b3036;

    font-size: 20px;

    line-height: 30px;

    font-weight: 500;

    font-style: italic;

    margin-top: 30px;

}



.testimonials-one__single h3 {

    margin: 0;

    font-size: 18px;

    font-weight: bold;

    color: #15599e;

    line-height: 1em;

    margin-top: 20px;

    margin-bottom: 5px;

}



.testimonials-one__single span {

    color: #2b3036;

    font-size: 16px;

    font-weight: 400;

    line-height: 1em;

}



.testimonials-two {

    padding-top: 100px;

    padding-bottom: 70px;

}



.testimonials-two .block-title h3 {

    color: #15599e;

}



.testimonials-two__image-outer {

    text-align: center;

}



.testimonials-two__image-outer>img {

    border: 3px solid #ffffff;

    max-width: 100%;

    border-radius: 50%;

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.22);

    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.22);

}



.testimonials-two__single {

    padding: 50px 40px;

    text-align: center;

    background-color: #F6F6F7;

    margin-bottom: 30px;

}



.testimonials-two__single h3 {

    font-size: 18px;

    font-weight: bold;

    color: #15599e;

    margin: 0;

    margin-top: 30px;

    margin-bottom: 25px;

}



.testimonials-two__single p {

    font-size: 18px;

    line-height: 24px;

    color: #2a2c2d;

    font-style: italic;

    margin: 0;

    font-weight: 400;

    margin-bottom: 35px;

}



.testimonials-two__stars {

    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;

}



.testimonials-two__stars i {

    font-size: 14px;

    color: #FAC917;

}



.testimonials-two__stars i+i {

    margin-left: 5px;

}





/*

* 17. inner-banner styles

*/



.inner-banner {

    background-color: #2b3036;

    background-repeat: no-repeat;

    background-position: right center;

    background-size: cover;

       padding-top: 221px;

    padding-bottom: 91px;

}



.inner-banner__content {

    width: 100%;

    max-width: 620px;

    background: linear-gradient(122deg, #064d96 0%, rgba(7, 77, 150, 0) 100%);

    padding: 34px 0;

    padding-left: 30px;

    padding-right: 30px;

}



.inner-banner__content-large {

    max-width: 700px;

}



.inner-banner__content h2 {

    margin: 0;

    color: #ffffff;

    font-size: 55px;

    font-family: 'Raleway';

    font-weight: 800;

    line-height: 1em;

}



.thm-breadcrumb {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 0;

    margin-top: 10px;

}



.thm-breadcrumb li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-transform: uppercase;

    font-size: 16px;

    line-height: 1em;

    font-weight: bold;

}



.thm-breadcrumb li+li:before {

    content: '/';

    color: #ffffff;

    margin-left: 10px;

    margin-right: 10px;

}



.thm-breadcrumb li a {

    display: block;

    color: #ee343d;

}



.thm-breadcrumb li span {

    display: block;

    color: #ffffff;

}





/*

* 18. funfact styles

*/



.funfact-one {

    position: relative;

    background-color: #196cbf;

    padding-top: 100px;

    padding-bottom: 64px;

}



.funfact-one__bg-image {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-repeat: no-repeat;

    background-size: cover;

    background-color: #196cbf;

    background-blend-mode: multiply;

    background-position: center;

    background-attachment: fixed;

    opacity: .35;

}



.funfact-one .container {

    position: relative;

}



.funfact-one .block-title__tag-line,

.funfact-one .block-title h3 {

    color: #ffffff;

}



.funfact-one__single {

    margin-bottom: 30px;

}



.funfact-one__single i {

    margin-left: auto;

    margin-right: auto;

    border: 2px solid #ffffff;

    width: 90px;

    height: 105px;

    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;

    text-align: center;

    font-size: 50px;

    color: #fff;

}



.funfact-one__single p {

    color: #fff;

    font-size: 72px;

    line-height: 1em;

    font-weight: bold;

    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.54);

    margin-top: 20px;

    margin-bottom: 10px;

}



.funfact-one__single h3 {

    margin: 0;

    text-transform: uppercase;

    font-size: 24px;

    line-height: 26px;

    color: #17daec;

    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.54);

}



.funfact-two {

    padding-top: 100px;

    padding-bottom: 70px;

}



.funfact-two__single {

    padding-top: 15px;

    padding-bottom: 15px;

    margin-bottom: 30px;

    border-radius: 10px;

    background-color: #064d96;

    text-align: center;

}



.funfact-two__single i {

    color: #17daec;

    font-size: 44px;

}



.funfact-two__single p {

    margin: 0;

    font-weight: bold;

    font-size: 60px;

    line-height: 1em;

    color: #ffffff;

    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.54);

    margin-top: 10px;

}



.funfact-two__single h3 {

    margin: 0;

    font-size: 18px;

    color: #ffffff;

    font-weight: bold;

    line-height: 1em;

    margin-top: 10px;

    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.54);

}





/*

* 19. faq styles

*/



.faq-one {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: bottom center;

    padding: 100px 0;

}



.faq-one__cta {

    background-color: #196cbf;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-radius: 5px;

    margin-top: 40px;

    padding: 30px 25px;

}



.faq-one__cta-icon {

    margin-right: 25px;

}



.faq-one__cta-icon i {

    font-size: 55px;

    color: #fff;

}



.faq-one__cta h3 {

    font-size: 22px;

    font-weight: bold;

    color: #39e7f2;

    letter-spacing: .03em;

    margin: 0;

    line-height: 1em;

    text-transform: uppercase;

    font-family: 'Montserrat';

}



.faq-one__cta p {

    font-family: 'Montserrat';

    color: #fff;

    font-size: 30px;

    font-weight: bold;

    letter-spacing: .03em;

    margin-top: 10px;

}



.faq-one__cta p a {

    color: inherit;

}



@media (min-width: 992px) {

    .faq-one .accrodion-grp {

        padding-right: 60px;

    }

}



.faq-one .accrodion+.accrodion {

    margin-top: 30px;

}



.faq-one .accrodion.active .accrodion-title:before {

    content: '-';

    color: #fff;

}



.faq-one .accrodion.active .accrodion-title {

    background-color: #ee343d;

    border-color: #ee343d;

}



.faq-one .accrodion.active .accrodion-title h4 {

    color: #fff;

}



.faq-one .accrodion .accrodion-title {

    background-color: #E9EDF3;

    border: 1px solid #d5dde7;

    border-radius: 5px;

    padding: 25.5px 20px;

    cursor: pointer;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



@media (max-width: 375px) {

    .faq-one .accrodion .accrodion-title {

        padding-right: 50px;

    }

}



.faq-one .accrodion .accrodion-title:before {

    content: '+';

    font-size: 36px;

    color: #196cbf;

    position: absolute;

    top: 50%;

    right: 20px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.faq-one .accrodion .accrodion-title h4 {

    margin: 0;

    color: #2b3036;

    font-weight: bold;

    font-size: 18px;

}



@media (max-width: 375px) {

    .faq-one .accrodion .accrodion-title h4 {

        line-height: 1.4em;

    }

}



.faq-one .accrodion .accrodion-content .inner {

    padding-top: 15px;

    padding-bottom: 0px;

    padding-left: 15px;

}



.faq-one .accrodion .accrodion-content p {

    margin: 0;

    color: #45484a;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    padding-left: 20px;

    padding-top: 10px;

    padding-bottom: 10px;

    border-left: 5px solid #E9EDF3;

}



.faq-one .faq-accrodion-2 .accrodion.active .accrodion-title:before {

    color: #196cbf;

}



.faq-one .faq-accrodion-2 .accrodion.active .accrodion-title {

    background-color: #fff;

    border-color: #d5dde7;

}



.faq-one .faq-accrodion-2 .accrodion.active .accrodion-title h4 {

    color: #196cbf;

}



.faq-one .faq-accrodion-2 .accrodion-title {

    background-color: #fff !important;

}



@media (min-width: 992px) {

    .faq-one__sidebar {

        margin-left: -30px;

    }

}



.faq-one__elms-page .accrodion-grp {

    padding-right: 0;

}



.faq-one__elms-page .accrodion .accrodion-title {

    padding-top: 15px;

    padding-bottom: 15px;

}



.faq-one__elms-page .accrodion .accrodion-title h4 {

    font-size: 15px;

}



.faq-one__elms-page .accrodion .accrodion-title:before {

    font-size: 24px;

}





/*

* 20. search-popup styles

*/



.search-popup {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    z-index: 1000;

    -webkit-transform: scale(1, 0);

    transform: scale(1, 0);

    -webkit-transform-origin: bottom center;

    transform-origin: bottom center;

    -webkit-transition: -webkit-transform .7s ease;

    transition: -webkit-transform .7s ease;

    transition: transform .7s ease;

    transition: transform .7s ease, -webkit-transform .7s ease;

}



.search-popup.active {

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

}



.search-popup__overlay {

    width: 100%;

    height: 100%;

    background-color: #000;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 999;

    opacity: .7;

    cursor: none;

}



.search-popup__inner {

    position: absolute;

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.search-popup__form {

    position: relative;

    z-index: 9991;

    width: 100%;

    padding: 15px;

    max-width: 600px;

    position: relative;

}



.search-popup__form input {

    background-color: transparent;

    border: none;

    outline: none;

    width: 100%;

    height: 60px;

    color: #2b3036;

    font-size: 18px;

    background-color: white;

    padding-left: 30px;

}



.search-popup__form input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #2b3036;

}



.search-popup__form input::-moz-placeholder {

    /* Firefox 19+ */

    color: #2b3036;

}



.search-popup__form input:-ms-input-placeholder {

    /* IE 10+ */

    color: #2b3036;

}



.search-popup__form input:-moz-placeholder {

    /* Firefox 18- */

    color: #2b3036;

}



.search-popup__form button[type=submit] {

    border: none;

    outline: none;

    width: 60px;

    height: 60px;

    color: #fff;

    background-color: #ee343d;

    cursor: pointer;

    position: absolute;

    top: 50%;

    right: 15px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.search-popup__form button[type=submit]:hover {

    background-color: #2b3036;

    color: #ee343d;

}





/*

* 21. progress styles

*/



.progress-one {

    padding-bottom: 70px;

    padding-top: 100px;

}



.progress-one__single {

    position: relative;

    margin-bottom: 30px;

}



.progress-one__single canvas {

    width: 100%;

}



.progress-one__content {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    text-align: center;

    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;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



.progress-one__content .progress-one__value {

    display: block;

    font-weight: bold;

    font-size: 48px;

    color: #ee343d;

}



.progress-one__content h3 {

    margin: 0;

    color: #ee343d;

    font-size: 18px;

    font-weight: 500;

    margin-top: 15px;

}



.progress-two {

    padding-bottom: 70px;

}



.progress-two__single {

    margin-bottom: 30px;

}



.progress-two__top {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: 10px;

}



.progress-two__top h3 {

    margin: 0;

    color: #2b3036;

    font-size: 14px;

    font-weight: 400;

    line-height: 1em;

}



.progress-two__bar {

    background-color: #E1E6EA;

    position: relative;

    width: 100%;

    height: 9px;

}



.progress-two__bar span {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    background-color: #196cbf;

}



.progress-two__bar b {

    margin: 0;

    color: #2b3036;

    font-size: 14px;

    font-weight: 400;

    line-height: 1em;

    position: absolute;

    right: 0;

    bottom: calc(100% + 10px);

}



.progress-two .color-2 .progress-two__bar {

    height: 15px;

    border-radius: 5px;

}



.progress-two .color-2 .progress-two__bar span {

    border-radius: 5px;

    background-color: #ee343d;

}





/*

* 22. Coming Soon

*/



.comingsoon-page {

    width: 100%;

    float: left;

    text-align: center;

    padding: 100px 0px;

}



.comingsoon-page .logo {

    display: inline-block;

    float: none;

}



.comingsoon-page h2 {

    font-size: 60px;

    color: #fff;

    font-family: "Roboto";

    font-weight: 700;

    margin: 35px 0px 59px;

}



ul.coming-list {

    width: 100%;

    margin: 0px 0px 50px;

    padding: 0px;

    float: left;

}



ul.coming-list li {

    list-style: none;

    display: inline-block;

    width: 136px;

    height: 136px;

    border: 5px solid #17DAEC;

    border-radius: 100%;

    text-align: center;

    text-transform: uppercase;

    color: #000;

    padding: 37px 0px;

    margin: 0px 25px;

    background: #fff;

}



ul.coming-list li .number {

    font-size: 60px;

    font-weight: 600;

    font-family: "Roboto";

    line-height: 40px;

}



ul.coming-list li .day {

    font-size: 18px;

    font-weight: 300;

    width: 100%;

    float: left;

}



a.header-requestbtn.home-link {

    font-size: 18px;

    color: #fff;

    float: none;

    display: inline-block;

    padding: 10px 33px;

    text-transform: uppercase;

}



a.header-requestbtn.home-link:before {

    background: #e09505;

}



a.header-requestbtn.home-link:hover {

    color: #000;

}





/*

* 23. Maintenance Page

*/



.container.maintenance-container {

    max-width: 940px;

    padding: 20px 0 0;

    margin: 0 auto;

}



.maintenance-section {

    width: 100%;

    float: left;

    padding: 0px;

    position: relative;

}



.maintenance-img {

    width: 100%;

    float: left;

    text-align: center;

    margin: 50px 0;

}



.maintenance-desc {

    width: 60%;

    position: absolute;

    right: 0px;

    top: 0px;

}



.maintenance-section h2 {

    font-size: 48px;

    color: #fff;

    font-weight: 800;

    text-transform: none;

    margin: -70px 0px 20px;

}



.maintenance-section .subhead {

    font-size: 18px;

    color: #fff;

    border-bottom: 1px solid #fff;

    padding-bottom: 20px;

    width: 100%;

    float: left;

    margin-bottom: 30px;

}



.maintenance-section p {

    color: #fff;

}



.maintenance-footer {

    width: 100%;

    float: left;

    font-size: 15px;

    color: #8b8b8b;

    text-align: center;

    background: #1b1b1b;

    padding: 30px 0px 31px;

    bottom: 0px;

    position: fixed;

}





/*

* 24. 404 Page

*/



.page-404 {

    width: 100%;

    text-align: center;

    background: url(../images/404.jpg) no-repeat center top;

    padding: 182px 0px;

    font-family: 'Lato', sans-serif;

    color: #fff;

}



.page-404 h1 {

    font-size: 172px;

    color: #fff;

    font-weight: 900;

}



.page-404 .pagenot-found {

    font-size: 30px;

    width: 100%;

    float: left;

    margin-bottom: 20px;

}



.page-404 a.gotohome {

    font-size: 16px;

    color: #fff;

    text-decoration: none;

    text-transform: uppercase;

}



.page-404 a.gotohome:hover {

    color: #f2ae2b;

}





/*

* 25. Home page- Pricing section

*/



.packeges {

    padding-top: 80px;

    padding-bottom: 90px;

}



.pgk_col_box {

    padding-left: 30px;

    padding-top: 30px;

    padding-right: 30px;

    padding-bottom: 18px;

    border-top: 10px solid #074d95;

    box-shadow: 0px 0px 6px 1px rgba(119, 143, 204, 0.66);

    -webkit-box-shadow: 0px 0px 6px 1px rgba(119, 143, 204, 0.66);

    -moz-box-shadow: 0px 0px 6px 1px rgba(119, 143, 204, 0.66);

}



.pgk_col_box {

    position: relative;

}



.commercial p {

    color: #ee343d;

    margin-bottom: 0px;

    padding-bottom: 10px;

    font-weight: bold;

    font-size: 18px;

}



.pkg_first h3 {

    color: #074d95;

    line-height: 40px;

    font-size: 20px;

    padding-bottom: 5px;

    font-weight: bold;

}



.pkg_first span {

    font-size: 42px;

    color: #074d95;

    font-weight: 800;

}



.nxt-section i {

    color: #3bf6f8;

}



.nxt-section span {

    padding-left: 8px;

    color: #2b3036;

}



.pkg_btn {

    font-size: 18px;

    font-weight: 500;

    text-transform: uppercase;

    padding: 7px 24px;

}



.pkg_btn {

    position: absolute;

    right: 15px;

}



.top_popular {

    background-color: #074c94;

    color: white;

    border-radius: 10px;

    padding: 3px 23px;

    font-size: 18px;

}



.pgk_col_box {

    transition: transform .8s;

    transition: all 0.8s;

}



.pgk_col_box:hover {

    transform: translateY(-20px);

}



.pgk_col_box:hover {

    color: white;

    background: #074c94;

}



.pgk_col_box:hover .pkg_first span {

    color: white;

}



.pgk_col_box:hover .pkg_first h3 {

    color: white;

}



.nxt-section p span,

.pkg_first span,

.pkg_first h3 {

    transition: all 0.8s;

}



.pgk_col_box:hover .nxt-section p span {

    color: white;

}



.top_popular {

    position: absolute;

    top: -40px;

    left: 15px;

}



.heading_bottom {

    width: 100%;

    height: 2px;

    background-color: #dadad9;

}



.pgk_btn-nxt {

    display: inline-block;

    vertical-align: middle;

    border: none;

    outline: none;

    background-color: #ee343d;

    font-size: 14px;

    color: #fff;

    border-radius: 5px;

    padding: 5px 30px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.pgk_btn-nxt:hover {

    color: #fff;

}



.nxt-section {

    padding-top: 25px;

    line-height: 12px;

}



.nxt-section p {

    margin-bottom: 25px;

}



.bg-service {

    background-color: #063668;

    width: 150px;

    padding: 5px;

}



.logo-img {

    margin-bottom: -36px;

    height: 156px;

}



@media (max-width: 1199px) {

    #logo-mobile {

        margin-bottom: -36px!important;

        margin-top: -43px!important;

        height: 103px!important;

    }

    #footer-log {

        margin-top: -43px!important;

        height: 103px!important;

    }

}


.sidebar-contact{
    position:fixed;
    top:60%;
    right:0px;
    transform:translateY(-50%);
    width:350px;
    height:auto;
    padding:25px;
    background:#0000008f;
    box-shadow: 0 20px 50px rgba(0,0,0,.5);
    box-sizing:border-box;
    transition:0.5s;
    z-index: 99;
  }
  /* .sidebar-contact.active{
    right:0;
  } */
  .sidebar-contact input,
  .sidebar-contact textarea{
    width:100%;
    height:36px;
    border-radius: 5px;
    padding:5px;
    margin-bottom:10px;
    box-sizing:border-box;
    border:1px solid rgba(0,0,0,.5);
    outline:none;
  }
  .sidebar-contact h2{
    margin:0 0 20px;
    padding:0;
    color: #fff;
  }
  .sidebar-contact textarea{
    height:60px;
    resize:none;
  }
  .sidebar-contact input[type="submit"]{
    background:#f44f05;
    color:#fff;
    cursor:pointer;
    border:none;
    font-size:18px;
  }
  .toggle p{
    position: absolute;
    /* height: 109px; */
    /* width: 48px; */
    writing-mode: vertical-lr;
    text-align: center;
    cursor: pointer;
    background: #063668;
    top: 0;
    left: -60px;
    /* line-height: 41px; */
    color: #fff;
    padding: 10px 10px;
    font-size: 20px;
    animation: glowing 1300ms infinite;
  }
  @keyframes glowing {
    0% {
      background-color: #063668;
      background-color:  #063668;
    }
    50% {
      background-color: #1a6ec6;
      background-color: #1a6ec6;
    }
    100% {
      background-color: #063668;
      background-color: #063668;
    }
  }
  .sidebar-contact form button{
    background: #063668;
    color: #fff;
  }
  /* .toggle:before{
    content:'contact';
    font-family:fontAwesome;
    font-size:18px;
    color:#fff;
    display: inline-block;
      white-space: nowrap;
     
      -webkit-transform: translate(1.1em,0) rotate(90deg);
         -moz-transform: translate(1.1em,0) rotate(90deg);
           -o-transform: translate(1.1em,0) rotate(90deg);
              transform: translate(1.1em,0) rotate(90deg);
      -webkit-transform-origin: 0 0;
         -moz-transform-origin: 0 0;
           -o-transform-origin: 0 0;
              transform-origin: 0 0;
    
     -ms-transform: none;
     -ms-transform-origin: none;
    
     -ms-writing-mode: tb-rl;
    
     *writing-mode: tb-rl;
  } */

  /* .toggle.active:before{
    content:'\f00d';
  } */
  @media(max-width:768px)
  {
    .sidebar-contact{
      width:100%;
      height:100%;
      right:-100%;
      top: 80%;
      position: unset;
      transform: translateY(10px);
      margin-bottom: 75px;
    }
    .sidebar-contact .toggle{
      top:50%;
      /* transform:translateY(-50%); */
      transition:0.5s;
    }
    .sidebar-contact.active .toggle
    {
      top:0;
      right:0;
      transform:translateY(0);
    }
    .toggle p{
        height: 160px;
    }
    .scroll{
      width:100%;
      height:100%;
      overflow-y:auto;
    }
    .content{
      padding:50px 50px;
    }
  }