/*-------------------------------------------------
 =  Table of Css

 1.Isotope
 2.General style
 3.Header
 4.Title and Breadcrumb section
 5.Home section -  sliders
 6.Services sections
 7.Footer
 8.Countup - sections
 9.Portfolio - sections
 10.Sign-up section
 11.How it works, Odeo tabs, 
 12.Client sections
 13.Skills sections
 14.Blog sections, Sidebar
 15.Team Sections
 16.Testimonials sections
 17.What we do, Pricing sections
 18.Fullpage menu
 19.Contact page sections
 20.About sections
 21.Shop pages
-------------------------------------------------*/

/*-------------------------------------------------------*/
/* 1. Isotope
/*-------------------------------------------------------*/

/* #084C8B [OM] changed from #084C8B */


.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope,
.isotope .isotope-item {
    transition-duration: .8s
}

.isotope {
    transition-property: height, width
}

.isotope .isotope-item {
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}


/*-------------------------------------------------------*/
/* 2. General style
/*-------------------------------------------------------*/


.tp-banner,
.tp-banner-container {
    width: 100%;
    position: relative
}

.anchor,
.header-top .access-link li a:hover,
.odeo-btn,
.odeo-btn-bd,
.ui-pagination a,
a:hover {
    text-decoration: none
}

.boxedcontainer {
    max-width: 1170px;
    margin: auto;
    padding: 0 30px
}

.tp-banner-container {
    padding: 0
}

.tp-banner-fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0
}

.ul-reset {
    margin: 0;
    padding: 0
}

.paragraph {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px
}

