*{margin:0;padding:0}

body{font-size:14px;color:#7f7f8a; font-family: MyriadPro-Regular; font-weight: normal; /*font-family: 'Rubik', sans-serif;font-weight: normal*/}

@font-face {
    font-family: MyriadPro-Regular;
    src: url(../fonts/MyriadPro-Regular.eot?#iefix) format('embedded-opentype'), 
    url(../fonts/MyriadPro-Regular.otf) format('opentype'), 
    url(../fonts/MyriadPro-Regular.woff) format('woff'), 
    url(../fonts/MyriadPro-Regular.ttf) format('truetype'), 
    url(../fonts/MyriadPro-Regular.svg#MyriadPro-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
  font-family: 'MyriadPro-Light';
  src: url(../fonts/MyriadPro-Light.eot?#iefix) format('embedded-opentype'), 
  url(../fonts/MyriadPro-Light.otf) format('opentype'), 
  url(../fonts/MyriadPro-Light.woff) format('woff'), 
  url(../fonts/MyriadPro-Light.ttf) format('truetype'), 
  url(../fonts/MyriadPro-Light.svg#MyriadPro-Regular) format('svg');
  font-weight: 100;
  font-style: normal;
}

a{color: #fe0000}

a:hover, a:focus {color: #ffffff;text-decoration: none;}

:focus,button:focus{outline:none;}

ul{list-style: none;}

img{width:100%;}

h1, h2, h3, h4, h5, h6{color:#06163a; font-family: MyriadPro-Regular; /*font-family: 'Open Sans', sans-serif;*/}

.no-pad{padding:0px!important;}

.no-pad-left{padding-left: 0px !important}

.no-pad-right{padding-right: 0px !important}

section{padding-top: 60px;}

.red-col{color:#fe0000;}

header.fixed{position: fixed;z-index: 11;width: 100%;background: #fff;top: 0;left: 0;}

.m-title {font-size: 48px;line-height: 1;font-weight: 300;margin-bottom: 0;text-transform: uppercase;}

.m-title h2 {font-family: 'MyriadPro-Light';}

.m-title strong{font-weight: 900;}

/*Navigation CSS*/

.navbar-expand-lg .navbar-nav .nav-link{padding-right:25px;padding-left:25px;color: #000;text-transform: uppercase;	}

.dropdown-toggle::after{margin-left: 10px;border-top: .3em solid #fe0000;}

.trident-logo-wrap{display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 100%;align-items: center;/*border-right: 1px dotted #e2dcdc;*/padding: 0 10px 0 0;}

.trident-navbar-brand img{width: 75%}

header.sticky .navbar{padding: 0}

header.sticky .navbar li a{display: inline-block; font-family: MyriadPro-Regular; /*font-family: "Rubik", sans-serif*/;padding: 40px 25px;font-weight: 700;font-size: 14px;line-height: 2;color: #06163a;opacity: .99;letter-spacing: 0.01em;text-transform: uppercase;position: relative;}

header.sticky .navbar li a:before{content: ""; position: absolute;transition:width .4s;-webkit-transition: width .4s;width: 0;height: 4px;top: 0;left: 6px;background: #ff5e14;}

header.sticky .navbar li a:hover{color:#f15a22;}

header.sticky .navbar li a:hover:before{width: calc(100% - 12px);}
header.sticky .navbar li a.active:before{content: ""; position: absolute;transition:width .4s;-webkit-transition: width .4s;width: 0;height: 4px;top: 0;left: 6px;background: #ff5e14;width: calc(100% - 12px);}
/*header.sticky .navbar li a.active:hover:before{width: calc(100% - 12px);}*/
header.sticky .navbar-collapse{flex-basis: 100%}

li.m_wrap_quote_btn {float: right;display: inline-block; position: static;}

header.sticky .navbar li a.m-primary-bg {background-color: #ff5e14;color: #fff;padding-left: 25px;transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;-ms-transition: all .4s;margin-left: 10px;}

header.sticky .navbar li a.m-primary-bg:hover{color: #06163a;}

header.sticky .navbar .m_wrap_quote_btn>a::before {left: 0;width: 17px;background: #fff;top: 50%;height: 7px;transform: translateY(-50%);z-index: -1;}

header.sticky .navbar .m_wrap_quote_btn>a:hover::before {width: 100%;}

/*header.sticky .dropdown-menu li a:hover:before {
    content: "";
    position: absolute;
    transition: width .4s;
    -webkit-transition: width .4s;
    width: 0;
    height: 4px;
    bottom: 0;
    left: 6px;
    background: #ff5e14;
}*/


header.sticky .navbar .dropdown-menu ul li:hover a:before {content: none;}
header.sticky .navbar .dropdown-menu ul li:hover a:after{
    content: "";
    position: absolute;
    transition: width .4s;
    -webkit-transition: width .4s;
    width: 100%;
    height: 1px;
    top: 30px;
    left: 0;
    background: #ff5e14;
}


/*Carousel CSS*/

.carousel-caption{width:45%;left:0;right:0;top:15%;margin: 0 auto}

.carousel-caption h1{font-size: 48px;font-weight: 600;color: #fff;margin: 0;line-height: 1}

.carousel-caption h2{font-size: 48px;font-weight: bold;color:#000;line-height: 1;margin-bottom:25px;}

.carousel-caption p{color: #000;margin-bottom: 24px;}

.carusel-caption-wrap{padding: 75px 0;border: 10px solid #fff;margin-bottom: 35px;}

.carusel-caption-wrap p{color: #ccc;font-size: 20px;font-style: italic;margin-bottom: 15px;}

.carousel-indicators{bottom: 35%}

/*Home Intro CSS*/

#home-intro{padding: 60px 0;background: #f7f8fa}

#home-intro .row{border:1px solid #ddd; margin: 0}

#home-intro p{margin-bottom:5px;width: 80%}

#home-intro .intro-content{text-align: left;padding-left: 50px;}

.npm-btn{display: inline-block;padding: 12px 40px 12px 20px;font-weight: 500;margin-right: 10px;color: #fff;box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.1);position: relative;overflow: hidden;text-transform: uppercase;z-index: 1;transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;-ms-transition: all .4s;}

.npm-btn:hover{background-color: #fff;color:#f26722;}

.npm-btn:before{content: "";position: absolute;right: 0;top: 50%;width: 19px;background: #fff;height: 6px;transform: translateY(-50%);z-index: -1;transition-property: opacity background width;-webkit-transition-property: opacity background width;transition-duration: .4s;-webkit-transition-duration: .4s;}

.npm-btn:hover:before{ width: 100%; background: #ff5e14;opacity: .2;}

.m-secondary-bg {background-color: #06163a;}

.m-primary-bg {background-color: #f26722;}

.intro-align{display: flex;align-items: center;}

/*Home About us CSS*/

.trident-section.aboutus-section {z-index: 9;padding-bottom: 120px;background-image: url(../images/home-bg1.jpg);background-position: center;background-size: cover;background-blend-mode: difference;}

.trident-section {padding: 130px 0 0px;position: relative; overflow: hidden;}

.trident-section.aboutus-section h2{font-size: 48px;line-height: 1;font-weight: 300;color: #fff;margin-bottom: 25px;}

.trident-section.aboutus-section p {color: #dedede;font-size: 16px;line-height: 28px;width: 80%}

.intro_video {width: 70px;height: 70px;position: relative;z-index: 4;display: inline-block;border-radius: 50%;line-height: 70px;margin-bottom: 15px;}

.before-play, .after-play, .play-icon {z-index: -1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #fff;border-radius: inherit;}

.intro_video:hover {cursor: pointer;}

.intro_video:hover .play-icon {background: #ff5e14;}



.intro_video:hover .play-icon i {color: #fff;}

.before-play, .after-play {-webkit-animation: 1s play-pause .2s ease-in infinite;animation: 1s play-pause .2s ease-in infinite;}

.play-icon {line-height: 70px;text-align: center}

.before-play {top: -33px;left: -33px;right: -33px;bottom: -33px;-webkit-transform: scale(1);transform: scale(1); opacity: .1;}

.after-play {top: -16px;left: -16px;right: -16px;bottom: -16px;opacity: .2;}

.m-primary-color {color: #ff5e14;}





@keyframes play-pause {



    0%,

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    20% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2);

    }



    60% {

        -webkit-transform: scale(.9);

        transform: scale(.9);

        opacity: 0;

    }

}



/*Home product CSS*/

.trident-section.services-section {

    padding-bottom: 0px;

    background: #fff;

}



.row.row-services {

    margin: 0;

}



.col-service {

    padding: 0;

}



.service-img {

    display: block;
    height: 308px;
    background-size: contain;
    background-position: center;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-color: #e4eaf7;

}

.row-head-section {

    position: relative;

    padding-bottom: 30px;

    margin-bottom: 40px;

}

.row-head-section p{margin-bottom: 0}

.row-head-section::before {

    content: "";

    position: absolute;

    left: 15px;

    right: 15px;

    bottom: 0;

    border-bottom: 1px solid hsl(221, 54%, 93%);

}

.service-img::before,

.middel-text .service-img::after {

    content: "";

    position: absolute;

    border: 61px solid transparent;



}



.bottom-text .service-img::before {

    border-bottom-color: #06163a;

    border-right-width: 0px;

    bottom: 0;

    right: 0;

}



.top-text .service-img::before {

    border-top-color: #06163a;

    border-left-width: 0px;

    top: 0;

    left: 0;

}



.middel-text.bottom-text .service-img::after {

    border-bottom-color: #06163a;

    border-left-width: 0px;

    bottom: 0;

    left: 0;

}



.middel-text.top-text .service-img::after {

    border-top-color: #06163a;

    border-right-width: 0px;

    top: 0;

    right: 0;

}



.service-text {

    padding: 30px;

    background: #06163a;

    overflow: hidden;

    position: relative;

}



.service-text h3 {

    margin-top: 0;

    font-size: 24px;

    font-weight: 400;

    margin-bottom: 15px

}

.service-text p{
    margin-bottom: 20px;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
        color: #fff;
}

.service-more {

    font-weight: 500;

    text-transform: uppercase;

    position: relative;

    font-size: 12px;

    z-index: 1;

}



/*Home Service CSS*/

.showcase{width:100%;float:left;}

.showcase .vertical-border{width:1px;height:10vh;background:#2c2929;display:inline-block;margin-bottom:80px;}

.showcase .grid-side2side{width:100%;float:left;display:table;}

.showcase .grid-side2side:last-child{margin-bottom:130px;}

.showcase .grid-side2side .sides{width:50%;height:100%;display:table-cell;vertical-align:middle;}

.showcase .grid-side2side img{width:100%;}

.showcase .grid-side2side .sides.content{background:#2c2929;color:#fff;text-align:center;}

.showcase .grid-side2side .sides.content .hor-border{width:100px;height:1px;margin-top:10px;margin-bottom:5px;display:inline-block;background:#fff;}

/*.showcase h2.m-title{color:#e4eaf7;}*/

.showcase figure{width:100%;float:left;overflow:hidden;position:relative;margin:0 auto;}

.showcase figure:after{content: '';position: absolute;width: 100%;height: 100%;top: 0%;left:0;border: 2px solid #fff }

.showcase figure *{-webkit-transition:-webkit-transform 0.2s, all 0.2s;transition:transform 0.2s, all 0.2s;}

.showcase figure img{width:100%;position: relative;}

.showcase figure figcaption{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;}

.showcase figure figcaption .inner{width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center;background:rgba(223, 76, 24, 0.9);color:#fff;}

.showcase figure figcaption .inner h3{color:#fff;width:100%;float:left;margin:0;font-weight:700;transform:translateY(-15px);}

.showcase figure figcaption .inner p{width:100%;float:left;margin:0;color:#fff;transform:translateY(15px);}

.showcase figure figcaption .inner .hor-border{width:1px;height:1px;margin-top:10px;margin-bottom:5px;display:inline-block;background:#fff;}

.showcase figure:hover figcaption{opacity:1;}

.showcase figure:hover figcaption .inner h3{transform:translateY(0);}

.showcase figure:hover figcaption .inner p{transform:translateY(0);}

.showcase figure:hover figcaption .inner .hor-border{width:100px;}

.showcase .gridy{width:100%;float:left;margin:0;margin-bottom:130px;padding:0;}

.showcase .gridy li{width:33.33333%;float:left;overflow:hidden;list-style:none;padding:20px;}

.showcase .grid{width:100%;float:left;margin:0;padding:0;}

.showcase .grid li{width:33.33333%;float:left;overflow:hidden;list-style:none;}

/*.showcase .grid li img{border: 5px inset #06163a;}*/

.showcase .grid-masonry{width:100%;float:left;margin:0;margin-bottom:130px;padding:0;}

.showcase .grid-masonry li{width:50%;float:left;overflow:hidden;list-style:none;}

.showcase .js .grid li{display:none;float:left;}

.showcase .js .grid.loaded li{display:block;}

.showcase .grid .curtain{width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;background:transparent !important;}

.showcase .grid.swipe-down .curtain{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}

.showcase .grid.swipe-down .curtain::after{top:-100%;}

.showcase .grid .curtain::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0);}

.middle-align{width:100%;height:100%;display:table;}

.grid.swipe-down li.animate .curtain{-webkit-animation:swipeDown 1s cubic-bezier(0.6,0,0.4,1) forwards;animation:swipeDown 1s cubic-bezier(0.6,0,0.4,1) forwards;}

@-webkit-keyframes swipeDown{0%{}

50%, 60%{-webkit-transform:translate3d(0,0,0);}

100%{-webkit-transform:translate3d(0,100%,0);}

}

@keyframes swipeDown{0%{}

50%, 60%{-webkit-transform:translate(0);transform:translate(0);}

100%{transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}

}

.grid li.animate .curtain::after{-webkit-animation:fadeOut 1s ease forwards;animation:fadeOut 1s ease forwards;-webkit-animation-delay:inherit;animation-delay:inherit;}

@-webkit-keyframes fadeOut{0%{}

50%, 60%{opacity:1;}

100%{opacity:0;}

}

@keyframes fadeOut{

0%{}

50%, 60%{opacity:1;}

100%{opacity:0;}

}

.js .grid li img, .js .grid li h3{visibility:hidden;}

.grid li.animate img, .grid li.animate h3{-webkit-animation:showMe 1s step-end forwards;animation:showMe 1s step-end forwards;}

@-webkit-keyframes showMe{from{visibility:hidden;}

60%, 100%{visibility:visible;}}

@keyframes showMe{from{visibility:hidden;}

60%, 100%{visibility:visible;}}

.grid li.shown img, .grid li.shown h3{visibility:visible;}



/*Home Case Studies CSS*/

.mobex-section.recent_cases_section {

    padding: 120px 0 60px;

}



.mobex-head-container {

    text-align: center;

    padding-bottom: 13px;

    margin-bottom: 35px;

    border-bottom: 1px solid #e4eaf7;

    position: relative;

}





.recent-cases {

    width: calc(100% + 30px);

    margin-left: -15px;

    margin-right: -15px;

    cursor: move;

}



.case-container {

    padding: 0 15px;



}



.wrap_case:hover {

    -webkit-transform: translateY(-25px);

    transform: translateY(-25px);

    box-shadow: 0 30px 30px rgba(0, 0, 0, .26);

}


.wrap_case.pro-case{height: 340px;}


.wrap_case {

    position: relative;

    height: 480px;

    background-size: cover;

    background-position: center;

    overflow: hidden;

    margin-top: 15px;

    margin-bottom: 30px;

    transform: translateY(0);

    -webkit-transform: translateY(0);

    box-shadow: 0 0 0 rgba(0, 0, 0, .26);

    -webkit-transition: .3s ease transform, .3s ease box-shadow;

    transition: .3s ease transform, .3s ease box-shadow;

}



.wrap_case_text {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 25px;

    background: hsla(0, 0%, 0%, 0.5);

    z-index: 2;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.39) 40%, rgba(0, 0, 0, 0.68) 70%, rgba(0, 0, 0, 0.92));





}



.wrap_case_text h3 {

    font-size: 24px;

    color: #fff;

    margin-top: 0;

    margin-bottom: 8px;

}



.wrap_case_text p {

    font-size: 12px;

    color: hsla(0, 0%, 100%, 0.85);

    font-weight: 300;

    text-transform: uppercase;

}



.case_link {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    -webkit-transition: .3s ease opacity;

    transition: .3s ease opacity;

    background: linear-gradient(40deg, hsla(222, 81%, 13%, 0.5882352941176471) 0%, hsla(19, 100%, 54%, 0.7686274509803922) 100%);

    z-index: 1;

}



.case-container:hover .case_link {

    opacity: 1;

}



.case_link i {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 70px;

    height: 70px;

    z-index: 2;

    border-radius: 50%;

    line-height: 70px;

    font-size: 16px;

    background: #fff;

    text-align: center;

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

    opacity: 0;

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

}



.case-container:hover .case_link i {

    transition-delay: .3s;

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

    opacity: 1;

}



.recent-cases .owl-nav {
        display: none;
    text-align: center;



}

.recent-cases .owl-dots{}

.mobex-owl.owl-carousel .owl-dots button.active{
 background: #ff5e14;
    width: 40px;
    border-radius: 10px;
}



.recent-cases .owl-nav button {

    display: inline-block;

    width: 74px;

    height: 42px;

    border: 2px solid #e4eaf7 !important;

    margin: 5px;

    font-size: 24px !important;

    position: relative;

    transition: all .4s;

    -webkit-transition: all .4s;



}



.recent-cases .owl-nav button span {

    position: absolute;

    top: 50%;

    left: 50%;

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

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

}



.recent-cases .owl-nav button:hover {

    border-color: transparent !important;

    color: #fff !important;

    background: #ff5e14 !important;



}



/*Home Testi CSS*/

.testmonil-section {

    padding-top: 120px;

    padding-bottom: 105px;

}



.testmonail-carousel {

    width: calc(100% + 30px);

    margin-left: -15px;

    margin-right: -15px;

    cursor: move;

}



.testmonil-container {

    padding: 0 15px;

}



.testmonail-info {

    display: flex;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    background: #ff5e14;

    position: relative;

        padding: 15px 0px 20px;

}



.testmonail-img {

    width: 90px;

    background: #fff;

    float: left;

    overflow: hidden;

    display: inline-block;

    position: relative;

}



.testmonail-info::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    border: 40px solid transparent;

    border-bottom-color: #fff;

    border-left-width: 0;

}



.testmonail_name {

    padding-left: 25px;



}



.testmonail_name h4 {

    margin-top: 0;

    margin-bottom: 2px;

    font-size: 20px;

    color: #fff;

}


.testmonail_name span{color: #efefef; margin-bottom: 2px; font-size: 13px;}


.testmonail-text {

    padding: 30px;

    background: #fff;

    position: relative;

}



.testmonail-text::before {

    content: '"';

    position: absolute;

    top: 0;

    right: 15px;

    font-size: 185px;

    line-height: 75px;

    font-style: italic;

    letter-spacing: -2px;

    opacity: .2;

}



.testmonail-text p {

   

    line-height: 28px;

   

}

.testmonil-section .owl-nav{display: none;}

.mobex-owl .owl-dots {

    padding-top: 20px;

    text-align: center;

}

.mobex-owl .row{margin: 0;}


.mobex-owl .owl-dots button {

    width: 13px;

    height: 13px;

    background: #e4eaf7;

    margin: 0 3px;

    border-radius: 50%;

    transition: all .4s;

    -webkit-transition: all .4s;

}



.testmonail-carousel.mobex-owl .owl-dots button {

    background: #fff;

}



.testmonail-carousel.mobex-owl .owl-dots button.active {

    background: #ff5e14;

    width: 40px;

    border-radius: 10px;

}

.tertiary-bg{background: #e4eaf7}



/*Newsletter CSS*/

.mobex-section.newsletter-section {

    padding: 60px 0;

}



.newsletter-head h2 {

    /*color: #fff;*/

    margin-bottom: 10px;

}



.newsletter-head span {

    text-transform: uppercase;

}



.row_newsletter_form {

    text-align: right;

}



.mobex-newsletter {

    position: relative;

}



.mobex-newsletter input {

    width: 74%;

    padding: 16px;

    font-size: 16px;

    border: 0;

    float: left;

}



.mobex-newsletter p {

    position: relative;

    display: block;

    width: 100%;

}



.mobex-newsletter button {

    position: absolute;

    right: 0;

    padding: 16px 32px;

    border: 0;

    color: #fff;

    font-weight: 500;

    width: 24.5%;

    font-size: 16px;

    text-transform: uppercase;

    transition: all .4s;

    -webkit-transition: all .4s;

}



.mobex-newsletter button:hover {

    cursor: pointer;

    background: #fff;

    color: #ff5e14;

}



/*

12- footer

 */

.mobex-section.footer-section {

    padding: 70px 0 0;

    background-image: url(imgs/map.png);

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;

}



.wrap_footer_col {

    padding-right: 30px;

    padding-bottom: 40px

}



.wrap_footer_col.footer-nav {

    padding-left: 30px;

}



.wrap_footer_col img {

    padding-bottom: 15px;
    width: 35%;

}



.wrap_footer_col.our_address {

    padding-right: 0;

    padding-left: 30px;

}



.footer-title {

       color: #fff;

    font-size: 20px;

    margin-bottom: 21px;

    font-weight: 400;

    margin-top: 0;

    text-transform: uppercase;

}



.wrap_footer_col p {

    color: #c0c3ca;

}



.footer-list li {

    padding-bottom: 9px;

}



.footer-list li:last-child {

    padding-bottom: 0;

}



.footer-list li a {

    color: #c0c3ca;

}



.footer-list li a:hover {

    color: #ff5e14;

}



.footer-list li a i {

    font-size: 10px;

    margin-right: 13px;

}



.wrap_footer_col.our_address p {

    font-size: 15px;

    margin-bottom: 10px;

    line-height: 27px;

}



.contact_number i {

    font-size: 15px;

    margin-right: 5px;

}



.contact_email i {

    font-style: normal;

    text-transform: capitalize;

    margin-left: 5px;

}



.footer_sicons li {

    display: inline-block;

    /* color: #fff; */

}



.footer_sicons li a {

    color: #fff;

    display: inline-block;

    width: 40px;

    height: 40px;

    border-radius: 4px;

    line-height: 36px;

    border: 2px solid hsla(0, 0%, 100%, 0.17);

    text-align: center;

    font-size: 12px;

    margin-right: 10px;

    margin-top: 5px;

}



.footer_sicons li a:hover {

    border-color: transparent;

    background: hsl(19, 100%, 54%);

}



.copywright_row {

    padding-top: 30px;

    border-top: 1px solid hsla(0, 0%, 100%, 0.15);

    padding-bottom: 20px;

}



.privacy_list {

    text-align: right;

}



.privacy_list li {

    display: inline-block;

    color: #868990;

    margin-right: 15px;

    font-size: 14px;

}



.privacy_list li:last-child {

    margin-right: 0;

}



.privacy_list li a {

    color: #a9b1c1;

    margin-right: 13px;

    font-size: 14px;

}



.privacy_list li:last-child a {

    margin-right: 0;

}



.privacy_list li a:hover,

.copywright a:hover {

    color: #ff5e14

}



.copywright {

    font-size: 14px;

    color: #a9b1c1;

}



.copywright a {

    font-weight: 600;

    color: #a9b1c1;

}



/*home blog css*/

#home-blog{padding-bottom: 60px;}

#home-blog .row{margin: 0}

#home-blog .home-post{width:100%;height: 100%;background-color: #f15a22;float: left;padding: 30px;}

#home-blog .home-post h2{color:#fff;font-size: 32px;margin-bottom:25px;}

#home-blog .home-post .blog-item{padding-top:25px;padding-bottom: 25px;border-top:1px solid #999;position: relative;}

#home-blog .home-post .blog-item-overlay,#home-blog .home-post .blog-item:hover{background-color: rgba(0,0,0,.3);padding:25px;}

#home-blog .home-post .blog-item h4{font-size: 16px;color:#fff;font-weight:400;position:relative;padding-right: 20%;display: inline-block;}

#home-blog .home-post .blog-item-overlay h4,#home-blog .home-post .blog-item:hover h4{font-size: 18px;font-weight:600;padding:0;margin-top: -10px}

#home-blog .home-post .blog-item h4:after{content:'\f061';font-family: FontAwesome;position: absolute;top:0;right:10%;}

#home-blog .home-post .blog-item-overlay h4:after,#home-blog .home-post .blog-item:hover h4:after{content:none;}

#home-blog .home-post .blog-item p{opacity: 0;visibility: hidden;color: #fff;position: absolute;bottom:-10px;left: 25px;font-size: 14px;}

#home-blog .home-post .blog-item-overlay p,#home-blog .home-post .blog-item:hover p{opacity: 1;visibility: visible;}

.blog-overlay{width:100%;float:left;position:relative;}

.blog-overlay:after,.blog-img:hover:after{content:'';position: absolute;top: 0;left:0;width: 100%;height:100%;background-color: rgba(0,0,0,.5);z-index: 1}

.blog-img{width:100%;float: left;position:relative;overflow: hidden;}

.blog-img h4{position: absolute;bottom:25px;left:25px;color:#fff;font-size: 24px;transition: 0.3s all ease-in-out}

.blog-overlay h4,.blog-img:hover h4{z-index: 111}



/*Home Newsletter CSS*/

#home-subscription{width: 100%;float: left;background-color: #f5f5f5;padding: 60px 0;}

#home-subscription h2{font-size: 32px;margin-bottom: 15px;letter-spacing: 5px;display: inline-block;}

#home-subscription p{margin-bottom: 20px;font-weight: 400}

#home-subscription form{display:inline-block;margin: 0 auto;}

#home-subscription input{width:300px;padding-left: 15px;font-size:14px;line-height: 39px;background-color: #fff;border: 1px solid #ccc;float: left}

#home-subscription input[type='submit']{width:auto;background-color: #000;border:none;border-radius: 0;font-size: 14px;position: relative;padding:0 25px;line-height: 40px;display: inline-block;color: #fff;}

#home-subscription input[type='submit']:hover{background-color: #fe0000;color:#fff;}







/*Footer CSS*/

footer{width: 100%;float: left;background-color: #545962;padding: 35px 0 25px;color: #fff;font-size: 14px;}

footer a{color:#fff;}

footer a:hover{color:#fff;}

footer .footer-col h2{font-size:24px;font-weight: 400;padding-bottom: 10px;margin-bottom: 15px;position: relative;}

footer .footer-col h2:after{content:'';width:35px;height:2px;position: absolute;bottom:0;left:0;background: #fe0000}

footer .footer-col h4{font-size: 16px;font-weight: 500;margin-bottom: 0px;text-transform: uppercase;}

footer .footer-col p{margin-bottom: 0}

.dow-stamp img{width:auto;height:15px;margin-right:8px;}

footer .footer-bottom{width:100%;float:left;margin-top: 35px;}

footer .footer-bottom ul li{float: left;border-right: 1px solid #fff;}

footer .footer-bottom ul li:last-child{border:none;}

footer .footer-bottom ul li a{padding: 0 20px;}

.who-we-are, .our-team, .contact-us, .blog, .case-study {padding-bottom: 60px;}
.who-we-are .mission-row .mission {    
    margin-bottom: 15px;
    width: 100%;
    float: left;
    background: #fbfbfb;
   min-height: 340px;
}
.who-we-are .mission-row .mission img{/*height: 220px; object-fit: cover;*/ width: 100%; overflow: hidden;}
.who-we-are .mission-row .mission p {float: left;margin-top: 10px;}
.who-we-are .mission-row .mission .icon img {width: 65px;float: left;display: inline-block;}
.who-we-are .mission-row .mission .icon h5 {float: left;display: inline-block;margin: 25px 0 0 5px;}

.our-team .mission-row .our-team-inner .profile-details {background: #f7f8fa;padding: 20px;}
.our-team .mission-row .our-team-inner .profile-details strong {display: block;}
.our-team .mission-row .our-team-inner .profile-details ul.social-profile {display: inline-block;margin-top: 15px;}
.our-team .mission-row .our-team-inner .profile-details ul.social-profile li {float: left;}
.our-team .mission-row .our-team-inner .profile-details ul.social-profile li a i {font-family: 'FontAwesome';font-size: 14px;padding: 10px;background: #fff;font-style: normal;margin-right: 10px;}
.our-team .mission-row .our-team-inner .profile-details ul.social-profile li a:hover{color: #f26722}

.carousel.inner-slide .carousel-caption {width:45%;left:0;right:0;top:32%;margin: 0 auto}
.carousel.inner-slide .carousel-caption .carusel-caption-wrap {padding: 25px 0;border: none;background: rgba(255, 255, 255, 0.08);}
.carousel.inner-slide .carousel-caption h1 {font-size: 40px;font-weight: 600;color: #ff5e14;margin: 0;line-height: 1}
.carousel.inner-slide .carousel-caption ul li {display: inline-block;margin-top: 15px;}
.carousel.inner-slide .carousel-caption ul li a {color: #fff;}

.contact-us .contact-row .contact-icon {float: left;width: 25px;height: 30px;}
.contact-us .contact-row .contact-icon i {font-size: 18px;}
.contact-us .contact-row .single-contact a {color: #7f7f8a;}
.contact-us .contact-row .single-contact a:hover {color: #ff5e14;}
.contact-us .contact-row .contact-form input, .contact-us .contact-row .contact-form textarea {width: 100%;height: 40px;margin-bottom: 12px;border: 1px solid rgba(249,249,249,.1);padding-left: 15px;background: #f3f3f3;    font-family: MyriadPro-Regular;
    font-weight: normal;}
.contact-us .contact-row .contact-form textarea {height: 70px;padding-top: 5px;}
.contact-us .contact-row .contact-form button.npm-btn {border: none; cursor: pointer;}
.contact-cta i {font-size: 40px;margin-top: 34%;}
.contact-cta h3 {color: #ff5e14;font-weight: 600;}
.contact-cta span {font-weight: 500;}

.contact-us .single-contact {border: 1px solid #e0e0e0; padding: 12px 12px 2px 12px; background: #fbfbfb; margin-bottom: 15px;}

.contact-us .contact-row h3 {color: #ff5e14;font-weight: 600;margin-bottom: 15px;font-weight: 600;font-size: 20px; text-transform: uppercase;}
.contact-us .contact-row h5 {color: #414042; font-weight: 600; margin-bottom: 12px; text-transform: uppercase; font-size: 18px;}

.blog b {font-weight: 500;}
.blog h2 {margin-top: 25px;margin-bottom: 15px;color: #ff6017;}
.blog .blog-content {margin-bottom: 30px;}
.blog-sidebar .widget {
    border: 1px solid #f8f8f8;
    padding: 45px 35px;
    margin-bottom: 30px;
}
.blog-sidebar .widget h5 {margin-bottom: 20px;}
.blog-sidebar .widget form {position: relative;}
.blog-sidebar .widget input {
    background-color: #eeeeee;
    height: 50px;
    font-size: 17px;
    font-weight: normal;
    padding: 6px 50px 6px 20px;
    border: 0;
    border-radius: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.blog-sidebar .widget form button {
    background: transparent;
    font-size: 20px;
    color: #ff5e14;
    border: 0;
    outline: 0;
    position: absolute;
    right: 30px;
    top: 46%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.blog-sidebar .widget .blog-thumb {margin-bottom: 15px;}
.blog-sidebar .widget ul li a {color: #7f7f8a;font-size: 18px;margin-bottom: 5px;}
.blog-sidebar .widget ul li a:hover {color: #ff5e14;}

.blog .blog-content .tag-share {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    display: inline-block;
    line-height: 50px;
    margin-top: 10px;
    min-height: 50px;
    position: relative;
    width: 100%;
}

.blog .blog-content .tag {
    float: left;
}

.blog .blog-content .tag .icon {
    background-color: #f7f7f7;
    color: #ff6017;
    display: inline-block;
    font-size: 16px;
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    width: 50px;
}

.blog .blog-content .tag ul {
    margin-left: 70px;
    margin-bottom: 0px;
}

.blog .blog-content .tag ul li {
    display: inline-block;
}

.blog .blog-content .tag ul li a {
    border: 1px solid #eee;
    color: #989898;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 6px 8px;
    text-transform: capitalize;
}

.blog .blog-content .tag ul li a:hover {
    border: 1px solid #ff6017;
    background-color: #ff6017;
    color: #fff;
}

.blog .blog-content .share {
    position: relative;
    float: right;
}

.blog .blog-content .share .share-icon {
    background-color: #f7f7f7;
    color: #ff6017;
    display: inline-block;
    font-size: 16px;
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    width: 50px;
}
.blog .blog-content .share ul {
  margin-left: 76px;
  margin-bottom: 0px;
}

.blog .blog-content .share ul li {
    display: inline-block;
}

.blog .blog-content .share ul li a {
    border: 1px solid #eee;
    color: #989898;
    border-radius: 50%;
    display: inline-block;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    width: 32px;
}

.blog .blog-content .share ul li a:hover {
    border: 1px solid #ff6017;
    background-color: #ff6017;
    color: #fff;
}

.blog-sidebar .blog-thumb a {color: #7f7f8a;}
.blog-sidebar .blog-thumb a:hover {color: #ff5e14;}

.case-study ul li {width: 48%;float: left;margin: 1%;position:relative;}
.case-study ul li .info .fa{font-size: 24px;color: #fff;margin: 0 auto}
.case-study ul li .info{position: absolute;width: 100%;height: 100%;top:0;left:0;transform: scale(0);transform-origin: center;background: rgba(0,0,0,.8);transition: 0.5s all ease-in-out;-webkit-transition: 0.5s all ease-in-out;display: flex;align-items: center}
.case-study ul li:hover .info{transform:scale(1);}

.case-study .case-study-inner-row {/*padding-bottom: 50px;*/ }
.case-study .case-study-inner-row h2 {text-transform: uppercase;font-weight: 700;color: #ff5e14;margin-bottom: 10px;}
.case-study .case-study-inner-row h3 {font-weight: 600;color: #06163a;margin-bottom: 10px;}
.case-study .case-study-inner-row h4 {font-weight: 700; color: #06163a; margin-bottom: 6px; font-size: 18px;}
.case-study .case-study-inner-row .client {margin-bottom: 10px;}
.case-study .case-study-inner-row .client strong {font-weight: 500;font-size: 18px;display: block;}
.case-study.dark-bg {background: #f7f8fa;}

.case-study .case-study-inner-row ul { padding-left: 15px; list-style-type: lower-roman; margin-bottom: 0px;}

.case-study .case-study-inner-row li {width: 100%; float: none; margin: 0; padding-bottom:  10px;}

/*Media Query*/

@media (max-width:1440px){

    .carousel-caption{width: 50%;top:7%;}

    .carusel-caption-wrap{padding: 50px 0}

}

@media (max-width:1366px){

    .carousel-indicators{bottom: 32%}

}    

@media (max-width:1280px){

    .carousel-indicators{bottom: 31%}

} 

@media (max-width:1024px){

    .carousel-caption{width: 75%;top:0%;}

    .trident-logo-wrap{width: 180px}

    .trident-navbar-brand img{width: 100%}

    .carusel-caption-wrap{padding:25px 0;}

} 

@media (max-width:768px){

    .carusel-caption-wrap{padding:15px 0;margin-bottom: 15px;}

    .carusel-caption-wrap p{font-size: 18px;margin-bottom: 10px;}

    .carusel-caption-wrap h1{font-size: 30px;margin:0;}

    #home-intro p{margin-bottom: 15px;width: 95%}

    header.sticky .navbar{padding:10px 0;}

    header.sticky .navbar .navbar-collapse{padding:15px 0;}

    header.sticky .navbar .navbar-collapse .nav-item,.m_wrap_quote_btn{text-align: left;}

    header.sticky .navbar li a{padding:15px 0!important;line-height: normal}

    header.sticky .navbar li a.m-primary-bg{padding:15px 25px!important;margin: 0}

    .mob-marg{margin: 0}

    .trident-logo-wrap{width: 160px}

}

@media (max-width:767px){

    html, body{overflow-x: hidden;}

    .carousel-caption{position: static;width: 90%;}

    .carusel-caption-wrap{padding: 25px 0;border: 10px solid #06163a;}

    .carusel-caption-wrap p{font-size:16px;color: #000;padding:0 15px;}

    .carusel-caption-wrap h1{font-size: 24px;color: #06163a}

    .carousel-indicators li{background-color: rgba(0,0,0,.5);}

    .carousel-indicators .active{background-color: #06163a}

    .carousel-indicators{bottom: 28%}

    .npm-btn{width:45%;margin-right: 0}

    .showcase .grid li{width: 100%}

    .carousel-control-next, .carousel-control-prev{align-items: unset;top: 12%;bottom: inherit; display: none}

    #home-intro .intro-content .npm-btn{width: auto;}

    #home-intro .intro-content p{width: 100%}

    #home-intro .intro-content{padding:25px 15px;}

    .trident-section{padding:35px 0;}

    .m-title{font-size: 30px;margin-bottom: 15px;}

    .wrap_service{margin-bottom: 15px;}

    .privacy_list li{margin-right: 5px;}

    .privacy_list{text-align:left;}

    .mobex-section.recent_cases_section {

    padding: 35px 0px;

}

    .mobex-newsletter button{padding:10px 0;width: 34%;font-size: 14px;text-transform:inherit;font-weight: normal; }

    .mobex-newsletter input{padding:10px;width:64%;font-size: 14px;}

}


/******************* ab-css **********************/

.carousel.product-carousel .product-head {width: 25%; right: 21.9%; top: 32%; background: #ff6017; min-height: 120px; position: absolute;  padding-left: 4%; padding-top: 1.5%;}

.carousel.product-carousel .product-head:after {width: 9%; height: 10px; background: #fff; position: absolute; content: ''; top: 44%; left: 0px;}

.product-carousel {background:#e4eaf7; background-repeat:repeat; padding-top: 3%; padding-bottom: 3%;}

.first-p-slide {margin-left: -75px;}

.product-head h1{font-size: 45px; font-weight: 600; color: #fff;}

.pro-img {position: relative; margin-bottom: 35px; width: 100%; float: left;}

.pro-img:after {width: 6%; height: 8px; background: #ff6017; position: absolute; content: ''; top: 45%;}

.pro-img-1 {position: relative; margin-bottom: 35px; width: 100%; float: left;}

.pro-img-1:after {width: 4%; height: 14px; background: #ff6017; position: absolute; content: ''; top: 45%;}

.pro-img-1>.sub_title{ right: 1%;color: #fff9f9; text-align: right; bottom: 0; position: absolute; margin-bottom: 5px;}

.middle {padding-left: 0px; padding-right: 0px;}

.mission-row .pro-li ul{list-style-type: square; padding-left: 15px;}

.mission-row .pro-li li{line-height: 20px; padding-bottom: 10px;}

.pro-btn {padding: 13px 25px 13px 40px; font-weight: 400;  margin-right: 15px; color: #fff; box-shadow: 0 2px 6px 0 hsla(0, 0%, 0%, 0.1); position: relative; overflow: hidden; text-transform: uppercase; z-index: 1;
transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; display: inline-block;}

.pro-btn:hover {background-color: #fff; color: #ff5e14;}

.pro-btn:hover:before { width: 100%; background: #ff5e14; opacity: .2;}

.pro-btn:before {content: ""; position: absolute; left: 0;  top: 48%; width: 19px; background: #fff; height: 6px; transform: translateY(-50%);  z-index: 1; transition-property: opacity background width;
 -webkit-transition-property: opacity background width; transition-duration: .4s; -webkit-transition-duration: .4s;}

.mar-pro {margin-top: 40px;}

.pro-table {margin-bottom: 20px;}

.pro-table table {width: 100%;}

.pro-table table th {text-align: center; font-weight: 300; color: #fff; background: #ff6017; text-transform: uppercase; padding-top: 12px; padding-bottom: 12px; margin-bottom: 1px;}

.pro-table table td {text-align: center; color: #7f7f8a; padding-top: 12px; padding-bottom: 12px;}

.pro-table tr:nth-child(even) {background: #ebebeb;}

.pro-table tr:nth-child(odd) {background: #fbfbfb;}

.pro-sut-img {width: 100%; float: left; margin-bottom: 30px; position: relative; height: 230px; overflow: hidden;}

.pro-sut-img h4 {position: absolute; width: 100%; height: 50px; background: rgb(255, 96, 23, 0.7); bottom: -8px; color: #fff; text-align: center; line-height: 50px;}

.pro-othr-img {position: relative; width: 100%; float: left;}

.pro-othr-img:after {width: 10%; height: 8px; background: #ff6017; position: absolute; content: ''; bottom: 6%; left: 0;}

.pro-other-txt p{line-height: 50px; color: #414042; font-weight: bold; font-size: 16px;}

.pro-txt h6 {font-size: 25px; }

.mobex-section.pro-botm h6{font-size: 25px; font-weight: 300; text-transform: uppercase;}

.mobex-section.pro-botm h5{font-size: 40px; font-weight: 300; text-transform: uppercase;}

.pro-cnt{margin-top: 12px; font-weight: 300;}
  

@media (max-width:1440px){

.carousel.product-carousel .product-head {width: 31%; right: 12.9%; min-height: 100px;}

.first-p-slide {margin-left: -100px;}

}


@media (max-width:1366px){

.carousel.product-carousel .product-head {width: 33%;right: 10.9%; padding-left: 5.5%; padding-top: 2%;}

.product-head h1 {font-size: 40px;}

.carousel.product-carousel .product-head:after {height: 10px;}

.first-p-slide {margin-left: -25px;}

}


@media (max-width:1280px){

.carousel.product-carousel .product-head {width: 31%; right: 7.9%; padding-left: 5.5%; padding-top: 2%; top: 28%;}

.product-head h1 {font-size: 38px;}

.first-p-slide {margin-left: -75px;}

}

@media (max-width:1199px){

.navbar-nav>li>.dropdown-menu {left: 195px !important;}

.indu-img {height: 191px;}



}


@media (max-width:1024px){

.carousel.product-carousel .product-head {width: 36%;right: 5.9%;padding-left: 6.5%;padding-top: 2%; min-height: 85px; top: 35%;}

.product-head h1 {font-size: 34px;}

.carousel.product-carousel .product-head:after {width: 8%; height: 8px;}

.mission-row .pro-li li {line-height: 24px;}

.pro-other-txt p {line-height: 45px; font-size: 14px;}

.m-title {font-size: 40px;}

.row-head-section {padding-bottom: 20px; margin-bottom: 30px;}

.mobex-section.pro-botm h6 {font-size: 22px;}

.mobex-section.pro-botm h5 {font-size: 34px;}

.pro-sut-img {margin-bottom: 15px;}

.pro-sut-img h4 {font-size: 18px;}

.navbar-nav>li>.dropdown-menu {
    left: 160px !important;
}

}


@media (max-width:768px){

.who-we-are, .our-team, .contact-us, .blog, .case-study {padding-top: 40px; padding-bottom: 35px;}

.carousel.product-carousel .product-head {width: 40%;right: 5.9%;padding-left: 6%;padding-top: 3%;min-height: 75px;top: 32%;}

.product-head h1 {font-size: 26px;}

.carousel.product-carousel .product-head:after {width: 7%; height: 6px;}

.m-title {font-size: 32px;}

.row-head-section {padding-bottom: 15px; margin-bottom: 20px;}

.mission-row .pro-li li {line-height: 22px; font-size: 13px;}

.pro-btn {padding: 12px 22px 12px 32px; margin-right: 12px; font-size: 12px;}

.mar-pro {margin-top: 25px;}

.pro-table table th {padding-top: 10px; padding-bottom: 10px; font-size: 13px;}

.pro-table table td {padding-top: 10px; padding-bottom: 10px; font-size: 13px;}

.pro-sut-img h4 {height: 40px; line-height: 40px; font-size: 16px;}

.pro-othr-img:after {width: 8%; height: 4px;}

.pro-other-txt p {line-height: 35px; font-size: 13px;}

.mobex-section.newsletter-section {padding: 35px 0;}

.mobex-section.pro-botm h6 {font-size: 18px;}

.mobex-section.pro-botm h5 {font-size: 28px;}

.pro-cnt {margin-top: 5px;}

.npm-btn {padding: 10px 36px 10px 12px; font-size: 12px;} 

.first-p-slide {
    margin-left: -60px;
}

}


@media (max-width:767px){

.who-we-are, .our-team, .contact-us, .blog, .case-study {padding-top: 35px; padding-bottom: 30px;}

.m-title {font-size: 28px;}

.row-head-section {padding-bottom: 5px; margin-bottom: 15px;}

.pro-img {margin-bottom: 20px; width: 45%; margin-right: 5%;}

.mission-row .pro-li li {line-height: 20px; font-size: 12px;}

.pro-btn {padding: 12px 18px 10px 28px; margin-right: 12px; font-size: 11px;}

.pro-img-1 {margin-bottom: 25px;}

.pro-table table th {padding-top: 8px; padding-bottom: 8px; font-size: 12px;}

.pro-table table td {padding-top: 8px; padding-bottom: 8px; font-size: 12px;}

.pro-table {margin-bottom: 10px;}

.pro-sut-img h4 {height: 35px; line-height: 35px; font-size: 14px;}

.pro-other-txt p {line-height: 30px; font-size: 13px; margin-bottom: 8px;}

.mobex-section.newsletter-section {padding: 25px 0;}

.mobex-section.pro-botm h6 {font-size: 16px;}

.mobex-section.pro-botm h5 {font-size: 24px;}

.product-head h1 {font-size: 22px;}

.carousel.product-carousel .product-head {width: 40%; right: 5.9%; padding-left: 6%; padding-top: 2.4%; min-height: 85px; top: 22%;}

.carousel.product-carousel .product-head:after {width: 8%; height: 4px;}

.first-p-slide {
    margin-left: -45px;
}

}


@media (max-width:425px){

.trident-navbar-brand img {width: 70%;}

.navbar-toggler {padding: 0.25rem .55rem;}

.carousel.product-carousel .product-head {width: 40%;right: 2.9%;padding-left: 5%;padding-top: 2.4%;min-height: 40px; top: 35%;}

.product-head h1 {font-size: 18px; font-weight: 500}

.carousel.product-carousel .product-head:after {width: 6%; height: 3px; top: 48%;}

.who-we-are, .our-team, .contact-us, .blog, .case-study {padding-top: 25px; padding-bottom: 25px;}

.pro-img:after {width: 8%; height: 4px;  top: 48%;}

.pro-img {margin-bottom: 15px;}

.mission-row .pro-li li {line-height: 18px; font-size: 12px;}

.pro-btn {padding: 10px 16px 8px 30px; font-weight: 300;}

.pro-btn:before {width: 16px; height: 4px;}

.pro-img-1:after {height: 6px;}

.pro-img-1 {margin-bottom: 15px;}

.pro-table table th { padding-top: 6px; padding-bottom: 6px; font-size: 10px;}

.pro-table table td { padding-top: 6px; padding-bottom: 6px; font-size: 10px;}

.pro-sut-img h4 {height: 30px; line-height: 30px; font-size: 13px;}

.npm-btn {padding: 10px 30px 8px 10px; font-size: 11px;}

.first-p-slide {
    margin-left: -25px;
}

}


.dropdown-menu>li>a{
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-top: 1px solid #efefef;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: #db1315; color: #fff;text-decoration:none;padding: 8px 15px; transition: 1s ease;
    
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0px;
    padding: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 5px solid #ff6017;
    transition:0.5s all ease-in;
    left: 505px;
}

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


.mega-dropdown {
  position: static !important;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  box-shadow: none;
  -webkit-box-shadow: none;

}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block !important;
    padding-left: 10px !important;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #404040;
    white-space: normal;
    margin-bottom: 7px !important;
    margin-top: 7px !important;
    border-bottom: 1px solid #efefef !important;
    padding-top: 4px !important;
    padding-bottom: 2px !important;
}
.mega-dropdown-menu > li ul > li > a {border-left: 2px solid #fff;}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #fff;
    padding-left: 10px;
    border-left: 2px solid #333;
    border-bottom: 1px solid #db1315;
}

header.sticky .navbar .mega-dropdown-menu li a:hover{display: none;}

.mega-dropdown-menu .dropdown-header {
    color: #db1315;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 0px;
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}

.dropdown-menu .divider {background:#e5e5e500;}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
    border-color: #fff;
}


.fot-letter input {
    width: 74%;
    padding: 8px 16px;
    font-size: 14px;
    border: 0;
    float: left;
    margin-bottom: 10px;
}



.fot-letter p {

    position: relative;

    display: block;

    width: 100%;

}


.fot-letter button {
    padding: 4px 14px;
    border: 0;
    color: #fff;
    font-weight: 500;
    width: 30.5%;
    font-size: 14px;
    text-transform: uppercase;
    transition: all .4s;
    -webkit-transition: all .4s;
    background: #f26722;
}



.fot-letter button:hover {

    cursor: pointer;

    background: #fff;

    color: #ff5e14;

}

.red-color::-webkit-input-placeholder {color: #f00;}

.contact-us .contact-row .contact-form input#captcha {width: 71%; float: left;}


.tahnks-content {
    width: 100%;
    height: 50vh;
    float: left;
    display: flex;
    align-items: center;
    background: #f5f5f5; 
}

.tahnks-content h2 {
    color: #007caa;
    text-align: center;
}

.tahnks-content p {
    font-size: 18px;
    line-height: 2;
    margin: 0;
    text-align: center;
}

.contact-form {padding: 10px; border: 1px solid #e0e0e0; background: #fbfbfb;     margin-top: 38px; }


 ul.privacy_list.head-title img{
    float: right;
    width: 40%;
    vertical-align: top;
    margin-left: 5px;
    margin-top: 5px;
}

.arow-box {margin-top: 40px; width: 100%; height: 1px; background: #999;}

.next, .previous {
    width: 45%;
    margin-top: 20px;
    cursor: pointer;
}

.previous {
    float: left;
}

.next {
    float: right;
}

.next p {
    float: right;
}

.next p, .previous p {
    display: flex;
    line-height: 35px;
}

.next p:hover, .previous p:hover {color: red;}

.prv-img {
    margin-right: 10px;
    width: 35%;
}

.next-img {
    margin-left: 10px;
    width: 60%;
}

.pop-frm{
    width: 100%;
    height: 40px;
    margin-bottom: 12px;
    border: 1px solid rgba(249,249,249,.1);
    padding: 6px;
    background: #f3f3f3;
}

.pop-frm input#captcha {
    width: 51%;
    float: left;
}

.pop-btn {
    cursor: pointer;
    border: 2px solid;
    padding: 10px 40px 8px 20px;
}

address {
    margin-bottom: 9px;}


.indu-img {width: 100%; height: 225px; overflow: hidden; margin-bottom: 1px;}

.ind-hed h3 {background: #f26722; min-height: 50px; line-height: 50px; padding-left: 15px; color: #fff; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; margin: 0;}

.ind-txt {padding: 15px; background: #efefef; margin-bottom: 35px; height: 100vh;}


.ind-txt p a{color: #808080;}

/*.ind-main-box {
    height: 275px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    cursor: pointer;
}*/

.ind-main-box {
    
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.ind-wrap{position: absolute;top: 82%;left:0;transition: 0.5s all ease-in-out;-webkit-transition: 0.5s all ease-in-out; width: 100%;}
.ind-main-box:hover .ind-wrap{top:0;}

.ind-inner {padding-bottom: 60px;}

.ind-txt-hed  h2{
    font-size: 48px;
    line-height: 1;
    font-weight: 300;
    margin-bottom: 0;
    text-transform: uppercase;
}

.ind-txt-hed {padding-bottom: 15px; border-bottom: 1px solid hsl(221, 54%, 93%); margin-bottom: 20px;}

.ind-inner-txt p{margin: 0 0 ;padding-bottom: 15px; font-size: 15px; color: #7f7f8a; line-height: 26px;}

.ind-top {margin-top: 40px;}


.ind-main-box:hover .ind-hvr {
    opacity: 1!important;
}

.ind-hvr {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    text-align: center;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
}

.ind-btn {
    background: #f26722;
    padding: 8px 16px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 35%;
    display: inline-block;
}


@media (max-width: 1199px){

.indu-img {height: 191px;}

.ind-main-box {height: 235px;}


}

@media (max-width: 991px){

.indu-img {height: 138px;}

.ind-main-box {height: 170px;}

.ind-hed h3 {line-height: 35px; font-size: 16px; min-height: 35px;}

}


@media (max-width: 700px){

.ind-main-box {height: 235px;}

.indu-img {height: 200px;}

.ind-wrap {top: 86%;}

}

.liquid-content-container a:hover{color:#000;}