@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500&display=swap');

body {
    font-family: 'Quicksand', sans-serif;
}


/*Common */

.common {
    margin-top: 30px;
}

.form-control:focus {
    box-shadow: none;
    border-color: transparent;
}

/*img { max-width: 100%;}*/
a, .btn-main {
    transition: 900ms;
    -webkit-transition: 900ms;
}

    a:focus, .btn-main:focus {
        outline: 0 !important;
        text-decoration: none;
    }

    a:hover {
        color: #3a57a3;
    }

.btn-main {
    background: #db3539;
    border-radius: 40px;
    padding: 12px 50px;
    color: #fff;
    font-size: 25px;
    border-color: #db3539;
}


/* End Common */


.box_bannertab ul.nav li:last-child a:before {
    border: 0px;
}


/* banner */

.logo_box {
    width: 100%;
    display: table;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}
/*.logo_box img.logo {  width: 220px;}*/
.banner-main {
    min-height: 630px;
    background-image: url("https://towing.azureedge.net/Includes/NewSite/images/Banner_BG-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 1px;
    /* DONT REMOVE THIS ^ modifying this padding bottom will cause a weird gap between the banner and the navbar.*/
}

.box_bannertab { /*background: #07122e52;*/
    background: rgba(7, 18, 46, 0.3215686274509804);
    border: 1px solid #6d7484;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

    .box_bannertab ul.nav li {
        width: 25%;
        margin: 0;
        text-align: center;
    }

        .box_bannertab ul.nav li a {
            position: relative;
            z-index: 1;
            padding: 20px 10px; /*line-height: 1;*/
            font-weight: 400;
            text-align: center;
            border-radius: 0;
            font-size: 18px; /*color: #ffffff8a; */
            color: rgba(255, 255, 255, 0.5411764705882353);
            position: relative;
        }

            .box_bannertab ul.nav li a:hover {
                background: none;
            }

            .box_bannertab ul.nav li a:before {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                width: 100%;
                height: 1px;
                content: '.';
                color: transparent;
                background: #080e1c96;
                visibility: none;
                opacity: 0;
                z-index: -1;
            }

        .box_bannertab ul.nav li:last-child a {
            border-radius: 0 19px 0 0;
        }

        .box_bannertab ul.nav li:first-child a {
            border-radius: 19px 0 0 0;
        }

        .box_bannertab ul.nav li:hover a:before {
            opacity: 1 !important;
            visibility: visible !important;
            height: 100%;
        }

    .box_bannertab ul li a, .box_bannertab ul li a:after, .box_bannertab ul li a:before {
        transition: all .5s;
    }

    .box_bannertab ul.nav:hover li:last-child a:before {
        border-radius: 0 17px 0 0;
    }

    .box_bannertab ul.nav:hover li:first-child a:before {
        border-radius: 17px 0 0 0;
    }

    .box_bannertab ul.nav {
        border-bottom: 1px solid #6d7484;
        padding: 0px 0px;
    }

        .box_bannertab ul.nav li a:hover {
            color: #fff;
        }

        .box_bannertab ul.nav li a.active, .nav > li > a:focus { /* background: #3d58a2c7;*/
            background: rgba(61, 88, 162, 0.7803921568627451);
            color: #fff;
        }


        .box_bannertab ul.nav li:last-child a.active, .nav > li:last-child > a:focus {
            border-radius: 0 19px 0 0;
        }

        .box_bannertab ul.nav li:first-child a.active, .nav > li:first-child > a:focus {
            border-radius: 19px 0 0 0;
        }

        .box_bannertab ul.nav li a:after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 0;
            border-bottom: 2px solid #fff;
            transition: 800ms;
        }

        .box_bannertab ul.nav li a.active:after {
            right: 0;
            width: 100%;
            left: 0;
        }

    .box_bannertab .tab-pane {
        padding: 20px;
    }

        .box_bannertab .tab-pane form {
            width: 100%;
        }

        .box_bannertab .tab-pane label {
            margin-bottom: 9px;
            color: #fff;
            font-size: 18px;
            font-weight: 400;
            padding-left: 20px;
        }

.basic2 .dropdown-toggle,
.form-control, .bootstrap-select.btn-group {
    padding: 16px 20px;
    border-radius: 30px;
    line-height: 1;
    height: inherit !important;
    font-size: 23px;
    min-height: inherit !important;
}

.navbar-default .navbar-toggler:focus, .navbar-default .navbar-toggler:hover {
    background: none;
}

.navbar-toggler:hover span.icon-bar {
    background-color: #c4c8d2 !important;
}

.bs-searchbox .form-control {
    border-color: #9da1aa;
}

.dropdown-toggle .filter-option {
    padding: 9px 12px;
    border-radius: 30px;
    line-height: 1;
    height: inherit !important;
    font-size: 23px;
    min-height: inherit !important;
}

.box_bannertab .tab-pane form .form-group {
    margin-bottom: 20px;
}

.search-thousands-box {
    padding: 10px 30px;
    margin-top: 35px;
    border-radius: 50px;
    border: 1px solid #fff;
}

.mickeymouse-box {
    display: table;
    width: 100%;
    margin-top: -10px;
    padding-left: 14px;
    position: relative;
}

.search-thousands-box p {
    margin-bottom: 0;
    color: #fff;
}

    .search-thousands-box p strong {
        font-size: 15px;
        width: 100%;
        display: table;
        font-weight: 500;
    }

span.serarch-thousands-text {
    font-size: 12px;
}

.view-box {
    margin-top: 20px;
    padding-left: 20px;
}

    .view-box a {
        font-size: 16px;
        font-weight: 500;
        color: #fff !important;
    }

        .view-box a:hover {
            text-decoration: none;
            color: #fff !important;
        }
         
.bootstrap-select .btn-secondary {
    padding: 0;
    border: 0;
}

.bootstrap-select.btn-group .dropdown-toggle:hover, .bootstrap-select.btn-group .dropdown-toggle:focus {
    background: none !important;
    box-shadow: 0 0;
    outline: 0 !important;
}
 
.bootstrap-select button.btn.dropdown-toggle.btn-secondary {
    background: none !important;
    box-shadow: 0 0;
}

.bootstrap-select.btn-group .dropdown-menu li.active a {
    background: #3b56a0 !important;
    color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li:hover a {
    background: #3b56a0ab !important;
    color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 20px;
}

.bootstrap-select {
    padding: 13px 12px;
}
 
    .bootstrap-select button.btn.dropdown-toggle.btn-secondary {
        padding: 20px 20px;
    }

.dropdown-toggle .filter-option {
    padding: 0;
    color: #616161;
    overflow: inherit !important;
}

.mickeymouse-box img {
    width: 220px;
    position: relative;
    z-index: 9999;
}

.toggle-box-onsmall {
    position: absolute;
    float: right;
    top: 0.7rem;
    right: 1rem;
}

/* End Banner */


.mickeymouse-box:after {
    background-image: url(https://towing.azureedge.net/Includes/NewSite/images/Hand.png);
    content: '';
    display: block;
    -webkit-animation: seconds infinite 1s;
    animation: seconds infinite 1s;
    position: absolute;
    top: -2px;
    left: 49px;
    height: 63px;
    width: 48px;
    background-repeat: no-repeat;
    background-size: cover;
}

@-webkit-keyframes seconds {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(0.90);
        transform: scale(0.90);
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes seconds {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(0.90);
        transform: scale(0.90);
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

/* Progress */
/*
progress {  position: fixed; left: 0; top: 0; width: 100%; height: .25em;     z-index: 9; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent;
color: blue;}
progress::-webkit-progress-bar { background-color: transparent; }
.flat::-webkit-progress-value { background-color: blue; }
.flat::-moz-progress-bar { background-color: blue; }
.single::-webkit-progress-value { background-color: transparent; background-image: -webkit-linear-gradient(left, transparent, blue); }
.single::-moz-progress-bar { background-color: transparent; background-image: -moz-linear-gradient(left, transparent, blue);}
.multiple::-webkit-progress-value { background-image: -webkit-linear-gradient(-45deg,  transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%),
-webkit-linear-gradient(left, green, blue);}
.multiple::-moz-progress-bar { background-image: -moz-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%),
-moz-linear-gradient(left, green, blue);}
.progress-container {width: 100%; background-color: transparent; position: fixed; top: 0; left: 0; height: .25em; display: block;}
.progress-bar { background-color: blue; width: 50%; display: block; height: inherit;}*/

/* End Progress */

/* Header */
header {
    display: table;
    width: 100%;
}

    header .navbar {
        margin-bottom: 0;
        background: #3d58a2;
        border-radius: 0 !important;
        padding: 0 !important;
        border: 0;
    }

    header .navbar-nav li a {
        color: #fff !important;
        font-size: 17px;
        padding: 16px 30px!important;
        position: relative;
        z-index: 1;
    }

    header .navbar-nav li.active a {
        background: none !important;
    }

    header .navbar-nav li a:hover, header .navbar-nav li.active a {
        color: #fff !important;
        background: #5776cc00 !important;
    }

    /*header .navbar-nav li a:after {
    border: 1px solid #6479b5;
    content: "";
    height: 14px;    
    position: absolute;
    right: 0;
    top: 21px; 
    
}*/

    header .navbar-nav li:last-child a:after {
        border: 0px;
    }
/*header .navbar-nav li:last-child a{
  padding-right: 0px;
}*/
/* End Header */

/* Truck Animation */

/*-- Animation--*/
.car {
    position: absolute;
    z-index: 1;
    top: 21px;
    right: 0px;
    animation: run 15s infinite linear;
}

.road {
    background-image: url('https://towing.azureedge.net/Includes/NewSite/images/Road.jpg');
    min-height: 90px;
    background-repeat: no-repeat;
    background-size: cover;
}

.car-body img {
    width: 200px;
    -webkit-animation: bounce3 4s infinite linear;
    animation: bounce3 4s infinite linear;
}

.tair {
    position: absolute;
    -webkit-animation: bounce2 3s infinite linear;
    animation: bounce2 3s infinite linear;
}

    .tair img {
        width: 22px;
        animation: rotate 2s infinite linear;
        position: relative;
    }

.tair1 {
    left: 7px;
    bottom: -6px;
}

.tair2 {
    left: 78px;
    bottom: -6px;
}

.tair3 {
    left: 125px;
    bottom: 2px;
}

    .tair3 img {
        width: 16px;
        animation-play-state: paused;
    }

.tair4 img {
    width: 16px;
}

.road-main {
    padding-bottom: 30px;
    position: relative;
}

.tair4 {
    left: 176.4px;
    bottom: -7px;
}

@keyframes rotate {
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes run {
    100% {
        transform: translateX(-1200px);
        -webkit-transform: translateX(-1200px);
    }
}

@keyframes bounce2 {
    0%, 100%, 20%, 53%, 80% {
        -webkit-animation-timing-function: cubic-bezier(0.500, .30, .300, 1);
        animation-timing-function: cubic-bezier(0.500, .30, .300, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
}

.bounce2 {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@keyframes bounce3 {
    0%, 100%, 20%, 53%, 80% {
        -webkit-animation-timing-function: cubic-bezier(0.500, .50, .300, 1);
        animation-timing-function: cubic-bezier(0.100, .50, .300, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.500, .040, .400, .030);
        animation-timing-function: cubic-bezier(0.500, .040, .400, .030);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
}

.bounce3 {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
/* End Truk Animation */

/* Gallary */
.gallery-main {
    width: 100%;
    display: block;
    transition: 900ms;
    -webkit-transition: 900ms;
    overflow: hidden;
}

.gallery-box {
    width: 100%;
    display: table;
    margin-bottom: 30px;
    cursor: pointer;
}

.gallery-img {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.gallery-box:hover .gallery-img img {
}

.gallery-overleft {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-flex;
    bottom: 0;
    top: 0; /* background: #07122e4a;*/
    background: rgba(7, 18, 46, 0.2901960784313726);
}

span.gallery-overleft-text {
    position: absolute;
    top: 20%;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    font-weight: 300;
    font-size: 1.8rem;
}

.gallery-text {
    background: #f5f6fa; /*min-height: 230px;*/
    margin-top: 10px;
    padding: 25px 30px;
    border: 1px solid #c2d2fd;
}

.gallery-img {
    border-radius: 20px 20px 0px 0px;
}

.gallery-text {
    border-radius: 0px 0 20px 20px;
}

.gallery-img img {
    width: 100%;
}
/*.gallery-text p {   margin-bottom: 0; font-size: 18px;}*/

/*
.gallery-text p {
    margin-bottom: 0;
    font-size: 18px;
    display: block;
    display: -webkit-box;
    height: 152px;
    margin: 0 auto;
    line-height: 1.4;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
*/
.gallery-text p {
    margin-bottom: 0;
    font-size: 18px;
    display: table;
    margin: 0 auto;
    height: 152px;
}

.gallery-box:hover .gallery-img img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.gallery-box .gallery-img img, .gallery-box .gallery-overleft, .gallery-box:hover .gallery-overleft-text {
    transition: 900ms;
    -webkit-transition: 900ms;
}

.gallery-box:hover .gallery-overleft { /*background: #ffffffab;*/
    background: rgba(255, 255, 255, 0.6705882352941176);
}

.gallery-box:hover .gallery-overleft-text {
    color: #555;
}

.gallery-box:hover {
    background: #f5f6fa;
}

    .gallery-box:hover .gallery-text {
        border-color: transparent;
    }

    .gallery-box:hover .gallery-text, .gallery-box:hover .gallery-img img, .gallery-box:hover .gallery-overleft, .gallery-box:hover .gallery-img {
        border-radius: 0px;
    }
/*End Gallary */

/* Footer */
footer {
    background: #f5f6fa;
    background: #f5f6fa;
    margin-top: 120px !important;
}

.footer-logo { 
    text-align: center !important;
    margin-top: -90px;
}

.footer-logo img{
    display: inline!important
}

footer .nav-bar {
    margin: 30px auto;
    display: table;
}

.footer .nav-bar li {
    display: table;
    float: left;
}

.footer-nav-manu {
    display: table;
    width: 100%;
}

.footer-nav-menu p {
    color: #222222;
    font-size: 18px;
    margin-bottom: 0;
}

footer .nav-bar li a {
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    padding: 10px 15px;
}

    footer .nav-bar li a:hover {
        text-decoration:none;
        background: none;
        color: #3a57a3;
    }

    footer .nav-bar li a:after {
        content: "";
        position: absolute;
        left: 30%;
        width: 30%;
        bottom: 0;
        height: 1px;
        background: #3a57a3;
        transition: 500ms;
        opacity: 0;
    }

footer .nav-bar li:hover a:after {
    transition: 500ms;
    -webkit-transition: 500ms;
    width: 100%;
    left: 0;
    opacity: 1;
}

header .nav-hover li > a:after { /*content: "";  position: absolute;  left: 30%;  width: 30%;
  bottom: 0;  height: 2px;  background: #fff;  transition: 500ms; opacity: 0;*/
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    content: '.';
    color: transparent;
    background: #080e1c96;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

header .nav-hover li:hover > a:after {
    opacity: 1 !important;
    visibility: visible !important;
    height: 100%;
    /* transition: 500ms;  -webkit-transition: 500ms;  width: 100%;   left: 0; opacity: 1;*/
}

.nav-hover li > a, .nav-hover li > a:after, .nav-hover li > a:before {
    transition: all .5s;
}

.footer-main {
    width: 100%;
}

.footer {
    border-bottom: 1px solid #e3d7e4;
}

.sharethis-inline-share-buttons {
    margin-top: 30px;
    margin-bottom: 55px;
}


.cop-right-box p a {
    color: #222222;
}





/* Copy Right */
.cop-right-box {
    padding: 30px 0;
    text-align: center;
}

    .cop-right-box p {
        color: #222222;
        font-size: 18px;
    }

    .cop-right-box span {
        color: #999999;
    }
/* Copy RIght */
/*--End animation--*/


/*--page-2--*/
/*--logo-text--*/
.logo-text {
    color: #fff;
    font-size: 17px;
    margin: 0;
    padding-top: 7px;
}
/*--End logo-text--*/
.banner-main-box {
    min-height: 180px;
    background-image: url(https://towing.azureedge.net/Includes/NewSite/images/page-2/Bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.nav-hover li:hover .dropdown-hover.dropdown-menu {
    display: block;
}

.dropdown-hover.dropdown-menu {
    background-color: #5972BE;
    border: 0px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #080e1c96;
}
ul.dropdown-hover.dropdown-menu {
    margin: 0!important
}

.dropdown-hover.dropdown-menu li a {
    font-size: 17px;
    padding: 10px 15px !important;
    position: relative;
    z-index: 1;
}

/*--sidebar--*/
.title-box h1 {
    padding: 20px 15px;
    margin: 0;
    font-size: 32px;
    font-weight: 700;
}

.sidebar-box {
    border: 1px solid #DDDDDD;
    padding: 15px;
    background-color: #fff;
    z-index: 99999;
    position: relative;
}

    .sidebar-box ul {
        padding: 0px 15px;
        color: #3B56A1;
    }

        .sidebar-box ul li {
            padding: 7px 3px;
        }

            .sidebar-box ul li a {
                font-size: 17px;
                color: #3B56A1;
                font-weight: 400;
                text-decoration: none;
            }

        .sidebar-box ul span {
            font-size: 17px;
            font-weight: 700;
            color: #222222;
        }

        .sidebar-box ul li a:hover {
            color: #0078a0;
        }

/*--End sidebar--*/

/*--location--*/
.local-towing-main {
    border: 1px solid #DDDDDD;
    padding: 20px 25px;
}

    .local-towing-main h5, .towing-roadside-box h4 {
        font-size: 22px;
        font-weight: 700;
        color: #3b56a1;
        padding-left: 10px;
    }

    .local-towing-main .form-control {
        padding: 10px 15px;
        border-radius: 0px;
        line-height: 1;
        height: inherit !important;
        font-size: 23px;
        min-height: inherit !important;
    }

    .local-towing-main .bootstrap-select button.btn.dropdown-toggle.btn-secondary {
        padding: 12px 15px;
        border-radius: 0px;
    }

    .local-towing-main input, .local-towing-main .btn-secondary {
        border: 1px solid #cccccc;
    }

    .local-towing-main .form-group label {
        padding-left: 11px;
        font-size: 17px;
        color: #333333;
    }

.or-box p {
    margin: 0;
    font-size: 18px;
    color: #333333;
    font-weight: 500;
}

.local-towing-main .form-control:focus {
    box-shadow: 0 0 5px #999999;
    border-color: #cccccc;
}

.local-towing-main .btn-main {
    background: #5972BE;
    border-radius: 0px;
    padding: 6px 50px;
    color: #fff;
    font-size: 25px;
    border-color: #5972BE !important;
    width: 100%;
    margin-top: 15px;
}

    .local-towing-main .btn-main:hover {
        background: #3B56A1;
    }
/*--End location--*/

/*--towing-box--*/
.towing-roadside-box {
    border: 1px solid #cccccc;
    padding: 10px 25px 30px;
    display: table;
    width: 100%;
    margin-top: 40px;
}

.towing-main-box {
    border: 1px solid #cccccc;
    padding: 10px;
}

    .towing-main-box ul {
        padding: 0px;
        list-style-type: none;
    }

        .towing-main-box ul li {
            padding: 10px 15px;
        }

            .towing-main-box ul li a {
                color: #3B56A1;
                font-size: 17px;
                font-weight: 400;
                text-decoration: none;
            }

                .towing-main-box ul li a img {
                    padding-right: 15px;
                }

                .towing-main-box ul li a:hover {
                    color: #0078a0;
                }
/*--End towing-box--*/
/*--End page-2--*/


/*=============================secondary page============================*/


/*=============banner================*/
.banner--img {
    width: 100%;
}

.button {
    z-index: 99;
}

#particles-js {
    background-color: red;
}

.banner {
    position: relative;
}

canvas.particles-js-canvas-el {
    position: absolute;
    top: 0;
}

div#stats {
    display: none;
}

.banner-contant {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: 0;
    flex-direction: column;
    text-align: center;
}

.banner--title {
    font-size: 70px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px;
}

.banner--text {
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 35px;
}

.button--link {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    padding: 15px 35px;
    border: 1px solid #fff;
    border-radius: 10px;
    display: table;
    margin: 0 auto;
}

    .button--link:hover, .button--link:focus, .button--link:active {
        text-decoration: none;
        color: #fff;
    }
/*=============End banner================*/


/*============top-nav============*/
.header-top .dropdown-menu, #secondary .dropdown-menu {
    padding: 0px;
    border-radius: 0px;
}

.header-top {
    position: absolute;
    top: 0;
    width: 100%;
}

.header-main-bg {
    background-color: rgba(58, 87, 163, 0.45);
    padding: 15px 40px;
    transition: 1s;
    border-radius: 0px;
}

.nav-ul {
    float: none;
    display: flex;
    justify-content: center;
}

.nav-main--link {
    font-size: 18px;
    color: #fff;
    padding: 15px 35px !important;
    font-weight: 500;
}

    .nav-main--link:hover, .nav-main--link:focus, .nav-main--link:active, .header-top .nav .open > a, .header-top .nav .open > a:focus,
    .header-top .nav .open > a:hover {
        background-color: transparent !important;
        color: #fff;
    }

.nav--item {
    display: flex !important;
    align-items: center;
}

.navbar-brand-centered {
    position: absolute;
    left: 50%;
    display: block;
    width: auto;
    text-align: center;
    top: 5px;
    margin-left: -80px;
}

.navbar > .container .navbar-brand-centered,
.navbar > .container-fluid .navbar-brand-centered {
    margin-left: -60px;
}

li.dropdown.nav--item:before {
    position: absolute;
    bottom: -7px;
    content: "\e253";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    display: none;
}

li.dropdown:hover.nav--item:before {
    display: block;
}

.header-top .dropdown-ul {
    border-top: 2px solid #fff;
}
/*.stickey .nav-main--link:before {
    border-color: #fff;
}*/
.header-top.stickey {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.stickey .main-logo {
    display: none;
    transition: 2s;
}

.logo-stickey {
    display: none;
}

.stickey .logo-stickey {
    display: block;
    transition: 2s;
}

.stickey-logo {
    margin-top: -50px;
}

.stickey .stickey-logo {
    margin-top: 0;
    transition: 2s;
}

.stickey .header-main-bg {
    background-color: rgba(58, 87, 163, 0.98);
}

.stickey .header-main-bg {
    padding: 1px 40px;
}

.nav-main--link:hover {
    color: #cccccc;
}

/*==========End top-nav==========*/


/*==========header bottom========*/
.navbar-ul {
    display: flex;
    justify-content: center;
    float: none;
}

    .navbar-ul li > .nav--link:before {
        position: absolute;
        right: 0;
        top: 21px;
        border-right: 1px solid #6179b5;
        content: "";
        height: 12px;
    }

    .navbar-ul li:last-child .nav--link:before {
        border-right: 0px;
    }

.nav--link {
    font-size: 20px;
    color: #fff;
    padding: 15px 45px !important;
    position: relative;
}

    .nav--link:hover, .nav--link:focus, .nav--link:active {
        background-color: transparent !important;
        color: #fff;
    }

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-ul {
    background-color: #5972BE;
    border: 0px;
    margin: 0;
    left: 10%;
}

.summenu--link {
    font-size: 15px;
    color: #fff !important;
    padding: 10px 15px !important;
}

    .summenu--link:hover, .summenu--link:focus {
        background-color: #3b57a1 !important;
        color: #fff;
    }
/*==========End header bottom=========*/


/*==========breadcrumb===============*/
.breadcrumb > li + li:before {
    content: "\e258";
    color: #dcdcdd;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.breadcrumb-box {
    background-color: #f9fafc;
}

.breadcrumb--ol {
    background-color: transparent;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    padding: 0 70px;
    margin-bottom: 0px;
}

.breadcrumb--link {
    padding: 20px 25px;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #cccccc;
    font-weight: 400;
}

    .breadcrumb--link:after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -3px;
        height: 6px;
        width: 6px;
        background-color: #cccccc;
        content: "";
        border-radius: 50%;
        margin: 0 auto;
    }

.active .breadcrumb--link:after {
    background-color: #3a57a3;
}

.breadcrumb--link:hover {
    text-decoration: none;
    color: #3a57a3;
}

.active .breadcrumb--link {
    color: #3a57a3;
}
/*==========End breadcrumb===============*/


/*=========contant===========*/
.content-box {
    padding: 70px 0;
}

.content-title {
    text-align: center;
    font-size: 20px;
    color: #000000;
}

.paragraph-text {
    color: #999999;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
    margin: 0;
}
/*==========End contant===========*/


/*===========roadside-services============*/
.roadside-services-main {
    padding: 40px 0;
    overflow: hidden;
}

.service--title {
    text-align: center;
    margin: 0;
    font-size: 25px;
    color: #3a57a3;
    font-weight: 700;
}

.road-service--parag {
    text-align: center;
    padding: 25px;
    font-size: 18px;
    color: #999999;
    font-weight: 400;
}

.service-item--ul {
    padding: 0;
    margin-bottom: 0;
}

.service--item {
    list-style-type: none;
    margin-bottom: 25px;
}

.service-item--link {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    display: table;
    margin: 0;
    line-height: 35px;
}

.number-text {
    height: 35px;
    width: 35px;
    background-color: #3a57a3;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
    display: table;
    float: left;
}

/*==========End roadside-services=============*/

/*==========End Hazards Strike and Secondary 2 Header=============*/

.btn-repain {
    padding: 12px 18px !important;
    font-size: 15px !important;
    word-break: normal !important;
    white-space: normal !important;
    margin-bottom: 5px !important;
    max-width: 100% !important;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.41);
    color: #fff;
    border-radius: 3px !important;
    margin-right: 10px;
}

    .btn-repain:last-child {
        margin-right: 0 !important;
    }

    .btn-repain i {
        margin-right: 2px;
    }

.button-secondarybtn {
    display: table;
    margin: 0 auto;
}

.form-search-zip {
    width: 100%;
}

.form-search-zip--input-group {
    width: 400px;
    margin: 23px auto 0 auto;
    height: 46px;
}

.form-search-zip--text-box {
    border: 0;
    line-height: 1.2;
    padding: 11px 20px;
    font-size: 19px;
}

.form-search-zip--header {
    color: #fff;
    display: table;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    margin-top: 30px;
}

.form-search-zip--searchbtn {
    padding: 11px 20px !important;
    font-size: 19px !important;
    line-height: 1;
    border: 0;
    height: 46px;
}

.contain--box-hazard {
    width: 100%;
    height: 380px;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
    background-size: cover;
    -moz-animation-duration: 20000ms;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -ms-animation-duration: 20000ms;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    animation-duration: 20000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 20000ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.roadside-services--header {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.content-title--box--hazard {
    margin-bottom: 20px;
}

.box-hazard--btn-box {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*==========  and Secondary 2 Header=============*/

/*============service-box===============*/
.service {
    padding: 80px 0px 30px 0;
    overflow: hidden;
}

.service--box {
    padding: 0px 0 50px 50px;
}

.service-content {
    padding-left: 35px;
}

.service--heading {
    color: #000000;
    font-size: 20px;
    margin: 0;
    font-weight: 500;
    padding-bottom: 5px;
}

.service--parag {
    font-size: 18px;
    color: #999999;
    font-weight: 400;
    margin: 0;
}

.service .row {
    display: flex;
    flex-wrap: wrap;
}

/*============End service-box===============*/

.navbar-nav li.nav--item:last-child .nav-main--link:before {
    border-right: 0px;
}

.nav-main--link:before {
    position: absolute;
    right: 0;
    border-right: 1px solid #fff;
    content: "";
    height: 12px;
    top: 20px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent !important;
}
/*===============iphone============*/
.service-item--link:hover, .service-item--link:focus {
    color: #3e5aa5;
    text-decoration: none;
}
/*----two---*/

.scroll-box-two img {
    width: 100%;
}

.mobile-img-two {
    position: relative;
}

.bg-mobileimg-two {
    background-image: url(/Includes/NewSite/images/map.JPG);
    position: absolute;
    top: 45px;
    bottom: 47px;
    left: 10px;
    right: 12px;
    z-index: 0;
    -webkit-animation-name: MOVE-BG-two;
    animation-name: MOVE-BG-two;
    background-size: cover;
    -moz-animation-duration: 18000ms;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -ms-animation-duration: 18000ms;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    animation-duration: 18000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 18000ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}


@keyframes MOVE-BG-two {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

@-webkit-keyframes MOVE-BG-two {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

@-moz-keyframes MOVE-BG-two {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

@-ms-keyframes MOVE-BG-two {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

@-o-keyframes MOVE-BG-two {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}
/*---End two---*/
.scroll-box, .scroll-box-two {
    width: 170px;
    margin: 0 auto;
}

    .scroll-box img {
        width: 100%;
    }

.mobile-img {
    position: relative;
}

.bg-mobileimg {
    background-image: url(/Includes/NewSite/images/towing.JPG);
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: 9px;
    right: 10px;
    z-index: 0;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
    background-size: cover;
    -moz-animation-duration: 11000ms;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -ms-animation-duration: 11000ms;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    animation-duration: 11000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 11000ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}


@keyframes MOVE-BG {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

@-webkit-keyframes MOVE-BG {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

@-moz-keyframes MOVE-BG {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

@-ms-keyframes MOVE-BG {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

@-o-keyframes MOVE-BG {
    0% {
        background-position: 0% 0%;
    }

    50% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

.button--link:hover {
    background-color: #3b58a3;
    border-color: #3b57a3;
}

/*============End iphone===========*/
/*=========aos===================*/
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], [data-aos][data-aos][data-aos-easing=ease-in-quad], [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-cubic] [data-aos], body[data-aos-easing=ease-in-quad] [data-aos], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], [data-aos][data-aos][data-aos-easing=ease-out-quad], [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-cubic] [data-aos], body[data-aos-easing=ease-out-quad] [data-aos], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], [data-aos][data-aos][data-aos-easing=ease-in-out-quad], [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-cubic] [data-aos], body[data-aos-easing=ease-in-out-quad] [data-aos], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}

[data-aos][data-aos][data-aos-duration='50'], body[data-aos-duration='50'] [data-aos] {
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-duration='100'], body[data-aos-duration='100'] [data-aos] {
    transition-duration: .1s;
}

[data-aos][data-aos][data-aos-duration='150'], body[data-aos-duration='150'] [data-aos] {
    transition-duration: .15s;
}

[data-aos][data-aos][data-aos-duration='200'], body[data-aos-duration='200'] [data-aos] {
    transition-duration: .2s;
}

[data-aos][data-aos][data-aos-duration='250'], body[data-aos-duration='250'] [data-aos] {
    transition-duration: .25s;
}

[data-aos][data-aos][data-aos-duration='300'], body[data-aos-duration='300'] [data-aos] {
    transition-duration: .3s;
}

[data-aos][data-aos][data-aos-duration='350'], body[data-aos-duration='350'] [data-aos] {
    transition-duration: .35s;
}

[data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] {
    transition-duration: .4s;
}

[data-aos][data-aos][data-aos-duration='450'], body[data-aos-duration='450'] [data-aos] {
    transition-duration: .45s;
}

[data-aos][data-aos][data-aos-duration='500'], body[data-aos-duration='500'] [data-aos] {
    transition-duration: .5s;
}

[data-aos][data-aos][data-aos-duration='550'], body[data-aos-duration='550'] [data-aos] {
    transition-duration: .55s;
}

[data-aos][data-aos][data-aos-duration='600'], body[data-aos-duration='600'] [data-aos] {
    transition-duration: .6s;
}

[data-aos][data-aos][data-aos-duration='650'], body[data-aos-duration='650'] [data-aos] {
    transition-duration: .65s;
}

[data-aos][data-aos][data-aos-duration='700'], body[data-aos-duration='700'] [data-aos] {
    transition-duration: .7s;
}

[data-aos][data-aos][data-aos-duration='750'], body[data-aos-duration='750'] [data-aos] {
    transition-duration: .75s;
}

[data-aos][data-aos][data-aos-duration='800'], body[data-aos-duration='800'] [data-aos] {
    transition-duration: .8s;
}

[data-aos][data-aos][data-aos-duration='850'], body[data-aos-duration='850'] [data-aos] {
    transition-duration: .85s;
}

[data-aos][data-aos][data-aos-duration='900'], body[data-aos-duration='900'] [data-aos] {
    transition-duration: .9s;
}

[data-aos][data-aos][data-aos-duration='950'], body[data-aos-duration='950'] [data-aos] {
    transition-duration: .95s;
}

[data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] {
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-duration='1050'], body[data-aos-duration='1050'] [data-aos] {
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-duration='1100'], body[data-aos-duration='1100'] [data-aos] {
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-duration='1150'], body[data-aos-duration='1150'] [data-aos] {
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-duration='1200'], body[data-aos-duration='1200'] [data-aos] {
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-duration='1250'], body[data-aos-duration='1250'] [data-aos] {
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-duration='1300'], body[data-aos-duration='1300'] [data-aos] {
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-duration='1350'], body[data-aos-duration='1350'] [data-aos] {
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-duration='1400'], body[data-aos-duration='1400'] [data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-duration='1450'], body[data-aos-duration='1450'] [data-aos] {
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] {
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-duration='1550'], body[data-aos-duration='1550'] [data-aos] {
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-duration='1600'], body[data-aos-duration='1600'] [data-aos] {
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-duration='1650'], body[data-aos-duration='1650'] [data-aos] {
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-duration='1700'], body[data-aos-duration='1700'] [data-aos] {
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-duration='1750'], body[data-aos-duration='1750'] [data-aos] {
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-duration='1800'], body[data-aos-duration='1800'] [data-aos] {
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-duration='1850'], body[data-aos-duration='1850'] [data-aos] {
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-duration='1900'], body[data-aos-duration='1900'] [data-aos] {
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-duration='1950'], body[data-aos-duration='1950'] [data-aos] {
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-duration='2000'], body[data-aos-duration='2000'] [data-aos] {
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-duration='2050'], body[data-aos-duration='2050'] [data-aos] {
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-duration='2100'], body[data-aos-duration='2100'] [data-aos] {
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-duration='2150'], body[data-aos-duration='2150'] [data-aos] {
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-duration='2200'], body[data-aos-duration='2200'] [data-aos] {
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-duration='2250'], body[data-aos-duration='2250'] [data-aos] {
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-duration='2300'], body[data-aos-duration='2300'] [data-aos] {
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-duration='2350'], body[data-aos-duration='2350'] [data-aos] {
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-duration='2400'], body[data-aos-duration='2400'] [data-aos] {
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-duration='2450'], body[data-aos-duration='2450'] [data-aos] {
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-duration='2500'], body[data-aos-duration='2500'] [data-aos] {
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-duration='2550'], body[data-aos-duration='2550'] [data-aos] {
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-duration='2600'], body[data-aos-duration='2600'] [data-aos] {
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-duration='2650'], body[data-aos-duration='2650'] [data-aos] {
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-duration='2700'], body[data-aos-duration='2700'] [data-aos] {
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-duration='2750'], body[data-aos-duration='2750'] [data-aos] {
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-duration='2800'], body[data-aos-duration='2800'] [data-aos] {
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-duration='2850'], body[data-aos-duration='2850'] [data-aos] {
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-duration='2900'], body[data-aos-duration='2900'] [data-aos] {
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-duration='2950'], body[data-aos-duration='2950'] [data-aos] {
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-duration='3000'], body[data-aos-duration='3000'] [data-aos] {
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay='50'], body[data-aos-delay='50'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='50'].aos-animate, body[data-aos-delay='50'] [data-aos].aos-animate {
        transition-delay: 50ms;
    }

[data-aos][data-aos][data-aos-delay='100'], body[data-aos-delay='100'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='100'].aos-animate, body[data-aos-delay='100'] [data-aos].aos-animate {
        transition-delay: .1s;
    }

[data-aos][data-aos][data-aos-delay='150'], body[data-aos-delay='150'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='150'].aos-animate, body[data-aos-delay='150'] [data-aos].aos-animate {
        transition-delay: .15s;
    }

[data-aos][data-aos][data-aos-delay='200'], body[data-aos-delay='200'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='200'].aos-animate, body[data-aos-delay='200'] [data-aos].aos-animate {
        transition-delay: .2s;
    }

[data-aos][data-aos][data-aos-delay='250'], body[data-aos-delay='250'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='250'].aos-animate, body[data-aos-delay='250'] [data-aos].aos-animate {
        transition-delay: .25s;
    }

[data-aos][data-aos][data-aos-delay='300'], body[data-aos-delay='300'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='300'].aos-animate, body[data-aos-delay='300'] [data-aos].aos-animate {
        transition-delay: .3s;
    }

[data-aos][data-aos][data-aos-delay='350'], body[data-aos-delay='350'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='350'].aos-animate, body[data-aos-delay='350'] [data-aos].aos-animate {
        transition-delay: .35s;
    }

[data-aos][data-aos][data-aos-delay='400'], body[data-aos-delay='400'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate {
        transition-delay: .4s;
    }

[data-aos][data-aos][data-aos-delay='450'], body[data-aos-delay='450'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='450'].aos-animate, body[data-aos-delay='450'] [data-aos].aos-animate {
        transition-delay: .45s;
    }

[data-aos][data-aos][data-aos-delay='500'], body[data-aos-delay='500'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='500'].aos-animate, body[data-aos-delay='500'] [data-aos].aos-animate {
        transition-delay: .5s;
    }

[data-aos][data-aos][data-aos-delay='550'], body[data-aos-delay='550'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='550'].aos-animate, body[data-aos-delay='550'] [data-aos].aos-animate {
        transition-delay: .55s;
    }

[data-aos][data-aos][data-aos-delay='600'], body[data-aos-delay='600'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='600'].aos-animate, body[data-aos-delay='600'] [data-aos].aos-animate {
        transition-delay: .6s;
    }

[data-aos][data-aos][data-aos-delay='650'], body[data-aos-delay='650'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='650'].aos-animate, body[data-aos-delay='650'] [data-aos].aos-animate {
        transition-delay: .65s;
    }

[data-aos][data-aos][data-aos-delay='700'], body[data-aos-delay='700'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='700'].aos-animate, body[data-aos-delay='700'] [data-aos].aos-animate {
        transition-delay: .7s;
    }

[data-aos][data-aos][data-aos-delay='750'], body[data-aos-delay='750'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='750'].aos-animate, body[data-aos-delay='750'] [data-aos].aos-animate {
        transition-delay: .75s;
    }

[data-aos][data-aos][data-aos-delay='800'], body[data-aos-delay='800'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {
        transition-delay: .8s;
    }

[data-aos][data-aos][data-aos-delay='850'], body[data-aos-delay='850'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='850'].aos-animate, body[data-aos-delay='850'] [data-aos].aos-animate {
        transition-delay: .85s;
    }

[data-aos][data-aos][data-aos-delay='900'], body[data-aos-delay='900'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='900'].aos-animate, body[data-aos-delay='900'] [data-aos].aos-animate {
        transition-delay: .9s;
    }

[data-aos][data-aos][data-aos-delay='950'], body[data-aos-delay='950'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='950'].aos-animate, body[data-aos-delay='950'] [data-aos].aos-animate {
        transition-delay: .95s;
    }

[data-aos][data-aos][data-aos-delay='1000'], body[data-aos-delay='1000'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate {
        transition-delay: 1s;
    }

[data-aos][data-aos][data-aos-delay='1050'], body[data-aos-delay='1050'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1050'].aos-animate, body[data-aos-delay='1050'] [data-aos].aos-animate {
        transition-delay: 1.05s;
    }

[data-aos][data-aos][data-aos-delay='1100'], body[data-aos-delay='1100'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1100'].aos-animate, body[data-aos-delay='1100'] [data-aos].aos-animate {
        transition-delay: 1.1s;
    }

[data-aos][data-aos][data-aos-delay='1150'], body[data-aos-delay='1150'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1150'].aos-animate, body[data-aos-delay='1150'] [data-aos].aos-animate {
        transition-delay: 1.15s;
    }

[data-aos][data-aos][data-aos-delay='1200'], body[data-aos-delay='1200'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1200'].aos-animate, body[data-aos-delay='1200'] [data-aos].aos-animate {
        transition-delay: 1.2s;
    }

[data-aos][data-aos][data-aos-delay='1250'], body[data-aos-delay='1250'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1250'].aos-animate, body[data-aos-delay='1250'] [data-aos].aos-animate {
        transition-delay: 1.25s;
    }

[data-aos][data-aos][data-aos-delay='1300'], body[data-aos-delay='1300'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1300'].aos-animate, body[data-aos-delay='1300'] [data-aos].aos-animate {
        transition-delay: 1.3s;
    }

[data-aos][data-aos][data-aos-delay='1350'], body[data-aos-delay='1350'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1350'].aos-animate, body[data-aos-delay='1350'] [data-aos].aos-animate {
        transition-delay: 1.35s;
    }

[data-aos][data-aos][data-aos-delay='1400'], body[data-aos-delay='1400'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1400'].aos-animate, body[data-aos-delay='1400'] [data-aos].aos-animate {
        transition-delay: 1.4s;
    }

[data-aos][data-aos][data-aos-delay='1450'], body[data-aos-delay='1450'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1450'].aos-animate, body[data-aos-delay='1450'] [data-aos].aos-animate {
        transition-delay: 1.45s;
    }

[data-aos][data-aos][data-aos-delay='1500'], body[data-aos-delay='1500'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1500'].aos-animate, body[data-aos-delay='1500'] [data-aos].aos-animate {
        transition-delay: 1.5s;
    }

[data-aos][data-aos][data-aos-delay='1550'], body[data-aos-delay='1550'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1550'].aos-animate, body[data-aos-delay='1550'] [data-aos].aos-animate {
        transition-delay: 1.55s;
    }

[data-aos][data-aos][data-aos-delay='1600'], body[data-aos-delay='1600'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1600'].aos-animate, body[data-aos-delay='1600'] [data-aos].aos-animate {
        transition-delay: 1.6s;
    }

[data-aos][data-aos][data-aos-delay='1650'], body[data-aos-delay='1650'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1650'].aos-animate, body[data-aos-delay='1650'] [data-aos].aos-animate {
        transition-delay: 1.65s;
    }

[data-aos][data-aos][data-aos-delay='1700'], body[data-aos-delay='1700'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1700'].aos-animate, body[data-aos-delay='1700'] [data-aos].aos-animate {
        transition-delay: 1.7s;
    }

[data-aos][data-aos][data-aos-delay='1750'], body[data-aos-delay='1750'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1750'].aos-animate, body[data-aos-delay='1750'] [data-aos].aos-animate {
        transition-delay: 1.75s;
    }

[data-aos][data-aos][data-aos-delay='1800'], body[data-aos-delay='1800'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1800'].aos-animate, body[data-aos-delay='1800'] [data-aos].aos-animate {
        transition-delay: 1.8s;
    }

[data-aos][data-aos][data-aos-delay='1850'], body[data-aos-delay='1850'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1850'].aos-animate, body[data-aos-delay='1850'] [data-aos].aos-animate {
        transition-delay: 1.85s;
    }

[data-aos][data-aos][data-aos-delay='1900'], body[data-aos-delay='1900'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1900'].aos-animate, body[data-aos-delay='1900'] [data-aos].aos-animate {
        transition-delay: 1.9s;
    }

[data-aos][data-aos][data-aos-delay='1950'], body[data-aos-delay='1950'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1950'].aos-animate, body[data-aos-delay='1950'] [data-aos].aos-animate {
        transition-delay: 1.95s;
    }

[data-aos][data-aos][data-aos-delay='2000'], body[data-aos-delay='2000'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate {
        transition-delay: 2s;
    }

[data-aos][data-aos][data-aos-delay='2050'], body[data-aos-delay='2050'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2050'].aos-animate, body[data-aos-delay='2050'] [data-aos].aos-animate {
        transition-delay: 2.05s;
    }

[data-aos][data-aos][data-aos-delay='2100'], body[data-aos-delay='2100'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2100'].aos-animate, body[data-aos-delay='2100'] [data-aos].aos-animate {
        transition-delay: 2.1s;
    }

[data-aos][data-aos][data-aos-delay='2150'], body[data-aos-delay='2150'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2150'].aos-animate, body[data-aos-delay='2150'] [data-aos].aos-animate {
        transition-delay: 2.15s;
    }

[data-aos][data-aos][data-aos-delay='2200'], body[data-aos-delay='2200'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2200'].aos-animate, body[data-aos-delay='2200'] [data-aos].aos-animate {
        transition-delay: 2.2s;
    }

[data-aos][data-aos][data-aos-delay='2250'], body[data-aos-delay='2250'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2250'].aos-animate, body[data-aos-delay='2250'] [data-aos].aos-animate {
        transition-delay: 2.25s;
    }

[data-aos][data-aos][data-aos-delay='2300'], body[data-aos-delay='2300'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2300'].aos-animate, body[data-aos-delay='2300'] [data-aos].aos-animate {
        transition-delay: 2.3s;
    }

[data-aos][data-aos][data-aos-delay='2350'], body[data-aos-delay='2350'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2350'].aos-animate, body[data-aos-delay='2350'] [data-aos].aos-animate {
        transition-delay: 2.35s;
    }

[data-aos][data-aos][data-aos-delay='2400'], body[data-aos-delay='2400'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2400'].aos-animate, body[data-aos-delay='2400'] [data-aos].aos-animate {
        transition-delay: 2.4s;
    }

[data-aos][data-aos][data-aos-delay='2450'], body[data-aos-delay='2450'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2450'].aos-animate, body[data-aos-delay='2450'] [data-aos].aos-animate {
        transition-delay: 2.45s;
    }

[data-aos][data-aos][data-aos-delay='2500'], body[data-aos-delay='2500'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2500'].aos-animate, body[data-aos-delay='2500'] [data-aos].aos-animate {
        transition-delay: 2.5s;
    }

[data-aos][data-aos][data-aos-delay='2550'], body[data-aos-delay='2550'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2550'].aos-animate, body[data-aos-delay='2550'] [data-aos].aos-animate {
        transition-delay: 2.55s;
    }

[data-aos][data-aos][data-aos-delay='2600'], body[data-aos-delay='2600'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2600'].aos-animate, body[data-aos-delay='2600'] [data-aos].aos-animate {
        transition-delay: 2.6s;
    }

[data-aos][data-aos][data-aos-delay='2650'], body[data-aos-delay='2650'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2650'].aos-animate, body[data-aos-delay='2650'] [data-aos].aos-animate {
        transition-delay: 2.65s;
    }

[data-aos][data-aos][data-aos-delay='2700'], body[data-aos-delay='2700'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2700'].aos-animate, body[data-aos-delay='2700'] [data-aos].aos-animate {
        transition-delay: 2.7s;
    }

[data-aos][data-aos][data-aos-delay='2750'], body[data-aos-delay='2750'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2750'].aos-animate, body[data-aos-delay='2750'] [data-aos].aos-animate {
        transition-delay: 2.75s;
    }

[data-aos][data-aos][data-aos-delay='2800'], body[data-aos-delay='2800'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2800'].aos-animate, body[data-aos-delay='2800'] [data-aos].aos-animate {
        transition-delay: 2.8s;
    }

[data-aos][data-aos][data-aos-delay='2850'], body[data-aos-delay='2850'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2850'].aos-animate, body[data-aos-delay='2850'] [data-aos].aos-animate {
        transition-delay: 2.85s;
    }

[data-aos][data-aos][data-aos-delay='2900'], body[data-aos-delay='2900'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2900'].aos-animate, body[data-aos-delay='2900'] [data-aos].aos-animate {
        transition-delay: 2.9s;
    }

[data-aos][data-aos][data-aos-delay='2950'], body[data-aos-delay='2950'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2950'].aos-animate, body[data-aos-delay='2950'] [data-aos].aos-animate {
        transition-delay: 2.95s;
    }

[data-aos][data-aos][data-aos-delay='3000'], body[data-aos-delay='3000'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='3000'].aos-animate, body[data-aos-delay='3000'] [data-aos].aos-animate {
        transition-delay: 3s;
    }

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform;
}

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translate(0);
    }

[data-aos=fade-up] {
    transform: translateY(100px);
}

[data-aos=fade-down] {
    transform: translateY(-100px);
}

[data-aos=fade-right] {
    transform: translate(-100px);
}

[data-aos=fade-left] {
    transform: translate(100px);
}

[data-aos=fade-up-right] {
    transform: translate(-100px,100px);
}

[data-aos=fade-up-left] {
    transform: translate(100px,100px);
}

[data-aos=fade-down-right] {
    transform: translate(-100px,-100px);
}

[data-aos=fade-down-left] {
    transform: translate(100px,-100px);
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform;
}

    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        transform: translate(0) scale(1);
    }

[data-aos=zoom-in] {
    transform: scale(.6);
}

[data-aos=zoom-in-up] {
    transform: translateY(100px) scale(.6);
}

[data-aos=zoom-in-down] {
    transform: translateY(-100px) scale(.6);
}

[data-aos=zoom-in-right] {
    transform: translate(-100px) scale(.6);
}

[data-aos=zoom-in-left] {
    transform: translate(100px) scale(.6);
}

[data-aos=zoom-out] {
    transform: scale(1.2);
}

[data-aos=zoom-out-up] {
    transform: translateY(100px) scale(1.2);
}

[data-aos=zoom-out-down] {
    transform: translateY(-100px) scale(1.2);
}

[data-aos=zoom-out-right] {
    transform: translate(-100px) scale(1.2);
}

[data-aos=zoom-out-left] {
    transform: translate(100px) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform;
}

    [data-aos^=slide][data-aos^=slide].aos-animate {
        transform: translate(0);
    }

[data-aos=slide-up] {
    transform: translateY(100%);
}

[data-aos=slide-down] {
    transform: translateY(-100%);
}

[data-aos=slide-right] {
    transform: translateX(-100%);
}

[data-aos=slide-left] {
    transform: translateX(100%);
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform;
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
}

    [data-aos=flip-left].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
}

    [data-aos=flip-right].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
}

    [data-aos=flip-up].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
}

    [data-aos=flip-down].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }
/*=========End aos============*/
/*============================End secondary page=========================*/


@media screen and (max-width: 1499px) {
    .nav-main--link {
        padding: 15px 20px !important;
    }

    .header-main-bg {
        padding: 15px 30px;
    }
}

@media screen and (max-width: 1299px) {
    .nav-main--link {
        padding: 15px 10px !important;
    }
}

@media screen and (max-width: 1200px) {

    header .navbar-nav li a {
        font-size: 17px;
    }

    header .navbar-nav li a {
        padding: 16px 20px;
    }
    /*.box_bannertab ul.nav li a:before {
    
    right: -44px;
  
}*/

    /*--secondary-page--*/
    .header-main-bg {
        padding: 15px 10px;
    }

    .nav-main--link {
        font-size: 15px;
    }

    .nav--link {
        padding: 15px 30px !important;
    }

    .navbar > .container .navbar-brand-centered, .navbar > .container-fluid .navbar-brand-centered {
        margin-left: -70px;
    }
    /*--End secondary-page--*/

    .banner--title {
        font-size: 50px;
        margin-top: 50px
    }

    .banner--text {
        font-size: 26px;
    }
}



@media screen and (max-width: 993px) {

    .header-top .header-main-bg {
        padding: 40px 10px;
    }
    /*--secondary-page--*/

    .header-top.stickey {
        position: absolute;
    }

    .header-top .navbar-header {
        float: none;
    }

    .header-top .navbar-left, .navbar-right {
        float: none !important;
    }

    .header-top .navbar-toggler {
        display: block;
    }

    .header-top .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: none;
    }

    .header-top .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .header-top .navbar-collapse.collapse {
        display: none !important;
    }
        .header-top .navbar-collapse.collapse.show {
            display: block !important;
        }

    .header-top .navbar-nav {
        float: none !important;
        margin-top: 37.5px;
        margin-bottom: -17px;
    }

        .header-top .navbar-nav > li {
            margin: 10px;
            float: none;
        }

            .header-top .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .header-top .collapse.in {
        display: block !important;
    }

    .header-top .navbar-nav li.dropdown:hover .dropdown-menu {
        display: none;
    }

    .header-top .navbar-nav li.dropdown.open:hover ul {
        display: table;
    }

    .header-top {
        z-index: 9999;
    }

        .header-top .nav--item {
            display: block !important;
            align-items: center;
        }

        .header-top .navbar-toggler span.icon-bar {
            background-color: #fff !important;
        }

        .header-top .header-main-bg {
            background-color: rgb(58, 87, 163);
        }

        .header-top .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: 100%;
            margin-top: 0;
            background-color: rgba(0, 0, 0, 0.058823529411764705);
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .nav--link {
        padding: 15px 15px !important;
        font-size: 16px;
    }

    .nav-main--link:before {
        border-right: 0px;
    }

    li.dropdown:hover.nav--item:before {
        display: none;
    }

    span.caret {
        float: right;
        margin-top: 9px;
    }

    .caret {
        border-top: 7px dashed;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
    }

    .stickey .header-main-bg {
        padding: 1px 10px;
    }

    .banner--box {
        padding-top: 50px;
    }

    .navbar {
        min-height: 52px;
    }

    @keyframes run {
        100% {
            transform: translateX(-800px);
        }
    }

    .box_bannertab ul.nav li a {
        padding: 15px 10px;
        font-size: 16px;
    }

    .box_bannertab .tab-pane label {
        margin-bottom: 7px;
        font-size: 17px;
        padding-left: 15px;
    }

    header .navbar-nav li a {
        font-size: 14px;
        padding: 10px 10px;
    }

    .search-thousands-box {
        padding: 10px 20px;
    }

    span.serarch-thousands-text {
        font-size: 13px;
    }

    .search-thousands-box p strong {
        font-size: 14px;
    }

    .banner-main {
        min-height: 600px;
    }

    .box_bannertab {
        width: 100%;
    }

    .towing-roadside-box {
        margin-top: 15px;
    }

    .logo_box {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .paragraph-text {
        font-size: 16px;
    }

    .service--item {
        margin-bottom: 15px;
    }

    span.gallery-overleft-text {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 768px) {

    .header-top .header-main-bg {
        padding: 33px 10px;
    }
    /*--secondary page--*/
    .icon-img {
        width: 45px;
    }

    .banner--title {
        font-size: 30px;
    }

    .banner--text {
        font-size: 18px;
        padding-bottom: 15px;
    }

    .button--link {
        font-size: 16px;
        padding: 10px 20px;
    }

    .navbar-ul {
        display: block;
    }

    .nav--link {
        padding: 10px 0px !important;
    }

    #secondary .dropdown-menu {
        min-width: 100%;
        position: relative;
        left: 0;
    }

    .navbar-ul li > .nav--link:before {
        border-right: 0px;
    }

    #secondary .navbar-ul li.dropdown:hover .dropdown-menu {
        display: none;
    }

    #secondary .navbar-ul li.dropdown.open:hover ul {
        display: table !important;
    }

    .breadcrumb--link {
        padding: 15px 15px;
        font-size: 15px;
    }

    .breadcrumb--ol {
        padding: 0 15px;
    }

    .content-box {
        padding: 29px 0;
    }

    .service--title {
        font-size: 22px;
    }

    .service {
        padding: 30px 0px 30px 0;
    }

    .service--box {
        padding: 0px 0 40px 0px;
    }

    .service-content {
        padding-left: 10px;
    }

    .nav-main--link {
        padding: 10px 10px !important;
    }

    .dropdown-ul.dropdown-menu.show {
        display: block !important;
    }

    .navbar > .container .navbar-brand-centered, .navbar > .container-fluid .navbar-brand-centered, .navbar-brand-centered {
        margin-left: 0;
    }

    .navbar-brand-centered {
        left: 15px;
    }

    .summenu--link {
        font-size: 14px;
    }

    ul.dropdown-ul.dropdown-menu {
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0.058823529411764705);
    }

    .scroll-box, .scroll-box-two {
        margin: 10px auto;
    }

    .banner--box {
        padding-top: 65px;
    }

    .main-logo {
        width: 130px;
    }

    .header-main-bg {
        padding: 8px 10px;
    }

    .service-item--link {
        font-size: 16px;
    }

    .service--item {
        margin-bottom: 15px;
    }

    .road-service--parag {
        padding: 15px;
    }

    /*--End secondary page--*/

    /* Banner */

    footer {
        margin-top: 20px !important;
    }

    .mickeymouse-box:after {
        display: none;
    }

    .title-box {
        float: left;
    }

    .sidebar-main {
        float: left;
        padding: 14px 8px 16px 13px;
        background-color: #3d58a2;
        margin-top: 8px;
        margin-bottom: 12px;
    }

    .sidebar-left {
        position: absolute;
        left: 0%;
        transition: 1s;
        margin-top: 75px;
        margin-left: -249px;
    }

        .sidebar-left.isOut {
            margin-left: -14px;
        }

    a#menu-toggle {
        text-decoration: none;
    }

        a#menu-toggle > .menu-box {
            font-size: 20px;
            color: #fff;
            font-weight: 500;
            padding-left: 15px;
        }

    .header-menu-icon {
        color: #fff;
        padding-right: 10px;
        font-size: 20px;
        margin-top: 0px;
        font-weight: 500;
    }

    a#menu-toggle > .menu-box:hover {
        color: #fff;
    }

    #menu-toggle {
        padding: 0px 1px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .sidebar {
        -webkit-box-shadow: -1px 7px 32px 12px rgba(199, 197, 197, 0.75);
        -moz-box-shadow: -1px 7px 32px 12px rgba(0,0,0,0.75);
        box-shadow: 2px 0px 20px 3px rgba(191, 191, 191, 0.75);
        position: relative;
        z-index: 9999;
        width: 230px;
        display: table;
    }

    .mickeymouse-box img {
        width: 100px;
        display: table;
        float: left;
    }

    .form-control, .bootstrap-select.btn-group, .bootstrap-select button.btn.dropdown-toggle.btn-secondary {
        padding: 15px 20px;
        font-size: 19px;
    }

    .box_bannertab ul.nav li a {
        font-size: 14px;
        padding: 13px 5px;
    }

    .btn-main {
        padding: 10px 40px;
        color: #fff;
        font-size: 20px;
        margin: 0 auto;
        display: table;
    }

    .view-box {
        margin-bottom: 10px;
        margin-top: 10px;
    }

        .view-box a {
            font-size: 14px;
        }

    .search-thousands-box p strong {
        font-size: 17px;
    }

    span.serarch-thousands-text {
        font-size: 13px;
    }

    .search-thousands-box {
        padding: 9px 20px;
    }

    .dropdown-toggle .filter-option {
        font-size: 19px;
        padding-top: 5px;
    }

    /* End Banner */

    .tair img {
        animation: rotate 4s infinite linear;
    }

    .car {
        animation: run 20s infinite linear;
    }

    @keyframes run {
        100% {
            transform: translateX(-700px);
            -webkit-transform: translateX(-700px);
        }
    }
    /* Header */
    .navbar-default .navbar-toggler {
        background: none;
        border: 0;
    }

    .navbar-toggler span.icon-bar {
        background-color: #fff !important;
    }

    .navbar-default .navbar-collapse {
        border: 0 !important;
        box-shadow: 0 0;
    }

    .navbar-header {
        border: 0 !important;
    }

    .collapse {
        border: 0 !important;
    }

    /* End Header */

    .gallery-text {
        min-height: inherit;
    }

    .gallery-box {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    span.gallery-overleft-text {
        font-size: 2.2rem;
    }

    .gallery-text {
        padding: 15px 10px;
    }

        .gallery-text p {
            height: inherit;
        }


    /* Footer */

    /*footer .nav-bar li a { font-size: 14px; padding: 10px 11px; }
    .footer-nav-menu p { font-size: 15px; }
    .sharethis-inline-share-buttons {   margin-top: 10px;   margin-bottom: 10px;}
    .footer-logo img {  width: 150px;}
    .footer-logo { margin-top: 11px;}
    footer .nav-bar {  margin: 10px auto;     text-align: center;}
    .footer .nav-bar li a {  padding-left: 0;}*/

    /* End Footer */

    /*--page-2--*/
    .nav-hover li:hover .dropdown-hover.dropdown-menu {
        display: none;
    }

    .nav-hover li.dropdown.open:hover ul {
        display: table;
    }

    .dropdown-menu {
        min-width: 100%;
    }

    span.caret {
        float: right;
        margin-top: 9px;
    }

    .logo_box img {
        width: 235px;
    }

    .banner-main-box {
        min-height: 135px;
    }

    .logo_box {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .logo-text {
        display: none;
    }

    .toggle-icon-box {
        padding-top: 7px;
    }

    .footer .nav-bar li {
        display: inline-block;
        float: none;
    }

    .towing-roadside-box {
        margin-top: 2px;
    }
    /*--End page-2--*/
    .service-item--link, .service--heading {
        font-size: 15px;
    }

    .service--parag {
        font-size: 15px;
    }

    /*========== Hazards Strike and Secondary 2 Header=============*/

    .btn-repain {
        display: inline-block !important;
    }

    .form-search-zip--input-group {
        margin: 10px auto 0 auto;
    }

    .contain--box-hazard {
        height: 230px;
    }

    /*========== End Hazards Strike and Secondary 2 Header =============*/


    .form-search-zip--text-box {
        padding: 11px 20px;
    }
}

@media screen and (max-width: 567px) {

    .btn-repain {
        font-size: 11px;
        padding: 10px 18px;
    }

    .banner-title--secondary {
        font-size: 25px;
        margin-top: 5px;
    }

    .banner-contant {
        top: 30px;
    }

    .form-search-zip--header {
        margin-top: 10px;
    }

    .form-search-zip--input-group {
        width: 250px;
        height: 35px;
    }

    .form-search-zip--text-box {
        font-size: 12px;
    }

    .form-search-zip--searchbtn {
        padding: 7px 15px !important;
        font-size: 18px !important;
        height: 35px;
    }
}

@media screen and (max-width: 500px) {
    /*--secondary-page--*/
    .banner--img {
        height: 240px;
    }

    .banner--text {
        font-size: 12px;
        padding-bottom: 10px;
    }

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

    .breadcrumb--link {
        padding: 15px 5px;
        font-size: 12px;
    }

    .content-title, .service--title {
        font-size: 17px;
    }

    .paragraph-text, .road-service--parag, .service--parag {
        font-size: 14px;
    }

    .number-text {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }

    .service--item {
        margin-bottom: 10px;
    }

    .service-item--link {
        line-height: 30px;
    }

    .service--box {
        padding: 0px 0 30px 0px;
    }
    /*--End secondary-page--*/


    @keyframes run {
        100% {
            transform: translateX(-400px);
            -webkit-transform: translateX(-400px);
        }
    }

    .gallery-box {
        width: 90%;
    }

    .box_bannertab ul.nav li {
        width: 50%;
    }

    .box_bannertab ul.nav {
        padding: 0px 15px;
    }
        /*.box_bannertab ul.nav li a:before{
  display: none;
}*/
        .box_bannertab ul.nav li:first-child a {
            text-align: center;
        }
        /*#st-1.st-has-labels .st-btn{margin-right: 7px !important; display: inline-block !important;}*/
        /*.box_bannertab ul.nav:hover li::nth-child(2) a:before{border-radius: 0 17px 0 0;}*/

        .box_bannertab ul.nav:hover li:last-child a:before {
            border-radius: 0 0 0 0;
        }

        .box_bannertab ul.nav:hover li:first-child a:before {
            border-radius: 0 0 0 0;
        }

        .box_bannertab ul.nav li:last-child a {
            border-radius: 0 0 0 0;
        }

        .box_bannertab ul.nav li:first-child a {
            border-radius: 0 0 0 0;
        }

    /*--page-2--*/
    .towing-roadside-box {
        padding: 10px 10px 30px;
    }

    .towing-main-box {
        padding: 0px;
    }

        .towing-main-box ul li a {
            font-size: 15px;
        }

    .local-towing-main {
        padding: 5px 10px;
    }

        .local-towing-main .dropdown-menu.open {
            max-width: 299px;
        }

    .title-box h1 {
        font-size: 27px;
    }

    .sidebar-box ul span {
        font-size: 15px;
    }

    .banner-main-box {
        min-height: 100px;
    }

    .logo_box {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .logo_box img {
            width: 235px;
        }

    /*--End page-2--*/


    /*========== Hazards Strike and Secondary 2 Header=============*/

    .btn-repain {
        font-size: 11px !important;
        padding: 10px 18px !important;
    }

    .banner-title--secondary {
        font-size: 25px;
        margin-top: 5px;
    }

    .banner-contant {
        top: 50px;
    }

    /*========== End Hazards Strike and Secondary 2 Header=============*/

    .form-search-zip--text-box {
        font-size: 13px;
        line-height: 1;
    }
}



@media screen and (max-width: 420px) {

    .banner-title--secondary {
        font-size: 17px;
        margin-top: 5px;
    }

    .banner--text {
        padding-right: 5px;
        padding-left: 5px;
    }

    .banner-contant {
        top: 62px;
    }

    .form-search-zip--header {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 14px;
    }

    .contain--box-hazard {
        height: 130px;
    }

    .btn-repain {
        min-width: 200px;
        display: table !important;
        margin-left: auto;
        margin-right: auto;
    }
}



@media screen and (max-width: 330px) {

    .form-search-zip--searchbtn {
        font-size: 15px !important;
        height: 32px;
    }

    .form-search-zip--input-group {
        height: 32px;
        width: 240px;
    }
}


 


/* Added by movingsites */
a.gallery-link:hover {
    text-decoration: none!important;
}