.anchor {
    display: inline-block;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.heading1 {
    color: #fff;
    font-size: 36px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.odeo-desc,
body,
html {
    font-family: "Open Sans", sans-serif
}

.heading2 {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 35px
}

.odeo-title {
    color: #222;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 30px
}

.odeo-desc {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.wg-title {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 15px
}

body,
html,
p {
    font-weight: 400;
    line-height: 24px;
    font-size: 14px
}

.transition {
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.transition2 {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.transition3 {
    transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out
}

.odeo-btn,
.readmore-link:after {
    transition: all .4s ease-in-out
}

.no-shadow {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none
}

.animation-hover {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: hovertrans;
    animation-name: hovertrans
}

@-webkit-keyframes hovertrans {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
    50% {
        transform: scale(1.07);
        -webkit-transform: scale(1.07);
        -moz-transform: scale(1.07);
        -o-transform: scale(1.07)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

@keyframes hovertrans {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0)
    }
    50% {
        transform: scale(1.07);
        -webkit-transform: scale(1.07);
        -moz-transform: scale(1.07);
        -o-transform: scale(1.07)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }
}

.trans-origin {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.back-cover {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.normal-bg {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

a {
    color: #084C8B
}

a:hover {
    color: #27bce7
}

#container {
    overflow: hidden
}

p {
    color: #999;
    margin: 0 0 10px
}

.odeo-btn,
.readmore-link {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    font-family: Poppins, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Poppins, sans-serif
}

.odeo-btn {
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    height: 50px;
    padding: 0 48px;
    line-height: 50px;
    font-size: 14px;
    border-radius: 50px;
    color: #fff;
    border: none;
    background-color: #084C8B
}

.odeo-btn:hover {
    background-color: #27bce7;
    color: #fff
}

.odeo-btn.white-bg {
    background-color: #fff;
    color: #084C8B
}

.odeo-btn.white-bg:hover {
    color: #fff;
    background-color: #27bce7
}

.img-responsive {
    display: inline-block
}

.bg-paralax {
    background-attachment: fixed!important
}

.bx-wrapper .bx-controls-direction a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #222;
    border-radius: 50%
}

.bx-wrapper .bx-controls-direction a:after {
    font-size: 14px!important;
    line-height: 36px
}

.bx-wrapper .bx-controls-direction a:hover {
    background-color: #084C8B
}

.readmore-link {
    color: #084C8B;
    font-size: 14px;
    position: relative;
    padding-right: 16px
}

.readmore-link:after {
    background: url(../images/arrow-right.png) -26px 0 no-repeat;
    position: absolute;
    height: 6px;
    right: -36px;
    width: 43px;
    overflow: hidden;
    content: "";
    top: 8px;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.nav-control .carousel-btn.next,
.owl-theme .owl-controls .owl-nav>div.owl-next {
    right: -8%;
    position: absolute
}

.readmore-link:hover {
    color: #084C8B
}

.readmore-link:hover:after {
    background-position: 0 0
}

.owl-theme .owl-controls .owl-nav {
    position: absolute;
    top: 50%;
    margin-top: -63px;
    width: 100%
}

@media (max-width:991px) {
    .owl-theme .owl-controls .owl-nav {
        display: none
    }
}

.owl-theme .owl-controls .owl-nav>div {
    background: url(../images/next.png) no-repeat;
    width: 34px;
    height: 63px;
    opacity: .3;
    text-indent: -9999px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.owl-theme .owl-controls .owl-nav>div.owl-prev {
    background-image: url(../images/prev.png);
    position: absolute;
    left: -8%
}

.owl-theme .owl-controls .owl-nav>div:hover {
    opacity: 1
}

.owl-theme .owl-controls .owl-dots {
    margin-top: 42px;
    text-align: center
}

.owl-theme .owl-controls .owl-dots .owl-dot {
    display: inline-block;
    margin: 4px;
    background-color: #eee;
    width: 7px;
    height: 7px;
    border: none;
    border-radius: 50%
}

.owl-theme .owl-controls .owl-dots .owl-dot.active {
    background-color: #084C8B
}

.nav-control {
    position: absolute;
    top: 50%;
    margin-top: -63px;
    width: 100%
}

.nav-control .carousel-btn {
    background: url(../images/next.png) no-repeat;
    width: 34px;
    height: 63px;
    text-indent: -9999px;
    cursor: pointer;
    opacity: .3;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

@media (max-width:767) {
    .nav-control .carousel-btn {
        display: none
    }
}

.nav-control .carousel-btn.prev {
    background-image: url(../images/prev.png);
    position: absolute;
    left: -8%
}

.nav-control .carousel-btn:hover {
    opacity: 1
}

.page-control {
    font-size: 0
}

.page-control li {
    padding: 0 3.5px
}

.page-control li a {
    width: 7px;
    height: 7px;
    text-indent: -9999px;
    background-color: #eee;
    border-radius: 50%;
    display: inline-block
}

.page-control li.active a {
    background-color: #084C8B
}

.home-page-box {
    background: url(../images/background.png) 0 100% no-repeat #f7f7f7
}

.home-page-box #container {
    max-width: 1480px;
    margin: 0 auto;
    position: relative;
    background-color: #fff
}

.nicescroll-rails {
    opacity: 1!important;
    border-bottom: 1px solid #ededed;
    margin-top: 50px
}

.nicescroll-rails .nicescroll-cursors {
    background-color: #084C8B!important
}

#map {
    height: 400px;
}

.ui-pagination {
    margin-top: 50px;
}

.ui-pagination li {
    padding-left: 0;
    padding-right: 0;
}

.ui-pagination .ui-page {
    font-size: 14px;
    font-family: Poppins, sans-serif;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #999;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    border: 1px solid transparent
}

.odeo-btn-bd,
.ui-navigation a.odeo-nav-control {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-transform: uppercase
}

.ui-pagination .ui-page.ui-current-page {
    border-color: #ccc
}

.ui-pagination .ui-page.ui-current-page:hover {
    color: #999
}

.ui-pagination .ui-page:hover {
    color: #084C8B
}

.ui-pagination .ui-page-btn {
    font-size: 14px;
    color: #999
}

.ui-pagination .ui-page-btn:hover {
    color: #084C8B
}

.ui-pagination .ui-page-btn.prev {
    margin-right: 22px
}

.ui-pagination .ui-page-btn.next {
    margin-left: 22px
}

.ui-navigation {
    margin: 50px 0 60px
}

.ui-navigation a {
    color: #999
}

.odeo-btn-bd,
.ui-navigation a:hover {
    color: #084C8B
}

.ui-navigation a.odeo-nav-control {
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 30px
}

.ui-navigation a.odeo-nav-control.prev {
    padding-left: 12px
}

.ui-navigation a.odeo-nav-control.prev .fa {
    margin-right: 10px
}

.ui-navigation a.odeo-nav-control.next {
    padding-right: 12px
}

.ui-navigation a.odeo-nav-control.next .fa {
    margin-left: 10px
}

.ui-navigation a.odeo-nav-control:hover {
    border-color: #084C8B
}

.odeo-btn-bd {
    border: 1px solid #084C8B;
    background-color: transparent;
    font-size: 14px;
    border-radius: 30px;
    outline: 0;
    padding: 0 25px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.odeo-btn-bd:hover {
    background-color: #084C8B;
    color: #fff
}

.required {
    color: #f66
}

/*-------------------------------------------------------*/
/* 3. Headers
/*-------------------------------------------------------*/

.header-top {
    background-color: #084C8B;
    height: 50px;
    line-height: 50px;
    color: #ccc
}

.header-top a {
    color: #ccc
}

.header-top .social-links {
    font-size: 15px
}

.header-top .social-links a {
    padding-right: 15px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.header-top .social-links a .fa {
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.header-top .access-link {
    margin: 0;
    padding: 0
}

.header-top .access-link li {
    padding: 0 22px 0 21px;
    position: relative
}

.header-top .access-link li:last-child {
    padding-right: 0
}

.header-top .access-link li:first-child {
    padding-left: 0
}

.header-top .access-link li:first-child:before {
    display: none
}

.header-top .access-link li i {
    margin-right: 4px
}

.header-top .access-link li:before {
    position: absolute;
    content: ":";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-top .access-link li span {
    padding: 0 4px
}

.header-top .access-link li a:hover {
    color: #084C8B
}

.header-top .social-links .fa-twitter:hover {
    color: #55acee
}

.header-top:hover .social-links .fa-facebook:hover {
    color: #3b5999
}

.header-top:hover .social-links .fa-google-plus:hover {
    color: #dc4e41
}

.header-top:hover .social-links .fa-linkedin:hover {
    color: #0077b5
}

header.hd-transparent .header-top-box {
    border-bottom: 1px solid rgba(250, 250, 250, .1)
}

header.hd-transparent.header-4 .header-top .header-top-box,
header.hd-transparent.header-5 .header-top .header-top-box {
    border: none
}

header.hd-transparent.header-4 .header-top {
    background-color: #fff
}

header.hd-transparent.header-5 .header-top {
    background-color: #f7f7f7
}

header.hd-transparent.header-6 .header-top {
    background-color: #222
}

header.hd-transparent.header-8 .header-top,
header.hd-transparent.header-8 .header-top a {
    color: #ccc
}

header.hd-transparent.header-8 .header-top .header-top-box {
    border-bottom-color: rgba(102, 102, 102, .1)
}

header.hd-transparent.header-light .header-top,
header.hd-transparent.header-light .header-top a {
    color: #cff
}

header.hd-transparent.header-light .header-top .header-top-box {
    border-bottom-color: rgba(255, 255, 255, .1)
}

.navbar-default {
    background: #fff;
    border: none;
    font-family: Poppins, sans-serif;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    margin: 0
}

.navbar-default .navbar-collapse {
    padding-right: 0
}

.navbar-default .navbar-nav {
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

@media (min-width:768px) {
    .navbar-default .navbar-nav {
        margin-top: -8px
    }
}

@media (max-width:767px) {
    .text-xs-left {
        text-align: left!important
    }
    .header-top {
        line-height: 40px;
        height: auto
    }
    .navbar-default .navbar-nav {
        background-color: #333;
        padding-left: 15px
    }
    .navbar-default .navbar-nav>li {
        margin-top: 10px
    }
}

.navbar-default .navbar-nav.navbar-right {
    margin-right: 0!important
}

.navbar-default .navbar-nav>li {
    line-height: 40px
}

.navbar-default .navbar-nav>li>a {
    color: #666;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    padding: 10px 0;
    display: inline-block
}

@media (min-width:768px) {
    .navbar-default .navbar-nav>li {
        line-height: 150px
    }
    .navbar-default .navbar-nav>li>a {
        padding: 0 20px
    }
}

.navbar-default .navbar-nav>li li {
    line-height: 40px
}

.navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav>li>a:hover {
    color: #084C8B
}

.navbar-default .navbar-nav a.open-search {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 31px;
    padding: 0;
    background-color: #084C8B;
    border-radius: 50%;
    color: #fff
}

.navbar-default .navbar-nav a.open-search i {
    font-size: 15px;
    display: inline-block
}

.navbar-default .navbar-nav li.shopping-cart {
    padding: 0 10px
}

.navbar-default .navbar-nav li.shopping-cart>a {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 31px;
    background-color: #666;
    border-radius: 50%;
    padding: 0;
    position: relative;
    color: #fff
}

.navbar-default .navbar-nav li.shopping-cart>a i {
    font-size: 15px
}

.navbar-default .navbar-nav li.shopping-cart>a span {
    color: #fff;
    border-radius: 50%;
    position: absolute;
    background-color: #f66;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    right: -6px;
    top: -6px
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop {
    line-height: 24px;
    position: absolute;
    border-top: 3px solid #084C8B;
    top: 108px;
    padding: 30px 15px 25px 30px;
    z-index: 999;
    right: 0;
    margin-right: -30px;
    width: 300px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.navbar-default .navbar-nav li.shopping-cart:hover .shopping-cart-drop,
.navbar-default .navbar-nav li:hover ul.drop-down {
    opacity: 1;
    visibility: visible
}

@media (max-width:768px) {
    .navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop {
        display: none
    }
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop h3 {
    color: #222;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 30px
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop ul {
    margin: 0;
    padding: 0
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop ul li {
    list-style: none;
    display: block;
    position: relative;
    overflow: hidden;
    padding-left: 100px;
    margin-bottom: 15px
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop ul li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop ul li h3 {
    color: #333;
    font-size: 14px;
    font-family: Poppins, sans-serif;
    margin: 0 0 4px;
    font-weight: 600
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop ul li h3 a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #333
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop ul li h3 a:hover {
    color: #084C8B
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop ul li span.price {
    color: #084C8B;
    font-size: 14px;
    font-family: Handlee, sans-serif;
    margin: 0
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop ul li .cat-meta {
    line-height: 15px;
    margin-bottom: 8px;
    font-family: "Open Sans", sans-serif
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop ul li .cat-meta a {
    font-size: 12px;
    color: #666
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop ul li .cat-meta,
.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop ul li h3 {
    white-space: nowrap;
    max-width: 153px;
    overflow: hidden;
    text-overflow: ellipsis
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop .check-box-cont a {
    text-transform: uppercase;
    font-size: 14px;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    display: inline-block
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop .check-box-cont a.checkout-link {
    margin-top: 25px;
    text-decoration: underline
}

.navbar-default .navbar-nav li.shopping-cart .shopping-cart-drop:after {
    position: absolute;
    top: -10px;
    right: 50px;
    border-bottom: 10px solid #084C8B;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: ""
}

.navbar-default .navbar-nav li.drop {
    position: relative
}

.navbar-default .navbar-nav li.megadrop {
    position: inherit!important
}

.navbar-default .navbar-nav>li.search {
    position: static
}

.navbar-default .navbar-nav>li.search .form-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.navbar-default .navbar-nav>li.search .form-search input[type=search] {
    color: #999;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    border: none;
    font-size: 18px;
    width: 100%;
    outline: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    font-family: "Open Sans", sans-serif
}

.navbar-default .navbar-nav>li.search .form-search button {
    border: none;
    border-radius: 50%;
    outline: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: -15px;
    top: 50%;
    position: absolute;
    right: 0;
    background-color: #084C8B
}

.navbar-default .navbar-nav>li.search .form-search button i {
    font-size: 15px;
    color: #fff
}

.navbar-default .navbar-nav>li.search:hover .form-search {
    visibility: visible;
    opacity: 1
}

.navbar-default .navbar-brand {
    height: auto;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    padding: 0 15px;
    line-height: 80px
}

@media (min-width:768px) {
    .navbar-default .navbar-brand {
        margin-top: -8px;
        line-height: 150px
    }
    .navbar-default.navbar-fixed-top .list-nav-icon,
    .navbar-default.navbar-fixed-top .navbar-brand,
    .navbar-default.navbar-fixed-top .navbar-nav>li {
        line-height: 80px!important
    }
}

.navbar-default .navbar-brand img {
    vertical-align: middle;
    display: inline-block
}

.navbar-default.navbar-fixed-top .navbar-brand,
.navbar-default.navbar-fixed-top .navbar-nav {
    margin-top: 0
}

.navbar-default.navbar-fixed-top .navbar-right li.shopping-cart .shopping-cart-drop {
    top: 70px
}

.navbar-default.navbar-fixed-top .navbar-box {
    border-bottom: none!important
}

header .list-nav-icon {
    margin: 0;
    padding: 0
}

header .list-nav-icon li {
    font-size: 15px
}

header .list-nav-icon li.shopping-cart a {
    color: #fff;
    position: relative
}

header .list-nav-icon li.shopping-cart a span {
    color: #fff;
    border-radius: 50%;
    position: absolute;
    background-color: #f66;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 17px;
    padding-right: 1px;
    font-size: 12px;
    right: -15px;
    top: -12px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    opacity: 0
}

header .list-nav-icon li.shopping-cart:hover span {
    opacity: 1
}

header .list-nav-icon li.search {
    position: static;
    margin-left: 6px
}

header .list-nav-icon li.search a.open-search {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #fff;
    color: #fff
}

header .list-nav-icon li.search a.open-search i {
    display: inline-block
}

header.hd-transparent {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999
}

@media (max-width:768px) {
    header.hd-transparent {
        position: static;
        background-color: rgba(0, 0, 0, .8)
    }
}

header.hd-transparent .header-top,
header.hd-transparent .navbar-default {
    background-color: transparent
}

header.hd-transparent .navbar-brand,
header.hd-transparent .navbar-nav>li {
    line-height: 60px
}

@media (min-width:768px) {
    header.hd-transparent .navbar-default {
        padding-top: 50px
    }
}

@media (max-width:767px) {
    header.hd-transparent .navbar-default .navbar-toggle {
        margin-top: 14px!important
    }
}

header.hd-transparent .navbar-default li.search {
    position: static
}

header.hd-transparent .navbar-default li.search .form-search {
    top: -20px;
    height: 75px;
    line-height: 75px;
    left: -30px;
    right: -30px;
    padding: 0 30px;
    width: auto
}

header.hd-transparent .navbar-default li.search .form-search button {
    margin-right: 30px
}

header.hd-transparent .navbar-fixed-top {
    background-color: #222;
    padding-top: 0
}

header.hd-transparent.header-4 .navbar-brand a,
header.hd-transparent.header-4 .navbar-nav>li a,
header.hd-transparent.header-light .navbar-brand a,
header.hd-transparent.header-light .navbar-nav>li a {
    color: #fff
}

header.hd-transparent.header-4 .navbar-brand a.active,
header.hd-transparent.header-4 .navbar-brand a:hover,
header.hd-transparent.header-4 .navbar-nav>li a.active,
header.hd-transparent.header-4 .navbar-nav>li a:hover,
header.hd-transparent.header-light .navbar-brand a.active,
header.hd-transparent.header-light .navbar-brand a:hover,
header.hd-transparent.header-light .navbar-nav>li a.active,
header.hd-transparent.header-light .navbar-nav>li a:hover {
    color: #222
}

header.hd-transparent.header-5 .list-nav-icon,
header.hd-transparent.header-6 .list-nav-icon,
header.hd-transparent.header-8 .list-nav-icon {
    line-height: 80px;
    white-space: nowrap
}

@media (min-width:768px) {
    header.hd-transparent.header-5 .list-nav-icon,
    header.hd-transparent.header-6 .list-nav-icon,
    header.hd-transparent.header-8 .list-nav-icon {
        line-height: 150px
    }
    header.hd-transparent.header-5 .navbar-box,
    header.hd-transparent.header-6 .navbar-box,
    header.hd-transparent.header-8 .navbar-box {
        border-bottom: 1px solid #666
    }
}

header.hd-transparent.header-5 .navbar-brand,
header.hd-transparent.header-6 .navbar-brand,
header.hd-transparent.header-8 .navbar-brand {
    float: none;
    display: inline-block;
    line-height: 80px;
    margin: 0
}

@media (min-width:768px) {
    header.hd-transparent.header-5 .navbar-brand,
    header.hd-transparent.header-6 .navbar-brand,
    header.hd-transparent.header-8 .navbar-brand {
        line-height: 150px
    }
}

header.hd-transparent.header-5 .container,
header.hd-transparent.header-6 .container,
header.hd-transparent.header-8 .container {
    position: relative
}

header.hd-transparent.header-5 .navbar-box li.search .form-search,
header.hd-transparent.header-6 .navbar-box li.search .form-search,
header.hd-transparent.header-8 .navbar-box li.search .form-search {
    position: absolute;
    top: 50%;
    margin-top: -37.5px;
    line-height: 75px;
    padding: 0 30px;
    left: -15px;
    right: -15px;
    background: #fff;
    z-index: 9999;
    height: 75px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

header.hd-transparent.header-5 .navbar-box li.search .form-search input[type=search],
header.hd-transparent.header-6 .navbar-box li.search .form-search input[type=search],
header.hd-transparent.header-8 .navbar-box li.search .form-search input[type=search] {
    color: #999;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    border: none;
    font-size: 18px;
    width: 100%;
    outline: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    font-family: "Open Sans", sans-serif
}

header.hd-transparent.header-5 .navbar-box li.search .form-search button,
header.hd-transparent.header-6 .navbar-box li.search .form-search button,
header.hd-transparent.header-8 .navbar-box li.search .form-search button {
    border: none;
    border-radius: 50%;
    outline: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: -15px;
    top: 50%;
    position: absolute;
    right: 0;
    background-color: #084C8B
}

header.hd-transparent.header-5 .navbar-box li.search .form-search button i,
header.hd-transparent.header-6 .navbar-box li.search .form-search button i,
header.hd-transparent.header-8 .navbar-box li.search .form-search button i {
    font-size: 15px;
    color: #fff
}

header.hd-transparent.header-5 .navbar-box li.search:hover .form-search,
header.hd-transparent.header-6 .navbar-box li.search:hover .form-search,
header.hd-transparent.header-8 .navbar-box li.search:hover .form-search {
    visibility: visible;
    opacity: 1
}

header.hd-transparent.header-5.search-fixed .container,
header.hd-transparent.header-6.search-fixed .container,
header.hd-transparent.header-8.search-fixed .container {
    position: relative
}

header.hd-transparent.header-5.search-fixed .search-column,
header.hd-transparent.header-6.search-fixed .search-column,
header.hd-transparent.header-8.search-fixed .search-column {
    position: static
}

@media (max-width:767px) {
    header.hd-transparent.header-5 .navbar-brand,
    header.hd-transparent.header-6 .navbar-brand,
    header.hd-transparent.header-8 .navbar-brand {
        padding: 0;
        margin-left: -30px
    }
}

header.hd-transparent.header-5 .navbar-default,
header.hd-transparent.header-6 .navbar-default,
header.hd-transparent.header-8 .navbar-default {
    padding-top: 0;
    position: relative;
}

header.hd-transparent.header-5 .navbar-default .navbar-toggle,
header.hd-transparent.header-6 .navbar-default .navbar-toggle,
header.hd-transparent.header-8 .navbar-default .navbar-toggle {
    display: block!important;
    border: none;
    padding: 0;
    position: absolute;
    background-color: transparent;
    z-index: 999;
    line-height: 120px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

@media (max-width:767px) {
    header.hd-transparent.header-5 .navbar-default .navbar-toggle,
    header.hd-transparent.header-6 .navbar-default .navbar-toggle,
    header.hd-transparent.header-8 .navbar-default .navbar-toggle {
        padding: 0;
        line-height: 52px
    }
}

header.hd-transparent.header-5 .navbar-default .navbar-toggle img,
header.hd-transparent.header-6 .navbar-default .navbar-toggle img,
header.hd-transparent.header-8 .navbar-default .navbar-toggle img {
    opacity: 0
}

header.hd-transparent.header-5 .navbar-default .navbar-toggle:before,
header.hd-transparent.header-6 .navbar-default .navbar-toggle:before,
header.hd-transparent.header-8 .navbar-default .navbar-toggle:before {
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    left: 50%;
    margin-left: -11px;
    margin-top: 14px;
    top: 50%;
    opacity: 1;
    background: url(../images/close.png) no-repeat
}

header.hd-transparent.header-5 .navbar-default .navbar-toggle.collapsed img,
header.hd-transparent.header-6 .navbar-default .navbar-toggle.collapsed img,
header.hd-transparent.header-8 .navbar-default .navbar-toggle.collapsed img {
    opacity: 1;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

header.hd-transparent.header-5 .navbar-default .navbar-toggle.collapsed:before,
header.hd-transparent.header-6 .navbar-default .navbar-toggle.collapsed:before,
header.hd-transparent.header-8 .navbar-default .navbar-toggle.collapsed:before {
    opacity: 0;
    left: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

header.hd-transparent.header-5 .navbar-collapse.collapse,
header.hd-transparent.header-6 .navbar-collapse.collapse,
header.hd-transparent.header-8 .navbar-collapse.collapse {
    position: absolute;
    background-color: #333;
    min-width: 300px;
    max-width: 445px;
    width: 100%;
    padding: 0!important;
    height: 100vh!important;
    max-height: 833px;
    z-index: -99;
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out
}

header.hd-transparent.header-5 .navbar-collapse.collapse.in,
header.hd-transparent.header-6 .navbar-collapse.collapse.in,
header.hd-transparent.header-8 .navbar-collapse.collapse.in {
    opacity: 1;
    z-index: 99;
    visibility: visible
}

header.hd-transparent.header-5 .navbar-collapse.collapse.outin,
header.hd-transparent.header-6 .navbar-collapse.collapse.outin,
header.hd-transparent.header-8 .navbar-collapse.collapse.outin {
    right: 0;
    left: auto;
    margin-right: -125px
}

header.hd-transparent.header-5 .navbar-collapse.collapse .navbar-nav,
header.hd-transparent.header-6 .navbar-collapse.collapse .navbar-nav,
header.hd-transparent.header-8 .navbar-collapse.collapse .navbar-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

header.hd-transparent.header-5 .navbar-collapse.collapse .navbar-nav>li,
header.hd-transparent.header-6 .navbar-collapse.collapse .navbar-nav>li,
header.hd-transparent.header-8 .navbar-collapse.collapse .navbar-nav>li {
    height: 44px
}

header.hd-transparent.header-5 .navbar-collapse.collapse .navbar-nav>li>a,
header.hd-transparent.header-6 .navbar-collapse.collapse .navbar-nav>li>a,
header.hd-transparent.header-8 .navbar-collapse.collapse .navbar-nav>li>a {
    text-align: center;
    display: block;
    line-height: 45.5px
}

header.hd-transparent.header-5 .navbar-collapse.collapse .navbar-nav li,
header.hd-transparent.header-6 .navbar-collapse.collapse .navbar-nav li,
header.hd-transparent.header-8 .navbar-collapse.collapse .navbar-nav li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

header.hd-transparent.header-5 .navbar-collapse.collapse .navbar-nav li ul.drop-down,
header.hd-transparent.header-6 .navbar-collapse.collapse .navbar-nav li ul.drop-down,
header.hd-transparent.header-8 .navbar-collapse.collapse .navbar-nav li ul.drop-down {
    left: 100%;
    margin: 0!important;
    top: 0
}

@media (min-width:768px) {
}

header.hd-transparent.header-5 .navbar-fixed-top,
header.hd-transparent.header-6 .navbar-fixed-top,
header.hd-transparent.header-8 .navbar-fixed-top {
    line-height: 80px;
}

header.hd-transparent.header-5 .navbar-fixed-top .navbar-toggle,
header.hd-transparent.header-6 .navbar-fixed-top .navbar-toggle,
header.hd-transparent.header-8 .navbar-fixed-top .navbar-toggle {
    line-height: 65px;
}

header.hd-transparent.header-6,
header.hd-transparent.header-8 {
    position: static;
    background-color: #fff
}

.navbar-collapse,
.navbar-header {
    position: relative
}

header.hd-transparent.header-6 .list-nav-icon li.shopping-cart a,
header.hd-transparent.header-8 .list-nav-icon li.shopping-cart a {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 31px;
    background-color: #666;
    border-radius: 50%;
    padding: 0;
    position: relative;
    color: #fff;
    display: inline-block
}

header.hd-transparent.header-6 .list-nav-icon li.shopping-cart a i,
header.hd-transparent.header-8 .list-nav-icon li.shopping-cart a i {
    font-size: 15px
}

header.hd-transparent.header-6 .list-nav-icon li.shopping-cart a span,
header.hd-transparent.header-8 .list-nav-icon li.shopping-cart a span {
    right: -6px;
    top: -6px
}

.megadrop-down,
ul.drop-down {
    top: 100%;
    border-top: 3px solid #084C8B;
    left: 0
}

header.hd-transparent.header-6 .list-nav-icon li.search,
header.hd-transparent.header-8 .list-nav-icon li.search {
    margin-left: -6px
}

header.hd-transparent.header-6 .list-nav-icon li.search a.open-search,
header.hd-transparent.header-8 .list-nav-icon li.search a.open-search {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 31px;
    padding: 0;
    background-color: #084C8B;
    border-radius: 50%;
    color: #fff
}

header.hd-transparent.header-6 .list-nav-icon li.search a.open-search i,
header.hd-transparent.header-8 .list-nav-icon li.search a.open-search i {
    font-size: 15px;
    display: inline-block
}

.megadrop-down .dropdown h2,
.megadrop-down .dropdown ul li a,
ul.drop-down li a {
    font-size: 12px;
    text-transform: uppercase
}

header.hd-transparent.header-6 .navbar-box,
header.hd-transparent.header-8 .navbar-box {
    border-bottom: none!important
}

header.hd-transparent.header-6 .navbar-fixed-top,
header.hd-transparent.header-8 .navbar-fixed-top {
    background-color: #fff
}

header.hd-transparent.header-8 .list-nav-icon li a {
    background-color: transparent!important;
    color: #333!important
}

header.hd-transparent.header-9:before {
    content: "";
    height: 1px;
    width: 100%;
    display: block
}

header.hd-transparent.header-9 .navbar-default li.search {
    padding: 0 0 0 20px
}

header.lighter .navbar-default .navbar-nav>li>a {
    color: #999
}

header.lighter .navbar-default .navbar-nav>li.search>a,
header.lighter .navbar-default .navbar-nav>li.shopping-cart>a {
    color: #fff
}

header.lighter .navbar-default .navbar-nav>li>a.active,
header.lighter .navbar-default .navbar-nav>li>a:hover {
    color: #084C8B
}

header.header-9 .navbar-default .navbar-nav>li>a {
    color: #ccc
}

header.header-9 .navbar-default .navbar-nav>li.search a {
    color: #fff
}

header.header-9 .navbar-default .navbar-nav>li>a.active,
header.header-9 .navbar-default .navbar-nav>li>a:hover {
    color: #084C8B
}

.navbar-header {
    z-index: 99
}

#fullpage .navbar-fixed-top,
.megadrop-down,
ul.drop-down {
    position: absolute
}

.drop ul {
    margin: 0;
    padding: 0
}

.megadrop-down {
    width: 100%;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    background: #fff;
    padding: 0;
    box-shadow: 0 0 2px #eee;
    -webkit-box-shadow: 0 0 2px #eee;
    -moz-box-shadow: 0 0 2px #eee;
    -o-box-shadow: 0 0 2px #eee
}

@media (min-width:768px) {
    .megadrop-down {
        margin: -3px 0 0 20px!important
    }
}

.megadrop-down .dropdown {
    text-align: left
}

.megadrop-down .dropdown ul {
    margin: 0;
    padding: 0
}

.megadrop-down .dropdown ul li {
    list-style: none
}

.megadrop-down .dropdown ul li a {
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    display: block;
    color: #888;
    padding: 0 0 0 30px;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #333
}

ul.drop-down,
ul.drop-down li a {
    transition: all .4s ease-in-out
}

.megadrop-down .dropdown ul li a:hover {
    color: #084C8B;
    background: #f8f8f8
}

.megadrop-down .dropdown ul li a.comming {
    color: #aaa;
    opacity: .4
}

.megadrop-down .dropdown ul li:last-child a {
    border-bottom: none
}

.megadrop-down .dropdown ul.last-child li {
    border-right: none
}

.megadrop-down .dropdown h2 {
    font-weight: 600;
    margin: 0;
    padding: 17px 16px 15px;
    border-bottom: 1px solid #084C8B;
    color: #084C8B
}

li.drop:hover .megadrop-down,
li.megadrop:hover .megadrop-down {
    visibility: visible;
    opacity: 1
}

ul.drop-down {
    margin: 0;
    width: 220px;
    z-index: 999;
    visibility: hidden;
    padding: 0;
    opacity: 0;
    background-color: #222;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

@media (min-width:768px) {
    ul.drop-down {
        margin: -3px 0 0 20px!important
    }
    .columns2>ul {
        width: 420px
    }
    .columns2>ul>li {
        width: 50%;
        float: left
    }
    .columns3>ul {
        width: 630px
    }
    .columns3>ul>li {
        width: 33.33333333%;
        float: left
    }
}

ul.drop-down li {
    display: block
}

ul.drop-down li a {
    padding: 0 0 0 30px;
    text-decoration: none;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    display: block;
    color: #888;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    margin: 0;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333
}

@media (max-width:767px) {
    ul.drop-down li a {
        padding-left: 10px
    }
}

ul.drop-down li a:hover {
    color: #ccc;
    background: #333
}

#fullpage header.hd-transparent {
    position: absolute;
    z-index: 999
}

#fullpage .odeo-section {
    padding-top: 33.33333333vh
}

.header-10 .navbar-header {
    float: none;
    text-align: center;
    opacity: 1;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.header-10 .navbar-header .navbar-brand {
    float: none;
    line-height: 100px
}

.header-10 .navbar-header .list-nav-icon {
    position: static;
    float: right
}

.header-10 .navbar-header .list-nav-icon li {
    line-height: 100px
}

.header-10 .navbar-header .list-nav-icon li a {
    color: #333!important
}

.header-10 .navbar-header .list-nav-icon li.search {
    position: static
}

.header-10 .navbar-header .list-nav-icon li.search .form-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.header-10 .navbar-header .list-nav-icon li.search .form-search input[type=search] {
    color: #999;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    border: none;
    font-size: 18px;
    width: 100%;
    outline: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    font-family: "Open Sans", sans-serif
}

#countup-section7 .text,
.title-section img,
.title-section i.fa {
    margin-bottom: 25px;
}

.title-section i.fa {
    color: #e8e8e8;
    font-size: 30px;
}

.header-10 .navbar-header .list-nav-icon li.search .form-search button {
    border: none;
    border-radius: 50%;
    outline: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: -15px;
    top: 50%;
    position: absolute;
    right: 0;
    background-color: #084C8B
}

.header-10 .navbar-header .list-nav-icon li.search .form-search button i {
    font-size: 15px;
    color: #fff
}

.header-10 .navbar-header .list-nav-icon li.search:hover .form-search {
    visibility: visible;
    opacity: 1
}

.header-10 .navbar-header .list-nav-icon li.shopping-cart a span {
    right: -12px;
    top: -6px
}

.header-10 .navbar-nav {
    float: none!important;
    margin-top: 2px
}

.header-10 .navbar-nav>li {
    float: none;
    display: inline-block;
    line-height: 50px
}

.header-10 .navbar-nav>li li {
    text-align: left
}

.header-10 .navbar-collapse {
    border-top: 1px solid rgba(102, 102, 102, .1)
}

.header-10.active .navbar-fixed-top {
    max-height: 80px
}

.header-10.active .navbar-fixed-top .navbar-header {
    height: 0;
    opacity: 0
}

.header-10.active .navbar-fixed-top .navbar-collapse {
    z-index: 999
}

/*-------------------------------------------------------*/
/* 4. Title and Breadcrumb section
/*-------------------------------------------------------*/

.title-bar-section {
    padding-top: 65px;
    padding-bottom: 70px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(/images/title-bar.jpg)
}

.title-bar-section .page-title {
    color: #fff;
    text-transform: uppercase
}

.breadcrumb-section {
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: capitalize;
    border-bottom: 1px solid #eee
}

.breadcrumb-section a {
    color: #ccc;
    font-size: 12px;
    padding-right: 20px
}

.breadcrumb-section a i {
    margin-left: 10px
}

.breadcrumb-section span {
    color: #999
}

.title-section h2 {
    font-size: 36px;
    font-weight: 700;
    margin-top: 0;
    color: #333
}

.title-section h2 span {
    font-size: 60px;
    top: 15px;
    position: relative;
    margin-right: 20px
}

.title-section p {
    font-size: 14px;
    margin-top: 15px
}

.title-section.white h2,
.title-section.white p,
.title-section.white-grey h2 {
    color: #fff
}

.title-section.white-grey p {
    color: #999
}

.title-section.handle-desc p {
    font-family: Handlee, sans-serif;
    font-size: 18px
}

.title-section>.fa {
    color: #444;
    font-size: 35px;
    margin-bottom: 9px
}

.title-section.popin-light h2 {
    font-family: Poppins, sans-serif;
    font-weight: 400
}

.title-section.black h2 {
    color: #000
}

.title-section.small h2 {
    font-size: 18px
}

/*-------------------------------------------------------*/
/* 5. Home section - sliders
/*-------------------------------------------------------*/

#home-section .tp-caption.no-shadow {
    text-shadow: none
}

#home-section .tp-caption.finewide_large_white {
    color: #FFF;
    /*background-color: #084c8b;
    padding: 5px;*/
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    font-family: Poppins, sans-serif, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0;
    border-width: 0;
    border-color: #000;
    border-style: none
}

#home-section .tp-caption.small_text {
    position: absolute;
    color: #fff;
    /*background-color: #084c8b;
    padding: 10px;*/
    text-shadow: none;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    font-family: Poppins, sans-serif, sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

#home-section .tp-caption.small_text.white-text {
    color: #fff
}

#home-section .tp-caption.very_large_text {
    font-family: Handlee, sans-serif;
    font-weight: 400;
    color: #084C8B
}

#home-section .tp-caption.very_large_text.lighter {
    color: #a8ecff;
    text-shadow: none
}

#home-section .tp-caption .trans-btn,
#home-section .tp-caption .trans-btn2,
#home-section .tp-caption .trans-btn3 {
    color: #fff;
    background-color: #084C8B;
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    border-radius: 50px;
    display: inline-block;
    padding: 0 40px;
    border: 1px solid transparent;
    line-height: 50px
}

#service-section4,
#service-section5 {
    padding-top: 135px
}

@media (min-width:768px) {
    #home-section .tp-caption .trans-btn,
    #home-section .tp-caption .trans-btn2,
    #home-section .tp-caption .trans-btn3 {
        height: 50px
    }
}

#home-section .tp-caption .trans-btn.white-bg,
#home-section .tp-caption .trans-btn2.white-bg,
#home-section .tp-caption .trans-btn3.white-bg {
    background-color: #fff;
    color: #084C8B
}

#home-section .tp-caption .trans-btn.white-bg:hover,
#home-section .tp-caption .trans-btn2.white-bg:hover,
#home-section .tp-caption .trans-btn3.white-bg:hover {
    color: #fff
}

#service-section2 .title-section p,
#service-section6 .title-section p {
    color: #999
}

#home-section .tp-caption .trans-btn2 {
    background-color: #0e0c0b;
    border-color: #084C8B
}

#home-section .tp-caption .trans-btn2:hover {
    background-color: #084C8B
}

#home-section .tp-caption .trans-btn3 {
    border-color: #084C8B;
    background-color: transparent
}

#home-section .tp-caption .trans-btn3:hover {
    background-color: #084C8B
}

#home-section .tp-caption .trans-btn:hover {
    background-color: #27bce7
}

#home-section .tp-bannertimer {
    display: none!important
}

#home-section .tp-bullets.simplebullets.round .bullet,
#home-section .tp-bullets.simplebullets.round .bullet:hover {
    background-color: #8a8888;
    border: none
}

#home-section .tp-bullets.simplebullets.round .bullet.selected,
#home-section .tp-bullets.simplebullets.round .bullet:hover.selected {
    background: #084C8B
}

/*-------------------------------------------------------*/
/* 6. Services sections
/*-------------------------------------------------------*/

#service-section14,
#service-section2,
#service-section6 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

#service-section {
    padding-top: 124px
}

#service-section .service-post {
    margin-bottom: 80px
}

#service-section2 {
    padding-top: 125px;
    padding-bottom: 85px;
    background-image: url(../html/uploads/banner/21.jpg)
}

#service-section2 .service-post {
    margin-bottom: 60px
}

#service-section2 .title-section {
    margin-bottom: 30px
}

#service-section3 {
    background: url(../html/uploads/banner/26.png) 0 100% no-repeat #43c9f0;
    padding-top: 94px
}

#service-section3 .title-section {
    margin-bottom: 56px
}

#service-section3 .service-box {
    margin-bottom: 48px
}

#service-section3 .single-image {
    margin-bottom: -60px
}

#service-section10 {
    background-color: #43c9f0;
    padding-top: 82px;
    padding-bottom: 30px
}

