/*===================== 	Premery bg color =====================*/

:root {
    /*--primary: #0A1B2B;
    --sc-primary: #B69D6A;
    --danger: #fe5a0e;
    --warning: #ffae00;
    --bright: #FDE428;
    --menuActive: #fe5a0e;
    --button: #fe5a0e;
    --buttonHover: #6D0A77;
    --xray: #333;
    --logoText: #6D0A77;
    --prdColor: #086ad8;
    --prdDarkBG: #4788C8;
    --themeColor: #0057CD;
    --parentColor: #0b6037;
    --headerBar: #FFB607;
    --coThemeColor: #003366;
    --gradColor: #050E16;
    --bannerRGBEnd: rgba(10, 27, 43, 0.7);
    --gradStart: #0a1b2b;
    --bannerRGBStart: rgba(10, 27, 43, 0.3);
    --bannerRGBEnd: rgba(10, 27, 43, 0.7);
    */
    --primary: #1D5079;
    --sc-primary: #be2d1c;
    --button: #be2d1c;
    --buttonHover: #1D5079;
    --button2: #1D5079;
    --button2Hover: #be2d1c;
    --tableColor: #f47629;
    --paragraphColor: #020d26;
    --danger: #fe5a0e;
    --warning: #ffae00;
    --bright: #FDE428;
    --menuActive: #d7b46a;
    --xray: #333;
    --logoText: #6D0A77;
    --prdColor: #086ad8;
    --prdDarkBG: #4788C8;
    --themeColor: #1D5079;
    --parentColor: #1D5079;
    --headerBar: #d7b46a;
    --coThemeColor: #003366;
    --gradColor: #0B214A;
    --gradStart: #164194;
    --bannerRGBStart: rgba(22, 65, 148, 0.3);
    --bannerRGBEnd: rgba(22, 65, 148, 0.7);
}


/* Hex */

.bg-primary,
.comments-area .comment-form p input[type="submit"],
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.feature-filters .active > [class*="btn"],
.list-num-count > li:before,
.pagination-bx.primary .pagination > li > a,
.pagination-bx.primary .pagination > li > span,
button.back-to-top,
.rev-btn {
    background-color: var(--primary);
}

.bg-blue {
    background: #38A7BB;
}

.bg-headerBar {
    background: var(--headerBar);
}

.bg-topper {
    background: var(--headerBar);
}

