/*bootstrap extension*/
.clearfix:before, .clearfix:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after {
    content: " ";
    display: table
}

.clearfix:after, .form-horizontal .form-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}
/*end bootstrap extension*/

.p-l-r-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}

.p-l-r-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.p-l-r-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.p-t-b-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.p-t-b-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.m-r-150 {
    margin-right: 150px !important;
}

.m-r-l-7 {
    margin-left: 7.5px !important;
    margin-right: 7.5px !important;
}

.m-r-l-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.m-r-l-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.m-r-3{
    margin-right: 3px !important;
}

.m-r-4{
    margin-right: 4px !important;
}

.m-r-5{
    margin-right: 5px !important;
}

.m-r-10{
    margin-right: 10px !important;
}

.m-r--10{
    margin-right: -10px !important;
}

.l-h-22{
    line-height: 22px;
}

.p-0{
    padding: 0;
}

.p-5{
    padding: 5px !important;
}

.p-30{
    padding: 30px;
}
.p-t-33{
    padding-top: 33px !important;
}
.m-b-0{
    margin-bottom: 0;
}

.m-b-10{
    margin-bottom: 10px;
}

.m-b-12{
    margin-bottom: 12px;
}

.m-b-15{
    margin-bottom: 15px;
}

.m-b-20{
    margin-bottom: 20px;
}

.m-b-25{
    margin-bottom: 25px;
}

.m-b-30{
    margin-bottom: 30px;
}

.m-b-35{
    margin-bottom: 35px;
}

.m-b-40{
    margin-bottom: 40px;
}

.m-b-45{
    margin-bottom: 45px;
}

.m-b-50{
    margin-bottom: 50px;
}
.m-b-55{
    margin-bottom: 55px;
}

.m-t-6{
    margin-top: 6px;
}

.m-t-3{
    margin-top: 3px;
}

.m-t-15{
    margin-top: 15px;
}

.m-t-20{
    margin-top: 20px;
}

.m-t-25{
    margin-top: 25px;
}

.m-t-30{
    margin-top: 30px;
}

.m-t-32{
    margin-top: 32px;
}

.m-t-35{
    margin-top: 35px;
}

.m-t-45{
    margin-top: 45px;
}

.m-t-50{
    margin-top: 50px;
}

.m-t-55{
    margin-top: 55px;
}

.m-t-60{
    margin-top: 70px !important;
}

.m-t-70{
    margin-top: 70px !important;
}

.m-t-90{
    margin-top: 90px !important;
}

.m-t-100{
    margin-top: 100px;
}

.m-t-110{
    margin-top: 110px;
}

.m-l-15{
    margin-left: 15px;
}

.m-l-0{
    margin-left: 0px !important;
}

.m-l-3{
    margin-left: 3px !important;
}

.m-r-0{
    margin-right: 0 !important;
}

.m-r-3{
    margin-right: 3px;
}

.p-l-5{
    padding-left: 5px !important;
}

.p-l-15{
    padding-left: 15px !important;
}

.p-r-5{
    padding-right: 5px !important;
}

.p-r-15{
    padding-right: 15px !important;
}