#service-section10 .service-box {
    margin-bottom: 48px
}

#service-section4 {
    padding-bottom: 110px
}

#service-section4 .title-section {
    margin-bottom: 60px
}

#service-section5 .title-section {
    margin-bottom: 100px
}

#service-section5 .service-box {
    background-color: #fafafa
}

#service-section5 .service-box .col-sm-6 {
    padding: 85px 5.2%;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee
}

#service-section5 .service-box .col-sm-6:last-child {
    border-right: none
}

#service-section6 {
    padding-top: 60px;
    padding-bottom: 35px;
    background-image: url(../html/uploads/banner/52.jpg)
}

#service-section6 .service-post {
    margin-bottom: 60px
}

#service-section6 .title-section {
    margin-bottom: 95px
}

#service-section7 .title-section,
#service-section8 .title-section,
#service-section9 .service-post {
    margin-bottom: 55px
}

#service-section7 {
    padding-top: 138px
}

#service-section8 {
    background: url(../html/uploads/banner/71.png) 0 100% no-repeat #323232
}

#service-section9 {
    background: url(../html/uploads/banner/84-a.jpg) 100% 0 no-repeat #e9eaec;
    background-size: cover;
    padding-top: 110px;
    padding-bottom: 70px
}

#service-section11 {
    background: url(../html/uploads/banner/ab2.png) 0 100% no-repeat #f7f7f7;
    padding-top: 94px
}

#service-section11 .title-section {
    margin-bottom: 56px
}

#service-section11 .service-box {
    margin-bottom: 48px
}

#service-section12 {
    padding-top: 94px;
    padding-bottom: 85px
}

#service-section12 .title-section {
    margin-bottom: 56px
}

#service-section12 .service-box {
    margin-bottom: 48px
}

@media (min-width:992px) {
    #service-section12 .col-md-8 {
        padding-left: 80px
    }
    .signup-section p {
        white-space: nowrap
    }
}

#service-section12 .single-image {
    margin-bottom: 30px
}

#service-section12 .single-image:first-child img {
    padding-top: 5px
}

#service-section13 {
    padding-top: 124px
}

#service-section14 {
    background-image: url(../html/uploads/banner/sv3.jpg);
    padding-top: 95px;
    padding-bottom: 120px
}

#service-section14 .title-section {
    margin-bottom: 80px
}

#service-section15 {
    background: url(../html/uploads/banner/sv4.jpg) 0 100% no-repeat #f7f7f7;
    padding-top: 94px
}

#service-section15 .title-section {
    margin-bottom: 56px
}

#service-section15 .service-box {
    margin-bottom: 100px
}

#service-section15 .countup-box {
    margin-bottom: 115px
}

#service-section16 {
    background-color: #222
}

#service-section16 .service-box h3 {
    color: #fff
}

#service-section16 .service-box .col-sm-6 {
    padding: 85px 5.2%;
    border-right: 1px solid #333;
    border-top: 1px solid #333
}

#service-section16 .service-box .col-sm-6:last-child {
    border-right: none
}

.service-box .service-post h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 0 20px
}

.service-box .service-post h2 span {
    display: block;
    color: #084C8B
}

.service-box .service-post h2+p {
    padding-bottom: 16px
}

.service-box .service-post .fa {
    font-size: 33px;
    color: #084C8B
}

#service-section10 .service-box .service-post .fa {
    color: #fff;
}

.service-box .service-post h3 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 24px 0 20px
}

.service-box .service-post p {
    font-size: 14px;
    color: #666
}

.service-box .service-post img {
    margin: 2px 0 5px
}

.service-box .service-post .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    display: inline-block;
    border-radius: 50%
}

.service-box .service-post .icon .fa {
    line-height: 70px
}

.service-box.white .icon {
    background-color: #fff
}

.service-box.line-icon-style .icon,
.service-box.skin .icon {
    background-color: #084C8B
}

.service-box.white h2,
.service-box.white h3,
.service-box.white p {
    color: #fff
}

.service-box.dark-icon .fa {
    color: #333
}

.service-box.dark-icon .fa,
.service-box.dark-icon img {
    margin-right: 32px
}

.service-box.dark-icon .service-post h3 {
    margin: 19px 0 30px
}

.service-box.left-icon .service-post {
    padding-left: 70px;
    position: relative
}

.service-box.left-icon .service-post>.fa,
.service-box.left-icon .service-post>.icon,
.service-box.left-icon .service-post>img {
    position: absolute;
    left: 0;
    top: 0
}

.service-box.left-icon.round .service-post {
    padding-left: 100px
}

.service-box.line-icon-style {
    position: relative
}

.service-box.line-icon-style:before {
    content: "";
    position: absolute;
    left: 34px;
    border-left: 1px solid #084C8B;
    top: 60px;
    bottom: 60px
}

.service-box.line-icon-style .service-post {
    padding-left: 100px;
    margin-bottom: 52px
}

.service-box.line-icon-style .service-post h3 span {
    color: #084C8B
}

.service-box.line-icon-style .icon .fa {
    color: #fff
}

.service-box.dark .service-post h2,
.service-box.dark .service-post h3 {
    color: #fefefe
}

.service-box.dark .service-post p {
    color: #999
}

.service-box.skin .icon .fa {
    color: #fff
}

.service-box.skin p {
    color: #999
}

.service-box .group-samehei {
    padding: 0
}

.service-box .group-samehei>.img-responsive {
    width: 100%
}

.service-box .service-post-2 .content-text-wrap {
    position: relative;
    background-color: #084C8B
}

.service-box .service-post-2 .content-text-wrap:after {
    position: absolute;
    content: "";
    z-index: 2
}

.service-box .service-post-2 .content-text-wrap.top:after {
    border-bottom: 14px solid #084C8B;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    top: -14px
}

.service-box .service-post-2 .content-text-wrap.bottom:after {
    border-top: 14px solid #084C8B;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    bottom: -14px
}

.service-box .service-post-2 .content-text-wrap.right:after {
    border-left: 14px solid #084C8B;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    right: -14px;
    top: 50%;
    margin-top: -9px
}

.service-box .service-post-2 .content-text-wrap.left:after {
    border-right: 14px solid #084C8B;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    left: -14px;
    top: 50%;
    margin-top: -9px
}

.service-box .service-post-2 .content-text {
    max-width: 60%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.service-box .service-post-2 .content-text h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6%
}

.service-box .service-post-2 .content-text i {
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
}

/*-------------------------------------------------------*/
/* 7. Footer
/*-------------------------------------------------------*/

footer {
    background-color: #111 /*#222*/;
    padding-top: 80px
}

footer .footer-widgets {
    padding-bottom: 65px
}

footer .footer-widgets .widgets {
    margin-bottom: 40px
}

footer .footer-widgets .widgets.about-widget .img-responsive {
    margin-bottom: 22px
}

footer .footer-widgets .widgets .newsletter {
    /*background: url(../images/arrow-elip.png) 100% 0 no-repeat;*/
    margin-top: 30px;
    padding-top: 14px
}

footer .footer-widgets .widgets .newsletter label {
    font-size: 18px;
    color: #fff;
    font-family: Handlee, sans-serif;
    font-weight: 400;
    margin-bottom: 9px
}

footer .footer-widgets .widgets .newsletter .form-wrap {
    white-space: nowrap;
    position: relative
}

footer .footer-widgets .widgets .newsletter .form-wrap input {
    height: 36px;
    border: none;
    outline: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

footer .footer-widgets .widgets .newsletter .form-wrap input[type=email] {
    border-radius: 5px;
    background-color: #f7f7f7;
    padding: 0 110px 0 12px;
    width: 95%;
    border: 2px solid transparent
}

footer .footer-widgets .widgets .newsletter .form-wrap input[type=email]:focus,
footer .footer-widgets .widgets .newsletter .form-wrap input[type=email]:focus+input {
    border-color: #084C8B
}

footer .footer-widgets .widgets .newsletter .form-wrap input[type=submit] {
    position: absolute;
    width: 110px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    right: 0;
    border-left: 2px solid #222;
    text-transform: uppercase;
    background-color: #084C8B;
    color: #fff
}

footer .footer-widgets .widgets .newsletter .form-wrap input[type=submit]:hover {
    background-color: #27bce7
}

footer .footer-widgets .widgets.twitter_feed .twitter-box {
    color: #999;
    margin-bottom: 30px
}

footer .footer-widgets .widgets.twitter_feed .twitter-box .fa {
    color: #084C8B
}

footer .footer-widgets .widgets.twitter_feed .twitter-box .fa+a {
    color: #fff;
    margin-left: 9px
}

footer .footer-widgets .widgets.twitter_feed .twitter-box>p {
    margin-top: 7px
}

footer .footer-widgets .widgets ul.tag-list {
    margin: 0;
    padding: 0
}

footer .footer-widgets .widgets ul.tag-list li {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 2px
}

footer .footer-widgets .widgets ul.tag-list li a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #fff;
    font-size: 12px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    padding: 7px 15px;
    border: 1px solid #fff;
    border-radius: 3px;
    background: 0 0
}

footer .footer-widgets .widgets ul.tag-list li a:hover {
    background: #fff;
    color: #084C8B
}

footer .footer-widgets .widgets.photo-tream-widget {
    max-width: 260px
}

footer .footer-widgets .widgets ul.photo-list {
    margin: 0;
    padding: 6px 0 0;
    font-size: 0
}

footer .footer-widgets .widgets ul.photo-list li {
    display: inline-block
}

footer .footer-widgets .widgets ul.photo-list li a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

footer .footer-widgets .widgets ul.photo-list li a img {
    max-width: 80px
}

footer .footer-widgets .widgets ul.photo-list li a:hover {
    opacity: .7
}

footer .footer-widgets .widgets ul.nav-list {
    margin: 0;
    padding: 0
}

footer .footer-widgets .widgets ul.nav-list li {
    list-style: none;
    margin-bottom: 5px;
    line-height: 18px
}

footer .footer-widgets .widgets ul.nav-list li a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #222;
    font-size: 12px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

footer .footer-widgets .widgets ul.nav-list li a:hover {
    color: #084C8B
}

footer .footer-widgets .widgets ul.socials-list {
    margin: 0;
    padding: 0
}

footer .footer-widgets .widgets ul.socials-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px
}

footer .footer-widgets .widgets img.logo,
footer h3 {
    margin-bottom: 30px
}

footer .footer-widgets .widgets ul.socials-list li .fa {
    color: #084C8B;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 5px;
    /*top: 1em*/
}

footer .footer-widgets .widgets ul.socials-list li a {
    line-height: 9px;
    color: #fff;
    font-size: 14px
}

footer .footer-widgets .widgets ul.socials-list li a span {
    display: block;
    font-size: 13px;
    color: #999
}