.bg-patternWhite {
    background-color: #f4f4f4;        
    position: relative;
}
    .bg-patternWhite:before {
        position: absolute;
        content: '';
        background-color: #fff;
        background-image: url('../../images/pattern/pattern-3.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top !important;
        opacity: 0.6;
        height: 100%;
        width: 100%;
        top: 0;
    }

.bg-patternGray {    
    background-image: url('../../images/banner/ship.jpg');
    background-size: inherit;
    background-repeat: no-repeat;
    background-position: bottom !important;
    background-attachment: fixed;
    position: relative;
    color: #fff !important;
}
    .bg-patternGray:before {
        position: absolute;
        content: '';
        background-color: #061a3a;
        /*background-color: #f4f4f4;*/
        opacity: 0.5;
        height: 100%;
        width: 100%;
        top: 0;
    }

.bg-patternGray .title-head  {
    color: #fff;
}

button.back-to-top {
    box-shadow: unset;
}

.bg-patternHive {
    background-color: #000;
    position: relative;
}
    .bg-patternHive:before {
        background-image: url('../../images/section/globallogistics_21.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center !important;
        background-attachment: fixed !important;
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity:0.5;
    }

    .bg-patternHive span, .bg-patternHive .counter-bx, .bg-patternHive .title-ext {
        color: #fff !important;
    }

.bg-Paral {
    background-image: url('../../images/pattern/7.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top !important;
    position: relative;
}
.bg-Paral:before
{
    content: '';
    position: absolute;
    top:0;
    background-color: #fff;
    height:100%;
    width: 100%;
    opacity: 0.9;
}

.bg-Pattern2 {
    background-image: url('../../images/pattern/pattern-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top !important;
    position: relative;
}
    .bg-Pattern2:before {
        content: '';
        position: absolute;
        top: 0;
        background-color: #fff;
        height: 100%;
        width: 100%;
        opacity: 0.7;
    }

.bg-lightBlue {
    background: #ebf7f6;
}

.bg-hiveBlue {
    position: relative;
    /*background: #FFE6FF;*/
}

.bg-hiveBlue:before {
    background: url('../../images/Background/ProductBck.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
    height: 100%;
    width: 100%;
}

/*Hex color :hover */
.btn:active,
.btn:hover,
.btn:focus,
.active > .btn,
.bg-primary-dark,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.sidenav .closebtn:hover,
.sidenav .closebtn:focus,
.owl-btn-1.primary .owl-prev:hover,
.owl-btn-1.primary .owl-next:hover,
.owl-btn-2.primary .owl-prev:hover,
.owl-btn-2.primary .owl-next:hover,
.pagination-bx.primary .pagination > li > a:hover,
.pagination-bx.primary .pagination > li > span:hover,
.pagination-bx.primary .pagination > li.active > span,
.pagination-bx.primary .pagination > li.active > a {
    background-color: var(--sc-primary);
}


/*===================== 	Premery text color =====================*/

a,
.text-primary,
.primary li:before,
.menu-links .nav > li.active > a,
.menu-links .nav > li:hover > a,
.menu-links .nav > li .mega-menu > li ul a:hover,
.menu-links .nav > li .sub-menu li:hover > a,
footer a:active,
footer a:focus,
footer a:hover,
footer h1 a,
footer h2 a,
footer h3 a,
footer h4 a,
footer h5 a,
footer h6 a,
footer p a,
.testimonial-1 .testimonial-position,
.acod-head a:after,
.acod-head a,
.acod-head a:hover,
.acod-head a.collapsed:hover,
.ttr-tabs .nav-tabs > li > a i,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.btn.outline,
.btn-link:hover {
    color: var(--primary);
}


/*===================== 	Secondery bg color =====================*/

.bg-secondry {
    background-color: #2d3239;
}


/*===================== 	Secondery text color =====================*/

.text-secondry {
    color: var(--sc-primary);
}

.ovpr-light:after,
.ovpr-middle:after,
.ovpr-dark:after,
.ovpr:after{
    background-color: #ff5e14;
}

.ttr-notify-header::after,
.about-year,
.widget-bg1,
.ttr-search-bar,
.ttr-header,
.account-head:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#424bff+0,086ad8+100 */
	background: #424bff; /* Old browsers */
	background: -moz-linear-gradient(top, #424bff 0%, var(--primary) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #424bff 0%,var(--primary) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #424bff 0%,var(--primary) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424bff', endColorstr='var(--primary)',GradientType=0 ); /* IE6-9 */
    /* IE6-9 fallback on horizontal gradient */
}


/* Secondry Color */
.btn {
    background-color: var(--button);    
}

.splBtn {
    border: 0px solid var(--primary);
    box-shadow: 5px 5px 5px #888;
    background: linear-gradient(to right, #fff 50%, var(--primary) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;    
}

    .splBtn:hover {
        background-position: left bottom;
        color: var(--primary);
        box-shadow: unset;
        border: 1px solid var(--primary);
    }

.downloadBtn {
    height: 40px;
    width: 50px;
    vertical-align: middle;
    display: inline-block;
    padding-top: 5px !important;
    padding-left: 15px !important;
    border: unset !important;
    background: var(--primary);
    color: #fff !important;
    text-align: center;
    box-shadow: 5px 5px 5px #888;
    background: linear-gradient(to right, #fff 50%, var(--primary) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}

    .downloadBtn:hover {
        background-position: left bottom;
        color: var(--primary) !important;
        box-shadow: unset;
        border: 1px solid var(--primary) !important;
    }

.downloadBtn i {
    margin-right: 10px;
}

.noShade
{
    box-shadow: unset;
}

.btn:active,
.btn:focus,
.btn:hover {
    background-color: var(--primary);
}

.ovprd-light:after,
.ovprd-middle:after,
.ovprd-dark:after,
.ovprd:after{
	background-color:#000374;
}

[class*="ovbl-"] .counter-style-1 .counter-text,
.header-transparent .secondary-menu .btn-link:hover,
.header-transparent .menu-links .nav > li:hover > a,
.header-transparent .menu-links .nav > li.active > a{
    color: var(--sc-primary);
}
button.back-to-top:hover{    
    color: #fff;
}

.heading-bx.left .title-head {
    border-color: var(--button);
}
.ttr-separator.sepimg{
    /*background-image: url(../../images/separator-2.png);*/
}

.ttr-separator.sepimg:before {
    position: absolute;
    background: var(--button);
    content: '';
    height: 4px;
    width: 50px;
}

/*=================  
	Padding Around
====================*/
.p-a0 {
    padding: 0;
}

.p-a5 {
    padding: 5px;
}

.p-a10 {
    padding: 10px;
}

.p-a15 {
    padding: 15px;
}

.p-a20 {
    padding: 20px;
}

.p-a25 {
    padding: 25px;
}

.p-a30 {
    padding: 30px;
}

.p-a40 {
    padding: 40px;
}

.p-a50 {
    padding: 50px;
}

.p-a60 {
    padding: 60px;
}

.p-a70 {
    padding: 70px;
}

.p-a80 {
    padding: 80px;
}

.p-a90 {
    padding: 90px;
}

.p-a100 {
    padding: 100px;
}
/*=================  
	Padding Top
====================*/
.p-t0 {
    padding-top: 0;
}

.p-t5 {
    padding-top: 5px;
}

.p-t10 {
    padding-top: 10px;
}

.p-t15 {
    padding-top: 15px;
}

.p-t20 {
    padding-top: 20px;
}

.p-t30 {
    padding-top: 30px;
}

.p-t40 {
    padding-top: 40px;
}

.p-t50 {
    padding-top: 50px;
}

.p-t60 {
    padding-top: 60px;
}

.p-t70 {
    padding-top: 70px;
}

.p-t80 {
    padding-top: 80px;
}

.p-t90 {
    padding-top: 90px;
}

.p-t100 {
    padding-top: 100px;
}
/*=================  
	Padding Bottom
====================*/
.p-b0 {
    padding-bottom: 0;
}

.p-b5 {
    padding-bottom: 5px;
}

.p-b10 {
    padding-bottom: 10px;
}

.p-b15 {
    padding-bottom: 15px;
}

.p-b20 {
    padding-bottom: 20px;
}

.p-b30 {
    padding-bottom: 30px;
}

.p-b40 {
    padding-bottom: 40px;
}

.p-b50 {
    padding-bottom: 50px !important;
}

.p-b60 {
    padding-bottom: 60px;
}

.p-b70 {
    padding-bottom: 70px;
}

.p-b80 {
    padding-bottom: 80px;
}

.p-b90 {
    padding-bottom: 90px;
}

.p-b100 {
    padding-bottom: 100px;
}
/*=================  
	Padding Left
====================*/
.p-l0 {
    padding-left: 0;
}

.p-l5 {
    padding-left: 5px;
}

.p-l10 {
    padding-left: 10px;
}

.p-l15 {
    padding-left: 15px;
}

.p-l20 {
    padding-left: 20px;
}

.p-l30 {
    padding-left: 30px;
}

.p-l40 {
    padding-left: 40px;
}

.p-l50 {
    padding-left: 50px;
}

.p-l60 {
    padding-left: 60px;
}

.p-l70 {
    padding-left: 70px;
}

.p-l80 {
    padding-left: 80px;
}

.p-l90 {
    padding-left: 90px;
}

.p-l100 {
    padding-left: 100px;
}
/*=================  
	Padding Right
====================*/
.p-r0 {
    padding-right: 0;
}

.p-r5 {
    padding-right: 5px;
}

.p-r10 {
    padding-right: 10px;
}

.p-r15 {
    padding-right: 15px;
}

.p-r20 {
    padding-right: 20px;
}

.p-r30 {
    padding-right: 30px;
}

.p-r40 {
    padding-right: 40px;
}

.p-r50 {
    padding-right: 50px;
}

.p-r60 {
    padding-right: 60px;
}

.p-r70 {
    padding-right: 70px;
}

.p-r80 {
    padding-right: 80px;
}

.p-r90 {
    padding-right: 90px;
}

.p-r100 {
    padding-right: 100px;
}
/*=================  
	Padding Left Right
====================*/
.p-lr0 {
    padding-left: 0;
    padding-right: 0;
}

.p-lr5 {
    padding-left: 5px;
    padding-right: 5px;
}

.p-lr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.p-lr15 {
    padding-left: 15px;
    padding-right: 15px;
}

.p-lr20 {
    padding-left: 20px;
    padding-right: 20px;
}

.p-lr30 {
    padding-left: 30px;
    padding-right: 30px;
}

.p-lr40 {
    padding-left: 40px;
    padding-right: 40px;
}

.p-lr50 {
    padding-left: 50px;
    padding-right: 50px;
}

.p-lr60 {
    padding-left: 60px;
    padding-right: 60px;
}

.p-lr70 {
    padding-left: 70px;
    padding-right: 70px;
}

.p-lr80 {
    padding-left: 80px;
    padding-right: 80px;
}

.p-lr90 {
    padding-left: 90px;
    padding-right: 90px;
}

.p-lr100 {
    padding-left: 100px;
    padding-right: 100px;
}
/*=================  
	Padding Top Bottom
====================*/
.p-tb0 {
    padding-bottom: 0;
    padding-top: 0;
}

.p-tb5 {
    padding-bottom: 5px;
    padding-top: 5px;
}

.p-tb10 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.p-tb15 {
    padding-bottom: 15px;
    padding-top: 15px;
}

.p-tb20 {
    padding-bottom: 20px;
    padding-top: 20px;
}

.p-tb30 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.p-tb40 {
    padding-bottom: 40px;
    padding-top: 40px;
}

.p-tb50 {
    padding-bottom: 50px;
    padding-top: 50px;
}

.p-tb60 {
    padding-bottom: 60px;
    padding-top: 60px;
}

.p-tb70 {
    padding-bottom: 70px;
    padding-top: 70px;
}

.p-tb80 {
    padding-bottom: 80px;
    padding-top: 80px;
}

.p-tb90 {
    padding-bottom: 90px;
    padding-top: 90px;
}

.p-tb100 {
    padding-bottom: 100px;
    padding-top: 100px;
}
/*=================  
	Margin Around
====================*/
.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.m-a0 {
    margin: 0;
}

.m-a5 {
    margin: 5px;
}

.m-a10 {
    margin: 10px;
}

.m-a15 {
    margin: 15px;
}

.m-a20 {
    margin: 20px;
}

.m-a25 {
    margin: 25px;
}

.m-a30 {
    margin: 30px;
}

.m-a40 {
    margin: 40px;
}

.m-a50 {
    margin: 50px;
}

.m-a60 {
    margin: 60px;
}

.m-a70 {
    margin: 70px;
}

.m-a80 {
    margin: 80px;
}

.m-a90 {
    margin: 90px;
}

.m-a100 {
    margin: 100px;
}
/*=================  
	Margin Top
====================*/
.m-t0 {
    margin-top: 0;
}

.m-t5 {
    margin-top: 5px;
}

.m-t10 {
    margin-top: 10px;
}

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

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

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

.m-t40 {
    margin-top: 40px;
}

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

.m-t60 {
    margin-top: 60px;
}

.m-t70 {
    margin-top: 70px;
}

.m-t80 {
    margin-top: 80px;
}

.m-t90 {
    margin-top: 90px;
}

.m-t100 {
    margin-top: 100px;
}
/*=================  
	Margin Bottom
====================*/
.m-b0 {
    margin-bottom: 0;
}

.m-b5 {
    margin-bottom: 5px;
}

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

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

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

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

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

.m-b50 {
    margin-bottom: 50px;
}

.m-b60 {
    margin-bottom: 60px;
}

.m-b70 {
    margin-bottom: 70px;
}

.m-b80 {
    margin-bottom: 80px;
}

.m-b90 {
    margin-bottom: 90px;
}

.m-b100 {
    margin-bottom: 100px;
}
/*=================  
	Margin Left
====================*/
.m-l0 {
    margin-left: 0;
}

.m-l5 {
    margin-left: 5px;
}

.m-l10 {
    margin-left: 10px;
}

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

.m-l20 {
    margin-left: 20px;
}

.m-l30 {
    margin-left: 30px;
}

.m-l40 {
    margin-left: 40px;
}

.m-l50 {
    margin-left: 50px;
}

.m-l60 {
    margin-left: 60px;
}

.m-l70 {
    margin-left: 70px;
}

.m-l80 {
    margin-left: 80px;
}

.m-l90 {
    margin-left: 90px;
}

.m-l100 {
    margin-left: 100px;
}
/*=================  
	Margin Right
====================*/
.m-r0 {
    margin-right: 0;
}

.m-r5 {
    margin-right: 5px;
}

.m-r10 {
    margin-right: 10px;
}

.m-r15 {
    margin-right: 15px;
}

.m-r20 {
    margin-right: 20px;
}

.m-r30 {
    margin-right: 30px;
}

.m-r40 {
    margin-right: 40px;
}

.m-r50 {
    margin-right: 50px;
}

.m-r60 {
    margin-right: 60px;
}

.m-r70 {
    margin-right: 70px;
}

.m-r80 {
    margin-right: 80px;
}

.m-r90 {
    margin-right: 90px;
}

.m-r100 {
    margin-right: 100px;
}
/*=================  
	Margin Left Right
====================*/
.m-lr0 {
    margin-left: 0;
    margin-right: 0;
}

.m-lr5 {
    margin-left: 5px;
    margin-right: 5px;
}

.m-lr10 {
    margin-left: 10px;
    margin-right: 10px;
}

.m-lr15 {
    margin-left: 15px;
    margin-right: 15px;
}

.m-lr20 {
    margin-left: 20px;
    margin-right: 20px;
}

.m-lr30 {
    margin-left: 30px;
    margin-right: 30px;
}

.m-lr40 {
    margin-left: 40px;
    margin-right: 40px;
}

.m-lr50 {
    margin-left: 50px;
    margin-right: 50px;
}

.m-lr60 {
    margin-left: 60px;
    margin-right: 60px;
}

.m-lr70 {
    margin-left: 70px;
    margin-right: 70px;
}

.m-lr80 {
    margin-left: 80px;
    margin-right: 80px;
}

.m-lr90 {
    margin-left: 90px;
    margin-right: 90px;
}

.m-lr100 {
    margin-left: 100px;
    margin-right: 100px;
}
/*=================  
	Margin Top Bottom
====================*/
.m-tb0 {
    margin-bottom: 0;
    margin-top: 0;
}

.m-tb5 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.m-tb10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.m-tb15 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.m-tb20 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.m-tb30 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.m-tb40 {
    margin-bottom: 40px;
    margin-top: 40px;
}

.m-tb50 {
    margin-bottom: 50px;
    margin-top: 50px;
}

.m-tb60 {
    margin-bottom: 60px;
    margin-top: 60px;
}

.m-tb70 {
    margin-bottom: 70px;
    margin-top: 70px;
}

.m-tb80 {
    margin-bottom: 80px;
    margin-top: 80px;
}

.m-tb90 {
    margin-bottom: 90px;
    margin-top: 90px;
}

.m-tb100 {
    margin-bottom: 100px;
    margin-top: 100px;
}