.p-l-15{
    padding-left: 15px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-7 {
    padding-top: 7px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-t-32 {
    padding-top: 32px !important;
}

.p-t-50{
    padding-top: 50px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.b-b-0{
    border-bottom: 0 !important;
}

.b-b-1{
    border-bottom: 1px solid #e4e7ea;
}

@media (max-width: 577px){
    .p-t-0-sm{
        margin-top: 0;
    }
}

.font-20{
    font-size: 20px;
}

.cursor-default{
    cursor: default;
}

.display-none{
    display: none;
}

.display-block{
    display: block;
}

.two-line-clamp{
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.one-line-clamp{
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.one-line-ellipsis{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.got-to .white-color-light:hover {
    color: rgba(255, 255, 255, 1);
}

.bg-effect-section .bg-effect{
    background: url(../../images/front-site/cruise-control-effect-banner-home.svg) center center/cover no-repeat!important;
}

.bg-blog-list{
    background: url(../../images/front-site/cruise-control-banner-blog-list.jpg) center center/cover no-repeat!important;
}

.bg-testimonial .testimonials-wrapper{
    background: url(../../images/front-site/cruise-control-testmonial-back-map.png) center no-repeat!important;
}

.shapes-section .shapes-box span:nth-child(1) {
    left: 21.8%;
    top: 10.5%;
}

.cruise-control-banner-1 {
    background: url(../../images/front-site/cruise-control-banner-1.jpg) center center/cover no-repeat!important;
}

.cruise-control-banner-2 {
    background: url(../../images/front-site/cruise-control-banner-2.jpg) center center/cover no-repeat!important;
}

.cruise-control-banner-3 {
    background: url(../../images/front-site/cruise-control-banner-3.jpg) center center/cover no-repeat!important;
}

.cruise-control-banner-4 {
    background: url(../../images/front-site/cruise-control-banner-4.jpg) center center/cover no-repeat!important;
}

.cruise-control-banner-5 {
    background: url(../../images/front-site/cruise-control-banner-5.jpg) center center/cover no-repeat!important;
}

.header-nav .navbar .sign-in-right-button{
    position: absolute;
    top: 15px;
    right: 65px;
    line-height: 40px;
    padding: 0 15px;
}

@media (min-width: 992px){
    .header-nav .navbar .sign-in-right-button{
        display: none;
    }
}

.header-nav.header-nav:not(.fixed-header) .navbar-nav > li > .nav-link-btn.nav-link-btn-white.sign-in-cruise-top-button{
    color: #03a9f3;
    border: 2px solid #03a9f3;
    background-color: #fff;
}

.header-nav.header-nav:not(.fixed-header) .navbar-nav > li > .nav-link-btn.nav-link-btn-white.sign-in-cruise-top-button:hover,
.header-nav.header-nav:not(.fixed-header) .navbar-nav > li > .nav-link-btn.nav-link-btn-white.sign-in-cruise-top-button:focus,
.header-nav.header-nav:not(.fixed-header) .navbar-nav > li > .nav-link-btn.nav-link-btn-white.sign-in-cruise-top-button:active{
    color: #fff;
    border: 2px solid #03a9f3;
    background-color: #03a9f3;
}

.tp-dottedoverlay {
    background: url(../../images/front-site/gridtile.png) repeat !important;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.faq-image{
    box-shadow: none;
}

@media (max-width: 991px){
    .faq-image{
        text-align: center;
    }
}

.m-btn {
    border-radius: 0;
}

.m-btn.m-btn-theme:hover {
    opacity: 0.8;
}

.read-more a:hover{
    opacity: 0.8;
}

.contact-us-textarea{
    max-height: 150px;
    min-height: 150px;
    resize: none;
}

@media (max-width: 991px){
    .sidebar-wrapper {
        border-left: 0;
        padding: 0;
    }
}

.header-nav ul.header-buttons li{
    display: inline-block;
    padding: 15px 0;
}

.header-nav ul.header-buttons li:first-child{
    display: none;
}

.header-nav.fixed-header ul.header-buttons li:first-child{
    display: inline-block;
}

.header-white-bg.header-nav ul.header-buttons li:first-child{
    display: inline-block;
}

.form-group .form-control:not(textarea){
    height: 45px;
}

.form-group .form-control {
    border-radius: 0;
    font-size: 14px;
    box-shadow: none !important;
}

select.form-control:not([size]):not([multiple]) {
    height: 45px;
}

.modal-header .close {
    padding: 1.35rem 1rem;
}

button:focus{
    outline: none;
}

ul.authors-list{
    list-style: none;
    padding: 0;
}

.logo-freepik {
    height: 50px;
    width: auto;
}

.our-team .team-info h5{
    margin: 0;
}

.our-team .team-info p{
    font-size: 12px;
    font-style: italic;
    margin: 0;
}

.our-team .team-info p span{
    font-style: normal;
    font-weight: bold;
}

.our-team .team-info label{
    margin-bottom: 10px;
}

.modal-body .authors-list{
    font-size: 14px;
}

.process-steps .nav-steps .nav-item a.show{
    display: inline-block !important;
}
.check-validate label.error, .validated-password label.error {
    color: red;
}
.home-post-title{
    height: 40px;
}

img.coming-soon-img{
    width: 150px;
    height: 150px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    margin-bottom: 20px;
    pointer-events: none;
}

@media (max-width: 767px) {
    .m-t-0-xs{
        margin-top: 0;
    }

    .m-t-15-xs{
        margin-top: 15px;
    }

    .m-b-0-xs{
        margin-bottom: 0;
    }
}

h2.banner-title{
    font-size: 50px;
    font-weight: 500;
}

@media (max-width: 767px){
    h2.banner-title {
        font-size: 28px;
        letter-spacing: 1px;
    }
}

h1.title-brand{
    font-size: 30px;
    color: #62676e;
}

.b-r-0.counter-col:after{
    width: 0;
}

.feature-slider .icon img{
    width: 70px;
}

.feature-box-01 .icon img{
    width: 55px;
}

.navbar-brand.cc-nac-logo{
    margin-right: 30px;
}

.navbar-brand.cc-nav-logo img{
    width: 200px;
    margin-top: -20px;
}

@media (max-width: 992px) {
    .navbar-brand.cc-nav-logo img{
        width: 200px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    h1.title-brand{
        font-size: 30px;
        color: #ffffff;
    }
}

#about .row {
  display: flex;
  flex-wrap: wrap;
}

#about .col-lg-3,
#about .col-md-6,
#about .col-xs-12 {
  display: flex;
  padding-right: 5px;
  padding-left: 5px;
}

#about .feature-slider {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.feature-slider {
    padding: 30px 15px;
    margin: 10px 8px 20px;
}

.feature-box-01 .feature-content h5 {
    padding: 0 35px 15px 0;
}

#features .row {
  display: flex;
  flex-wrap: wrap;
}

#features .col-lg-4,
#features .col-md-6,
#features .col-xs-12 {
  display: flex;
  padding-right: 10px;
  padding-left: 10px;
}

#features .feature-box-01 {
  display: flex;
  flex-direction: column;
  flex: 1;
}

ul.list-faqs {
  list-style-type: disc; /* default dot */
  padding-left: 20px;
}

ul.list-faqs li {
  margin-bottom: 10px;
}

.faq-image img{
    width: 100%;
    height: auto;
}

#feature .tab-style-2 .nav .nav-item .nav-link .icon {
    width: 55px;
    height: 55px;
    line-height: 50px;
}

#feature .tab-style-2 .nav .nav-item .nav-link .icon img {
    width: 33px;
}

.tab-style-2 .nav .nav-item .nav-link.active .icon {
    background: #ffffff;
    border: 2px solid #03a9f3;
}

.tab-style-2 .nav .nav-item .nav-link.active .icon img.icon-white{
    display: none;
}

.tab-style-2 .nav .nav-item .nav-link:not(.active) .icon.icon-info{
    display: none;
}

.tab-style-2 .nav .nav-item .nav-link .icon.icon-info img{
    display: none;
}

.tab-style-2 .nav .nav-item .nav-link.active .icon.icon-info img{
    display: inline-block;
}
/* .tab-style-2 .nav .nav-item .nav-link:not(.active) .icon {
    background: transparent;
    border: 2px solid transparent;
} */