footer .footer-widgets .widgets .social-links a {
    font-size: 15px;
    color: #999;
    padding: 0 8px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

footer h3 {
    margin-top: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

footer ul.social-list {
    margin: 20px 0 0;
    padding: 0
}

footer ul.social-list li {
    display: inline-block;
    margin: 0 3px 0 0
}

footer ul.social-list li a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    background: #084C8B;
    font-size: 12px;
    text-align: center
}

footer ul.social-list li a:hover {
    background: #fff;
    color: #222
}

footer ul.navigation-list {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

footer ul.navigation-list li {
    margin: 0 3px 0 0;
    padding-left: 1em; 
    text-indent: -.7em;    
}

footer ul.navigation-list li:before {

    content: '\2022';
    color: #084C8B;
    padding-right: 4px;

}

footer ul.navigation-list li a {
    text-decoration: none;
    line-height: 23px;
    color: #999;
    font-size: 13px;
}

footer ul.navigation-list li a:hover {
    text-decoration: underline;
    color: #084C8B;
}

    footer .footer-bottom {
        background-color: #084C8B;
        height: 80px;
        text-align: center;
        line-height: 80px
    }

footer .footer-bottom p.copyright {
    display: inline-block;
    font-size: 13px;
    margin: 0;
    text-align: left
}

footer.footer2 {
    padding-top: 60px
}

footer.footer2 .footer-widgets {
    padding-bottom: 10px
}

@media (max-width:1900px) {
    .vertical-header header {
        padding-top: 100px
    }
    .vertical-header header .logo {
        margin-bottom: 40px
    }
    .vertical-header .page-banner-section {
        padding: 70px 85px 70px 25px
    }
}

@media (max-width:991px) {
    .text-sm-center {
        text-align: center!important
    }
    .vertical-header header {
        position: relative;
        width: 100%;
        max-width: 100%;
        height: auto!important;
        padding-top: 0
    }
    .vertical-header header .logo {
        text-align: center;
        padding: 10px 5px 0;
        margin-bottom: 0
    }
    .vertical-header nav.menu {
        max-height: 250px;
        overflow-y: scroll;
        overflow-x: hidden;
        display: none;
        text-align: center
    }
    .vertical-header nav.menu>li>a {
        margin-bottom: 10px;
        padding: 0
    }
    .vertical-header header nav ul li.drop div.ver-megadropdown,
    .vertical-header header nav ul li.drop ul.dropdown {
        position: relative;
        text-align: center;
        top: 0;
        left: 0;
        width: 100%;
        visibility: visible;
        opacity: 1;
        border: none;
        padding: 0
    }
    .vertical-header header nav ul li.drop div.ver-megadropdown li a,
    .vertical-header header nav ul li.drop ul.dropdown li a {
        background: 0 0;
        text-align: center;
        border: none;
        padding: 8px 25px
    }
    .vertical-header header nav ul li.drop div.ver-megadropdown ul {
        width: 100%
    }
    .vertical-header header nav ul li.drop div.ver-megadropdown li {
        float: none;
        display: block;
        margin: 0;
        width: 100%
    }
    .vertical-header header nav ul li.drop div.ver-megadropdown li a {
        padding: 0
    }
    .vertical-header a.elemadded {
        display: block
    }
    .vertical-header #content {
        margin-left: 0
    }
    .vertical-header .page-banner-section {
        padding: 40px 15px
    }
}

@media (max-width:767px) {
    .navbar-default .navbar-toggle,
    header.active .navbar-default .navbar-toggle {
        margin-top: 19px
    }
    .megadrop-down .dropdown a.comming,
    .megadrop-down .dropdown h2,
    header .navbar-nav>li>a.open-search {
        display: none
    }
    .megadrop-down,
    ul.drop-down {
        top: inherit;
        left: inherit;
        background: 0 0
    }
    .navbar-nav li.shopping-cart .shopping-cart-drop,
    ul.drop-down {
        position: relative;
        opacity: 1;
        visibility: visible;
        width: 100%
    }
    .text-xs-center {
        text-align: center!important
    }
    .megadrop-down {
        position: relative;
        visibility: visible;
        opacity: 1;
        padding: 5px 25px;
        box-shadow: none!important;
        -webkit-box-shadow: none!important;
        -moz-box-shadow: none!important;
        -o-box-shadow: none!important
    }
    .megadrop-down .dropdown ul li {
        padding-bottom: 0
    }
    .megadrop-down .dropdown ul li a {
        padding-bottom: 9px
    }
    ul.drop-down {
        border-top: none
    }
}

/*-------------------------------------------------------*/
/* 8. Countup - sections
/*-------------------------------------------------------*/

#countup-section,
#countup-section2,
#countup-section4,
#countup-section6 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

#countup-section {
    background-image: url(/images/banner1.jpg);
    padding-top: 154px;
    padding-bottom: 105px
}

#countup-section2 {
    background-image: url(../html/uploads/banner/24.jpg);
    padding-top: 173px;
    padding-bottom: 132px
}

#countup-section3 {
    background-color: #084C8B;
    padding: 75px 0 30px
}

#countup-section4 {
    background-image: url(../html/uploads/banner/9.jpg);
    padding: 75px 0 30px
}

#countup-section5 {
    padding-top: 120px
}

#countup-section6 {
    background-image: url(../html/uploads/banner/64.jpg);
    padding: 75px 0 30px
}

#countup-section7 {
    padding-top: 125px;
    padding-bottom: 80px
}

#countup-section7 h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    margin-top: 0
}

#countup-section7 h2 span {
    color: #ccc
}

#countup-section7 .countup-item-wrap .countup-text span {
    font-size: 30px
}

#countup-section7 .countup-item-wrap>p {
    color: #666;
    text-align: left
}

#countup-section8 {
    background: url(../html/uploads/banner/97.png) 0 100% no-repeat #43c9f0;
    padding: 75px 0 30px
}

.countup-item-wrap {
    margin-bottom: 40px
}

.countup-item-wrap i {
    font-size: 24px;
    color: #fff;
}

.countup-box.black .countup-item-wrap .countup-item i {
    color: #444;
}

.countup-item-wrap .countup-text span {
    display: block;
    font-size: 36px;
    color: #084C8B;
    margin: 31px 0 11px;
    font-family: Handlee, sans-serif
}

.countup-item-wrap .countup-text.white span {
    color: #fff
}

.countup-item-wrap.dash-icon {
    position: relative;
    padding-bottom: 27px
}

.countup-item-wrap.dash-icon:after {
    content: "";
    border-left: 1px solid rgba(238, 238, 238, .2);
    height: 27px;
    bottom: 0;
    left: 50%
}

.countup-item-wrap .circle-countup,
.countup-item-wrap .circle-countup2 {
    position: relative;
    display: inline-block;
    width: 163px;
    height: 163px;
    text-align: center
}

.countup-item-wrap .circle-countup canvas,
.countup-item-wrap .circle-countup2 canvas {
    position: absolute;
    top: 0;
    left: 0
}

.countup-item-wrap .circle-countup .countup-text,
.countup-item-wrap .circle-countup2 .countup-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.countup-item-wrap .circle-countup .countup-text i,
.countup-item-wrap .circle-countup2 .countup-text  i{
    font-size: 24px;
    color: #084C8B;
}

.countup-item-wrap .circle-countup .countup-text span,
.countup-item-wrap .circle-countup2 .countup-text span {
    font-size: 30px;
    color: #fff;
    margin: 18px 0 0
}

.countup-item-wrap .circle-countup2 .countup-text span {
    color: #084C8B
}

.countup-item-wrap>p {
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: 600
}

.portfolio-section a.btn-view-all,
.portfolio-section ul.filter li a,
.portfolio-section ul.filters li a {
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    font-family: Poppins, sans-serif;
    text-transform: uppercase
}

@media (max-width:992px) {
    .countup-item-wrap>p {
        margin: 22px auto 0
    }
}

.countup-item-wrap .countup-item .ui-icon {
    width: 70px;
    height: 70px;
    line-height: 76px;
    text-align: center;
    display: inline-block;
    background-color: #084C8B;
    border-radius: 50%;
    text-indent: 0;
}

.countup-item-wrap .countup-item .ui-icon i {
    font-size: 24px;
    color: #fff;
}

.circle-countup-box .countup-item-wrap p {
    max-width: 163px;
    margin-top: 22px
}

.circle-countup-box.countup-box2 .countup-item-wrap>p {
    color: #333
}

.white .countup-text span {
    color: #fff
}

.black .countup-text span {
    color: #222
}

.black .countup-item-wrap>p {
    color: #999
}

#countup-section9 {
    background-color: #43c9f0;
    padding: 65px 0 30px
}

/*-------------------------------------------------------*/
/* 1. Portfolio sections
/*-------------------------------------------------------*/

#portfolio-section {
    padding: 114px 0 90px
}

#portfolio-section .title-section {
    margin: 0 0 80px -15px
}

#portfolio-section .title-section>span {
    margin-bottom: 0
}

#portfolio-section .portfolio-box {
    width: 100%;
    margin: 0
}

#portfolio-section .portfolio-box .project-post {
    width: 33.33333333%;
    margin: 0;
    padding: 0
}

#portfolio-section2 {
    padding: 125px 0 110px
}

#portfolio-section2 .title-section {
    margin-bottom: 51px
}

#portfolio-section2 .portfolio-box .project-post {
    width: 20%
}

@media (max-width:991px) {
    #portfolio-section2 .portfolio-box .project-post {
        width: 33.33333333%
    }
}

#portfolio-section2 ul.filter,
#portfolio-section2 ul.filters {
    margin-bottom: 60px
}

#portfolio-section3 {
    padding: 125px 0 120px
}

#portfolio-section3 .title-section {
    margin-bottom: 51px
}

#portfolio-section3 .portfolio-section a.btn-view-all {
    margin-top: 30px
}

#portfolio-section5 {
    padding-top: 50px;
    padding-bottom: 85px
}

#portfolio-section5 .title-section {
    margin-bottom: 50px
}

#portfolio-section6 {
    padding: 135px 0 180px
}

#portfolio-section6 .title-section {
    margin: 0 0 80px -15px
}

#portfolio-section6 .title-section>span {
    margin-bottom: 0
}

#portfolio-section6 .portfolio-box {
    width: 100%;
    margin: 0
}

#portfolio-section6 .portfolio-box .project-post {
    width: 33.33333333%;
    margin: 0;
    padding: 0
}

#portfolio-section5 .text-center {
    clear: both;
}

.portfolio-section ul.filter,
.portfolio-section ul.filters {
    margin: 0 0 45px;
    padding: 0
}

.portfolio-section ul.filter li,
.portfolio-section ul.filters li {
    display: inline-block
}

.portfolio-section ul.filter li a,
.portfolio-section ul.filters li a {
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #999;
    padding: 0 14px;
    border-radius: 30px;
    line-height: 30px;
    height: 30px;
    border: 1px solid transparent
}

.portfolio-section ul.filter li a.active,
.portfolio-section ul.filter li a:hover,
.portfolio-section ul.filters li a.active,
.portfolio-section ul.filters li a:hover {
    color: #084C8B
}

.portfolio-section ul.filter li a.active,
.portfolio-section ul.filters li a.active {
    border-color: #084C8B
}

.portfolio-section ul.filter.filter-skin a.active,
.portfolio-section ul.filters.filter-skin a.active {
    background-color: #084C8B;
    color: #fff
}

.portfolio-section ul.filter.filter-nobd a,
.portfolio-section ul.filters.filter-nobd a {
    border: none
}

.portfolio-section a.btn-view-all {
    color: #084C8B;
    position: relative;
    padding-right: 16px;
    margin-top: 50px
}

.portfolio-section a.btn-view-all:after {
    background: url(../images/arrow-right.png) -26px 0 no-repeat;
    position: absolute;
    height: 6px;
    right: -36px;
    width: 43px;
    overflow: hidden;
    content: "";
    top: 8px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.portfolio-section a.btn-view-all:hover {
    color: #084C8B
}

.portfolio-section a.btn-view-all:hover:after {
    background-position: 0 0
}

#signup-portfo-section2,
#signup-section,
#signup-section2 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.portfolio-section .portfolio-box .project-post {
    margin: 0;
    padding: 0
}

.portfolio-box .project-post {
    width: 25%;
    position: relative
}

.portfolio-box .project-post img {
    width: 100%
}

.portfolio-box .project-post .project-tit-cont h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 25px 0 0
}

.portfolio-box .project-post .project-tit-cont h3 a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #222
}

.portfolio-box .project-post .project-tit-cont h3 a:hover {
    color: #084C8B
}

.portfolio-box .project-post .project-tit-cont p {
    font-size: 12px
}

.portfolio-box .project-post .project-tit-cont p a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #999
}

.portfolio-box .project-post .project-tit-cont.cat-dot p a {
    position: relative;
    padding: 0 2px
}

.portfolio-box .project-post .project-tit-cont.cat-dot p a:before {
    content: ".";
    position: absolute;
    top: -3px;
    right: -3px
}

.portfolio-box .project-post .project-tit-cont.cat-dot p a:last-child:before {
    display: none
}

.portfolio-box .project-post .hover-box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, .9);
    text-align: center;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    opacity: 0;
    overflow: hidden
}

.portfolio-box .project-post .hover-box .inner-hover {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.grid-style .portfolio-box .project-gal,
.signup-form {
    position: relative
}

.portfolio-box .project-post .hover-box .inner-hover>a.zoom2 {
    height: 58px;
    width: 58px;
    display: inline-block;
    border-radius: 50%;
    background-color: #084C8B
}

.portfolio-box .project-post .hover-box .inner-hover>a.zoom2 i {
    font-size: 14px;
    line-height: 58px;
    color: #fff
}

.portfolio-box .project-post .hover-box .inner-hover>a.zoom2:hover {
    opacity: .6
}

.portfolio-box .project-post .hover-box .inner-hover h3 {
    margin-top: 40px
}

.portfolio-box .project-post .hover-box.hover-box-pd {
    top: 6.5%;
    left: 7.6%;
    right: 7.6%;
    bottom: 6.5%
}

.portfolio-box .project-post .hover-box.bottom {
    background-color: rgba(0, 0, 0, .5)!important
}

.portfolio-box .project-post .hover-box.bottom .inner-hover {
    top: auto;
    bottom: 0;
    background-color: #fff;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.portfolio-box .project-post .hover-box.bottom .inner-hover .project-tit-cont {
    margin-bottom: 24px
}

.portfolio-box .project-post .hover-box.bottom .inner-hover .project-tit-cont h3 {
    margin-top: 33px
}

.portfolio-box .project-post .hover-box.bottom .inner-hover .project-tit-cont h3 a {
    color: #333!important
}

.portfolio-box .project-post.big-size {
    width: 50%
}

.portfolio-box.portfolio-related .project-post {
    width: 100%
}

.portfolio-box .project-post:hover .hover-box,
.portfolio-box .project-post:hover .hover-box .inner-hover {
    opacity: 1
}

.portfolio-box.dark .project-post .hover-box {
    background-color: rgba(44, 44, 44, .9)
}

.portfolio-box.dark .project-post .hover-box .inner-hover h3 a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #fff
}

.portfolio-box.grayscale .project-post img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.portfolio-box.grayscale .project-post .hover-box {
    background-color: transparent
}

.portfolio-box.grayscale .project-post:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.mixit-call .project-post {
    display: none
}

.grid-style .portfolio-box {
    margin-left: -15px;
    margin-right: -15px
}

.grid-style .portfolio-box .project-post {
    padding: 15px;
    float: left
}

.grid-style.grid-style-20 .portfolio-box {
    margin-left: -10px;
    margin-right: -10px
}

.grid-style.grid-style-20 .portfolio-box .project-post {
    padding: 10px
}

.columns-4 .portfolio-box .project-post {
    width: 25%!important
}

.columns-4 .portfolio-box .project-post.big-size {
    width: 50%!important
}

.columns-3 .portfolio-box .project-post {
    width: 33.33333333%!important
}

.columns-3 .portfolio-box .project-post.big-size {
    width: 50%!important
}

.columns-5 .portfolio-box .project-post {
    width: 20%!important
}

@media (max-width:991px) {
    .columns-5 .portfolio-box .project-post {
        width: 33.33333333%!important
    }
}

.columns-5 .portfolio-box .project-post.big-size {
    width: 50%!important
}

@media (max-width:767px) {
    .portfolio-section .portfolio-box .project-post {
        width: 50%!important
    }
}

@media (max-width:480px) {
    .portfolio-section .portfolio-box .project-post {
        width: 100%!important
    }
}

.portfolio-section .wrap-profolio-box {
    width: 100%;
    margin-bottom: 50px
}

.portfolio-section .portfolio-box.fixed-width .project-post {
    width: 480px!important
}

#portfolio-section7 {
    padding-top: 125px;
    padding-bottom: 125px
}

#portfolio-section7 .portfolio-box.fixed-width .project-post {
    width: 384px!important
}

#portfolio-section8 {
    padding: 45px 0 90px
}

.portfolio-content {
    padding-bottom: 75px
}

.portfolio-content .single-image {
    margin-bottom: 30px
}

.portfolio-content .more-info p,
.portfolio-content .title-section {
    margin-bottom: 25px
}

.portfolio-content .title-section h2 {
    margin-top: 0;
    font-size: 16px;
    color: #222;
    font-weight: 600
}

.portfolio-content .title-section p {
    margin-top: 8px
}

.portfolio-content .client-info {
    padding-bottom: 22px
}

.portfolio-content .share-links {
    border-top: 1px solid #eee;
    padding-top: 28px
}

.portfolio-content .share-links h4 {
    margin-bottom: 22px
}

.portfolio-content.vertical .client-info {
    border-top: 1px solid #eee;
    padding-top: 27px
}

.portfolio-content.vertical .more-info {
    margin-bottom: 45px
}

.portfolio-content.horizontal .client-info h4 {
    margin-top: 0
}

.portfolio-content .content-info {
    margin-bottom: 30px
}

.portfolio-content .content-info h4 {
    text-transform: uppercase
}

.portfolio-related {
    padding-bottom: 145px
}

.portfolio-related .title-section {
    margin-bottom: 77px
}

.share-links .social-links li a {
    color: #999;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #eee
}

.share-links .social-links li a:hover {
    background-color: #555;
    border-color: #666;
    color: #fff
}

/*-------------------------------------------------------*/
/* 10. Sign up section
/*-------------------------------------------------------*/

#signup-portfo-section,
#signup-section,
#signup-section2 {
    padding-top: 75px;
    padding-bottom: 35px
}

#signup-portfo-section {
    background-color: #f7f7f7
}

#signup-section {
    background-image: url(../html/uploads/banner/11.jpg)
}

#signup-section2 {
    background-image: url(../html/uploads/banner/51.jpg)
}

#signup-section2 p {
    padding: 5px 0 35px;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 30px;
    font-weight: 400
}

#signup-section2 .signup-form .odeo-btn {
    right: 3px;
    height: 44px;
    padding: 0 40px;
    top: 3px;
    border-radius: 44px;
    line-height: 44px
}

#signup-portfo-section2 {
    background-image: url(../html/uploads/banner/66.jpg);
    padding-top: 75px;
    padding-bottom: 35px
}

.signup-section p {
    font-family: Handlee, sans-serif;
    font-size: 36px;
    padding: 16px 0 40px;
    line-height: 40px
}

.signup-section p a {
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    color: #084C8B;
    background-position: bottom center
}

.signup-section.white p {
    color: #fff
}

.signup-section .signup-button {
    white-space: nowrap
}

.signup-section .signup-button img {
    margin-right: 9%;
    max-width: 40%
}

@media (max-width:767px) {
    .signup-section .signup-button img {
        max-width: 30%;
        margin-right: 5%
    }
    #how-it-work-section .img-responsive,
    #how-it-work-section2 .img-responsive {
        margin-bottom: 80px
    }
}

@media (max-width:413px) {
    .signup-section .signup-button img {
        display: none
    }
}

.signup-section .col-md-7 .signup-button img {
    margin-right: 6%;
    max-width: 35%
}

@media (min-width:992px) and (max-width:1199px) {
    .signup-section p {
        font-size: 30px
    }
    .signup-section .signup-form {
        max-width: 320px
    }
    .signup-section .col-md-7 .signup-button img {
        max-width: 25%
    }
}

@media (max-width:600px) {
    .signup-section .signup-form {
        max-width: 320px
    }
    .signup-section .col-md-7 .signup-button img {
        max-width: 25%
    }
}

@media (max-width:480px) {
    .signup-section .col-md-7 .signup-button img {
        display: none
    }
}

#how-it-work-section .img-responsive,
#how-it-work-section2 .img-responsive,
.signup-form {
    display: inline-block
}

.signup-form {
    width: 92%;
    max-width: 365px
}

.signup-form input[type=email],
.signup-form input[type=text] {
    width: 100%!important;
    border-radius: 50px;
    border: none;
    outline: 0;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #ccc;
    padding: 0 138px 0 20px;
    height: 50px;
    line-height: 50px
}

/*-------------------------------------------------------*/
/* 11. How it works, Odeo tabs, 
/*-------------------------------------------------------*/

#how-it-work3,
#how-it-work6 {
    padding-top: 120px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.signup-form .odeo-btn {
    position: absolute;
    right: 0
}

#how-it-work-section .title-section,
#how-it-work-section2 .title-section {
    margin-bottom: 45px
}

#how-it-work-section .top-left,
#how-it-work-section .top-right,
#how-it-work-section2 .top-left,
#how-it-work-section2 .top-right {
    margin-top: 42px
}

#how-it-work-section {
    background: url(../html/uploads/banner/light.png) 50% 100% no-repeat #084C8B;
    padding-top: 135px
}

#how-it-work-section2 {
    background: url(../html/uploads/banner/26.png) 0 100% no-repeat #43c9f0;
    padding-top: 125px
}

#how-it-work-section4 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../html/uploads/banner/93.jpg);
    padding-top: 110px
}

#how-it-work-section4 .title-section {
    margin-bottom: 80px
}

#how-it-work-section5 {
    background-color: #43c9f0;
    padding-top: 95px
}

#how-it-work-section5 .title-section {
    margin-bottom: 115px
}

#how-it-work2 {
    padding-top: 130px;
    padding-bottom: 75px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../html/uploads/banner/61.jpg)
}

#how-it-work3 .title-section,
#how-it-work6 .title-section {
    padding-bottom: 45px
}

#how-it-work2 .title-section {
    margin-bottom: 55px
}

#how-it-work3 {
    background-color: #222;
    background-image: url(/images/avatar_bg.jpg);
}

#how-it-work6 {
    background-image: url(../html/uploads/banner/sv6.jpg)
}

#how-it-work6 .single-image {
    margin-bottom: -200px
}

.odeo-tab-step .nav-tabs {
    border: none;
    margin-bottom: 45px
}

.odeo-tab-step .nav-tabs li {
    float: none;
    display: inline-block;
    position: relative
}

@media (min-width:1200px) {
    .odeo-tab-step .nav-tabs li {
        padding-right: 6%
    }
}

@media (min-width:991px) {
    .odeo-tab-step .nav-tabs li {
        padding-right: 5%
    }
    .odeo-tab-step .nav-tabs li:after {
        position: absolute;
        content: "";
        background: url(../images/arrow-r.png) no-repeat;
        width: 53px;
        height: 20px;
        top: 50%;
        margin-top: -10px;
        right: 0
    }
    .odeo-tab-step .nav-tabs li:last-child:after {
        display: none
    }
}

.odeo-tab-step .nav-tabs li a {
    border: none!important;
    color: #999;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background: 0 0!important;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.odeo-tab-step .nav-tabs li a span {
    font-family: Handlee, sans-serif;
    font-size: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 25px;
    display: inline-block;
    border-radius: 50%;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.odeo-tab-step .nav-tabs li.active a,
.odeo-tab-step .nav-tabs li:hover a {
    color: #084C8B
}

.odeo-tab-step .nav-tabs li.active a span,
.odeo-tab-step .nav-tabs li:hover a span {
    color: #fff;
    background-color: #084C8B
}

.odeo-tab-step .how-it-work-box {
    max-width: 650px;
    margin: 0 auto;
    width: 92%;
    padding: 30px 40px 50px;
    background: url(../html/uploads/banner/62.png) 0 100% no-repeat #fafafa
}

.odeo-tab-step .how-it-work-box h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

.odeo-tab-step .how-it-work-box>img {
    margin-bottom: 10px
}

.odeo-tab-step .how-it-work-box>.fa {
    font-size: 35px;
    color: #084C8B;
    margin-bottom: 6px
}

.odeo-tab-step .how-it-work-box .odeo-btn {
    margin-top: 16px
}

.hik-box {
    margin-bottom: 80px;
    position: relative
}

@media (min-width:992px) {
    .hik-box:after {
        background: url(../images/arrow.png) no-repeat;
        position: absolute;
        content: "";
        width: 52px;
        height: 15px;
        top: 30px;
        z-index: 10
    }
    .hik-box.top-left:after {
        -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg);
        right: -90px
    }
    .hik-box.bottom-left:after {
        -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg);
        right: -90px
    }
    .hik-box.top-right:after {
        left: -92px;
        -webkit-transform: rotate(160deg);
        -ms-transform: rotate(160deg);
        transform: rotate(160deg)
    }
    .hik-box.bottom-right:after {
        left: -92px;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

.hik-box span {
    font-family: Handlee, sans-serif;
    font-size: 48px;
    color: #fff
}

.hik-box h3 {
    font-size: 16px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px
}

.hik-box p {
    color: #fff;
    font-size: 14px
}

.howitwork-carousel {
    margin-top: 90px
}

.howitwork-carousel .howitwork-post h3 {
    color: #fff;
    margin-bottom: 35px
}

.howitwork-carousel .howitwork-post .wrap-text-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.howitwork-carousel .howitwork-post .wrap-text-content p {
    margin-bottom: 25px
}

.ui-carousel-page .owl-controls .owl-dots {
    position: absolute;
    top: -90px;
    width: 100%;
    margin-top: 0
}

.ui-carousel-page .owl-controls .owl-dots .owl-dot {
    background-color: rgba(255, 255, 255, .1);
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #999;
    font-family: Handlee, sans-serif;
    font-size: 30px;
    margin: 0 25px
}

@media (min-width:768px) {
    .ui-carousel-page .owl-controls .owl-dots .owl-dot {
        margin: 0 55px;
        position: relative
    }
    .ui-carousel-page .owl-controls .owl-dots .owl-dot:after {
        position: absolute;
        content: "";
        background: url(../images/arrow-r.png) no-repeat;
        width: 53px;
        height: 20px;
        top: 50%;
        margin-top: -10px;
        right: -80px
    }
    .ui-carousel-page .owl-controls .owl-dots .owl-dot:last-child:after {
        display: none
    }
}

.ui-carousel-page .owl-controls .owl-dots .owl-dot.active {
    background-color: #084C8B;
    color: #fff
}

.ui-carousel-al .item {
    padding: 0 8.33%
}

.ui-carousel-al .owl-controls .owl-nav>div {
    width: 8.33%
}

.ui-carousel-al .owl-controls .owl-nav>div.owl-next {
    background-image: url(../images/r-long-arrow.png);
    background-position: 100% 0;
    right: 0
}

/*-------------------------------------------------------*/
/* 12. Client sections
/*-------------------------------------------------------*/

#client-section,
#client-section5,
#client-section6 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.ui-carousel-al .owl-controls .owl-nav>div.owl-prev {
    background-image: url(../images/l-long-arrow.png);
    left: 0
}

.ui-carousel-al.white .item h4,
.ui-carousel-al.white .item p {
    color: #fff
}

#client-section {
    background-image: url(/images/partners_bg.jpg);
    padding: 115px 0 106px
}

#client-section2 {
    background-color: #084C8B;
    padding: 115px 0 106px
}

#client-section3 {
    padding-top: 70px;
    padding-bottom: 132px;
    background-color: #fafafa
}

#client-section3 .title-section {
    margin-bottom: 55px
}

#client-section4 {
    padding-top: 130px;
    padding-bottom: 140px;
    background-color: #fff
}

#client-section4 .title-section {
    margin-bottom: 54px
}

#client-section5 {
    background-image: url(../html/uploads/banner/87.jpg);
    padding: 125px 0 130px
}

#client-section5 .title-section p {
    line-height: 30px
}

#client-section5 .client-logo-grid .item {
    padding: 4% 5% 0
}

#client-section-dark {
    padding: 0 0 106px
}

#client-section6 {
    background-image: url(../html/uploads/banner/11.jpg);
    padding: 100px 0 102px
}

#client-section7 {
    padding-bottom: 118px
}

#client-section7 .title-section {
    margin-bottom: 80px
}

.client-section .bx-wrapper {
    margin-bottom: 0
}

.client-section .bx-wrapper .bx-viewport {
    z-index: 10
}

.client-section .bx-wrapper .slide {
    text-align: center;
    min-height: 50px;
    line-height: 44px;
    cursor: pointer
}

.client-section .bx-wrapper .slide img {
    display: inline-block;
    opacity: .5;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.client-section .bx-wrapper .slide:hover img {
    opacity: 1
}

.client-section .bx-wrapper .bx-pager {
    display: none
}

.client-section .bx-wrapper .bx-controls-direction {
    width: auto;
    left: -80px;
    right: -80px
}

.client-section .client-logo {
    padding-left: 70px;
    padding-right: 70px
}

.client-section.client-light .bx-wrapper .slide img {
    opacity: .8
}

.client-section.client-light .bx-wrapper .slide:hover img {
    opacity: 1
}

.client-section.client-light .bx-wrapper .bx-controls-direction a {
    background-color: rgba(255, 255, 255, .2)
}

.client-section.client-light .bx-wrapper .bx-controls-direction a:hover {
    background-color: #fff
}

.client-section.client-light .bx-wrapper .bx-controls-direction a:hover:after {
    color: #084C8B
}

.client-section.client-dark .bx-wrapper .bx-controls-direction a {
    background-color: transparent
}

.client-section.client-dark .bx-wrapper .bx-controls-direction a:after {
    background: url(../images/next-small.png) no-repeat;
    width: 21px;
    height: 35px;
    text-indent: -9999px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.client-section.client-dark .bx-wrapper .bx-controls-direction a.bx-prev:after {
    background-image: url(../images/prev-small.png)
}

.client-section.client-dark .bx-wrapper .bx-controls-direction a:hover:after {
    background-position: -22px 0
}

.client-section.round-bd .bx-wrapper .bx-controls-direction a {
    background-color: transparent;
    border: 1px solid #ccc
}

.client-section.round-bd .bx-wrapper .bx-controls-direction a:after {
    color: #222
}

.client-section.round-bd .bx-wrapper .bx-controls-direction a:hover {
    background-color: #084C8B
}

.client-section.round-bd .bx-wrapper .bx-controls-direction a:hover:after {
    color: #fff
}

.client-section .client-logo-grid {
    padding: 0 15px;
    overflow: hidden
}

.client-section .client-logo-grid .row {
    margin-top: -1px;
    margin-right: -16px
}

.client-section .client-logo-grid .item {
    border-right: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    padding: 5% 5% 3%
}

.client-section .client-logo-grid .item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.client-section .client-logo-grid .item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

/*-------------------------------------------------------*/
/* 13. Skills sections
/*-------------------------------------------------------*/

#skills-section {
    background-color: #f7f7f7;
    padding-top: 75px;
    padding-bottom: 75px
}

#skills-section .title-section {
    margin-bottom: 75px
}

#skills-section2 {
    background-color: #fff;
    padding-top: 142px
}

#skills-section2 .extra-image {
    padding-top: 15px
}

#skills-section2 .title-section {
    margin-bottom: 62px
}

#skills-section3 {
    background: url(../html/uploads/banner/5.jpg) 0 50% no-repeat #292929;
    background-size: 50%;
}

@media (max-width:767px) {
    #skills-section3 {
        padding-top: 90%;
        background-size: 100%;
        background-position: 0 0
    }
}

#skills-section3 .col-sm-offset-6 {
    padding: 60px 15px 20px
}

#blog-section3,
#our-skills5 {
    padding-bottom: 80px
}

@media (min-width:1200px) {
    #skills-section .title-section {
        margin-top: 70px
    }
    #skills-section3 .col-sm-offset-6 {
        padding-left: 100px;
        padding-top: 120px
    }
}

#skills-section7,
#skills-section8 {
    padding-top: 106px
}

#skills-section4,
#skills-section9 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 115px;
    padding-bottom: 100px
}

#skills-section3 .title-section {
    margin-bottom: 55px
}

#skills-section3 .title-section.white p {
    color: #999
}

.light-style .ui-progress span.ui-label,
.white .ui-progress span.ui-label {
    color: #fff
}

#skills-section4 {
    background-image: url(../html/uploads/banner/12.jpg)
}

#our-skills5 .title-section {
    margin-bottom: 20px
}

#skills-section7 .title-section,
#skills-section8 .title-section {
    margin-bottom: 35px
}

#skills-section6 {
    background-color: #f7f7f7;
    padding-top: 120px;
    padding-bottom: 90px
}

#skills-section6 .progressbar-box:first-child {
    margin-top: 33px
}

#skills-section7 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../html/uploads/banner/94.jpg);
    padding-bottom: 105px
}

#skills-section9 {
    background-image: url(../html/uploads/banner/86.jpg);
}

#skills-section9 .progressbar-wrap {
    padding-top: 22px;
}

.skills-section {
    position: relative
}

@media (min-width:992px) {
    .skills-section .extra-image {
        position: absolute;
        right: 0;
        padding-right: 0
    }
    .skills-section .extra-image.left {
        left: 0;
        right: auto;
        padding-right: 15px;
        padding-left: 0
    }
    #blog-section4 .title-section {
        max-width: 940px;
        margin-left: auto;
        margin-right: auto
    }
}

.progressbar-box {
    border-bottom: 3px solid #eee;
    margin-bottom: 28px
}

.ui-progress {
    height: 38px;
    border-bottom-width: 3px;
    border-color: #084C8B;
    overflow: visible!important;
    margin-bottom: -3px
}

.ui-progress span.ui-label {
    left: 0;
    font-size: 16px;
    font-weight: 600;
    font-family: Poppins, sans-serif
}

.ui-progress span.ui-label .value {
    right: 0;
    position: absolute;
    font-family: Handlee, sans-serif;
    font-size: 18px
}

.ui-progress span.ui-label:after {
    content: "";
    position: absolute;
    border-top: 9px solid #084C8B;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -15.5px;
    right: -5px
}

.border-big .ui-progress:before {
    content: "";
    height: 15px;
    background: url(../images/progressbar.jpg) repeat-x;
    width: 100%;
    position: absolute;
    bottom: -15px;
    z-index: 2
}

.border-big .progressbar-box {
    border-bottom-width: 15px
}

.text-normal .ui-progress span.ui-label {
    text-transform: none
}

.light-style .progressbar-box {
    border-color: #2c9aba
}

.light-style .ui-progress {
    border-color: #fff
}

.light-style .ui-progress span.ui-label:after {
    border-top-color: #fff
}

.round-style .progressbar-box,
.round-style .ui-progress {
    border-bottom-width: 6px
}

.round-style .progressbar-box {
    height: 6px;
    border-radius: 6px;
    margin-top: 65px
}

.round-style .ui-progress {
    height: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.round-style .ui-progress span.ui-label {
    top: -32px
}

.round-style .ui-progress span.ui-label:after {
    bottom: -12.5px
}

.round-style.dark .progressbar-box {
    border-color: #e0e0e0
}

.round-style.dark .ui-progress {
    border-color: #333
}

.round-style.dark .ui-progress .ui-label:after {
    border-top-color: #333
}

/*-------------------------------------------------------*/
/* 14. Blog sections, Sidebar
/*-------------------------------------------------------*/

#blog-section {
    padding-top: 96px;
    /*padding-bottom: 118px;*/
    padding-bottom: 18px;
}

#blog-section .title-section {
    margin-bottom: 70px
}

#blog-section2 .title-section,
#blog-section3 .title-section {
    margin-bottom: 50px
}

#blog-section .view-all {
    margin-top: 42px
}

#blog-section2 {
    padding-top: 50px;
    padding-bottom: 120px
}

#blog-section2 .view-all {
    margin-top: 55px
}

#blog-section3 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../html/uploads/banner/95.jpg);
    padding-top: 100px
}

.blog-carousel .owl-item img {
    width: 100%
}

.blog-box .blog-post .blog-content {
    padding-top: 33px
}

.blog-box .blog-post .blog-meta {
    font-size: 12px
}

.blog-box .blog-post .blog-meta a {
    color: #084C8B
}

.blog-box .blog-post .blog-content-text h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px
}

.blog-box .blog-post .blog-content-text h3 a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #333
}

.blog-box .blog-post .blog-content-text h3 a:hover,
.page-blog-content.blog-classic .blog-post .blog-meta .read-more {
    color: #084C8B
}

.blog-box .blog-post .blog-content-text .readmore-link {
    margin-top: 10px
}

.blog-box .blog-style2 .blog-post {
    background-color: #fff
}

.blog-box .blog-style2 .blog-post .blog-content {
    padding: 20px 10.8%
}

.blog-box .blog-style2 .blog-post .blog-content-text h3 a {
    text-transform: none
}

.comment-section h2,
.contact-form label,
.pricing-table li a,
.sidebar .sb-title,
.team-box .team-carousel.ui-carousel-al .team-post .team-content>p {
    text-transform: uppercase
}

.blog-box .blog-style2 .blog-post .blog-meta {
    border-top: 1px solid #e5e5e5;
    padding-top: 8px
}

.blog-box .grayscale .blog-post img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.blog-box .grayscale .blog-post:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.blog-box .grayscale .blog-post:hover .blog-content {
    background-color: #fafafa
}

#blog-section4 {
    padding-top: 100px;
    padding-bottom: 80px
}

#blog-section4 .title-section {
    margin-bottom: 95px
}

.page-blog-content {
    margin-top: 80px;
    padding-bottom: 50px
}

.page-blog-content.blog-classic .blog-post {
    max-width: 770px;
    width: 100%;
    margin: 0 auto 90px
}

.page-blog-content iframe,
.team-carousel .owl-item img {
    max-width: 100%
}

.page-blog-content.blog-classic .blog-post .blog-content {
    padding-top: 27px
}

.page-blog-content.blog-classic .blog-post .blog-content-text {
    width: 80%;
    margin: 0 auto 40px
}

.page-blog-content.blog-classic .blog-post .blog-content-text h3 {
    font-size: 24px
}

.page-blog-content.blog-classic .blog-post .blog-meta span,
.page-blog-content.blog-classic .blog-post .blog-meta time {
    margin-right: 45px
}

.page-blog-content.blog-classic .blog-post .blog-meta .read-more:hover {
    text-decoration: underline
}

.page-blog-content .blog-post .ui-thumb img {
    width: 100%
}

.page-blog-content .blog-post .blog-meta {
    border-top: 1px solid #eee;
    color: #999;
    padding-top: 22px
}

.page-blog-content .blog-post .blog-meta a {
    color: #333
}

.page-blog-content .ui-pagination {
    margin-bottom: 90px
}

.page-blog-content.blog-grid .blog-post {
    padding-bottom: 70px
}

.page-blog-content.blog-grid .blog-post .blog-meta span,
.page-blog-content.blog-grid .blog-post .blog-meta time {
    margin-right: 26px
}

.page-blog-content.blog-grid .blog-post .blog-meta span:last-child,
.page-blog-content.blog-grid .blog-post .blog-meta time:last-child {
    margin-right: 0
}

.page-blog-content.blog-grid .blog-post .blog-content {
    padding-top: 18px
}

.page-blog-content.blog-grid .ui-pagination {
    margin-top: 0
}

.page-blog-content .ui-quotes .ui-thumb {
    position: relative
}

.page-blog-content .ui-quotes .ui-thumb img {
    opacity: .2
}

.page-blog-content .ui-quotes .ui-thumb .blog-content-text {
    width: 60%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    max-height: 75%;
    overflow: hidden;
    font-family: Handlee, sans-serif
}

.page-blog-content .ui-quotes .ui-thumb .blog-content-text p {
    font-size: 24px;
    line-height: 36px
}

.page-blog-content .ui-quotes .blog-content {
    padding-top: 0!important
}

.page-blog-content .ui-slider-image {
    margin-bottom: -24px
}

.page-blog-content .ui-slider-image .owl-controls .owl-nav {
    background-color: #084C8B;
    left: 0;
    margin-top: -18px
}

.page-blog-content .ui-slider-image .owl-controls .owl-nav>div {
    background-image: none!important;
    background-color: rgba(255, 255, 255, .6);
    width: 36px;
    line-height: 36px;
    text-align: center;
    opacity: 1;
    font-size: 14px;
    border-radius: 50%;
    color: #222;
    text-indent: 0;
    height: auto;
    top: 50%;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-blog-content .ui-slider-image .owl-controls .owl-nav>div span {
    display: block
}

.page-blog-content .ui-slider-image .owl-controls .owl-nav>div.owl-prev {
    left: 30px
}

.page-blog-content .ui-slider-image .owl-controls .owl-nav>div.owl-next {
    right: 30px
}

.page-blog-content .ui-slider-image .owl-controls .owl-nav>div:hover {
    background-color: #fff;
    color: #084C8B
}

.page-blog-content .ui-slider-image .owl-controls .owl-dots {
    position: absolute;
    bottom: 10%;
    margin-top: 0;
    z-index: 9999;
    width: 100%;
    text-align: center
}

.sidebar .sb-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

.sidebar .widget {
    margin-bottom: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee
}

.sidebar .widget>ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sidebar .widget>ul li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px
}

.sidebar .widget>ul li:before {
    position: absolute;
    content: "\f054";
    font-family: FontAwesome;
    font-size: 10px;
    left: 0;
    color: #ccc;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.sidebar .widget>ul li a {
    color: #666;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.sidebar .widget>ul li:hover:before {
    content: "\f178";
    font-size: 11px;
    color: #084C8B
}

.sidebar .widget>ul li:hover a {
    color: #084C8B;
    padding-left: 6px
}

.sidebar .widget.widget_search {
    border-bottom: none;
    padding-bottom: 0
}

.sidebar .widget .tagcloud {
    margin-top: 35px
}

.searchform {
    position: relative
}

.searchform .form-control {
    border: 1px solid #eee
}

.searchform .form-control:focus {
    outline: 0
}

.searchform button {
    position: absolute;
    background-color: transparent;
    border: none;
    font-size: 13px;
    color: #ccc;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center
}

.popular-post-list {
    padding-right: 40px
}

.popular-post-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.popular-post-list ul li {
    padding-left: 100px;
    position: relative;
    margin-bottom: 15px
}

.popular-post-list ul li img {
    position: absolute;
    left: 0;
    top: 10px
}

.popular-post-list ul li h3 {
    margin-top: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.popular-post-list ul li h3 a {
    color: #666;
    font-size: 14px
}

.popular-post-list ul li span,
.tagcloud a {
    font-size: 12px
}

.popular-post-list ul li h3:hover a {
    color: #084C8B
}

.tagcloud a {
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #eee;
    border-radius: 3px;
    display: inline-block;
    color: #999;
    margin-right: 5px;
    margin-bottom: 8px
}

.tagcloud a:hover {
    border-color: #666;
    color: #666
}

.comment-section {
    padding-left: 9.5%;
    margin-top: 80px
}

.comment-section h2 {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 40px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e0e0e0
}

.comment-section ul {
    margin: 0;
    padding: 0
}

.comment-section ul li {
    list-style: none
}

.comment-section ul li .comment-box {
    overflow: hidden;
    padding-bottom: 45px;
    border-bottom: 1px solid #eee;
    margin-bottom: 60px
}

.comment-section ul li .comment-box img {
    width: auto;
    float: left
}

.comment-section ul li .comment-box .comment-content {
    margin-left: 130px
}

.comment-section ul li .comment-box .comment-content h4 {
    color: #222;
    font-size: 14px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px
}

.comment-section ul li .comment-box .comment-content h4 a {
    color: #222;
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    float: right;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize
}

.comment-section ul li .comment-box .comment-content h4 a:hover {
    color: #084C8B;
    text-decoration: underline
}

.comment-section ul li .comment-box .comment-content span {
    font-size: 12px;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 8px;
    text-transform: capitalize
}

.comment-section ul li .comment-box .comment-content p {
    margin: 0!important
}

.comment-section ul.depth .comment-box {
    padding-left: 100px
}

.comment-section .comment-form {
    margin-bottom: 40px
}

.comment-section .comment-form textarea {
    min-height: 125px;
    margin-bottom: 30px
}

.comment-section .comment-form .form-control {
    border: 1px solid #eee
}

.comment-section .comment-form label {
    color: #333
}

.comment-section .comment-form label .fa {
    margin-right: 5px;
    color: #999
}

.single-blog .blog-content .tagcloud {
    padding-left: 9.5%;
    margin: 40px 0 0
}

.single-blog .blog-content .blog-meta {
    padding: 22px 0 8px;
    margin-top: 35px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    color: #999
}

.single-blog .blog-content .blog-meta a {
    color: #333
}

.single-blog .blog-content .blog-meta span,
.single-blog .blog-content .blog-meta time {
    margin-right: 45px
}

@media (max-width:767px) {
    .single-blog .blog-content .blog-meta .share-links {
        margin-top: 20px
    }
}

.single-blog .blog-content .blog-meta .share-links span {
    margin-right: 15px
}

.single-blog .blog-content .blog-content-text {
    padding: 0 9.5%
}

.single-blog .blog-content .blog-content-text h2 {
    font-size: 24px;
    color: #333
}

.single-blog .blog-content .blog-content-text p {
    margin-bottom: 22px
}

.single-blog .blog-content .custom-mg {
    margin: 40px 0 12px
}

.single-blog .single-image {
    margin-bottom: 30px
}

.single-blog .ui-thumb {
    margin-bottom: 40px
}

/*-------------------------------------------------------*/
/* 15. Team sections
/*-------------------------------------------------------*/

#team-section {
    padding-top: 122px;
    padding-bottom: 138px
}

#team-section .title-section {
    margin-bottom: 80px
}

#team-section2 {
    padding-top: 122px;
    padding-bottom: 120px
}

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

#team-section2 .owl-theme .owl-controls .owl-dots .owl-dot.active {
    background-color: #000
}

.team-carousel .owl-item img.img-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    z-index: 5;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.team-carousel .owl-item:hover img.img-hover {
    opacity: 1
}

.team-box .team-post h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 26px 0 8px;
    color: #222;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.team-box .team-post p {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    margin-bottom: 6px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.team-box .team-post .social-links a {
    font-size: 15px;
    color: #999;
    padding: 0 8px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.team-box .team-post .hover-box {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10%;
    right: 10%;
    margin: 0 auto;
    opacity: 0;
    z-index: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

#testimonial-section .title-section,
#testimonial-section2 .title-section {
    margin-bottom: 55px
}

.team-box .team-post .hover-box p {
    color: #666;
    font-weight: 400
}

.team-box .team-post .hover-box .social-links {
    margin-top: 30px
}

.team-box .team-post .hover-box .social-links .fa {
    color: #333!important
}

.team-box .team-post .social-links .fa-twitter:hover {
    color: #55acee
}

.team-box .team-post .social-links .fa-facebook:hover {
    color: #3b5999
}

.team-box .team-post .social-links .fa-google-plus:hover {
    color: #dc4e41
}

.team-box .team-post .social-links .fa-linkedin:hover {
    color: #0077b5
}

.team-box .team-post:hover h3,
.team-box .team-post:hover p {
    font-weight: 700
}

.team-box .team-post:hover .hover-box {
    opacity: 1;
    z-index: 2
}

.team-box .team-carousel.ui-carousel-al .owl-stage-outer {
    padding-top: 21px
}

.team-box .team-carousel.ui-carousel-al .team-post {
    padding: 0
}

.team-box .team-carousel.ui-carousel-al .team-post .ui-thumb {
    background-color: #fafafa;
    position: relative
}

.team-box .team-carousel.ui-carousel-al .team-post .ui-thumb:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .9);
    position: absolute;
    z-index: 0;
    opacity: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.team-box .team-carousel.ui-carousel-al .team-post h3 {
    font-weight: 600
}

.team-box .team-carousel.ui-carousel-al .team-post p {
    font-weight: 400
}

.team-box .team-carousel.ui-carousel-al .team-post:hover .ui-thumb {
    box-shadow: 2px 0 21px rgba(0, 0, 0, .05)
}

.team-box .team-carousel.ui-carousel-al .team-post:hover .ui-thumb:before {
    opacity: 1;
    z-index: 2
}

.team-box .team-carousel.ui-carousel-al .owl-controls .owl-nav>div.owl-prev {
    left: -8%
}

.team-box .team-carousel.ui-carousel-al .owl-controls .owl-nav>div.owl-next {
    right: -8%
}

.ui-center-carousel {
    position: relative;
    visibility: hidden
}

.ui-center-carousel li {
    position: relative;
    list-style: none;
    display: none;
    text-align: center;
    transition: all .5s ease-in-out;
    padding: 0 15px
}

#testimonial-section4,
#testimonial-section6 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-bottom: 120px
}

.ui-center-carousel .next_item,
.ui-center-carousel .next_item_2,
.ui-center-carousel .previous_item,
.ui-center-carousel .previous_item_2 {
    display: block;
    position: absolute;
    top: 50px;
    z-index: 0
}

.ui-center-carousel .next_hidden,
.ui-center-carousel .previous_hidden {
    opacity: 0
}

.ui-center-carousel .previous_hidden {
    left: -5px
}

.ui-center-carousel .next_hidden {
    right: -5px
}

.ui-center-carousel .current_item {
    display: block;
    position: absolute;
    top: 0;
    z-index: 100
}

.testimonial-wrap,
.ui-center-carousel .container {
    position: relative
}

.ui-center-carousel.ui-center-carousel5 li {
    width: 16.66666667%
}

.ui-center-carousel.ui-center-carousel5 .current_item {
    width: 33.33333333%;
    left: 33.33333333%
}

.ui-center-carousel.ui-center-carousel5 .previous_item {
    right: 66.66666667%;
    left: auto;
    text-align: left
}

.ui-center-carousel.ui-center-carousel5 .next_item {
    left: 66.66666667%;
    text-align: right
}

.ui-center-carousel.ui-center-carousel5 .previous_item_2 {
    left: 0
}

.ui-center-carousel.ui-center-carousel5 .next_item_2 {
    right: 0;
    left: auto
}

.ui-center-carousel.ui-center-carousel3 li {
    width: 25%
}

.ui-center-carousel.ui-center-carousel3 .current_item {
    width: 50%;
    left: 25%
}

.ui-center-carousel.ui-center-carousel3 .previous_item {
    right: 75%;
    left: auto;
    text-align: left
}

.ui-center-carousel.ui-center-carousel3 .next_item {
    left: 75%;
    text-align: right
}

@media (max-width:991px) {
    .ui-center-carousel.ui-center-carousel5 li {
        width: 25%
    }
    .ui-center-carousel.ui-center-carousel5 .current_item {
        width: 50%;
        left: 25%
    }
    .ui-center-carousel.ui-center-carousel5 .previous_item {
        right: 75%;
        left: auto;
        text-align: left
    }
    .ui-center-carousel.ui-center-carousel5 .next_item {
        left: 75%;
        text-align: right
    }
    .ui-center-carousel.ui-center-carousel5 .next_item_2,
    .ui-center-carousel.ui-center-carousel5 .previous_item_2 {
        opacity: 0
    }
}

@media (max-width:768px) {
    .ui-center-carousel.ui-center-carousel3,
    .ui-center-carousel.ui-center-carousel5 {
        margin-top: 70px
    }
    .ui-center-carousel.ui-center-carousel3 li,
    .ui-center-carousel.ui-center-carousel5 li {
        opacity: 0
    }
    .ui-center-carousel.ui-center-carousel3 .current_item,
    .ui-center-carousel.ui-center-carousel5 .current_item {
        width: 100%;
        left: 0;
        opacity: 1
    }
}

/*-------------------------------------------------------*/
/* 16. Testimonial sections
/*-------------------------------------------------------*/

.testimonial-slider .ui-image,
.testimonial-slider .ui-info {
    width: 130px;
    display: inline-block;
    text-align: center
}

#testimonial-section {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../html/uploads/banner/7.jpg);
    padding-top: 138px;
    padding-bottom: 100px
}

#testimonial-section2 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../html/uploads/banner/13.jpg);
    padding-top: 138px;
    padding-bottom: 90px
}

#testimonial-section2 .owl-theme .owl-controls .owl-dots {
    margin-top: 55px
}

#testimonial-section3 {
    background: url(../html/uploads/banner/27.png) 0 100% no-repeat #fafafa;
    background-size: contain;
    padding-top: 60px
}

#testimonial-section3 .title-section img {
    margin-bottom: 30px
}

#testimonial-section3 .container {
    overflow: hidden
}

#testimonial-section4 {
    background-image: url(../html/uploads/banner/63.jpg);
    padding-top: 126px
}

#testimonial-section4 .title-section {
    margin-bottom: 55px
}

#testimonial-section5 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../html/uploads/banner/73.jpg);
    padding-bottom: 70px
}

#testimonial-section5 .title-section {
    margin-bottom: 165px
}

#testimonial-section6 {
    background-image: url(/images/testimonial_bg.jpg);
    padding-top: 180px
}

#testimonial-section6 .owl-theme .owl-controls .owl-dots .owl-dot {
    background-color: #868686
}

#testimonial-section6 .owl-theme .owl-controls .owl-dots .owl-dot.active {
    background-color: #fff
}

#testimonial-section7 {
    padding-top: 300px;
    padding-bottom: 70px
}

#testimonial-section7 .title-section {
    margin-bottom: 155px
}

.testimonial-wrap .page-control {
    margin-top: -10px
}

.testimonial-slider .ui-item {
    display: inline-block;
    opacity: .5;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.testimonial-slider .ui-image {
    height: 130px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.testimonial-slider .ui-image img {
    margin-top: 20%;
    max-width: 80%;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.testimonial-slider .ui-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

.testimonial-slider .ui-info h3 {
    font-size: 12px;
    font-weight: 600;
    margin: 14px 0 2px;
    color: #fff
}

.testimonial-slider .ui-info small {
    font-size: 10px;
    color: #999
}

.testimonial-slider .more-info {
    opacity: 0;
    margin-top: 24px;
    position: relative
}

.testimonial-slider .current_item .more-info,
.testimonial-slider .current_item .ui-item {
    opacity: 1
}

.testimonial-slider .more-info:after,
.testimonial-slider .more-info:before {
    position: absolute;
    top: 0;
    left: -20px;
    content: "";
    background: url(../images/quote-left.png) no-repeat;
    width: 24px;
    height: 18px
}

.testimonial-slider .more-info:after {
    left: auto;
    right: -20px;
    background-image: url(../images/quote-right.png)
}

.testimonial-slider .more-info p {
    font-size: 18px;
    font-family: Handlee, sans-serif;
    color: #fff;
    padding: 0 8px;
    line-height: 36px
}

.testimonial-slider .current_item {
    text-align: center
}

.testimonial-slider .current_item .ui-image {
    width: 170px;
    height: 170px
}

.testimonial-slider .current_item .ui-image img {
    margin-top: 10%
}

.testimonial-slider .current_item .ui-info {
    width: 170px;
    display: block;
    margin: 0 auto
}

.testimonial-slider .current_item .ui-info h3 {
    font-size: 16px
}

.testimonial-slider .current_item .ui-info small {
    font-size: 12px
}

.testimonial-center-box .more-info {
    height: 0;
    display: none
}

.testimonial-center-box .ui-info h3 span {
    opacity: 0
}

.testimonial-center-box .current_item .ui-item {
    background-color: #fff;
    padding: 0 12% 45px
}

.testimonial-center-box .current_item .ui-info h3 {
    color: #333;
    font-size: 18px
}

.testimonial-center-box .current_item .ui-info h3 span {
    opacity: 1
}

.testimonial-center-box .current_item .ui-info small {
    font-size: 12px
}

.testimonial-center-box .current_item .ui-image {
    margin-top: -85px;
    margin-bottom: 40px;
    border: 5px solid #084C8B
}

.testimonial-center-box .current_item .more-info {
    display: block;
    height: auto;
    margin-bottom: 42px
}

.testimonial-center-box .current_item .more-info:after {
    display: none
}

.testimonial-center-box .current_item .more-info:before {
    left: 50%;
    margin-left: -12px;
    top: -40px
}

.testimonial-center-box .current_item .more-info p {
    font-family: Handlee, sans-serif;
    color: #666
}

.testimonial-center-box .page-control {
    margin-top: 25px
}

.testimonial-center-box .nav-control .carousel-btn {
    opacity: 1;
    width: 30px;
    z-index: 999
}

.testimonial-center-box .nav-control .carousel-btn.prev {
    background: url(../images/l-arrow.png) 50% no-repeat #084C8B;
    left: -8px
}

.testimonial-center-box .nav-control .carousel-btn.next {
    background: url(../images/r-arrow.png) 50% no-repeat #084C8B;
    right: -7px
}

.testimonial-box-style .testimonial-post {
    background-color: #fff;
    position: relative;
    padding: 30px
}

.testimonial-box-style .testimonial-post p {
    font-family: "Open Sans", sans-serif;
    font-style: italic;
    padding-bottom: 40px
}

.testimonial-box-style .testimonial-post h4 {
    font-size: 16px;
    font-weight: 600;
    padding-left: 35px;
    background: url(../images/quote-left.png) no-repeat;
    position: absolute;
    bottom: 15px
}

.testimonial-box-style .testimonial-post h4 small {
    font-family: "Open Sans", sans-serif;
    font-size: 12px
}

.testimonial-box-style .testimonial-post:after {
    content: "";
    border-top: 30px solid #084C8B;
    border-left: 42px solid transparent;
    position: absolute;
    bottom: -30px;
    right: 0
}

.testimonial-box-style .owl-stage-outer {
    padding-bottom: 30px
}

.testimonial-thumb-style .owl-stage-outer {
    overflow: visible
}

.testimonial-thumb-style .testimonial-post {
    padding: 0 9%
}

.testimonial-thumb-style .testimonial-post img {
    margin-top: 30px
}

@media (min-width:768px) {
    .testimonial-thumb-style .testimonial-post img {
        margin-top: -50px
    }
}

.testimonial-thumb-style .testimonial-post .content-box {
    padding: 35px 0 0 35px;
    background: url(../images/quote-left.png) 0 32px no-repeat
}

.testimonial-thumb-style .testimonial-post .content-box p {
    font-style: italic;
    font-size: 18px;
    line-height: 30px
}

.testimonial-thumb-style .testimonial-post .content-box h4 {
    font-size: 16px;
    margin-top: 40px;
    font-weight: 600
}

.testimonial-thumb-style .testimonial-post .content-box h4 small {
    font-size: 14px;
    margin-left: 15px;
    position: relative;
    font-family: "Open Sans", sans-serif
}

.testimonial-thumb-style .testimonial-post .content-box h4 small:before {
    content: ".";
    position: absolute;
    top: -5px;
    left: -12px;
    font-size: 18px
}

.testimonial-carousel21 .owl-controls .owl-nav>div.owl-prev,
.testimonial-thumb-style .owl-controls .owl-nav>div.owl-prev {
    left: 0
}

.testimonial-thumb-style .owl-controls .owl-dots {
    margin-bottom: 30px
}

.testimonial-thumb-style .owl-controls .owl-nav>div.owl-next {
    right: 0
}

.testimonial-carousel21 {
    max-width: 710px;
    margin: 0 auto;
    padding: 0 40px
}

.testimonial-carousel21 .owl-stage-outer {
    padding-top: 35px;
    z-index: 2
}

.testimonial-carousel21 .owl-stage-outer:after {
    content: "";
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    position: absolute;
    top: 0;
    border-radius: 50%;
    background: url(../images/quote-light.png) 50% no-repeat #084C8B;
    margin-left: -35px
}

.testimonial-carousel21 .owl-stage-outer .item {
    background-color: #fff;
    padding: 95px 7.1% 40px
}

.testimonial-carousel21 .owl-stage-outer .item p {
    font-family: Handlee, sans-serif;
    font-size: 18px;
    color: #333;
    line-height: 36px
}

.testimonial-carousel21 .owl-stage-outer .item h4 {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 600;
    color: #222
}

.testimonial-carousel21 .owl-stage-outer .item h4 small {
    margin-top: 16px;
    display: block
}

.testimonial-carousel21 .owl-controls .owl-nav {
    height: 100px;
    background-color: #084C8B;
    left: 0
}

.testimonial-carousel21 .owl-controls .owl-nav>div {
    background-image: none!important;
    width: 40px;
    opacity: 1;
    color: #fff;
    font-size: 14px;
    text-indent: 0;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.testimonial-carousel21 .owl-controls .owl-nav>div span {
    display: block
}

.testimonial-carousel21 .owl-controls .owl-nav>div.owl-next {
    right: 0
}

@media (min-width:768px) {
    .testimonial-thumb-style .owl-controls .owl-dots {
        position: absolute;
        bottom: 19.5%;
        left: 0;
        right: 0
    }
    .testimonial-carousel2 .item {
        padding-left: 20%
    }
}

.testimonial-carousel2 .item p {
    line-height: 40px;
    font-family: Handlee, sans-serif;
    font-size: 18px
}

.testimonial-carousel2 .item h4 {
    font-size: 16px;
    margin-top: 35px
}

.testimonial-carousel2 .owl-stage-outer {
    position: relative
}

.testimonial-carousel2 .owl-stage-outer:after {
    content: "";
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    position: absolute;
    top: 0;
    border-radius: 50%;
    background: url(../images/quote-light.png) 50% no-repeat #084C8B;
    left: 8.5%
}

@media (max-width:767px) {
    .testimonial-carousel2 .owl-stage-outer {
        padding-top: 90px
    }
    .testimonial-carousel2 .owl-stage-outer:after {
        left: 50%;
        margin-left: -35px
    }
}

/*-------------------------------------------------------*/
/* 17. What we do, Pricing sections
/*-------------------------------------------------------*/

#what-we-do {
    background: url(../html/uploads/banner/10.jpg) no-repeat #1A2225;
    background-size: cover
}

@media (max-width:992px) {
    #what-we-do .container {
        background-color: rgba(0, 0, 0, .5)
    }
}

#what-we-do .title-section {
    margin-bottom: 55px
}

#what-we-do .title-section.white p {
    color: #999
}

#what-we-do .col-md-offset-6 {
    padding-top: 120px;
    padding-bottom: 100px
}

#what-we-do2 {
    background: url(../html/uploads/banner/71.png) 0 100% no-repeat #f0f0f0;
    padding-bottom: 160px
}

#what-we-do2 .title-section {
    margin-bottom: 50px
}

.pricing-table {
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    text-align: center
}

.pricing-table ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 5px 0 21px rgba(0, 0, 0, .05)
}

.pricing-table li:first-child {
    position: relative;
    background-color: #084C8B;
}

.pricing-table li:first-child h3 {
    color: #fff;
}

.pricing-table li h5 {
    line-height: 20px;
    font-size: 26px;
    font-family: Handlee, sans-serif;
    color: #fff;
    position: relative;
}

.pricing-table.rectangle-style li h5 {
    color: #084C8B;
    margin: 40px 0 30px;
}

.pricing-table li h5 small,
.pricing-table li h5 span {
    font-family: Poppins, sans-serif;
}

.pricing-table li h5 span {
    font-size: 24px;
    color: #084C8B;
}

.pricing-table li h5 small {
    font-size: 14px;
    color: #aaa;
}

.pricing-table li .fa-check {
    color: #084C8B;
    margin-right: 8px;
}

.pricing-table li p {
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 15px;
}

.pricing-table li a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    border-radius: 50px;
    padding: 0 28px;
    margin: 37px 0 60px;
    border: 1px solid #084C8B;
    background-color: #fff;
    color: #084C8B
}

.pricing-table.circle-style {
    padding: 20px 0
}

.pricing-table.circle-style li:first-child {
    height: 160px;
    padding-top: 28px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.pricing-table.circle-style li:first-child img {
    position: absolute;
    border: 5px solid #fff;
    width: 140px;
    overflow: hidden;
    height: 140px;
    border-radius: 50%;
    left: 0;
    right: 0;
    bottom: -70px;
    margin: 0 auto
}

.pricing-table.circle-style li h5 {
    margin-top: -31px;
    margin-bottom: 21px;
    padding-bottom: 38px
}

.pricing-table.rectangle-style {
    padding-top: 20px
}

.pricing-table.rectangle-style li:first-child {
    background-color: #292929;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.pricing-table.rectangle-style li:first-child h3 {
    position: absolute;
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

#about-section2 .group-inner,
#fullpage-menu {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.pricing-table.rectangle-style li:first-child img {
    opacity: .2
}

.pricing-table.active,
.pricing-table:hover {
    padding: 0
}

#pricing-section,
#pricing-section2,
#pricing-section4 {
    padding-top: 98px;
    padding-bottom: 105px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.pricing-table.active li a,
.pricing-table:hover li a {
    background-color: #084C8B;
    color: #fff
}

.pricing-table.active.circle-style li:first-child,
.pricing-table:hover.circle-style li:first-child {
    height: 180px
}

.pricing-table.active.circle-style li a,
.pricing-table:hover.circle-style li a {
    margin-bottom: 80px
}

#pricing-section .title-section,
#pricing-section2 .title-section {
    margin-bottom: 68px
}

.pricing-table.active.rectangle-style li:first-child,
.pricing-table:hover.rectangle-style li:first-child {
    background-color: #084C8B
}

#pricing-section {
    background-image: url(../html/uploads/banner/14.jpg)
}

#pricing-section2 {
    background-image: url(../html/uploads/banner/65.jpg)
}

#pricing-section3 {
    padding-top: 98px;
    padding-bottom: 145px
}

#pricing-section3 .title-section {
    margin-bottom: 75px
}

#pricing-section4 {
    background-image: url(../html/uploads/banner/sv4.jpg)
}

#pricing-section4 .title-section {
    margin-bottom: 68px
}

/*-------------------------------------------------------*/
/* 18. Fullpage menu
/*-------------------------------------------------------*/

#fullpage-menu {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    z-index: 999
}

#fullpage-menu li a {
    width: 10px;
    height: 10px;
    display: block;
    border: 1px solid #f7f7f7;
    border-radius: 50%;
    text-indent: 999px;
    overflow: hidden;
    margin: 5px
}

#fullpage-menu li.active a {
    background-color: #fff
}

#fullpage .section-hd5 .header-top .social-links a {
    color: #cff;
    font-size: 15px
}

#fullpage .section-hd5 .header-top .access-link li,
#fullpage .section-hd5 .header-top .access-link li a {
    color: #cff
}

#fullpage .navbar-default .navbar-nav li.shopping-cart>a {
    background-color: #084C8B
}

.form-control {
    border-radius: 0;
    height: 46px;
    border: 3px solid transparent;
    box-shadow: none
}

.form-control:focus {
    outline: 0
}

.form-group {
    margin-bottom: 18px
}

/*-------------------------------------------------------*/
/* 19. Contact page sections
/*-------------------------------------------------------*/

label {
    font-weight: 400;
    font-size: 14px
}

.contact-form label .fa {
    font-size: 15px;
    margin-right: 5px
}

.contact-form textarea {
    min-height: 110px
}

#contact-form-section2 textarea,
#contact-form-section3 textarea {
    min-height: 139px
}

.contact-form .odeo-btn {
    min-width: 160px;
    margin-top: 40px;
    background-color: #fff;
    color: #084C8B
}

#contact-form-section .contact-form label,
#contact-form-section div.hgroup h2,
#contact-form-section div.hgroup h3,
#contact-form-section2 .contact-form label,
#contact-form-section2 div.hgroup h2,
#contact-form-section2 div.hgroup h3,
.contact-form.white label {
    color: #fff
}

.contact-form .odeo-btn:hover {
    background-color: #27bce7;
    color: #fff
}

#contact-form-section,
#contact-form-section2 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../html/uploads/banner/74.jpg);
    padding-bottom: 220px
}

#contact-form-section div.hgroup,
#contact-form-section2 div.hgroup {
    margin-bottom: 50px
}

#contact-form-section div.hgroup h2,
#contact-form-section2 div.hgroup h2 {
    font-size: 60px;
    margin-top: 0
}

#contact-form-section div.hgroup h3,
#contact-form-section2 div.hgroup h3 {
    font-size: 60px;
    font-family: Handlee, sans-serif;
    margin-bottom: 8px
}

#contact-form-section2 .contact-info-box,
#contact-form-section3 .contact-info-box,
#contact-form-section3 .title-section {
    margin-bottom: 45px
}

#contact-form-section2 {
    padding-top: 95px;
    padding-bottom: 140px;
    background-color: #084C8B;
    background-image: url(../html/uploads/banner/96.png)
}

#contact-form-section2 div.hgroup h3 {
    color: #cff
}

#contact-form-section3 {
    padding-top: 95px;
    padding-bottom: 140px;
    background-color: #f7f7f7;
    background-image: url(../html/uploads/banner/ct.jpg)
}

#contact-form-section3 label {
    color: #666
}

#contact-form-section3 label .fa {
    color: #999
}

#contact-form-section3 .contact-form .odeo-btn {
    background-color: #084C8B;
    color: #fff
}

#contact-form-section3 .contact-form .odeo-btn:hover {
    background-color: #27bce7
}

.contact-info-box .service-post h3 {
    margin: 24px 0 10px
}

.label-normal label {
    text-transform: none
}

#contact-section {
    padding-left: 15px;
    padding-right: 15px
}

#contact-section .contact-form-box2 {
    background: url(../html/uploads/banner/ct2.jpg) no-repeat;
    padding-top: 125px;
    padding-bottom: 130px
}

#about-section,
#err404-section {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 100px
}

#contact-section .contact-form-box2 .title-section {
    margin-bottom: 45px
}

#contact-section .inner-bg {
    max-width: 570px;
    width: 80%;
    margin: 0 auto
}

#contact-section .contact-form .odeo-btn {
    background-color: #084C8B;
    color: #fff
}

#contact-section .contact-form .odeo-btn:hover {
    background-color: #27bce7
}

#contact-section .col-md-6 {
    padding-right: 0;
    padding-left: 0
}

#contact-section2 {
    background-color: #f7f7f7;
    padding-top: 120px;
    padding-bottom: 130px
}

#contact-section2 .contact-form label .fa {
    color: #999
}

#contact-section2 .contact-form .odeo-btn {
    background-color: #084C8B;
    color: #fff
}

#contact-section2 .contact-form .odeo-btn:hover {
    background-color: #27bce7
}

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

#contact-section2 .contact-info ul li {
    position: relative;
    margin-bottom: 25px
}

#contact-section2 .contact-info ul li i {
    display: inline-block;
    font-size: 24px;
    color: #222222;
    margin-right: 40px;
    width: 30px;
    text-align: center;
}

#contact-section2 .contact-info ul li:first-child {
    margin-bottom: 35px
}

#contact-section2 .contact-info ul li:first-child img {
    padding-left: 5px
}

#map2 {
    height: 772px;
}

#map3 {
    height: 500px;
}

/*-------------------------------------------------------*/
/* 20. About sections
/*-------------------------------------------------------*/

#about-section {
    padding-bottom: 75px;
    background-image: url(../html/uploads/banner/ab1.jpg)
}

#about-section .title-section h2 {
    margin-bottom: 25px
}

#about-section .title-section p {
    margin-bottom: 22px
}

#about-section .title-section.small:first-child {
    margin-bottom: -14px
}

#about-section2 {
    background: url(../html/uploads/banner/71.png) 100% 100% no-repeat #084C8B
}

#about-section2 .big-title {
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 45px;
    color: #fff
}

#about-section2 .big-title span {
    font-family: Handlee, sans-serif;
    text-transform: none;
    color: #cff
}

#about-section2 .group-inner {
    position: absolute;
    top: 45%;
    transform: translateY(-50%)
}

#about-section2 .group-inner h2 {
    margin-top: 0
}

#divRegisterSection {
    background: url(../images/registration.jpg) 100% 100% no-repeat #f7f7f7;
    padding-top: 95px;
    padding-bottom: 130px
}

@media (min-width:992px) {
    #divRegisterSection {
        background-size: contain
    }
}

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

.register-form .odeo-btn {
    margin-top: 32px
}

.shadown-form .form-control {
    box-shadow: 3px 0 7px rgba(0, 0, 0, .05)
}

input.odeo-btn:focus {
    outline: 0
}

#err404-section {
    background-image: url(../html/uploads/banner/4041.jpg);
    padding-bottom: 400px
}

#err404-section .title-section {
    margin-bottom: 35px
}

.category-box .cat-post {
    position: relative
}

.category-box .cat-post .cat-name {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #084C8B;
    padding: 0 40px;
    line-height: 50px;
    height: 50px
}

.category-box .cat-post .cat-name a {
    color: #fff;
    font-size: 30px;
    font-family: Handlee, sans-serif
}

.category-box .cat-post .cat-name.orange {
    background-color: #f66
}

#category-section {
    padding-top: 30px;
    padding-bottom: 25px
}

/*-------------------------------------------------------*/
/* 21. Shop pages
/*-------------------------------------------------------*/

.shop-notice {
    padding: 21px 20px 10px;
    margin-bottom: 10px
}

.shop-notice.success {
    background-color: #e5ffea
}

.shop-notice.success p {
    color: #95a799
}

.shop-notice.success p .fa {
    color: #98dda5
}

.shop-notice.success p a {
    text-decoration: underline
}

.shop-notice.info {
    background-color: #e5f9ff
}

.shop-notice.info p {
    color: #333
}

.shop-notice.info p a {
    color: #4cd8ff
}

.shop-notice.info p .fa {
    color: #6adeff
}

.shop-notice p .fa {
    font-size: 24px;
    margin-right: 12px
}

.shop-notice p a {
    color: #181818
}

.shop-notice p a.close-btn {
    text-decoration: none
}

.product-post {
    position: relative;
    margin-bottom: 45px
}

.product-post .gal-product {
    background-color: #f7f7f7;
    position: relative
}

.product-post .gal-product:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    opacity: 0;
    z-index: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.product-post .gal-product .sale {
    position: absolute;
    top: 0;
    left: 0
}

.product-post .gal-product .sale span {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    font-family: Poppins, sans-serif;
    color: #fff;
    padding-top: 2px;
    padding-left: 6px;
    display: inline-block
}

.product-post .gal-product .sale:before {
    position: absolute;
    border-left: 45px solid #f66;
    border-bottom: 45px solid transparent;
    content: ""
}

.product-post h3 {
    margin: 0
}

.product-post h3 a {
    color: #333;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600
}

.product-post .price,
.product-post del,
.product-post ins {
    color: #084C8B;
    font-size: 18px;
    font-family: Handlee, sans-serif;
    margin-top: 5px;
    display: inline-block
}

.product-post del,
.product-post ins {
    color: #ccc
}

.product-post .product-detail {
    padding-top: 19px
}

.product-post .cat-items a {
    color: #666;
    font-size: 14px
}

.product-post .product-links {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -40px;
    font-size: 0;
    opacity: 0;
    z-index: 0
}

.product-post .product-links a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 50px;
    text-align: center;
    background-color: #333;
    margin: 0 5px;
    border-radius: 50%
}

.product-post .product-links a .fa {
    text-indent: 0;
    font-size: 18px;
    color: #fff
}

.product-post .product-links a.add-cart-btn {
    background-color: #084C8B
}

.product-post .viewmore a {
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    z-index: 10
}

.product-post:hover .gal-product:after,
.product-post:hover .product-links {
    opacity: 1;
    z-index: 2
}

.product-post:hover .viewmore a {
    color: #333
}

.tab-product-carousel .tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.tab-product-carousel .tab-pane.active {
    height: auto;
    overflow: visible
}

.tab-product-carousel ul.nav-tabs {
    margin: 0 0 30px;
    padding: 0;
    border: none
}

.tab-product-carousel ul.nav-tabs li {
    display: inline-block;
    float: none
}

.tab-product-carousel ul.nav-tabs li a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #ccc;
    font-size: 14px;
    padding: 0 14px;
    font-weight: 500;
    border-radius: 30px;
    line-height: 30px;
    height: 30px;
    font-family: Poppins, sans-serif;
    border: 1px solid transparent;
    text-transform: uppercase
}

.tab-product-carousel ul.nav-tabs li a:hover,
.tab-product-carousel ul.nav-tabs li.active a {
    color: #084C8B;
    background-color: transparent
}

.tab-product-carousel ul.nav-tabs li.active a {
    border-color: #084C8B
}

#shop-section2 {
    padding-top: 32px;
    padding-bottom: 80px
}

#best-price-section {
    background-color: #f7f7f7;
    padding-top: 75px;
    padding-bottom: 80px
}

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

#best-price-section .product-post .gal-product {
    background-color: #fff
}

#slider-range {
    background-color: #e9e9e9;
    height: 3px
}

#slider-range .ui-slider-range {
    background-color: #084C8B
}

#slider-range .ui-slider-handle {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #084C8B;
    outline: 0
}

#slider-range .ui-slider-handle .ui-value {
    position: absolute;
    font-size: 16px;
    font-family: Handlee, sans-serif;
    top: 18px
}

#slider-range .ui-slider-handle:last-child .ui-value {
    right: 0
}

.widget_price_filter {
    padding-bottom: 40px
}

.widget_price_filter .odeo-btn-bd {
    margin-top: 50px
}

.widget_price_filter #slider-range {
    margin-top: 35px
}

.shop-sidebar .widget:last-child {
    border-bottom: none
}

.shop-sidebar .widget .sb-title {
    margin-bottom: 30px
}

.shop-sidebar .widget.widget_product_categories>ul li {
    padding-left: 24px
}

.shop-sidebar .widget.widget_product_categories>ul li:before {
    content: ""!important;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    width: 14px;
    height: 14px;
    top: 5px
}

.shop-sidebar .widget.widget_product_categories>ul li:after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #084C8B;
    position: absolute;
    left: 3px;
    top: 8px;
    opacity: 0
}

.shop-sidebar .widget.widget_product_categories>ul li.active:after,
.shop-sidebar .widget.widget_product_categories>ul li:hover:after {
    opacity: 1
}

.shop-sidebar .widget.widget_product_categories>ul li.active a,
.shop-sidebar .widget.widget_product_categories>ul li:hover a {
    padding-left: 0
}

.shop-sidebar .widget .lastest-view-products ul {
    margin: 0;
    padding: 0
}

.shop-sidebar .widget .lastest-view-products ul li {
    list-style: none;
    display: block;
    position: relative;
    overflow: hidden;
    padding-left: 100px;
    margin-bottom: 30px
}

.shop-sidebar .widget .lastest-view-products ul li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px
}

.shop-sidebar .widget .lastest-view-products ul li h3 {
    color: #333;
    font-size: 14px;
    font-family: Poppins, sans-serif;
    margin: 0 0 4px;
    font-weight: 600;
    text-transform: uppercase
}

.shop-sidebar .widget .lastest-view-products ul li h3 a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #333
}

.shop-sidebar .widget .lastest-view-products ul li h3 a:hover {
    color: #084C8B
}

.shop-sidebar .widget .lastest-view-products ul li span.price {
    color: #084C8B;
    font-size: 14px;
    font-family: Handlee, sans-serif;
    margin: 0
}

.shop-sidebar .widget .lastest-view-products ul li .cat-meta {
    line-height: 15px;
    margin-bottom: 8px;
    font-family: "Open Sans", sans-serif
}

.shop-sidebar .widget .lastest-view-products ul li .cat-meta a {
    font-size: 12px;
    color: #666
}

.shop-sidebar .widget .lastest-view-products ul li .cat-meta,
.shop-sidebar .widget .lastest-view-products ul li h3 {
    white-space: nowrap;
    max-width: 153px;
    overflow: hidden;
    text-overflow: ellipsis
}

#shop-section3 {
    margin-bottom: 80px
}

.woocommerce-page .ui-pagination {
    margin-top: 30px
}

.woocommerce-page .products-control {
    padding-top: 24px;
    padding-bottom: 15px
}

.woocommerce-page .products-control .orderby {
    border: none
}

.woocommerce-page .products-control p {
    color: #999
}

.woocommerce-page .products-control p span {
    color: #333
}

.shop-cart-section {
    background-color: #f8f8f8;
    padding-top: 40px;
    padding-bottom: 110px
}

.shop-cart-section h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 24px
}

.shop-cart-section input[type=checkbox],
.shop-cart-section input[type=radio] {
    position: relative;
    top: 2px;
    margin-top: 0
}

.shop-cart-section .shipping-cost h2 {
    margin-bottom: 20px
}

.shop-cart-section .cart-detail,
.shop-cart-section .checkout-detail {
    border: 1px solid #e5e5e5;
    margin-bottom: 40px
}

.shop-cart-section .cart-detail .form-control,
.shop-cart-section .checking-form .form-control,
.shop-cart-section .checkout-detail .form-control {
    border: none
}

.shop-cart-section .cart-detail td,
.shop-cart-section .cart-detail th,
.shop-cart-section .checkout-detail td,
.shop-cart-section .checkout-detail th {
    padding: 20px 15px;
    vertical-align: middle
}

.shop-cart-section .cart-detail th,
.shop-cart-section .checkout-detail th {
    padding-top: 16px;
    padding-bottom: 12px;
    text-transform: uppercase
}

.shop-cart-section .cart-detail h3,
.shop-cart-section .checkout-detail h3 {
    margin-bottom: 5px;
    margin-top: 2px
}

.shop-cart-section .cart-detail h3 a,
.shop-cart-section .checkout-detail h3 a {
    font-weight: 600;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    color: #333;
    font-size: 14px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.shop-cart-section .cart-detail h3:hover a,
.shop-cart-section .checkout-detail h3:hover a {
    color: #084C8B
}

.shop-cart-section .cart-detail .total-price,
.shop-cart-section .checkout-detail .total-price {
    font-weight: 700
}

.shop-cart-section .cart-detail .cart-total td,
.shop-cart-section .checkout-detail .cart-total td {
    line-height: 30px
}

.shop-cart-section .cart-detail .cart-total td:first-child,
.shop-cart-section .checkout-detail .cart-total td:first-child {
    text-transform: uppercase
}

.shop-cart-section .checking-form .odeo-btn {
    margin-top: 30px
}

.shop-cart-section .checking-form label {
    text-transform: uppercase
}

.shop-cart-section .checking-form textarea {
    min-height: 90px
}

.shop-cart-section .checking-form .list-payment label {
    text-transform: none;
    color: #999
}

.shop-cart-section .checking-form .list-payment p {
    background-color: #e5f9ff;
    padding: 15px 20px;
    color: #333;
    display: none
}

.shop-cart-section .checking-form .list-payment li {
    margin-bottom: 15px
}

.shop-cart-section .cart-detail th {
    font-weight: 600;
    font-family: Poppins, sans-serif;
    background-color: #084C8B;
    color: #fff
}

.shop-cart-section .cart-detail .cat-meta {
    line-height: 15px;
    margin-bottom: 8px;
    font-family: "Open Sans", sans-serif
}

.shop-cart-section .cart-detail .cat-meta a {
    font-size: 12px;
    color: #666
}

.shop-cart-section .cart-detail .cat-meta a:hover {
    color: #084C8B
}

.shop-cart-section .cart-detail a.remove {
    width: 21px;
    height: 21px;
    background: url(../images/close3.png) no-repeat;
    opacity: .8;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    display: inline-block
}

#shop-checkout-section .shipping_address,
.shop-cart-section .cart-detail a.remove .fa {
    display: none
}

.shop-cart-section .cart-detail a.remove:hover {
    opacity: 1
}

.shop-cart-section .cart-detail td img {
    border: 1px solid #e5e5e5
}

.shop-cart-section .cart-detail tr td:first-child {
    width: 80px
}

.shop-cart-section .checkout-buttons input {
    border: none;
    outline: 0;
    background-color: transparent
}

.shop-cart-section .checkout-buttons .odeo-btn-bd {
    padding: 0 18px
}

.shop-cart-section .checkout-detail h3 {
    margin: 0
}

.shop-cart-section .checkout-detail p {
    margin-bottom: 0
}

.shop-cart-section .checkout-detail tr td {
    padding: 10px 15px 15px
}

.shop-cart-section .checkout-detail tr td:first-child {
    color: #666
}

.shop-cart-section .total-box table td {
    border-top: none;
    text-transform: uppercase
}

.shop-cart-section .shipping-cost .odeo-btn-bd {
    margin-top: 30px;
    height: 46px;
    line-height: 46px;
    width: 100%
}

#shop-checkout-section {
    padding-top: 60px
}

#shop-checkout-section .checking-form {
    margin-top: 58px
}

.quantity-add {
    width: 150px;
    position: relative
}

.quantity-add .quantity-number {
    padding-left: 15px
}

.quantity-add button {
    position: absolute;
    width: 46px;
    right: 0;
    height: 23px;
    background-color: #333;
    color: #fff;
    border: none;
    outline: 0
}

.quantity-add button.decrease {
    top: 23px;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.quantity-add button.increase {
    top: 0
}

.single-product .single-product-section {
    padding-top: 60px;
    padding-bottom: 120px
}

.single-product .product-details h2,
.single-product .product-details h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.single-product .product-details h2 {
    margin-top: 0
}

.single-product .product-details .price,
.single-product .product-details del,
.single-product .product-details ins {
    color: #084C8B;
    font-size: 18px;
    font-family: Handlee, sans-serif;
    display: inline-block
}

.single-product .product-details del,
.single-product .product-details ins {
    color: #ccc
}

.single-product .product-details .cat-items a {
    color: #666;
    font-size: 14px
}

.single-product .product-details .prices {
    margin-top: -3px
}

.single-product .product-details .stock-info {
    color: #333;
    margin-top: 8px;
    display: inline-block;
    font-family: Poppins, sans-serif
}

.single-product .product-details .stock-info.active .fa {
    color: #084C8B
}

.single-product .product-details .quantity-info span {
    text-transform: uppercase;
    display: block;
    float: left;
    line-height: 46px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 20px
}

.single-product .product-details .quantity-info .quantity-add {
    float: left
}

.single-product .product-details form.cart {
    background-color: #f8f8f8;
    padding: 20px 0 20px 20px;
    margin-bottom: 37px
}

.single-product .product-details form.cart .odeo-btn {
    margin-right: 30px
}

@media (max-width:767px) {
    .single-product .product-details form.cart .odeo-btn {
        margin-top: 20px
    }
}

.single-product .product-details .description-product {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 16px;
    margin-bottom: 35px
}

.single-product .product-details .share-links {
    margin-bottom: 50px
}

.single-product .product-details .share-links h3 {
    margin-bottom: 15px
}

.single-product .product-gallery .image-holder {
    margin-bottom: 30px
}

.single-product .product-gallery .other-products li img {
    width: 100%
}

.single-product .product-gallery .bx-wrapper .bx-controls-direction {
    top: 50%;
    margin-top: -20px;
    overflow: visible
}

.single-product .product-gallery .bx-wrapper .bx-controls-direction a {
    background-color: #e8e8e8
}

.single-product .product-gallery .bx-wrapper .bx-controls-direction a:hover {
    background-color: #084C8B
}

@media (min-width:768px) {
    .single-product .product-gallery .bx-wrapper .bx-controls-direction a.bx-prev {
        margin-left: -45px
    }
    .single-product .product-gallery .bx-wrapper .bx-controls-direction a.bx-next {
        margin-right: -45px
    }
}

.single-product .product-gallery .bx-pager {
    display: none
}

.single-prod-tab-box ul.nav-tabs {
    margin: 0 0 40px;
    padding: 0;
    border-bottom-color: #e3e3e3
}

.single-prod-tab-box ul.nav-tabs li {
    display: inline-block;
    float: none;
    border: none;
    border-bottom: 3px solid transparent;
    margin: 0 5px
}

@media (max-width:767px) {
    .single-prod-tab-box ul.nav-tabs li {
        padding-top: 10px
    }
}

.single-prod-tab-box ul.nav-tabs li a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #ccc;
    font-size: 14px;
    padding: 0 14px;
    border-radius: 30px;
    line-height: 30px;
    height: 30px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    border: none!important;
    background: 0 0;
    text-transform: uppercase
}

.single-prod-tab-box ul.nav-tabs li a:hover,
.single-prod-tab-box ul.nav-tabs li.active a {
    color: #333
}

.single-prod-tab-box ul.nav-tabs li.active {
    border-color: #084C8B
}

.single-prod-tab-box .tab-pane h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.single-prod-tab-box .tab-pane .desc-tab h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px
}

.single-prod-tab-box .tab-pane .desc-tab p,
.single-prod-tab-box .tab-pane .product-reviews h3 {
    margin-bottom: 25px
}

.single-prod-tab-box .tab-pane .product-reviews ul {
    margin: 0;
    padding: 0
}

.single-prod-tab-box .tab-pane .product-reviews ul li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    padding-bottom: 22px;
    overflow: hidden
}

.single-prod-tab-box .tab-pane .product-reviews ul li:last-child {
    border-bottom: none
}

.single-prod-tab-box .tab-pane .product-reviews ul li img {
    float: left;
    width: 70px;
    margin-bottom: 10px
}

.single-prod-tab-box .tab-pane .product-reviews ul li .review-content {
    margin-left: 100px
}

.single-prod-tab-box .tab-pane .product-reviews ul li .review-content h4 {
    overflow: hidden;
    color: #333;
    font-weight: 600;
    margin: 0 0 -6px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px
}

.single-prod-tab-box .tab-pane .product-reviews ul li .review-content h4 span.rating {
    float: right;
    margin: 0
}

.single-prod-tab-box .tab-pane .product-reviews ul li .review-content h4 span.rating i {
    color: #222;
    font-size: 14px;
    line-height: 24px
}

.single-prod-tab-box .tab-pane .product-reviews ul li .review-content h4 span.rating i[data-rated=rated] {
    color: #ffba00
}

.single-prod-tab-box .tab-pane .product-reviews ul li .review-content span.time {
    font-size: 12px;
    display: inline-block;
    color: #666;
    margin: 8px 0 15px
}

.single-prod-tab-box .tab-pane .product-reviews ul li .review-content p {
    margin: 0 0 10px
}

.single-prod-tab-box .tab-pane .product-reviews a {
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    padding: 8px 27px;
    border-radius: 2px;
    background: #084C8B;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    font-size: 13px;
    text-align: center
}

.single-prod-tab-box .tab-pane .product-reviews a:hover {
    opacity: .7
}

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

.max-470 {
    max-width: 470px
}