/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */

/*   01 - General & Basic Styles   */
/*   02 - Header & Navigation      */
/*   03 - Intro      			   */
/*   04 - About		      		   */
/*   05 - About-1	      		   */
/*   06 - Skills				   */
/*   07 - Services         		   */
/*   08 - Features            	   */
/*   09 - History				   */
/*   10 - Statistic banner         */
/*   11 - Portfolio        		   */
/*   12 - Team					   */
/*   13 - Pricing				   */
/*   14 - our customers 	  	   */
/*   15 - Testimonials	      	   */
/*   16 - Blog		 	  	   	   */
/*   17 - Promo LIne	 	  	   */
/*   18 - Contact Info 	  	   	   */
/*   19 - Google Map 	  	   	   */
/*   20 - Contacts	 	  	   	   */
/*   21 - Footer		 	  	   */
/*   22 - Scroll to Top	 	  	   */
/*   23 - Contact Form Response    */



/* ==========================================================================
   01. GENERAL & BASIC STYLES
   ========================================================================== */
body {
    font-family: 'Lato lite', sans-serif;
    padding-top: 97px;
}

.clear {
    clear: both;
}

#content_wrapper {
    overflow: hidden;
}

.animated {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.accordion-toggle td:first-child {
    width: 100%;
    background: #fff;
}
/*------------------------------------------*/
/*	 Preload Animation 
/*------------------------------------------*/

.animationload {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0A1622;
    z-index: 999999;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    width: 200px;
    height: 200px;
    background-image: url(../img/icons/loader.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70px 70px;
}

/*------------------------------------------*/
/*	 Headers
/*------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 10px;
}

/*------------------------------------------*/
/*	 Lists
/*------------------------------------------*/

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*------------------------------------------*/
/*	 Link Setting
/*------------------------------------------*/

a {
    text-decoration: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

    a:hover {
        color: #444;
        text-decoration: none;
    }

    a:focus {
        color: #f8f8f8;
        outline: none;
        border: none;
        text-decoration: none;
    }

/*------------------------------------------*/
/*	 Theme Button
/*------------------------------------------*/

.btn-theme {
    background-color: #ffc400;
    color: #333;
    font-size: 15px;
    padding: 1px 50px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border-radius: 0;
}

.top-btn-nav {
    font-weight: 400 !important;
    color: #0A1622 !important;
    vertical-align: middle;
    line-height: initial !important;
    margin-top: 18px !important;
    border-bottom: 0 solid !important;
    font-family: 'lato',Arial;
    font-size: 15px;
    text-transform: capitalize
}

    .top-btn-nav:hover {
        background-color: #d9a701 !important;
        color: #fff !important;
        border-bottom: 0 solid !important;
    }

.btn-theme:hover {
    background-color: #d9a701;
    color: #fff;
}

/*------------------------------------------*/
/*	 Button Hover/Focus
/*------------------------------------------*/

.btn:focus {
    outline: none;
}

.btn:focus {
    color: #f8f8f8;
    text-decoration: none;
}

/*------------------------------------------*/
/*	 Section Titlebar
/*------------------------------------------*/
.advantages-title-section h2 {
    font-size: 57px;
    font-weight: 300;
}

#advantages-body {
    border-bottom: 30px solid #cfdae9;
}

.titlebar {
    margin-bottom: 60px;
    text-align: left;
}

    .titlebar h3 {
        color: #222;
        font-size: 24px;
        font-weight: normal;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .titlebar h2 {
        color: #979fa2;
        font-size: 64px;
        font-weight: 300;
    }

#Advantage .titlebar {
    margin-bottom: 0px;
}

    #Advantage .titlebar h2:after {
        display: block;
        content: "";
        width: 250px;
        border-top: #e7d8a8 dotted 1px;
        margin: 15px -83px;
        position: relative;
    }

@media (min-width: 992px) {
    #Advantage .titlebar h2:after {
        width: 500px;
    }
}

#Advantage .titlebar h2:before {
    display: block;
    content: "";
    width: 350px;
    border-top: #e7d8a8 dotted 1px;
    margin: 15px 180px;
    position: relative;
}

@media (min-width:992px) {
    #Advantage .titlebar h2:before {
        width: 500px;
        margin: 15px 0px 15px 390px;
    }
}

.advantages2bg {
    background: url(../img/advantages/cover2.jpg) no-repeat;
    background-size: 100% 100%;
    min-height: 511px;
    min-width: 100%;
    padding: 165px 0px 80px;
    color: #fff;
    font-size: 22px;
}

    .advantages2bg h2::after {
        display: block;
        content: " ";
        height: 70px;
        max-width: 550px;
        margin-left: 200px;
        background-image: linear-gradient(to right, transparent 80%, #ffffff 20%);
        background-size: 9px 2px;
        background-position: center 39px;
        background-repeat: repeat-x;
    }

    .advantages2bg p {
        font-weight: 300;
        color: #fff;
        /* max-width: 784px; */
        font-size: 24px;
        text-align: justify;
        margin-left: 12px;
        margin-right: 30px;
    }

/* ==========================================================================
   02. HEADER & NAVIGATION
   ========================================================================== */

/*------------------------------------------*/
/*	 Logo Image    
/*------------------------------------------*/

.navbar-brand {
    padding: 2px 0;
}

/*------------------------------------------*/
/*	 Navigation Menu    
/*------------------------------------------*/

.navbar {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 19px 0px;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

.navbar-fixed-top {
    background-color: #0A1622;
    border-bottom: none;
}

.navbar-nav > li > a {
    font-family: 'lato',arial;
    color: #f1f1ef;
    font-size: 17px;
    line-height: 30px;
    font-weight: 300;
    text-transform: none;
    display: block;
    padding: 0 5px;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
    transition: 0s;
    margin: 15px 10px;
}

.top-sign-in i {
    margin: 0px 10px 0px 0px;
}
/*------------------------------------------*/
/*	 Navbar Scroll   
/*------------------------------------------*/

.scroll-fixed-navbar {
    padding: 5px 0;
}

    .scroll-fixed-navbar.navbar-fixed-top {
        background-color: #0A1622;
        border-bottom: 1px solid #222;
    }

/*------------------------------------------*/
/*	 Menu Hover
/*------------------------------------------*/

.navbar-nav > li > a:hover,
.navbar-nav > li > a.selected-nav {
    color: #ffc400;
    background-image: linear-gradient(to right, #0A1622 80%, #ffc400 20%);
    background-position: bottom;
    background-size: 6px 1px;
    background-repeat: repeat-x;
}

/*------------------------------------------*/
/*	 Responsive Menu    
/*------------------------------------------*/

.navbar-toggle {
    position: relative;
    float: right;
    background-color: transparent;
    padding: 10px;
    margin: 13px 30px 13px 0;
    border: none;
    color: #fff;
    border: 2px solid #ddd;
}

    .navbar-toggle .icon-bar {
        background-color: #ddd;
    }

.navbar-nav > li .watch-demo {
    display: none;
    color: #FFC400;
}

    .navbar-nav > li .watch-demo:hover {
        border-bottom: solid transparent 0px;
        color: #D9A701;
    }

/* ==========================================================================
   03. INTRO
   ========================================================================== */

#intro {
    min-width: 100%;
    position: relative;
    background-image: url(../img/preload.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    height: 100vh;
    border-bottom: solid 7px #bfbfbf;
}


/*------------------------------------------*/
/*	 Overlay Pattern 
/*------------------------------------------*/

.overlay {
    background-image: url(../img/thumbs/overlay.png);
    background-color: rgba(0, 0, 0, 0.4);
    background-repeat: repeat;
    height: 100%;
}

/*------------------------------------------*/
/*	 INTRO SLIDER
/*------------------------------------------*/

#intro h2 {
    font-size: 75px;
    font-weight: 800;
    line-height: 85px;
    text-transform: uppercase;
    padding-top: 280px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

/*------------------------------------------*/
/*	 Intro Page Content   
/*------------------------------------------*/

.intro-content {
    width: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 50px 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

    .intro-content h2 {
        font-size: 75px;
        font-weight: 800;
        line-height: 85px;
        text-transform: uppercase;
        margin-bottom: 15px;
        letter-spacing: 1px;
    }

/*------------------------------------------*/
/*	 INTRO BUTTONS
/*------------------------------------------*/

.intro_buttons {
    margin-top: 30px;
}

    .intro_buttons .btn-theme {
        font-size: 20px;
        font-weight: 700;
        padding: 12px 24px;
        text-transform: uppercase;
    }

/*------------------------------------------*/
/*	 Rotator Controls
/*------------------------------------------*/

.flex-control-paging li a:hover {
    background: #fff;
    border: 2px solid #fff;
}

.flex-control-paging li a.flex-active {
    background: #4d4c4d;
    border: 2px solid #4d4c4d;
    cursor: default;
}



/*------------------------------------------*/
/*	 Video Background
/*------------------------------------------*/

#video-controls {
    right: 0;
    margin: auto;
    bottom: 50%;
    text-align: center;
    left: 0;
    position: absolute;
    z-index: 999;
}

    #video-controls a {
        display: inline-block;
        margin: 0 10px;
        text-align: center;
        vertical-align: middle;
        font-size: 16px;
        opacity: 0.7;
        text-decoration: none;
        color: #fff;
    }

        #video-controls a.play {
            opacity: 1;
        }

    #video-controls a {
        opacity: 0;
    }

    #video-controls:hover a {
        opacity: 1;
    }

#video-play {
    width: 115px;
    height: 115px;
}

.play {
    background: url(../img/play.png) no-repeat;
}

.pause {
    background: url(../img/pause.png) no-repeat;
}


/* ==========================================================================
   04. ABOUT
   ========================================================================== */

#Advantage {
    background-color: #bc9b65;
}

/*------------------------------------------*/
/*	TABS HOLDER IMAGE
/*------------------------------------------*/

#tabs-holder .img-responsive {
    display: inline-block;
}

/*------------------------------------------*/
/*	TABS
/*------------------------------------------*/

.nav-tabs {
    border: none;
}

    .nav-tabs > li > a {
        color: #222;
        font-size: 22px;
        font-weight: 400;
        text-transform: uppercase;
        padding: 0;
        border: none;
    }

    .nav-tabs > li:first-child {
        border-right: 1px solid #999;
        padding-right: 20px;
    }

    .nav-tabs > li:last-child {
        padding-left: 20px;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        color: #ffc400;
        border: none;
        padding: 0;
        background-color: #E0DEDF;
    }

    .nav-tabs > li > a:hover {
        color: #ffc400;
        border: none;
    }

/*------------------------------------------*/
/*	Tab Description
/*------------------------------------------*/

.tab-content > .tab-pane {
    padding: 25px 0;
    border: none;
    border: none;
}

    .tab-content > .tab-pane p {
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
    }

.tab-content a {
    margin-top: 20px;
    margin-right: 10px;
}



/* ==========================================================================
   05. ABOUT-1
   ========================================================================== */

#about-1 {
    background-color: #f5f5f5;
    border-top: 1px solid #eee;
    padding-top: 80px;
    padding-bottom: 80px;
}

/*------------------------------------------*/
/*	ACCORDION HOLDER IMAGE
/*------------------------------------------*/

#accordion-holder .img-responsive {
    display: inline-block;
}

/*------------------------------------------*/
/*	ACCORDION
/*------------------------------------------*/

.panel-group .panel {
    margin-bottom: 10px;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*------------------------------------------*/
/*	Panel Title
/*------------------------------------------*/

.panel-heading {
    padding: 0;
    background: none !important;
    border: 0 !important;
}

.panel-title {
    color: #222;
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
    text-transform: uppercase;
}

    .panel-title span {
        border-bottom: 1px dotted #ccc;
        padding-bottom: 15px;
    }

    .panel-title > a {
        padding: 12px 0;
        display: flex;
    }

.panel-group .panel:nth-child(1) .panel-title > a, .panel-group .panel:nth-child(1) .panel-title > a:hover, .panel-group .panel:nth-child(1) .panel-title i {
    color: #e8512f;
}

.panel-group .panel:nth-child(2) .panel-title > a, .panel-group .panel:nth-child(2) .panel-title > a:hover, .panel-group .panel:nth-child(2) .panel-title i {
    color: #009CFC;
}

.panel-group .panel:nth-child(3) .panel-title > a, .panel-group .panel:nth-child(3) .panel-title > a:hover, .panel-group .panel:nth-child(2) .panel-title i {
    color: #539A4D;
}

.panel-group .panel:nth-child(4) .panel-title > a, .panel-group .panel:nth-child(4) .panel-title > a:hover, .panel-group .panel:nth-child(2) .panel-title i {
    color: #9F71B9;
}

.panel-group .panel:nth-child(5) .panel-title > a, .panel-group .panel:nth-child(5) .panel-title > a:hover, .panel-group .panel:nth-child(2) .panel-title i {
    color: #CB8322;
}

.panel-group .panel:nth-child(6) .panel-title > a, .panel-group .panel:nth-child(6) .panel-title > a:hover, .panel-group .panel:nth-child(2) .panel-title i {
    color: #C21C16;
}

.panel-group .panel:nth-child(7) .panel-title > a, .panel-group .panel:nth-child(7) .panel-title > a:hover, .panel-group .panel:nth-child(2) .panel-title i {
    color: #16B8B7;
}

/*------------------------------------------*/
/*	Panel Title Icon
/*------------------------------------------*/
.panel-title img {
    font-size: 30px;
    margin-right: 10px;
    float: left;
    width: 28px !important;
    height: 22px !important;
}

/*------------------------------------------*/
/*	Panel Content 
/*------------------------------------------*/

.panel-body {
    color: #444;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: 0;
    margin-left: 30px;
}

.panel-default > .panel-heading + .panel-collapse {
    border: none;
    border-top: none;
}



/* ==========================================================================
   06. SKILLS
   ========================================================================== */

#skills {
    background-image: url(../img/parallax_bg/skills.jpg);
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    background-position: bottom center !important;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 120px;
    color: #fff;
}

    /*------------------------------------------*/
    /*	 SKILLS TITLEBAR
/*------------------------------------------*/

    #skills .titlebar {
        margin-bottom: 30px;
    }

        #skills .titlebar h2 {
            color: #fff;
            text-align: Center;
            font-weight: 100;
        }



/*------------------------------------------*/
/*	 Circle Progress Bars
/*------------------------------------------*/

.chart {
    position: relative;
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

    .chart span {
        color: #a9a9a9;
        font-size: 40px;
        font-weight: 800;
        line-height: 130px;
        display: inline-block;
    }

        .chart span:after {
            content: '%';
            margin-left: 0;
            font-size: 40px;
        }

#skills h4 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 25px;
}



/* ==========================================================================
   07. SERVICES
   ========================================================================== */

#services {
    padding-top: 80px;
    background: url(../img/gradbg.jpg) repeat-x;
}

/*------------------------------------------*/
/*	  SERVICE IMAGE
/*------------------------------------------*/

#services_image .img-responsive {
    display: inline-block;
    margin-bottom: 80px;
}

/*------------------------------------------*/
/*	  SERVICE BOX
/*------------------------------------------*/

.service-box {
    margin-bottom: 40px;
}

    .service-box h4 {
        color: #222;
        font-size: 20px;
        font-weight: 400;
    }

    .service-box i {
        margin-right: 10px;
    }

    .service-box p {
        font-size: 22px;
        line-height: 26px;
        font-weight: 300;
    }

/*------------------------------------------*/
/*	  SERVICE BUTTONS
/*------------------------------------------*/

#service-buttons {
    margin-top: 30px;
}

    #service-buttons a {
        margin-right: 20px;
    }



/* ==========================================================================
   08. FEATURES
   ========================================================================== */

#features {
    background-image: url(../img/parallax_bg/features.jpg);
    background-attachment: fixed !important;
    background-repeat: repeat;
    background-position: 0 0;
    padding-top: 80px;
    padding-bottom: 40px;
    color: #fff;
}

    /*------------------------------------------*/
    /*	  FEATURES TITLEBAR
/*------------------------------------------*/

    #features .titlebar h3, #features .titlebar h2 {
        color: #fff;
    }

/*------------------------------------------*/
/*	  FEATURE BOX
/*------------------------------------------*/

.features-box {
    margin-bottom: 40px;
}

/*------------------------------------------*/
/*	  Feature Icon
/*------------------------------------------*/

.icon-box {
    width: 70px;
    height: 70px;
    line-height: 70px !important;
    text-align: center;
    float: left;
    font-size: 22px;
    color: #fff;
}

    .icon-box i {
        color: #ffc400;
        font-size: 60px;
        margin-top: 10px;
    }

/*------------------------------------------*/
/*	  Feature Text
/*------------------------------------------*/

.features-text {
    overflow: hidden;
    padding: 0px 0px 0px 30px;
}

    .features-text h4 {
        font-size: 20px;
        font-weight: 400;
    }

    .features-text p {
        color: #ddd;
        font-size: 22px;
        font-weight: 300;
        line-height: 26px;
        padding-right: 20px;
    }



/* ==========================================================================
   09. HISTORY
   ========================================================================== */

#history {
    padding-top: 80px;
    padding-bottom: 80px;
}

/*------------------------------------------*/
/*	 TIMELINE 
/*------------------------------------------*/

.timeline {
    background-image: url(../img/thumbs/timeline-bg.png);
    background-repeat: repeat-y;
    background-position: center center;
    background-color: transparent;
}

/*------------------------------------------*/
/*	 TIMELINE YEAR 
/*------------------------------------------*/

.timeline-year {
    padding: 30px 0 30px;
}

    .timeline-year.first {
        padding-top: 0;
    }

    .timeline-year.last {
        padding-bottom: 0;
    }

    .timeline-year span {
        background-color: #ffc400;
        color: #333;
        font-size: 20px;
        font-weight: 700;
        padding: 10px 20px;
    }

/*------------------------------------------*/
/*	 TIMELINE ITEM 
/*------------------------------------------*/

.timeline-item {
    display: table;
    position: relative;
}

    .timeline-item:before {
        width: 30px;
        height: 30px;
        background-color: #fff;
        border: 2px solid #d5d5d5;
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -15px;
        margin-left: -15px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.timeline-item-content {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    position: relative;
    padding: 20px;
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
}

    /*------------------------------------------*/
    /*	Timeline Item Content Arrow
/*------------------------------------------*/

    .timeline-item-content:before {
        width: 20px;
        height: 20px;
        background-color: #f5f5f5;
        content: "";
        position: absolute;
        right: -11px;
        top: 50%;
        margin-top: -9px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .timeline-item-content.pull-right:before {
        right: auto;
        left: -10px;
    }

    .timeline-item-content h4 {
        font-size: 20px;
        font-weight: 400;
    }

/*------------------------------------------*/
/*	Timeline Item Hover
/*------------------------------------------*/

.timeline-item:hover .timeline-item-content {
    border: 1px solid #262626;
    background-color: #262626;
    color: #fff;
}

    .timeline-item:hover .timeline-item-content:before {
        background-color: #262626;
        border-right: 1px solid #262626;
        border-top: 1px solid #262626;
    }

.timeline-item:hover.timeline-item:before {
    background-color: #ffc400;
    border-color: #ffc400;
}

.timeline-item:hover .timeline-item-content.pull-right:before {
    border-color: transparent transparent #262626 #262626;
}



/* ==========================================================================
   10. STATISTIC BANNER
   ========================================================================== */

#statistic_banner {
    background-image: url(../img/parallax_bg/statistic-banner.jpg);
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}

    /*------------------------------------------*/
    /*	  STATISTIC BANNER TITLEBAR
/*------------------------------------------*/

    #statistic_banner .titlebar h3,
    #statistic_banner .titlebar h2 {
        color: #fff;
    }

/*------------------------------------------*/
/*	  STATISTIC BLOCK
/*------------------------------------------*/

.statistic-block {
    text-align: center;
}

.statistic-icon {
    color: #fff;
    font-size: 80px;
    line-height: 80px;
    font-weight: 700;
    margin-bottom: 30px;
}

.statistic-number {
    color: #fff;
    font-size: 80px;
    line-height: 80px;
    font-weight: 400;
    margin-bottom: 20px;
}

.statistic-text {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}


/* ==========================================================================
   11. LATEST WORKS
   ========================================================================== */

/*------------------------------------------*/
/*	   PORTFOLIO TITLEBAR
/*------------------------------------------*/

#portfolio .titlebar {
    margin-bottom: 40px;
}

/*------------------------------------------*/
/*	  FILTER BUTTONS
/*------------------------------------------*/

#gallery-filter {
    margin-bottom: 50px;
}

.btn-toolbar .btn-group {
    float: none;
}

/*------------------------------------------*/
/*	   Button Settings
/*------------------------------------------*/

#gallery-filter .btn-group > .btn {
    background: #f4f4f4;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 3px;
    padding: 8px 16px;
    text-shadow: none;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.btn-group > .btn:first-child:not(:last-child),
.btn-group > .btn:last-child:not(:first-child) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*------------------------------------------*/
/*	   Filter Button Hover
/*------------------------------------------*/

#gallery-filter .btn-group > .btn:hover {
    color: #fff;
    background-color: #ffc400;
}

/*------------------------------------------*/
/*	  Filter Button Active
/*------------------------------------------*/

#gallery-filter .btn-group > .btn.active,
#gallery-filter .btn-group > .btn.focus {
    color: #222;
    background-color: #ffc400;
    box-shadow: 0 0 0 0;
    cursor: default;
}

/*------------------------------------------*/
/*	  PORTFOLIO IMAGES HOLDER
/*------------------------------------------*/

.portfolio-items-list {
    margin: 0;
}

/*------------------------------------------*/
/*	  Portfolio Item
/*------------------------------------------*/

.portfolio-item {
    position: relative;
    display: none;
    opacity: 0;
    -moz-opacity: 0;
    padding: 0;
    text-align: center;
}

    .portfolio-item .sol-icon {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 70px;
    }

    .portfolio-item a {
        cursor: url(../img/icons/pointer.png),crosshair;
    }

.view-all a {
    cursor: pointer;
    margin-top: 100px;
}

.hover-overlay {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

    .hover-overlay img {
        -webkit-transition: all 600ms;
        -moz-transition: all 600ms;
        -o-transition: all 600ms;
        transition: all 600ms;
        border-top: 70px solid #3a3a3a;
        border-left: 70px solid #3a3a3a;
        width: 100%;
    }

.grey-border-sol {
    border-top-color: #767575 !important;
    border-left-color: #767575 !important;
}

.sol-title {
    position: absolute;
    z-index: 1;
    color: rgb(255, 255, 255);
    left: 80px;
    top: 20px;
    text-transform: uppercase;
    font-weight: 300;
}

.portfolio-item:hover .sol-icon, .portfolio-item:hover .sol-title {
    display: none;
}

.portfolio-item:hover .hover-overlay img {
    border-top: 0px transparent solid;
    border-left: 0px transparent solid;
    min-height: 100%;
    min-width: 100%;
    max-width: initial !important;
    width: auto;
}
/*------------------------------------------*/
/*	  Overlay Content 
/*------------------------------------------*/

.overlay-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    text-align: center;
    zoom: 1;
    opacity: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

    .overlay-content h1 {
        color: #fff;
        text-transform: capitalize;
        font-weight: 400;
    }


/*------------------------------------------*/
/*	  Overlay Background 
/*------------------------------------------*/

.item-overlay {
    opacity: 0;
    -moz-opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(225, 196, 0, 0.75);
    -moz-transition: opacity 400ms ease-out;
    -webkit-transition: opacity 400ms ease-out;
    -o-transition: opacity 400ms ease-out;
    transition: opacity 400ms ease-out;
    z-index: 2
}

/*------------------------------------------*/
/*	  Image Hover Effect 
/*------------------------------------------*/

.hover-overlay:hover > img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.hover-overlay:hover .item-overlay {
    opacity: 1;
    -moz-opacity: 1;
}

.portfolio-item:hover .overlay-content {
    bottom: -40%;
    opacity: 1;
    -moz-opacity: 1;
}



/* ==========================================================================
   12. TEAM
   ========================================================================== */

#team {
    padding-top: 80px;
    padding-bottom: 30px;
}

/*------------------------------------------*/
/*	  TEAM MEMBER
/*------------------------------------------*/

.team-member {
    margin-bottom: 50px;
}

    .team-member .img-responsive {
        display: inline-block;
    }

/*------------------------------------------*/
/*	  Team Member Meta
/*------------------------------------------*/

.team-img-meta h5 {
    text-transform: uppercase;
    font-weight: 800;
    margin: 20px 0px 10px 0;
}

.team-img-meta h6 {
    font-size: 14px;
    color: #ffc400;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
}

.team-img-meta p {
    color: #757575;
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
}

/*------------------------------------------*/
/*	  Team Member Social Icons 
/*------------------------------------------*/

.team-member-socials {
    text-align: right;
    display: inline-block;
    margin: 10px auto;
}

    .team-member-socials li {
        float: left;
        display: inline-block !important;
        vertical-align: top;
        width: auto !important;
        clear: none !important;
    }

.page_social {
    width: 30px;
    height: 30px;
    color: #666;
    font-size: 22px;
    text-align: center;
    display: block;
    text-decoration: none;
    margin: 0 3px 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

    /*------------------------------------------*/
    /*	 Team Member Social Icons Hover 
/*------------------------------------------*/

    .page_social.ico_facebook:hover {
        color: #3b5998;
    }

    .page_social.ico_twitter:hover {
        color: #00a9ed;
    }

    .page_social.ico_behance:hover {
        color: #00a8e7;
    }

    .page_social.ico_google_plus:hover {
        color: #cd1111;
    }

    .page_social.ico_linkedin:hover {
        color: #015886;
    }

    .page_social.ico_dribbble:hover {
        color: #d92d84;
    }

    .page_social.ico_instagram:hover {
        color: #beb3a8;
    }

    .page_social.ico_pinterest:hover {
        color: #ac281a;
    }

    .page_social.ico_dropbox:hover {
        color: #008ad2;
    }

    .page_social.ico_skype:hover {
        color: #00a9ed;
    }

    .page_social.ico_youtube:hover {
        color: #cd1b20;
    }

    .page_social.ico_tumblr:hover {
        color: #3a5976;
    }

    .page_social.ico_vimeo:hover {
        color: #00adee;
    }

    .page_social.ico_flickr:hover {
        color: #d2d2d2;
    }

    .page_social.ico_github:hover {
        color: #222;
    }

    .page_social.ico_renren:hover {
        color: #364a83;
    }

    .page_social.ico_vk:hover {
        color: #3b5998;
    }

    .page_social.ico_xing:hover {
        color: #015f5e;
    }

    .page_social.ico_weibo:hover {
        color: #be4443;
    }

    .page_social.ico_rss:hover {
        color: #ff6600;
    }

    .page_social.ico_digg:hover {
        color: #222;
    }

    .page_social.ico_deviantart:hover {
        color: #57675d;
    }

    .page_social.ico_envelope:hover {
        color: #999;
    }

    .page_social.ico_delicious:hover {
        color: #0A0A0A;
    }




/* ==========================================================================
   13. PRICING 
   ========================================================================== */

#pricing {
    background-color: #f5f5f5;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 80px;
    padding-bottom: 50px;
}

/*------------------------------------------*/
/*	 PRICING TABLE
/*------------------------------------------*/

#price_1, #price_2, #price_3, #price_4 {
    margin-bottom: 50px;
    padding: 0 5px;
}

.pricing-table {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    /*------------------------------------------*/
    /*	 Table Header
/*------------------------------------------*/

    .pricing-table h3 {
        font-size: 24px;
        font-weight: 700;
        line-height: 100px;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    /*------------------------------------------*/
    /*	 Table Price Plan
/*------------------------------------------*/

    .pricing-table .price {
        background-color: #eee;
        height: 120px;
        color: #222;
        font-weight: 700;
        line-height: 120px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

.price-row .price span {
    font-size: 75px;
}

.price-row .price sup {
    top: -35px;
    font-size: 30px;
    font-weight: 300;
}

/*------------------------------------------*/
/*	 Table Body
/*------------------------------------------*/

.pricing-table ul.features {
    color: #333;
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 5px 40px;
}

    .pricing-table ul.features li {
        border-bottom: 1px solid #ccc;
        padding: 13px 0;
    }

/*------------------------------------------*/
/*	 Table Button
/*------------------------------------------*/

.pricing-table .btn {
    margin: 30px 0;
}

/*------------------------------------------*/
/*	 Table Highlight
/*------------------------------------------*/

.pricing-table.highlight {
    background-color: #ffc400;
    border-color: #d9a701;
}

    .pricing-table.highlight .price {
        background-color: #d9a701;
        color: #fff;
        border-color: #d9a701;
    }

    .pricing-table.highlight ul.features {
        color: #333;
    }

        .pricing-table.highlight ul.features li {
            border-color: #d9a701;
        }

    /*------------------------------------------*/
    /*	 Table Highlight Buttons
/*------------------------------------------*/

    .pricing-table.highlight .btn-theme {
        background-color: #333;
        color: #fff;
    }

        .pricing-table.highlight .btn-theme:hover {
            background-color: #444;
        }



/* ==========================================================================
   14. OUR CUSTOMERS
   ========================================================================== */

#clients {
    padding-top: 70px;
    padding-bottom: 106px;
    position: relative;
    background-image: url(../img/thumbs/customerBG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

    /*------------------------------------------*/
    /*	 OUR CUSTOMERS CAROUSEL NAVIGATION
/*------------------------------------------*/
    #clients .titlebar h2 {
        color: #DCDDDE;
    }

        #clients .titlebar h2:after {
            content: " ";
            display: block;
            height: 1px;
            width: 200px;
            background-color: #DCDDDE;
            margin: 15px auto;
            position: relative;
        }

@media (min-width:992px) {



    .customNavigation .prev {
        left: 30px;
        position: absolute;
        bottom: 120px;
        background-image: url("../img/slider/nav.png");
        background-position: 0px 0px;
        height: 61px;
        width: 35px;
        cursor: pointer;
    }

    .customNavigation .next {
        right: 30px;
        position: absolute;
        bottom: 120px;
        background-image: url("../img/slider/nav.png");
        background-position: 35px 0px;
        height: 61px;
        width: 35px;
        cursor: pointer;
    }

    .customNavigation i {
        display: none
    }
}


/* ==========================================================================
   15 TESTIMONIALS 
   ========================================================================== */

#testimonials {
    background-color: #f5f5f5;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 40px;
}

    #testimonials::before {
        content: " ";
        display: block;
        height: 9px;
        margin: 15px auto;
        position: relative;
        background-image: url(../img/thumbs/Satisfied.png);
        top: -50px;
        width: 50%;
    }

    #testimonials .white-part {
        background-color: #fff;
        padding: 20px 0 80px;
    }

    #testimonials .last-line {
        padding: 30px 0px 0px;
    }

    /*------------------------------------------*/
    /*	  TESTIMONIALS TITLEBAR
/*------------------------------------------*/

    #testimonials h3 {
        font-size: 28px;
        font-weight: 300;
        margin-bottom: 40px;
    }

    #testimonials .clients-counter {
        color: #ffc400;
        font-size: 30px;
        font-weight: 700;
    }

/*------------------------------------------*/
/*	  Testimonial Message 
/*------------------------------------------*/

.testi-content {
    background-color: #fff;
    position: relative;
    padding: 0;
    margin: 40px 0 10px 75px;
    text-align: left;
}

p {
    color: #222222;
    margin: 0;
}

.testimonial {
    margin: 0px 10px;
}
/*------------------------------------------*/
/*	  Testimonial Message Arrow
/*------------------------------------------*/

.testi-arrow {
    height: 32px;
    width: 32px;
    background-image: url(../img/icons/testimonial-arrow-down.png);
    background-attachment: scroll;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: 100%;
    left: 47%;
}

/*------------------------------------------*/
/*	  Testimonial Message Avatar 
/*------------------------------------------*/

.testimonial .client-img {
    width: 65px;
    height: 65px;
    display: inline-block;
    float: left;
}

    .testimonial .client-img img {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
    }

/*------------------------------------------*/
/*	  Testimonial Message Author
/*------------------------------------------*/

.testimonial .testi-author {
    padding: 0 0 0 15px;
    text-align: right;
    position: relative;
    top: 10px;
    margin: 0 0 0 60px;
}

.testimonial h4 {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    display: block;
    border-bottom: 1px #333 solid;
}

.testimonial span {
    color: #797979;
    font-size: 15px;
    margin: 0 0 20px;
    display: block;
}



/* ==========================================================================
   16. BLOG
   ========================================================================== */

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

    /*------------------------------------------*/
    /*	  BLOG ARTICLE
/*------------------------------------------*/

    #blog article {
        margin-bottom: 50px;
    }

    /*------------------------------------------*/
    /*	  Blog Post Titlebar
/*------------------------------------------*/

    #blog .titlebar {
        text-align: center
    }

        #blog .titlebar h3 {
            color: #383838;
            font-size: 24px;
            font-weight: 300;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

        #blog .titlebar h2 {
            color: #383838;
            font-size: 60px;
            font-weight: 300;
            text-align: center
        }

            #blog .titlebar h2:after {
                content: " ";
                display: block;
                height: 1px;
                width: 200px;
                background-color: #383838;
                margin: 15px auto;
                position: relative;
            }

    #blog .blog-post-titlebar h4 {
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
        margin: 20px 0 5px;
        text-transform: uppercase;
        font-weight: 600;
    }

    #blog img {
        height: 100%;
        width: 100% !important;
    }

.blog-post-titlebar {
    height: 50px;
}
/*------------------------------------------*/
/*	  Blog Post Meta
/*------------------------------------------*/

.blog-post-info {
    color: #666;
    padding-bottom: 10px;
}

    .blog-post-info a {
        color: #ffc400;
        display: block;
        font-weight: bold;
    }

/*------------------------------------------*/
/*	  Blog Post Description
/*------------------------------------------*/

.blog-post-desc {
    line-height: 24px;
    padding-bottom: 21px;
    margin-bottom: 5px;
    background-image: linear-gradient(to right, rgb(255, 255, 255) 80%, #4d5154 20%);
    background-size: 9px 2px;
    background-position: center bottom;
    background-repeat: repeat-x;
}

/*------------------------------------------*/
/*	  Blog Post Button
/*------------------------------------------*/

#blog .btn-theme {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 16px;
}

.article-read-more {
    text-align: right;
    border-top: 24px solid #ffc400;
    border-radius: 0px;
    border-right: 0px none;
    border-left: 24px solid transparent;
    display: inline-block;
    float: right;
    line-height: 37px;
}

    .article-read-more:hover {
        cursor: pointer;
        border-top-color: #d9a701;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

    .article-read-more .inner-read-more {
        font-size: 14px;
        color: rgb(51, 51, 51);
        font-weight: bold;
        position: relative;
        top: -31px;
    }

    .article-read-more:hover .inner-read-more {
        color: #fff;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
/*------------------------------------------*/
/*	  Video Content Settings
/*------------------------------------------*/

.video-block {
    position: relative;
    padding-bottom: 81%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

    .video-block iframe,
    .video-block object,
    .video-block embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }



/* ==========================================================================
   17. PROMO LINE
   ========================================================================== */

#promo_line {
    background-image: url(../img/parallax_bg/promo-line.jpg);
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}

    /*------------------------------------------*/
    /*	 PROMO LINE CONTENT
/*------------------------------------------*/

    #promo_line h2 {
        color: #fff;
        font-size: 36px;
        line-height: 42px;
        font-weight: 400;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    #promo_line p {
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        line-height: 36px;
        margin-bottom: 20px;
    }

    #promo_line a {
        margin-right: 15px;
    }



/* ==========================================================================
   18. CONTACT-INFO 
   ========================================================================== */
#contact-us {
    border-bottom: solid 10px #6c7c90;
}

#contact-info {
    padding-top: 80px;
    padding-bottom: 30px;
}

/*------------------------------------------*/
/*	 Contact Info
/*------------------------------------------*/

.contact-info {
    margin-bottom: 40px;
}

    /*------------------------------------------*/
    /*	 Contact Info Icon
/*------------------------------------------*/

    .contact-info .fa {
        color: #ffc400;
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 10px;
    }

    /*------------------------------------------*/
    /*	 Contact Text
/*------------------------------------------*/

    .contact-info h4 {
        color: #222;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 800;
    }

    .contact-info p {
        color: #666;
        font-size: 22px;
        line-height: 24px;
        font-weight: 300;
    }

    .contact-info a {
        color: #ffc400;
        font-weight: 700;
    }

        .contact-info a:hover {
            color: #ffc400;
        }



/* ==========================================================================
   19. GOOGLE MAP
   ========================================================================== */

.googlemap-wrapper {
    position: relative;
}

    .googlemap-wrapper img {
        max-width: none !important;
    }

.map-canvas {
    width: 100%;
    height: 500px;
    padding: 6px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
}

    .map-canvas:before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        margin: -15px 0 0 -15px;
        width: 30px;
        height: 30px;
        color: #2f2f2f;
        content: '\f110';
        text-align: center;
        font-size: 20px;
        font-family: 'FontAwesome';
        line-height: 30px;
        -webkit-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }



/* ==========================================================================
   20. CONTACTS 
   ========================================================================== */

#contact {
    background-image: url(../img/parallax_bg/contacts.jpg);
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    color: #aaa;
    padding-top: 80px;
    padding-bottom: 80px;
}

    /*------------------------------------------*/
    /*	  Contact Titlebar
/*------------------------------------------*/

    #contact .titlebar {
        margin-bottom: 20px;
    }

        #contact .titlebar h3,
        #contact .titlebar h2 {
            color: #ddd;
        }

/*------------------------------------------*/
/*	  CONTACT FORM
/*------------------------------------------*/

#contact-form {
    margin-top: 30px;
}
    /*------------------------------------------*/
    /*	  Contact Form Input
/*------------------------------------------*/

    #contact-form .form-control {
        height: 50px;
        background-color: rgba(30, 30, 30, 0.3);
        font-size: 14px;
        margin-bottom: 20px;
        border: 1px solid #666;
        box-shadow: 0 0 0 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    background-color: #f3f3f3;
    color: #444;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 12px 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    box-shadow: 0 0 0 0;
}

#contact-form textarea {
    min-height: 200px;
}

/*------------------------------------------*/
/*	  Contact Form Input Focus
/*------------------------------------------*/

.form-control:focus {
    outline: 0px none;
    box-shadow: none;
}

/*------------------------------------------*/
/*	  Contact Form Submit Button
/*------------------------------------------*/

#form_btn {
    margin-top: 20px;
}

    #form_btn .btn-theme {
        font-size: 22px;
        font-weight: 700;
        padding: 10px 20px;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

/*------------------------------------------*/
/*	  Contact Form Error Message 
/*------------------------------------------*/

.error {
    color: red;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
}



/* ==========================================================================
   21. FOOTER
   ========================================================================== */

#footer {
    padding-top: 50px;
    padding-bottom: 60px;
    background-color: #222222;
}

/*------------------------------------------*/
/*	  Newsletter
/*------------------------------------------*/

#footerlists {
    margin-bottom: 10px;
}

    #footerlists h4 {
        font-size: 18px;
        color: #939598;
        font-weight: 600
    }

    #footerlists ul > li.col5 {
        padding-top: 20px;
    }

    #footerlists ul > li > ul > li a {
        color: #939598;
        font-size: 18px;
        font-weight: 300;
    }

    #footerlists h3 {
        color: #ddd;
        font-size: 22px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 5px;
        margin-bottom: 5px;
    }

    #footerlists p {
        color: #ddd;
        line-height: 26px;
        font-weight: 300;
        margin-bottom: 0;
    }

.message {
    font-size: 15px;
    margin-bottom: 20px;
}

#footerlists_form {
    margin: 15px auto;
    width: 50%;
}

/*------------------------------------------*/
/*	  Newsletter Form Input
/*------------------------------------------*/

#footerlists form input[type="email"] {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 74%;
    color: #414141;
    font-size: 22px;
    font-weight: 300;
    padding: 10px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

form input[type="submit"] {
    background-color: #ffc400;
    border: 1px solid #ffc400;
    color: #3d5468;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

#footerlists form input[type="submit"]:hover {
    background-color: #d9a701;
}

#footer .copy-search {
    padding-top: 40px
}

#footer_copyright p {
    color: #939598;
    line-height: 40px;
}

    #footer_copyright p span {
        color: #ffc400;
        font-size: 15px;
        font-weight: 800;
    }

#footer_search input[type=text] {
    height: 34px;
    background-color: #333;
    border: 0px none;
    width: 50%;
    color: #939598;
    padding: 0px 10px;
}

    #footer_search input[type=text]::-webkit-input-placeholder {
        color: #939598;
    }

    #footer_search input[type=text]:-moz-placeholder { /* Firefox 18- */
        color: #939598;
    }

    #footer_search input[type=text]::-moz-placeholder { /* Firefox 19+ */
        color: #939598;
    }

    #footer_search input[type=text]:-ms-input-placeholder {
        color: #939598;
    }

#footer_search .search-btn {
    height: 34px;
    padding: 0px 15px;
    background-color: rgb(192, 192, 192);
    border: 0px;
}
/*------------------------------------------*/
/*	 Footer Social Icons  
/*------------------------------------------*/

.contact-socials {
    display: inline-block;
    padding-left: 0;
}

    .contact-socials li {
        float: left;
        width: auto !important;
        display: inline-block !important;
        vertical-align: top;
        clear: none !important;
        padding: 0;
    }

/*------------------------------------------*/
/*	 Footer Social Icon Setting 
/*------------------------------------------*/

.foo_social {
    text-align: center;
    color: #262626;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    margin: 0 5px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    background-color: #939598;
}

    /*------------------------------------------*/
    /*	 Footer Social Icons Hover 
/*------------------------------------------*/

    .foo_social.ico-facebook:hover {
        background-color: #3b5998;
        color: #fff;
    }

    .foo_social.ico-twitter:hover {
        background-color: #00a9ed;
        color: #fff;
    }

    .foo_social.ico-behance:hover {
        background-color: #00a8e7;
        color: #fff;
    }

    .foo_social.ico-google-plus:hover {
        background-color: #cd1111;
        color: #fff;
    }

    .foo_social.ico-linkedin:hover {
        background-color: #015886;
        color: #fff;
    }

    .foo_social.ico-dribbble:hover {
        background-color: #d92d84;
        color: #fff;
    }

    .foo_social.ico-instagram:hover {
        background-color: #beb3a8;
        color: #fff;
    }

    .foo_social.ico-pinterest:hover {
        background-color: #ac281a;
        color: #fff;
    }

    .foo_social.ico-dropbox:hover {
        background-color: #008ad2;
        color: #fff;
    }

    .foo_social.ico-skype:hover {
        background-color: #00a9ed;
        color: #fff;
    }

    .foo_social.ico-youtube:hover {
        background-color: #cd1b20;
        color: #fff;
    }

    .foo_social.ico-tumblr:hover {
        background-color: #3a5976;
        color: #fff;
    }

    .foo_social.ico-vimeo:hover {
        background-color: #00adee;
        color: #fff;
    }

    .foo_social.ico-flickr:hover {
        background-color: #d2d2d2;
        color: #fff;
    }

    .foo_social.ico-github:hover {
        background-color: #222;
        color: #fff;
    }

    .foo_social.ico-renren:hover {
        background-color: #364a83;
        color: #fff;
    }

    .foo_social.ico-vk:hover {
        background-color: #3b5998;
        color: #fff;
    }

    .foo_social.ico-xing:hover {
        background-color: #015f5e;
        color: #fff;
    }

    .foo_social.ico-weibo:hover {
        background-color: #be4443;
        color: #fff;
    }

    .foo_social.ico-rss:hover {
        background-color: #ff6600;
        color: #fff;
    }

    .foo_social.ico-digg:hover {
        background-color: #222;
        color: #fff;
    }

    .foo_social.ico-deviantart:hover {
        background-color: #57675d;
        color: #fff;
    }

    .foo_social.ico-envelope:hover {
        background-color: #999;
        color: #fff;
    }

    .foo_social.ico-delicious:hover {
        background-color: #0A0A0A;
        color: #fff;
    }



/* ==========================================================================
   22. SCROLL TO TOP
   ========================================================================== */

#scrollUp {
    display: none;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-image: url(../img/icons/back-to-top.png);
    background-repeat: no-repeat;
    background-position: 50% 48%;
    background-color: rgba(225, 196, 0, 0.85);
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    transition: all 250ms linear;
}

    #scrollUp:hover {
        background-color: rgba(225, 196, 0, 1);
    }

nav a#pull {
    display: none;
}



/* ==========================================================================
   23. CONTACT FORM RESPONSE PAGE   
   ========================================================================== */

#form_response {
    margin: 50px auto;
}

    #form_response .img-responsive {
        display: inline-block;
    }

    #form_response h1 {
        font-size: 26px;
        font-weight: 400;
        margin-top: 10px;
        text-transform: uppercase;
    }

    #form_response p {
        font-size: 22px;
        font-weight: 300;
        line-height: 24px;
        margin-bottom: 20px;
    }

    #form_response .btn-theme {
        background-color: #ffc400;
        color: #333;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 10px 20px;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

        #form_response .btn-theme:hover {
            background-color: #ffc400;
            color: #fff;
        }



/* ==========================================================================
   STYLE CHANGER 
   ========================================================================== */

#stlChanger {
    color: #cecece;
    font-size: 14px;
    overflow: hidden;
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 9999999;
}

    #stlChanger .bgChanger {
        position: relative;
        overflow: hidden;
    }

    #stlChanger .bgChanger {
        min-width: 220px;
        min-height: 220px;
    }

    #stlChanger .blockChanger {
        width: 170px;
    }

    #stlChanger .chBody {
        background: #444;
        width: 180px;
        position: relative;
        overflow: hidden;
        border: 1px solid #222;
        border-radius: 0 6px 6px 0;
    }

    #stlChanger .chBut {
        background: #ffc400;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 15px;
        right: 0px;
        z-index: 1000000;
        text-align: center;
        border: 1px solid #d9a701;
        border-left: none;
        border-radius: 0px 4px 4px 0px;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

        #stlChanger .chBut:hover {
            background: #d9a701;
            border-color: #ffc400;
        }

        #stlChanger .chBut i {
            color: #fff;
            font-size: 26px;
            margin: 7px 4px;
        }

    #stlChanger .stBlock {
        position: relative;
        overflow: hidden;
    }

    #stlChanger p {
        color: #fff;
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
    }

    #stlChanger .stBgs a {
        text-decoration: none;
        width: 30px;
        height: 30px;
        float: left;
        padding: 0;
        margin: 0 4px 0 0;
        cursor: pointer;
        opacity: 1;
    }

        #stlChanger .stBgs a:hover {
            opacity: 0.7;
        }

    #stlChanger .btn-theme {
        font-size: 13px;
        padding: 4px 8px;
    }

.s_1 {
    color: #fff;
    font-size: 13px;
    padding: 2px 6px;
    background-color: #303030;
    border-radius: 4px;
    line-height: 26px;
    display: block;
    margin-bottom: 5px;
}

    .s_1:hover {
        color: #333;
        background-color: #ffc400;
    }

/* ==========================================================================
   top sign in
   ========================================================================== */
.theme-font-color {
    color: #FFC400;
}

.top-sign-in {
    margin: 0 15px;
}

    .top-sign-in a {
        color: #fff !important;
        background-color: transparent;
        border-bottom: 0 !important;
    }

/* ==========================================================================
   learn more
   ========================================================================== */
#learn-more img {
    width: 100%;
}

.left-learn {
    text-align: right;
    margin-top: 5px;
    padding: 0px;
}

.center-learn {
    text-align: right;
    padding: 0px;
    margin-top: 5px
}

.right-learn {
    text-align: left;
    padding: 0px;
    margin-top: 5px
}

.btn-learn {
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #62485d;
    padding: 1px;
    position: absolute;
    bottom: 15px;
    width: 160px;
}

.left-learn .btn-learn {
    border-color: #1C6D8D;
    color: #1C6D8D;
    right: 0;
    margin-right: 45px;
}

    .left-learn .btn-learn:hover {
        background-color: rgba(31, 108, 139, 0.23);
        transition: .2s;
    }

.center-learn .btn-learn {
    border-color: #62485d;
    color: #62485d;
    right: 0;
    margin-right: 30px;
}

    .center-learn .btn-learn:hover {
        background-color: rgba(98, 72, 93, 0.23);
        transition: .2s;
    }

.right-learn .btn-learn {
    border-color: #fff;
    color: #fff;
    margin-left: 55px;
    left: 0;
}

    .right-learn .btn-learn:hover {
        background-color: rgba(255, 255, 255, 0.2);
        transition: .2s;
    }

#learn-more {
    background-color: #bfbfbf;
    margin-top: -5px;
}

/* ==========================================================================
   Sheperd Advantage
   ========================================================================== */
.advantage-background {
    background: url(../img/thumbs/about-image.jpg) no-repeat;
    background-size: contain;
    padding-top: 80px;
    padding-bottom: 110px;
    background-position: bottom right;
}

.subTitleBar .left-sub {
    color: #122b49;
    text-align: left;
    font-size: 30px;
}

.subTitleBar .right-sub {
    color: #122b49;
    text-align: right;
    font-size: 30px;
}

.advantage-description1 {
    color: #f5f5f5;
    font-size: 23px;
    padding-top: 25px;
    margin-bottom: 27px;
    font-weight: 400;
}

.advantage-description2 {
    color: #fff;
    font-size: 17px;
    margin-bottom: 27px;
    font-weight: 300;
}

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

/* ==========================================================================
    Advantages Page
   ========================================================================== */

.covers-container img {
    width: 100%;
    height: auto;
}

.adv-points .row {
    padding: 45px 0;
}

    .adv-points .row:nth-child(2n) {
        background-color: #e7e8e8;
    }

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

.adv-info {
    padding: 0 40px
}

    .adv-info .adv-title {
        font-size: 32px;
        padding-bottom: 10px;
        font-weight: 300
    }

        .adv-info .adv-title:after {
            display: block;
            content: " ";
            width: 62.4%;
            margin: 20px -1px 10px;
            height: 1px;
            background-image: linear-gradient(to right, transparent 80%, rgba(0,0,0,0.33) 20%);
            background-position: bottom;
            background-size: 6px 1px;
            background-repeat: repeat-x;
        }

.adv-points .row:nth-child(2n+1) .adv-info .adv-title:after {
    display: block;
    content: " ";
    width: 63%;
    margin: 20px 3px 10px;
    height: 1px;
    background-image: linear-gradient(to right, transparent 80%, rgba(0,0,0,0.33) 20%);
    background-position: bottom;
    background-size: 6px 1px;
    background-repeat: repeat-x;
}

.adv-info .adv-desc {
    color: #a6adb0;
    font-size: 22px;
    font-weight: 400;
    text-align: justify;
}

.adv-points .row:nth-child(1) .adv-title {
    color: #e64624
}

.adv-points .row:nth-child(2) .adv-title {
    color: #039bfa
}

.adv-points .row:nth-child(3) .adv-title {
    color: #559a50
}

.adv-points .row:nth-child(4) .adv-title {
    color: #9160b3
}

.adv-points .row:nth-child(5) .adv-title {
    color: #ce9053
}

.adv-points .row:nth-child(6) .adv-title {
    color: #cd4848
}

.adv-points .row:nth-child(7) .adv-title {
    color: #26b8b6
}


/* ==========================================================================
    Blogs Page
   ========================================================================== */
#page-title {
    background-color: #e7e8e8;
    padding: 75px 0 80px;
    text-align: center;
    margin-top: -1px;
}

    #page-title .title {
        font-size: 64px;
        color: #5f7577;
        font-weight: 300;
    }

.fp-controlArrow.fp-prev {
    border-color: transparent #222 transparent transparent;
}

.fp-controlArrow.fp-next {
    border-color: transparent transparent transparent #222;
}

#blogs {
    padding-top: 50px;
    padding-bottom: 100px;
    border-bottom: solid 10px #cfdae9;
}

    #blogs .blog-img img {
        width: 305px;
        height: auto;
    }

.blog-info .blog-title {
    font-size: 45px;
    font-weight: 300;
    color: #565656;
    margin-top: 40px;
}

.blog-info .blog-description {
    padding-top: 25px;
    color: #979fa2;
    font-size: 22px;
    font-weight: 300;
    text-align: justify;
}

.btn-read-more {
    border: solid 2px #2ac8ef;
    color: #2ac8ef;
    margin-top: 25px;
    font-size: 22px;
    font-weight: 300;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 5px 50px;
}

    .btn-read-more:hover {
        border: solid 2px #2ac8ef;
        color: #2ac8ef;
        background-color: rgba(42, 200, 239, 0.14);
    }

.blog-poster {
    color: #979fa2;
    font-size: 22px;
    background-color: #e7e8e8;
    padding: 10px 0;
}

s #owl-blog .row {
    margin-top: 35px;
    margin-bottom: 35px;
}

#owl-blog .owl-buttons {
    text-align: center
}

    #owl-blog .owl-buttons div {
        position: absolute;
    }

    #owl-blog .owl-buttons i {
        font-size: 40px;
        font-weight: 300;
    }

    #owl-blog .owl-buttons .owl-prev {
        left: 30%
    }

    #owl-blog .owl-buttons .owl-next {
        right: 30%
    }
/* ==========================================================================
    Demo Page
   ========================================================================== */
#demo-form {
    border-bottom: solid 10px #52758d;
}

.demo-title {
    background-color: #547086 !important;
    padding: 40px 0 10px !important;
}

    .demo-title .title {
        padding: 10px 0 20px;
        background: url(../img/lbluestrip.jpg);
        color: #fff !important;
    }

.demo-overlay {
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 100%;
    color: #fff;
    z-index: 1;
    background-color: rgba(51, 51, 51, 0.7);
    text-align: center;
    font-size: 24px;
}

    .demo-overlay span {
        position: relative;
        color: #fff;
        top: 40%
    }

.demo-video-inner {
    padding: 0;
    text-align: center
}

    .demo-video-inner img {
        width: 80%;
    }

#demo-form .info-blue {
    background-color: #0f2031;
}

    #demo-form .info-blue .info {
        color: #fff;
        padding: 50px 0px;
        font-size: 18px;
    }

#demo-form .form {
    background-color: #3c556f;
    padding-bottom: 80px;
}

    #demo-form .form h4 {
        padding-top: 50px;
        color: #fff;
    }

        #demo-form .form h4:before {
            content: " ";
            width: 35%;
            height: 1px;
            margin: 15px auto;
            display: block;
            height: 1px;
            background-image: linear-gradient(to right, transparent 80%, #ffffff 20%);
            background-position: bottom;
            background-size: 9px 2px;
            background-repeat: repeat-x;
        }

#demo-form .form-style div {
    padding-top: 30px;
}

#demo-form .form-style .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tgreen {
    color: #3d8038 !important;
}

.tblue {
    color: #1272ae !important;
}

.tbrown {
    color: #c87d26 !important;
}

.torange {
    color: #e8512f !important;
}

.tpurple {
    color: #5a3470 !important;
}
/* ==========================================================================
    Contact us Page
   ========================================================================== */
.contact-us-title {
    background-color: #969ea7 !important;
}

#contact-us .titlebar h2 {
    font-size: 60px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin: 15px 0 15px;
}

    #contact-us .titlebar h2:after {
        display: block;
        content: " ";
        width: 40%;
        margin: 25px auto;
        background-image: linear-gradient(to right, transparent 80%, #ffffff 20%);
        background-position: top;
        background-size: 9px 2px;
        background-repeat: repeat-x;
        height: 1px;
    }

#contact-us .titlebar {
    margin-bottom: 30px;
}

#contact-us .contact-us-info {
    background-color: #46586c;
    padding-bottom: 25px;
    margin-bottom: 10px;
}

    #contact-us .contact-us-info h3 {
        font-weight: 300;
        color: #e1e1e3;
        margin-bottom: 20px;
    }

    #contact-us .contact-us-info p {
        color: #fff;
        font-size: 18px;
    }

    #contact-us .contact-us-info .team {
        padding-bottom: 25px
    }

#contact-us .contact-us-world {
    background-color: #979fa9;
    padding-bottom: 75px;
    padding-top: 75px;
}

    #contact-us .contact-us-world .world-no p {
        color: #fff;
        padding: 5px 0;
        font-size: 18px
    }

/* ==========================================================================
    Customizable and Scalable Page
   ========================================================================== */
#custom-scale {
    border-bottom: 10px solid #8b8680;
}

.custom-scale-title {
    background-color: #473933 !important;
    padding: 50px 0 100px !important;
}

    .custom-scale-title .title {
        background: url(../img/brownstrip.jpg);
        padding: 25px 0;
        color: #fff !important;
    }

        .custom-scale-title .title:after {
            display: block;
            content: " ";
            width: 20%;
            border-top: dotted 1px #fff;
            margin: 0px auto;
            position: relative;
            top: 50px;
        }

    .custom-scale-title .info {
        color: #fff;
        padding: 50px 50px 0;
        font-weight: 300;
        font-size: 26px;
    }

.custom-scale-img img {
    width: 100%;
    height: auto;
}

#custom-scale .row {
    padding: 80px 0;
}

    #custom-scale .row:nth-child(2) {
        background-color: #e4dfd6;
    }

.custom-scale-info .inner-title {
    font-size: 35px;
    font-weight: 300;
    color: #80a6cc;
    padding: 15px 0 30px;
    padding-left: 30px !important;
}

    .custom-scale-info .inner-title:after {
        display: block;
        content: " ";
        width: 60%;
        border-top: dotted 2px rgba(0, 0, 0, 0.33);
        position: relative;
        top: 15px;
    }

.custom-scale-info .inner-description {
    color: #979fa2;
    padding: 15px 0;
    font-size: 22px;
    padding-left: 30px !important;
}

.brown {
    color: #7f7f7f !important;
}

/* ==========================================================================
    Company Page
   ========================================================================== */
#company {
    padding: 40px 0 0;
}

.companybg {
    background: url(../img/compstrip.jpg);
    padding: 45px 0px 45px;
    border-bottom: 21px solid #192945;
}

.company-title {
    background-color: #192945 !important;
    border-bottom: solid 21px #9b9d74;
    padding-bottom: 0px !important;
}

    .company-title .info {
        padding: 0 50px;
        color: #c1c6c8;
        font-size: 26px;
        font-weight: 300;
        text-align: justify;
    }

.company-info .titlebar {
    margin: 0px 0 0;
}

    .company-info .titlebar h2 {
        font-size: 60px;
    }

        .company-info .titlebar h2:after {
            display: block;
            content: " ";
            width: 600px;
            margin: 30px 0;
            background-image: linear-gradient(to right, transparent 80%, rgb(10, 22, 34) 20%);
            background-position: top;
            background-size: 6px 2px;
            background-repeat: repeat-x;
            height: 20px;
        }

.company-info .inner-description p {
    color: #979fa2;
    font-size: 22px;
    text-align: justify;
    font-weight: 300;
}

.company-bg {
    background: url(../img/company/inner-cover.jpg) no-repeat;
    background-size: cover;
    margin: 40px -15px;
    padding-bottom: 190px;
    background-position: right bottom;
}

.company-img {
    background-color: #95966e;
}

    .company-img h2, .company-img h2:after, .company-img .company-info .inner-description p {
        color: #fff;
        border-color: #fff !important;
        font-weight: 300;
        text-align: justify;
    }

    .company-img .inner-img img {
        position: relative;
    }

    .company-img .company-info.specal {
        padding: 150px 6px 0px;
        padding-right: 8%;
        position: relative;
    }


/* ==========================================================================
    Global Local Page
   ========================================================================== */

.global-local-title {
    background-color: #1f333e !important;
    padding: 50px 0 25px !important;
}

    .global-local-title .info {
        background: url(../img/reachstrip.jpg);
    }

    .global-local-title h3 {
        color: #fff;
        padding: 25px 15px;
        font-weight: 300;
        font-family: 'lato';
    }

        .global-local-title h3:before {
            content: " ";
            display: block;
            width: 50%;
            margin: 0 auto;
            position: relative;
            top: -52px;
            height: 1px;
            background-image: linear-gradient(to right, transparent 80%, #ffffff 20%);
            background-position: top;
            background-size: 6px 1px;
            background-repeat: repeat-x;
        }

.global-local-img img {
    width: 100%;
    margin: 0px 0 0;
    height: auto;
}

.global-local-bg {
    background: url(../img/global/cover2.jpg) no-repeat;
    background-size: cover;
    margin: 40px -15px 10px;
    padding-bottom: 117px;
    min-height: 567px;
}

.gloabl-local-info .titlebar h2 {
    font-size: 60px;
    color: #fff;
}

.global-local-bg h2:after {
    display: block;
    content: " ";
    width: 400px;
    margin: 30px 0px;
    height: 1px;
    background-image: linear-gradient(to right, transparent 80%, #ffffff 20%);
    background-position: top;
    background-size: 6px 1px;
    background-repeat: repeat-x;
}

.global-local-bg .inner-description p {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    text-align: justify;
}

.gloabl-local-info .titlebar {
    margin: 160px 0 0;
}

.globalcontainer {
    padding-top: 90px;
    padding-bottom: 0px;
    border-top: 20px solid #dbece5;
    padding-left: 0px;
    padding-right: 0px;
}

/* ==========================================================================
   History Page
   ========================================================================== */
#history-page .titlebar {
    margin-bottom: 30px;
}

    #history-page .titlebar h2 {
        color: #80a6cc;
        font-size: 60px;
    }

        #history-page .titlebar h2:after {
            display: block;
            content: " ";
            width: 80%;
            margin: 30px 0;
            height: 1px;
            background-position: bottom;
            background-size: 6px 1px;
            background-repeat: repeat-x;
        }

        #history-page .titlebar h2.firsthis:after {
            display: block;
            content: " ";
            width: 375px;
            margin: 30px auto;
            height: 1px;
            background-image: linear-gradient(to right, transparent 80%, #ffffff 20%);
            background-position: bottom;
            background-size: 6px 1px;
            background-repeat: repeat-x;
        }

.nobord:after {
    background: none !important;
}

#history-page .history-title-section {
    background: url(../img/history/bg.jpg) no-repeat;
    background-size: cover;
    padding: 55px 0;
}

.history-title-section p {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
}

#history-page .history-info .titlebar {
    margin-bottom: 32px;
}

#history-page .history-info .inner-description p {
    color: #979fa2;
    font-size: 22px;
    font-weight: 300;
    text-align: justify;
}

#history-page .hist {
    padding: 75px 0;
    margin: 10px 0;
}

    #history-page .hist img {
        max-width: 100%;
        top: 0;
    }

#history-page .history-bg {
    background-color: #e7e8e8;
}
/* ==========================================================================
   Industries Page
   ========================================================================== */
#industries {
    padding-bottom: 165px;
    border-bottom: solid 26px #6c6c6c;
}

    #industries .industries-title-section {
        background-color: #2F3142;
        padding: 85px 0 0px;
    }

        #industries .industries-title-section .titlebar {
            background-color: #222435;
            padding: 20px 0;
        }

.industries-title-section .titlebar {
    margin-bottom: 30px;
}

    .industries-title-section .titlebar h2 {
        font-size: 60px;
        color: #fff;
    }

.industries-title-section p:before {
    display: block;
    content: " ";
    width: 47%;
    margin: 0px auto 30px;
    height: 1px;
    background-image: linear-gradient(to right, transparent 87%, #ffffff 88%);
    background-position: bottom;
    background-size: 6px 1px;
    background-repeat: repeat-x;
}

.industries-title-section p {
    color: #c1c6c8;
    font-size: 26px;
    font-weight: 300;
    text-align: justify;
    font-family: 'lato';
}

.industries-info .titlebar {
    margin: 103px 0px 30px;
}

    .industries-info .titlebar h2:after {
        display: block;
        content: " ";
        width: 50%;
        margin: 15px auto;
        height: 1px;
        background-image: linear-gradient(to right, transparent 80%, rgba(0, 0, 0, 0.33) 20%);
        background-position: bottom;
        background-size: 6px 1px;
        background-repeat: repeat-x;
    }

.industries-info .inner-description p {
    color: #979fa2;
    font-size: 22px;
    font-weight: 300;
}

.industries-title-section .btn-theme {
    font-size: 26px;
    font-weight: 300
}

.industry-list {
    margin-top: 110px;
    margin-bottom: 0px;
}

    .industry-list .inner-list li {
        padding: 15px 30px;
    }

        .industry-list .inner-list li:nth-child(2n+1) {
            background-color: #FFC400;
            margin-top: 15px;
            margin-left: 10%;
        }

        .industry-list .inner-list li:nth-child(2n) {
            background-color: #E2E3E4;
            margin-top: 15px;
            margin-right: 10%;
        }

        .industry-list .inner-list li img {
            width: 50px;
            height: auto;
        }

    .industry-list .inner-list h3 {
        font-size: 30px;
        font-weight: 300;
        margin-top: 8px;
        color: #2D2F41;
    }

.careers-title {
    background-color: #494949 !important;
    padding: 40px 0 20px !important;
}

    .careers-title .title {
        background-color: #353739 !important;
        color: #fff !important;
        padding: 25px 0
    }

.careers-info {
    background-color: #222222;
    padding: 45px 0
}

    .careers-info .titlebar, .careers-com .titlebar {
        margin-bottom: 30px;
        color: #979fa2;
    }

        .careers-info .titlebar h2:after {
            display: block;
            content: " ";
            width: 40%;
            border-top: dotted 2px rgba(255, 255, 255, 0.33);
            margin: 30px auto 0;
        }

    .careers-info .inner-description {
        color: #fff;
        font-size: 26px;
        font-weight: 300;
    }

.careers-com {
    padding: 60px 0;
}

    .careers-com .titlebar h2:after {
        display: block;
        content: " ";
        width: 40%;
        margin: 30px auto 0;
        border-top: dotted 2px rgba(0, 0, 0, 0.33);
    }

.careers-com {
    border-bottom: 10px solid #6c6c6c;
}

    .careers-com .inner-description {
        font-size: 22px;
        color: #979fa2;
    }

.careers-table .form-type {
    height: 34px;
    width: 225px;
    color: #303030;
    padding: 0px 10px;
    border: 1px solid #a7a7a7;
}

.careers-table .search-form {
    padding-top: 50px;
}

.careers-table .form-type[type=text] {
    border-right: 0;
}

.careers-table button {
    background-color: #e0e1e3;
    height: 34px;
    display: inline-block;
    margin-left: -4px;
    width: 34px;
    border: solid 1px #a7a7a7;
    border-left: 0;
}

.careers-table label {
    font-weight: 300;
    font-size: 18px;
    color: #303030;
    margin-right: 20px;
}

.result-table {
    overflow-x: auto;
    margin: 30px 0 50px;
}

    .result-table table {
        border-collapse: collapse;
        border-spacing: 10px;
        width: 100%;
    }

    .result-table thead td {
        background-color: #f8f8f8;
        border: solid 1px #c6c6c6;
        border-left: 0;
        padding: 5px 25px;
        color: #303030;
        font-size: 18px;
        font-weight: 300;
    }

        .result-table thead td:last-child {
            border-right: 0
        }

        .result-table thead td:first-child {
            padding: 15px 40px;
        }

    .result-table tr:nth-child(even) {
        background-color: #f8f8f8;
    }

    .result-table tbody td {
        padding: 15px 25px;
        color: #303030;
        font-size: 18px;
        font-weight: 300;
    }

        .result-table tbody td .fa-plus {
            position: relative;
            left: -10px;
            color: #6c6c6c;
            font-size: 13px;
            font-weight: 300;
        }

.apply, .apply a {
    text-align: center;
    color: #2eb2e3
}
/* ==========================================================================
    Location Page
   ========================================================================== */
.location-title {
    background-color: #1e353f !important;
    padding: 45px 0 50px !important;
}

    .location-title .title {
        color: #fff !important;
    }

        .location-title .title:after {
            display: block;
            content: " ";
            width: 800px;
            margin: 30px auto;
            background-image: linear-gradient(to right, transparent 80%, #ffffff 20%);
            background-position: top;
            background-size: 6px 2px;
            background-repeat: repeat-x;
            height: 20px;
        }

    .location-title .info {
        background: url(../img/ofbstrip.jpg);
        padding: 45px 0;
    }

        .location-title .info h3 {
            color: #c1c6c8;
            font-size: 26px;
            font-weight: 300;
            font-family: 'lato';
        }

#location {
    padding: 60px 0 0;
    border-top: 7px solid #b6bfc7;
}

    #location .inner-title {
        font-size: 64px;
        color: #2ac8ef;
        font-weight: 300
    }

        #location .inner-title:after {
            display: block;
            content: " ";
            width: 50%;
            margin: 35px auto 60px;
            border-top: dotted 3px rgba(141, 138, 138, 0.33);
        }

.country-info {
    padding-bottom: 75px;
}

    .country-info .name {
        font-size: 26px;
        font-weight: 600;
        color: #9eb3c0;
        padding-bottom: 35px;
        margin: 0;
    }

    .country-info .detail, .country-info .mobile {
        color: #979fa2;
        font-size: 22px;
        font-weight: normal;
    }

    .country-info .detail {
        min-height: 125px;
        margin-right: 61px;
    }

    .country-info .mobile {
        padding-top: 70px;
    }

    .country-info:before {
        display: block;
        content: " ";
        height: 74px;
        border-left: solid 2px #daddde;
        position: absolute;
        top: 6px;
        left: 0;
    }

#location .map img {
    width: 100%;
    height: auto
}

.pad0 {
    padding: 0;
}

.pad04 {
    padding: 0px 4px;
}
/* ==========================================================================
    Partners Page
   ========================================================================== */
.partners-title {
    background-color: #1f2f3e !important;
    padding: 35px 0 45px !important;
}

    .partners-title .title {
        background: url(../img/reachstrip.jpg);
        padding-top: 25px;
        padding-bottom: 25px;
        color: #fff !important;
    }

    .partners-title .inner-description {
        font-size: 18px;
        color: #fff;
        font-weight: 300;
    }

        .partners-title .inner-description:before, #partners-form .title:after {
            display: block;
            content: " ";
            width: 40%;
            margin: 20px auto 40px;
            border-top: dotted 2px rgba(255, 255, 255, 0.33);
        }

#partners-form .title:after {
    margin: 20px auto;
}

.partner-btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    border: solid 1px #fff;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 10px 50px;
    margin-top: 40px;
}

    .partner-btn:hover {
        color: #fff;
        background-color: #1b2936;
        transition: 400ms;
    }

#partners {
    padding: 50px 0 40px
}

    #partners .info .title, #partners-form .title {
        color: #979fa2;
        font-size: 60px;
        font-weight: 300;
    }

#partners-form .title {
    color: #fff;
}

#partners .info .title:after {
    display: block;
    content: " ";
    width: 40%;
    margin: 25px auto;
    border-top: dotted 2px rgba(0, 0, 0, 0.33);
}

#partners .info .inner-description {
    color: #979fa2;
    font-size: 22px;
}

#partners .col-md-3 {
    padding-top: 40px;
    padding-bottom: 40px;
}

#partners .network-img {
    padding-bottom: 40px;
}

#partners .network-title h4 {
    font-weight: 600;
    color: #979fa2;
    font-size: 26px;
    min-height: 60px;
}

#partners .desc p {
    color: #979fa2;
    font-size: 17px;
}

#partners-form {
    background-color: #263c48;
    padding: 45px 0 35px;
    border-bottom: solid 10px #52758d;
}

    #partners-form .inner-description {
        color: #fff;
        font-size: 22px;
        padding-bottom: 40px;
    }

    #partners-form .form-style div {
        padding-bottom: 30px;
    }

    #partners-form .form-style p {
        color: #fff;
        font-size: 22px;
        font-weight: 300
    }

    #partners-form .form-style input, #partners-form .form-style select, #partners-form .form-style textarea {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    #partners-form input[type="submit"] {
        background-color: #52758d;
        border: 0;
        color: #fff;
        margin: 0;
        font-weight: 300
    }

        #partners-form input[type="submit"]:hover {
            background-color: #335065;
            transition: 400ms;
            color: #fff;
        }
/* ==========================================================================
    NewsDetails Page
   ========================================================================== */
.news-title {
    background-color: #384473 !important;
    padding: 0px 0 0px !important;
}

    .news-title .title {
        color: #fff !important;
        padding: 25px 0;
        background: url(../img/dbluestrip.jpg);
        margin-bottom: 25px;
    }

    .news-title .para {
        font-size: 45px;
        color: #fff;
        font-weight: 300
    }

#news-details {
    padding: 80px 0 50px;
    background-color: #111837;
    margin-bottom: 10px;
    border-bottom: solid 25px #31394e;
}

    #news-details p {
        font-size: 26px;
        color: #fff;
        padding-bottom: 25px;
        font-weight: 300;
    }

#news-img img {
    width: 100%;
    height: auto;
    padding: 40px 7.5px;
}

#page-title.newsletter-title {
    background-color: #3b474d !important;
    padding: 110px 0 35px !important;
}

    #page-title.newsletter-title .title {
        background-color: #2c373d !important;
        margin-bottom: 0px;
    }

.newsletter-cover img {
    width: 900px;
    height: auto;
    padding-bottom: 40px;
}

.newsletter-cover .title {
    color: #80a6cc;
    font-size: 35px;
    font-weight: 300
}

    .newsletter-cover .title:after {
        display: block;
        content: " ";
        width: 40%;
        margin: 25px auto;
        border-top: dotted 2px rgba(0, 0, 0, 0.33);
    }

.newsletter-cover .inner-description {
    color: #979fa2;
    font-size: 22px;
}

.newsletter-cover a {
    font-size: 22px;
}

#cover-pic.nl {
    background-color: #e9e7e4;
    padding: 30px;
}

#newsletter .row {
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: solid 1px #636466;
}

.back-news {
    font-size: 26px;
    font-weight: 300;
    color: #68dbf7;
}

#newsletter .row:last-child {
    border-bottom: 0;
}

#newsletter .row a {
    color: #20ddff;
    font-size: 22px;
    font-weight: 500;
}

    #newsletter .row a:hover {
        color: #333;
        transition: 400ms;
    }

#newsletter .row .inner-description {
    color: #7f7f7f;
}

#newsletter {
    border-bottom: solid 10px #e9e7e4;
}

.padl0 {
    padding-left: 0;
}

.padr0 {
    padding-right: 0;
}
/* ==========================================================================
    NewsDetails Page
   ========================================================================== */
.international-title {
    background-color: #1f4161 !important
}

    .international-title .info {
        background: url(../img/intstrip.png);
    }

        .international-title .info h3 {
            font-weight: 300
        }

.international .titlebar h2 {
    color: #6497ce
}

.international-bg {
    background: url(../img/international/2.jpg) no-repeat;
    background-size: cover;
    margin: 0px -15px 20px;
    padding-top: 160px !important;
    height: 567px;
}

    .international-bg .titlebar h2 {
        color: #a4a2a5;
    }

    .international-bg .inner-description p {
        font-size: 22px;
        text-align: justify;
        font-weight: 300;
        color: #a4a2a5;
    }

.international {
    padding: 90px 0px 20px;
    border-top: 15px solid rgb(236, 236, 238);
}

    .international .titlebar, .international img {
        margin: 0;
    }

    .international .row {
        padding-top: 35px;
        padding-bottom: 130px;
    }

    .international .company-info {
        padding: 0px;
    }
/* ==========================================================================
    News and Events Page
   ========================================================================== */
.news-event h2 {
    background: url(../img/newstrip.png);
    padding-top: 30px;
    padding-bottom: 45px;
    color: white !important;
    height: 133px;
    margin: 0px;
}

.news-event {
    background-color: #5f7577 !important;
    padding: 45px 0 45px !important;
}

/* ==========================================================================
    Solutions Page
   ========================================================================== */
.solutions .history-title-section .titlebar {
    background: url(../img/bluestrip.png);
    background-size: cover;
}

    .solutions .history-title-section .titlebar h2 {
        color: #fff !important;
        padding: 35px 0;
    }

        .solutions .history-title-section .titlebar h2:after {
            border: 0 !important;
            margin: 0 !important;
            content: ""
        }

#history-page.solutions .history-title-section {
    background: #c87d26;
    padding: 55px 0;
}

#history-page.solutions .hist .titlebar h2 {
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 0;
}

.solutions .history-title-section p:before {
    display: block;
    content: " ";
    width: 40%;
    margin: 25px auto;
    background-image: linear-gradient(to right, transparent 80%, #fff 20%);
    background-position: top;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    height: 2px;
}


.coll-comm .titlebar {
    background: url(../img/greenstrip.png) !important;
}

.history-title-section.coll-comm {
    background: #5a3470 !important;
}

.hum-cap-man .titlebar {
    background: url(../img/orangestrip2.png) !important;
}

.hum-cap-man {
    background: #e8512f !important
}

#history-page .hist img.img-hum-cap-man {
    width: 59px;
    height: auto;
    margin-right: 10px;
    vertical-align: middle;
}

.car-dev {
    background: #e8512f !important
}

    .car-dev .titlebar {
        background: url(../img/newcareer.png) !important;
        BACKGROUND-SIZE: cover !important;
    }

.my365 {
    background: #ae6b0b !important
}

    .my365 .titlebar {
        background: url(../img/orangestrip.png) !important;
    }

.buss-int {
    background: #5a3470 !important
}

    .buss-int .titlebar {
        background: url(../img/purplestrip.png) !important;
    }

.work-plan {
    background: #5a3273 !important;
    background: -webkit-linear-gradient(#5a3273, #422554) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5a3273, #422554) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5a3273, #422554) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5a3273, #422554) !important; /* Standard syntax (must be last) */
}

    .work-plan .titlebar {
        background: url(../img/purplestrip.png) !important;
    }

.para-bi {
    background-image: url(../img/parallax_bg/Business-Intelligence.jpg);
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    background-position: bottom center !important;
    background-size: cover;
    padding: 100px !important;
    margin-bottom: -10px !important;
    color: #fff !important;
}

.solutions .hist.para-bi .titlebar h2:after {
    border-top-color: #fff !important;
}

#history-page .para-bi .history-info .inner-description p {
    color: #fff;
}

.solutions .thinking {
    position: relative;
    width: 600px !important;
    top: 45px;
}

#history-page.on-off-broad .titlebar h2 {
    color: #939598;
}

#history-page.solutions .history-title-section.solution {
    background: url(../img/solution/cover13.jpg) no-repeat;
    background-size: cover;
    height: 408px;
    padding: 184px 0px 0px;
}

.history-title-section.solution p::before {
    display: none !important;
}

.solicon {
    margin-right: 30px;
    width: 121px !important;
    float: left;
}

.history-info h2 {
    line-height: 66px;
}

.history-info .titlebar {
    background-image: linear-gradient(to right, rgb(255, 255, 255) 80%, #4d5154 20%);
    background-size: 6px 2px;
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 118px;
    min-width: 460px;
}

.history-bg .history-info .titlebar {
    background-image: linear-gradient(to right, #e7e8e8 80%, #4d5154 20%) !important;
}
/* ==========================================================================
    Mobile Driven Page
   ========================================================================== */

.mobilebg {
    background: url(../img/mobile-driven/cover2.jpg) no-repeat;
    background-position: left;
    min-height: 409px;
    min-width: 100%;
    background-size: cover;
    padding: 90px 0px 80px;
    color: #fff !important;
    font-size: 26px;
    font-weight: 300;
}

    .mobilebg p {
        color: #ffffff;
    }

.mobile-link {
    position: absolute;
    top: 70%;
    right: 17.5%;
    width: 30%;
}

    .mobile-link .mobile-bg {
        background-color: #6b6671;
        padding: 8px 0px;
        margin: 0px auto;
        text-align: center
    }

        .mobile-link .mobile-bg img {
            width: 45px;
        }

#mobile-driven {
    margin-bottom: 15px;
}

    #mobile-driven .row:nth-child(1) {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    #mobile-driven .row:nth-child(2) {
        padding-top: 80px;
        margin-bottom: 65px;
        background: #e7e8e8;
    }

    #mobile-driven .row:nth-child(3) {
        padding-top: 166px;
        padding-bottom: 100px;
        background: #c9dbe0;
        background: -webkit-linear-gradient(#c9dbe0, #80a5ad); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#c9dbe0, #80a5ad); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#c9dbe0, #80a5ad); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#c9dbe0, #80a5ad); /* Standard syntax (must be last) */
    }

    #mobile-driven .row:nth-child(4) {
        padding-top: 45px;
        padding-bottom: 85px;
        background: #202930;
    }

    #mobile-driven .mobile-img img {
        max-width: 100%;
        position: absolute;
        height: auto;
        right: 0;
    }

    #mobile-driven .row:nth-child(2) img {
        left: -25px;
    }

    #mobile-driven .row:nth-child(1) .titlebar {
        padding-top: 15px;
    }

    #mobile-driven .row:nth-child(3) .titlebar {
        padding-top: 50px;
    }

    #mobile-driven .row:nth-child(4) .titlebar h2 {
        font-size: 40px;
        color: #00afec;
        font-weight: 300;
    }

    #mobile-driven .row:nth-child(4) .titlebar h4 {
        font-size: 26px;
        color: #00afec;
        font-weight: 300;
    }

    #mobile-driven .row:nth-child(3) h2, #mobile-driven .row:nth-child(3) p {
        color: #fff;
    }

    #mobile-driven .titlebar h2 {
        font-size: 60px;
    }

    #mobile-driven .row:not(:nth-child(4)) .titlebar h2:after {
        display: block;
        content: " ";
        width: 575px;
        margin: 25px 0 25px 0;
        background-image: linear-gradient(to right, transparent 80%, #979fa2 20%);
        background-position: bottom;
        background-size: 9px 2px;
        background-repeat: repeat-x;
        height: 20px;
    }

    #mobile-driven .row:nth-child(3) .titlebar h2:after {
        content: " ";
        width: 700px;
        margin: 20px 0px;
        background-image: linear-gradient(to right, transparent 80%, #ffffff 20%);
        background-position: bottom;
        background-size: 9px 2px;
        background-repeat: repeat-x;
        height: 20px;
    }

    #mobile-driven .titlebar p {
        color: #979fa2;
        font-size: 22px;
        font-weight: 300;
        padding-right: 50px;
        text-align: justify;
    }

.mobile-img3 {
    top: -130px;
}

.cloud-feature h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 300
}

.cloud-feature p {
    color: #717171;
    font-size: 16px;
}

.cloud-feature img {
    float: left;
    margin-right: 25px;
    width: 50px;
    height: auto;
    margin-bottom: 60px;
}

.powerd-by .first-title {
    font-size: 55px;
}

.powerd-by .second-title {
    font-size: 38px;
}

.inner-nav {
    position: static !important
}

.inner-nav-l {
    width: 100%;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
    padding: 10px 0px 20px;
    text-align: justify;
}

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

.nav-title h3 {
    font-size: 18px;
    color: #ffc400;
    padding: 15px 0 10px;
    font-weight: 300;
}

.inner-nav-l li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}

    .inner-nav-l li a:hover {
        color: #FFC400;
    }

.first-ul {
    float: left;
    margin-right: 50px;
}

.dropdown-menu.inner-nav-l {
    height: 230px;
}

#owl-brand {
    padding: 10px 0px;
}

/* ==========================================================================
    Privacy Policy Page
   ========================================================================== */
.privacy-title {
    position: relative;
    height: 255px;
    border-bottom: 13px solid #cfdae9;
}

    .privacy-title img {
        position: absolute;
        z-index: 1;
        top: 0px;
        left: 0px;
        min-height: 200px;
    }

    .privacy-title .info {
        position: relative;
        top: 130px;
        z-index: 23;
    }

    .privacy-title .titlebar {
        margin-bottom: 0;
        text-align: center;
    }

        .privacy-title .titlebar h2 {
            color: #d1d2d2;
            font-weight: 300;
            margin: 0;
            margin-top: 100px;
        }

    .privacy-title .update-date {
        color: #d1d2d2;
        font-weight: 300;
        font-size: 20px;
        padding-top: 5px;
    }

.p-bar {
    background-color: #b0b8c9;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .p-bar h3 {
        margin: 0;
        color: #fff;
        font-size: 40px;
        font-weight: 300
    }

#privacy {
    padding: 40px 0 0 0;
    border-bottom: solid #cfdae9 10px;
}

    #privacy .inner-description {
        padding-bottom: 25px;
        font-size: 22px;
        color: #6c6c6c;
    }

        #privacy .inner-description:before {
            display: block;
            content: " ";
            width: 40%;
            margin: 25px 100px;
            background-image: linear-gradient(to right, transparent 80%, rgba(0, 0, 0, 0.33) 20%);
            background-position: bottom;
            background-size: 9px 2px;
            background-repeat: repeat-x;
            height: 1px;
        }

        #privacy .inner-description p {
            font-size: 22px;
            color: #6c6c6c;
            margin-bottom: 10px
        }

        #privacy .inner-description .inner-title {
            font-weight: 700
        }

        #privacy .inner-description ul {
            list-style: disc;
            color: #6c6c6c;
            font-size: 22px;
            padding-left: 15px;
        }

/* ==========================================================================
   Investor Relations Page
   ========================================================================== */
#page-title.investor-title {
    padding: 25px 0 55px;
    background-color: #1f283e;
}

    #page-title.investor-title h2.title {
        color: #cec7ff !important;
    }

        #page-title.investor-title h2.title:after {
            display: block;
            content: " ";
            width: 500px;
            margin: 25px auto;
            border-top: dotted 2px rgba(255, 255, 255, 0.33);
        }

    #page-title.investor-title .info {
        background-color: #171e30;
        padding: 30px 0;
    }

        #page-title.investor-title .info h3 {
            font-size: 24px;
            font-weight: 300;
            color: #fff;
        }

#investor-relations {
    border-top: #e8e5ed 10px solid;
    border-bottom: #e8e5ed 45px solid;
}

    #investor-relations .box {
        background-color: #605e86;
        text-align: center;
        padding: 25px 20px;
        color: #fff;
    }

        #investor-relations .box h2 {
            font-weight: 300;
            font-size: 34px;
        }

        #investor-relations .box h5 {
            font-size: 22px;
        }

    #investor-relations .inner-box {
        background-color: #7a7898;
        padding: 40px 0;
        margin-top: 15px;
        font-size: 60px;
        font-weight: 300;
    }

    #investor-relations .inner-description {
        font-size: 22px;
        color: #979fa2;
        font-weight: 300;
        text-align: justify;
    }

    #investor-relations .title {
        font-size: 60px;
        color: #605e86;
        font-weight: 300;
    }

        #investor-relations .title:after {
            display: block;
            content: " ";
            width: 640px;
            margin: 25px 0;
            border-top: dotted 2px rgba(0,0,0, 0.33);
        }

    #investor-relations .row:nth-child(1) {
        padding: 60px 0;
    }

.sr-green {
    background: #65638b;
    background: -webkit-linear-gradient(to right,#65638b, #8583a7);
    background: -o-linear-gradient( to right,#65638b, #8583a7);
    background: -moz-linear-gradient(to right, #65638b, #8583a7);
    background: linear-gradient( to right, #65638b, #8583a7);
}

.inner-sr-green {
    background-color: #7c9da2;
    padding: 50px 15px;
}

    .inner-sr-green p {
        color: #fff;
        font-size: 18px;
        font-weight: 300;
        text-align: center;
    }

    .inner-sr-green h4 {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        padding-top: 10px;
    }

/* ==========================================================================
   Pricing Page
   ========================================================================== */
#page-title.pricing-title {
    background-color: #434343;
    padding: 35px 0;
}

    #page-title.pricing-title .title {
        background: url(../img/linebg.png);
        color: #fff;
        font-size: 64px;
        padding: 25px 0;
        text-align: center;
    }

#pricing-page {
    margin-bottom: 30px;
}

    #pricing-page .row:nth-child(1) {
        padding-top: 63px;
        padding-bottom: 54px;
        background: url(../img/pricing/cover.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }

.title h2 {
    color: #b7b7b7;
    font-weight: 300;
    font-size: 45px;
    text-align: center;
}

    .title h2:after {
        display: block;
        content: " ";
        width: 45%;
        margin: 20px auto 50px;
        border-top: dotted 1px rgba(255, 255, 255, 0.33);
    }

.inner-description22 {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    color: #9c9c9c;
    width: 77%;
    margin-left: 13%;
}

.pricingedit {
    margin-top: -35px;
    margin-bottom: 21px;
}

.bar {
    padding: 1px;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 33px
}

.bronze {
    background: url(../img/pricing/bg-bronze.png) repeat;
    background-size: contain;
}

.silver {
    background: url(../img/pricing/bg-silver.png) repeat;
    background-size: contain;
}

.gold {
    background: url(../img/pricing/bg-gold.png) repeat;
    background-size: contain;
}

.platinum {
    background: url(../img/pricing/bg-platinum.png) repeat;
    background-size: contain;
}

.packages {
    padding-top: 70px;
}

.package {
    padding: 0 20px;
}

.package-title {
    padding: 48px 0 38px
}

    .package-title h3 {
        font-size: 51px;
        color: #fff;
        text-align: center;
        font-weight: 300;
        text-transform: capitalize;
    }

.packages .col-md-4:nth-child(2) .addition-package {
    background: url(../img/pricing/2.png) no-repeat;
    background-size: contain;
    background-position: center center;
}

.packages .col-md-4:nth-child(3) .addition-package {
    background: url(../img/pricing/3.png) no-repeat;
    background-size: contain;
    background-position: center center;
}

.package-title h4 {
    font-size: 28px;
    color: #fff;
    text-align: center;
    font-weight: 200;
}

.package-description {
    font-size: 35px;
    color: #fff;
    font-weight: 200;
    text-align: center;
    padding: 120px 5px;
    min-height: 800px;
}

    .package-description.silver, .package-description.gold, .package-description.platinum {
        padding: 70px 15px;
    }

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

#pricing-page .row:nth-child(2) {
    background: #e7e8e8;
    padding: 55px 0 20px;
}

.price-content .titlebar {
    margin: 0;
}

    .price-content .titlebar h2 {
        color: #363636;
        font-size: 45px;
    }

.btn-price {
    background: url(../img/pricing/btn.png) center no-repeat;
    background-size: contain;
    border-radius: 0;
    color: #e7e8e8;
    font-weight: 300;
    font-size: 35px;
    padding: 15px 200px;
    margin-bottom: 15px;
    line-height: 1.42857143;
    cursor: inherit;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

.price-contant {
    background: #d1d5d6;
    padding: 70px 0 80px;
    border-bottom: 20px #e7eaeb solid;
}

    .price-contant p {
        font-size: 22px;
        color: #363636;
        font-weight: 300;
        text-align: center;
    }

    .price-contant .email {
        color: #2e79a9;
        font-size: 28px;
    }
/* ==========================================================================
   Webinars Page
   ========================================================================== */

.webinars {
    background: #51605f;
    padding: 20px 0 50px;
}

    .webinars .titlebar {
        background-color: #465453;
        margin-bottom: 25px;
    }

        .webinars .titlebar h2 {
            color: #aad1d5;
            padding: 25px 0 5px;
            margin: 0;
            font-size: 60px;
        }

            .webinars .titlebar h2:after {
                display: block;
                content: " ";
                width: 30%;
                margin: 20px auto;
                border-top: dotted 2px rgba(255, 255, 255, 0.33);
            }

    .webinars .inner-description {
        font-size: 18px;
        color: #fff;
        font-weight: 300
    }

.web-content .row:not(.webinars) {
    padding: 50px 0 25px;
}

.grey-bg {
    background-color: #e7e8e8
}

.web-content .row .web-date {
    padding-top: 25px;
    padding-bottom: 25px;
    color: #565c5a;
    font-size: 14px;
    font-weight: 300;
}

.web-content .row .web-title {
    color: #80a6cc;
    font-weight: 300;
    font-size: 24px;
}

    .web-content .row .web-title:after {
        display: block;
        content: " ";
        width: 100%;
        margin: 20px 0;
        border-top: dotted 2px rgba(0, 0, 0, 0.33);
    }

.web-content .row .inner-description p {
    color: #979fa2;
    font-size: 22px;
}

.l-line:after {
    display: block;
    content: " ";
    height: 250px;
    margin: 20px 0;
    border-left: solid 2px #979fa2;
    width: 1px;
    position: absolute;
    top: 217px;
}
/* ==========================================================================
   Support Page
   ========================================================================== */
.support {
    background-color: #2f2438;
    padding: 35px 0 60px;
}

    .support .titlebar {
        margin: 0;
        background: url(../img/purp2strip.jpg);
    }

        .support .titlebar h2 {
            color: #efeef3;
            font-size: 60px;
            font-weight: 300;
            padding: 15px 0;
            margin: 0;
        }

    .support .inner-description:before {
        display: block;
        content: " ";
        width: 40%;
        margin: 20px auto;
        border-top: dotted 2px rgba(255, 255, 255, 0.33);
    }

    .support .inner-description p {
        color: #fff;
        font-size: 18px;
        font-weight: 300;
    }

    .support .inner-description .phone {
        font-size: 24px;
        color: #fff;
        padding-top: 50px;
        padding-bottom: 25px;
    }

    .support .inner-description .email {
        font-size: 22px;
        color: #40ddff;
    }

.sup-content {
    background-color: #F3F3F3;
    margin-top: 25px;
    border-bottom: 25px solid #918fa5;
    padding: 65px 0 0;
}

    .sup-content .inner-img img {
        width: 100%;
        height: auto;
    }

    .sup-content .title {
        font-size: 26px;
        color: #455b72;
        padding-top: 25px;
    }

    .sup-content .inner-description {
        font-size: 22px;
        color: #979fa2;
        padding-bottom: 55px;
        font-weight: 300;
        text-align: justify;
    }

/* ==========================================================================
Pwoerd By Cloud Page
========================================================================== */
#mobile-driven.powerd-by {
    margin: 0
}

#mobile-driven .row.light-green-bg {
    background-color: #e7e5d2;
    padding-top: 190px;
    height: 577px;
    margin-bottom: 120px;
}

.mobile-img {
    text-align: center;
    position: relative;
    height: 322px;
}

#mobile-driven .mobile-img.powerd img {
    max-width: 100%;
    width: 306px;
    position: absolute;
    height: auto;
    right: 0;
    bottom: -140px;
}

#mobile-driven .row.light-blue-bg {
    padding-top: 65px;
    padding-bottom: 50px;
    background: #80a5ad;
    background: -webkit-linear-gradient(#80a5ad, #c9dbe0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#80a5ad, #c9dbe0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#80a5ad, #c9dbe0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#80a5ad, #c9dbe0); /* Standard syntax (must be last) */
}

    #mobile-driven .row.light-blue-bg img {
        width: 100%;
        height: auto
    }

    #mobile-driven .row.light-blue-bg .titlebar {
        margin-bottom: 0;
    }

#mobile-driven .row.white-bg {
    background-color: #fff;
    padding: 0;
}

    #mobile-driven .row.white-bg img {
        width: 100%;
        height: auto;
    }

    #mobile-driven .row.white-bg .titlebar h2 {
        font-size: 60px;
        color: #979fa2
    }

        #mobile-driven .row.white-bg .titlebar h2:after {
            display: block;
            content: " ";
            width: 80%;
            margin: 20px 0px;
            background-image: linear-gradient(to right, transparent 80%, #000000 20%);
            background-position: bottom;
            background-size: 9px 2px;
            background-repeat: repeat-x;
            height: 20px;
        }

    #mobile-driven .row.white-bg .titlebar {
        padding: 152px 50px 0;
    }

.first-title {
    color: #bdba9c;
    font-weight: 300;
    font-size: 40px;
}

.second-title {
    color: #63a8ce;
    font-weight: 300;
    font-size: 30px;
}

    .second-title:after, .price-content .titlebar h2:after {
        content: " ";
        display: block;
        background-image: linear-gradient(to right, transparent 87%, #4d5154 88%);
        background-position: center;
        background-size: 6px 2px;
        background-repeat: repeat-x;
        height: 45px;
        width: 100%;
        max-width: 692px;
        margin: 0px auto;
    }

.powerd-by .inner-description p {
    color: #979fa2;
    font-size: 22px;
    font-weight: 300;
}

/* ==========================================================================
Security Page
========================================================================== */
#security-page {
    border-bottom: solid 10px #939598;
}

.security {
    background: #362742;
    padding-bottom: 80px;
}

    .security .titlebar {
        background: url(../img/purp2strip.jpg);
        margin: 0;
    }

        .security .titlebar h2 {
            color: #fff;
            padding: 30px 0;
        }

    .security .inner-description p {
        font-size: 24px;
        color: #fff;
        font-weight: 300;
    }

    .security .inner-description:before {
        display: block;
        content: " ";
        width: 50%;
        margin: 30px auto 55px;
        border-top: dotted 2px rgba(255, 255, 255, 0.33);
    }

.sec-content {
    padding: 110px 0 55px;
}

    .sec-content .img-content img {
        height: auto;
    }

    .sec-content .titlebar, .help-content .titlebar {
        margin: 0;
    }

        .sec-content .titlebar h2 {
            color: #a79bb6;
        }

        .help-content .titlebar h2 {
            color: #e3e2e3;
        }

            .sec-content .titlebar h2:after, .help-content .titlebar h2:after {
                display: block;
                content: " ";
                width: 50%;
                margin: 30px auto;
                border-top: dotted 2px rgba(0, 0, 0, 0.33);
            }

            .help-content .titlebar h2:after {
                border-top: dotted 2px rgba(255, 255, 255,.33);
                margin: 30px auto 70px;
            }

    .sec-content .inner-description {
        color: #979fa2;
        font-size: 22px;
        padding-bottom: 40px;
    }

.help-content {
    background: #132c3b;
    padding: 70px 0 100px
}

    .help-content .inner-description {
        font-size: 24px;
        color: #fff;
        padding: 0 210px;
        line-height: 2
    }

.light {
    font-weight: 300;
}

.itemviewall {
    border-top: 70px solid #767575;
    border-left: 70px solid #767575;
    vertical-align: middle;
    text-align: center;
    background: #f3f2f2;
    position: relative;
}

    .itemviewall a {
        cursor: pointer;
    }

    .itemviewall .btn {
        position: absolute;
        bottom: 50%;
        margin-bot: -10px;
        right: 50%;
        margin-right: -127px;
    }

.darkbox {
    position: absolute;
    top: -70px;
    left: -70px;
    background: #585757;
    width: 70px;
    height: 70px;
}

@media (min-width:1600px) {

    .hover-overlay img {
        border-width: 110px;
    }

    .portfolio-item .sol-icon {
        width: 110px;
    }

    .itemviewall {
        border-width: 110px;
    }

    .darkbox {
        top: -110px;
        left: -110px;
        width: 110px;
        height: 110px;
    }

    .btn-learn {
        width: 222px;
    }

    .left-learn .btn-learn {
        margin-right: 62px;
    }

    .right-learn .btn-learn {
        margin-left: 70px;
    }

    .center-learn .btn-learn {
        margin-right: 45px;
    }

    .sol-title {
        left: 140px;
        top: 40px;
    }

    .btnlong {
        width: 277px;
    }
}

@media (min-width:1366px) {
    #testimonials .container {
        width: 1120px;
    }
}

.bigtitle {
    font-size: 50px !important;
}

.jobs .titlebar, .solutions .titlebar {
    float: none !important;
    height: auto;
}

.jobs h2, .solutions h2 {
    font-size: 49px !important;
    line-height: normal;
}

.jobs .hist, .solutions .hist {
    padding: 125px 0 !important;
    margin: 0px 0 !important;
}

#history-page {
    margin-bottom: 38px;
}

.hideme {
    visibility: hidden;
}

.imgbotprev {
    position: relative;
    height: 1px;
}

    .imgbotprev img {
        position: absolute;
        top: 0px;
        max-width: 100%;
        vertical-align: top;
    }

.minheight {
    height: 1px;
}

.owl-wrapper {
    margin: 0 auto !important;
}

.certs .item {
    display: inline-block;
    width: 19%;
}


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

.marginbot {
    margin-bottom: 25px;
}

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

.paddright30 {
    padding-right: 30px !important;
    margin-top: -11px !important;
}

.margintop {
    margin-top: -30px !important;
}


.testom-title-section {
    background-color: #211f32;
    margin-top: -1px;
}

#Testimonialstpage {
    padding: 60px 0;
    background: #262438;
}

.coll-teststrip .titlebar {
    background-image: url('../img/teststrip.png');
    margin: 45px 0;
}

    .coll-teststrip .titlebar p {
        font-size: 26px;
        color: #c5c5ca !important;
        font-weight: 200;
        text-align: justify;
        padding-top: 50px;
        padding-bottom: 50px;
        font-family: 'lato';
        padding-left: 15px;
        padding-right: 15px;
    }

.marginleft {
}

.testmocustomorrevi {
    font-size: 55px;
    color: #979fa2;
    padding-top: 80px;
    padding-bottom: 65px;
    font-weight: 300;
    font-family: 'lato';
}

.descriptionstyle {
    font-size: 22px;
    color: #acb2b5;
    padding-bottom: 100px;
}

.testimgstyle {
    background-repeat: no-repeat;
    background-image: url('../img/testimgstyle.png');
    background-position: bottom left;
    margin-bottom: 100px;
    padding-left: 33px;
    padding-bottom: 120px;
}

.personname {
    font-weight: 300;
    color: #b3b9bb;
    margin-bottom: 10px;
    margin-top: 50px;
    position: absolute;
}

.persondescr {
    color: #979fa2 !important;
    font-size: 22px;
    margin-top: 80px;
    position: absolute;
    font-weight: bold;
    margin-bottom: 4px;
}

.bor {
    border-bottom: 40px solid #918fa5;
}

.af:after {
    display: block;
    content: "";
    width: 510px;
    border-top: #c0c0c0 dotted 3px;
    position: absolute;
    text-align: center;
    margin-left: 300px;
    margin-top: -29px;
}


#libpage .libpage-title-section {
    background-color: #1f2f3e;
    margin-top: -1px;
}

.padbot {
    margin-bottom: 95px;
}

.coll-libstrip .titlebar {
    background-image: url('../img/lib/libstrip.png');
    margin-bottom: 95px;
    margin-top: 45px;
}


.graycolor {
    background-color: #b2b2b2;
    border-color: #b2b2b2;
    border-radius: 0px;
    height: 75px;
    width: 75px;
    margin-top: 90px;
}

.input-group .colorgray {
    height: 75px;
    padding-top: 10px;
    background-color: #e8e8e8 !important;
    border-radius: 0;
    margin-top: 90px;
    font-size: 40px;
    border: none;
}

.color {
    color: #26b8b6;
}

.stylib {
    font-size: 65px;
    color: white;
    font-weight: 300;
    font-family: lato;
    padding: 45px 0;
}

.selectstyle {
    width: 350px;
    margin-left: 100px;
    height: 35px;
    color: #838383;
    text-indent: 15px;
    font-family: lato;
}

.styleselecttext {
    margin-top: 4px;
    position: absolute;
    font-size: 18px;
    font-weight: 300;
    color: #838383;
    font-family: lato;
}

.selectpos {
    margin-top: 70px;
    margin-left: 20px;
}

@import url('//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css');

.date-form {
    margin: 10px !important;
}

.label.control-label span {
    cursor: pointer !important;
}

.datestyle {
    width: 120px;
    display: inline;
}

.datesttex {
    position: absolute;
    margin-left: -44px;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 300;
    font-family: 'lato';
    color: #838383;
}

.margintop19px {
    margin-top: 19px;
    width: 308px;
    padding-left: 0px;
}

.margintop40 {
    margin-top: 40px;
}

.dateinput {
    font-size: 18px;
    color: #676767;
    height: 35px;
    text-align: justify;
    padding-left: 20px;
    font-weight: 300;
    font-family: 'lato';
}

.libimg {
    background-image: url('../img/lib/backimg.png');
    background-repeat: no-repeat;
    padding-left: 75px;
    padding-top: 20px;
    padding-bottom: 30px;
}

h1.textilb {
    font-size: 38px;
    font-weight: 300;
    font-family: 'lato';
    color: #565656;
    margin-bottom: 55px;
}

p.textlipp {
    font-size: 18px;
    font-family: 'lato';
    text-align: justify;
    font-weight: 400;
    color: #979fa2;
}

.margintop90 {
    margin-top: 90px;
    margin-bottom: 105px;
    margin-right: 215px;
    margin-left: 215px;
}

.butstyright {
    height: 38px;
    width: 230px;
    border-color: #36cbf0;
    background-color: white;
    color: #36cbf0;
    font-size: 22px;
    font-weight: 300;
    font-family: 'lato';
    margin-left: 489px;
    margin-top: 35px;
}

.marginleftlib {
    margin-left: 70px;
}

.libimglef {
    background-image: url('../img/lib/backimglef.png');
    background-repeat: no-repeat;
    padding-left: -75px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.border {
    border-left: 1px #b2b2b2 solid;
    padding-left: 75px;
    padding-top: 20px;
    border-top: 1px #b2b2b2 solid;
    padding-bottom: 20px;
    border-bottom: 1px #b2b2b2 solid;
}

.borderleft {
    border-right: 1px #b2b2b2 solid;
    margin-right: -30px;
    padding-top: 20px;
    border-top: 1px #b2b2b2 solid;
    padding-bottom: 20px;
    border-bottom: 1px #b2b2b2 solid;
}

div.inner-imglib {
    width: 400px !important;
    height: 286px !important;
}

.imglibpos {
    margin-left: -30px;
}

.marginleft105px {
    margin-left: 107px;
}

.marginbotlib {
    margin-bottom: 65px;
}

nav.paginationpos {
    margin: auto;
}

.pagination li a {
    border: none;
    color: gray;
}

#libpage {
    margin-left: -75px;
    border-bottom: 35px solid #52758d;
}

.width125 {
    width: 750px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #a7a7a7 !important;
    text-align: justify;
    font-weight: 300;
}

.marginleftright {
    margin-left: 175.5px;
    margin-right: 175.5px;
}

@media(max-width:995px) {
    .advantages2bg {
        background: url(../img/advantages/cover2.jpg) no-repeat;
        background-size: 100% 90%;
        min-width: 100%;
        padding: 39px 0px 43px;
    }

    .advantages-title-section h2 {
        font-size: 30px;
        font-weight: 300;
    }

    .advantages2bg p {
        font-weight: 300;
        color: #fff;
        /* max-width: 784px; */
        font-size: 15px;
        text-align: justify;
        margin-left: -2px;
        margin-right: 0;
    }

    .sectionedit {
        width: 100% !important;
        margin-left: 0% !important;
        padding-bottom: 40px !important;
    }

    .selectstyle {
        width: 235px;
        margin-left: 96px;
        height: 35px;
        color: #838383;
        text-indent: 15px;
        font-family: lato;
    }

    .med {
        margin-left: 60px;
    }

    .datesttex {
        position: absolute;
        margin-left: -181px;
        margin-top: 0px;
        font-size: 18px;
        font-weight: 300;
        font-family: 'lato';
        color: #838383;
    }

    .edited {
        margin-right: 7px;
        position: absolute !important;
        padding-left: -120px;
        margin-left: -92px;
    }

    .sty {
        position: absolute;
        margin-left: -2px;
        width: 182px;
        padding-right: 55px;
        ;
        margin-right: 27px;
    }

    .heig {
        height: 21px;
    }

    .specifi {
        margin-left: 168px !important;
        width: 278px !important;
        margin-top: -81px !important;
    }

    .sersty {
        /* position: absolute; */
        margin-left: 58px;
        width: 333px;
        padding-right: 53px;
    }

    .colorgray {
        height: 75px !important;
        padding-top: 10px !important;
        background-color: #e8e8e8 !important;
        border-radius: 0 !important;
        margin-top: 90px !important;
        font-size: 24px !important;
        border: none !important;
    }

    .titlebar h1 {
        color: white;
        font-weight: 300;
        font-family: lato;
        padding: 20px 0;
        font-size: 27px;
        text-align: center;
        margin-left: 25%;
    }

    .coll-libstrip .titlebar {
        background-image: url(../img/lib/libstrip.png);
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .marginleftlib {
        margin-left: -80px;
        width: 283px;
    }

    .border {
        border-left: 1px #b2b2b2 solid;
        padding-left: 57px;
        padding-top: 20px;
        border-top: 1px #b2b2b2 solid;
        padding-bottom: 20px;
        border-bottom: 1px #b2b2b2 solid;
        margin-left: -150px;
    }

    .marginleft105px {
        margin-left: -124px;
        width: 310px;
    }

    .imglibpos {
        margin-left: -30px;
        width: 95%;
    }

    .pospagna {
        margin-left: 104px;
    }

    h1.textilb {
        font-size: 27px !important;
        font-weight: 300;
        font-family: 'lato';
        color: #565656;
        margin-bottom: 40px;
        margin-top: 10px;
        width: 349px;
        margin-left: -42px;
    }

    p.textlipp {
        font-size: 18px;
        font-family: 'lato';
        text-align: justify;
        font-weight: 400;
        color: #979fa2;
        width: 294px;
        margin-left: -28px;
    }

    .butstyLEFT {
        height: 42px;
        width: 197px;
        border-color: #36cbf0;
        background-color: white;
        color: #36cbf0;
        font-size: 22px;
        font-weight: 300;
        font-family: 'lato';
        margin-left: 0px;
        margin-top: 35px;
        align-items: center;
        margin-bottom: 7px;
    }

    .butstyLEFT105 {
        height: 42px;
        width: 202px;
        border-color: #36cbf0;
        background-color: white;
        color: #36cbf0;
        font-size: 22px;
        font-weight: 300;
        font-family: 'lato';
        margin-left: 30px;
        margin-top: 35px;
        align-items: center;
        margin-bottom: 21px;
    }

    .lefttex {
        margin-left: -65px !important;
    }

    .container.TOP {
        MARGIN-bottom: -60px;
    }
}

.edi {
    padding: 72px 35px;
    margin-left: 245px;
}

.padtop {
    padding-top: 49px;
}

.buttonBar {
    display: none;
}

#Advantage .titlebar h2 {
    color: #fff;
}

h3.para {
    margin-top: 30px;
    margin-bottom: 30px;
}

.careers-mycv {
    background-color: #fff;
    padding: 45px 0;
}

.bakwhite {
    background: white;
}

.titlemycv {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 60px;
    color: #979fa2;
    margin-bottom: 60px;
}

    .titlemycv:after {
        display: block;
        content: " ";
        width: 25%;
        border-top: dotted 2px rgb(151, 159, 162);
        margin: 15px auto 0;
    }

.mart40 {
    margin-top: 40px;
}

.post-resume-form h2 {
    color: #979fa2;
    font-size: 40px;
    font-weight: 300;
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f8f8f8;
    color: #303030;
}

.newform {
    border: 1px solid #979fa2;
    padding: 5px 10px;
}

    .newform input[type=number] {
        border: 0px solid #979fa2;
    }

.btn-cv {
    text-align: center;
    margin: 20px 0 60px;
}

    .btn-cv a {
        visibility: visible;
        animation-name: bounceInUp;
        background: #ffc400;
        color: #0a1622;
        border-radius: 0;
        padding: 5px 80px;
    }

.clear {
    clear: both;
}

.ajob {
    padding: 80px 0px;
}

.right-sub, .left-sub {
    font-weight: 300;
}

#footerlists ul > li > ul > li a:hover {
    color: #ffc400;
    background-position: bottom;
    background-size: 6px 1px;
    background-repeat: repeat-x;
}

.nav-title h3 a {
    font-size: 18px;
    color: #ffc400;
    padding: 15px 0 10px;
    font-weight: 300;
}

p, .panel-body {
    text-align: justify;
}

.company-img.edicolor {
    background-color: #8aabcf;
    margin-bottom: 65px;
    min-height: 520px;
    margin-top: 65px;
}

.advantigpagetitle {
    position: absolute;
    font-size: 55px;
    bottom: 200px;
    color: #8d98a3;
    text-align: justify;
    font-weight: 300;
}

.spanadvantigpagetitle {
    margin-left: 144px;
}

.white {
    background-color: white !important;
    font-size: 32px;
    padding-bottom: 10px;
    font-weight: 300;
    color: #26b8b6;
}

.sectionedit {
    width: 48%;
    margin-left: 48%;
    padding-bottom: 40px;
}

.industries-title-section .titlebar h2::after {
    display: block;
    content: " ";
    width: 40%;
    margin: 15px auto;
    height: 1px;
    background-image: linear-gradient(to right, transparent 80%, rgba(0, 0, 0, 0.33) 20%);
    background-position: bottom;
    background-size: 6px 1px;
    background-repeat: repeat-x;
}

.contact-us-world .world-no p {
    text-align: center;
}

.contact-us-info .team p, .contact-us-info .team H3 {
    text-align: center;
}

.company-info {
    padding: 0px 75px 0;
}

.companyimgedet img {
    float: right;
}

#brand {
    padding: 10px 0;
}

.owl-listimages img {
    max-width: 100%;
    padding-right: 20px;
}

.imagelist {
    padding: 60px 0;
}

@media (max-width: 768px) {
    .advantigpagetitle {
        font-size: 20px !important;
        bottom: inherit;
        color: gray !important;
        top: 60px;
        bottom: inherit;
        color: gray !important;
        text-align: justify !important;
        font-weight: 300 !important;
    }

    .spanadvantigpagetitle {
        margin-left: 36px !important;
    }

    body {
        padding-top: 64px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 0px;
    }
}

.table-condensed > tbody > tr > td.hiddenRow {
    padding-top: 0px;
    padding-bottom: 0px;
}

.careers {
    margin-top: 45px;
}

    .careers .table > thead > tr > td {
        font-size: 18px;
        color: #303030;
        font-weight: 300;
        padding-left: 40px;
        background: #f8f8f8;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 1px solid #c6c6c6 !important;
        border-bottom: 1px solid #c6c6c6;
        border-right: 1px solid #c6c6c6;
    }

        .careers .table > thead > tr > td:last-child {
            border-right: 0px solid #c6c6c6;
        }

    .careers .care1 td {
        background: white !important;
    }

    .careers .care2 td {
        background: #f8f8f8;
    }

    .careers .table tbody td {
        font-weight: 300;
        font-size: 18px;
        color: #303030;
    }

        .careers .table tbody td img {
            margin-left: 10px;
            color: #6c6c6c;
            cursor: pointer;
            margin-right: 12.5px;
        }

    .careers .table tbody td {
        padding-left: 40px;
        padding-top: 15px;
        padding-bottom: 15px;
        border: 0;
    }

        .careers .table tbody td:first-child {
            padding-left: 5px;
            width: 70%;
        }

.hiddenRow td {
    padding-left: 40px !important;
}


.hiddenRow tr:first-child > td i {
    padding-right: 8px;
    cursor: inherit;
    padding-left: 8px;
}

.incart {
    font-size: 45px;
    font-weight: 300;
    color: #6c6c6c;
    line-height: 60px;
}

.inloc {
    font-size: 18px;
    font-weight: 400;
    color: #303030;
}

.careers-info h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 50%;
}

.tlblog {
    text-align: right;
}

@media (min-width:1300px) {
    #blogs .blog-img.tlblog img, #blogs .blog-img.tlblog iframe {
        margin-right: 12px;
    }

    .tlblog img {
        float: right;
    }
}

@media (min-width:1400px) {
    #blogs .blog-img.tlblog img, #blogs .blog-img.tlblog iframe {
        margin-right: 30px;
    }
}

@media (min-width:1500px) {
    #blogs .blog-img.tlblog img, #blogs .blog-img.tlblog iframe {
        margin-right: 45px;
    }
}

@media (min-width:1600px) {
    #blogs .blog-img.tlblog img, #blogs .blog-img.tlblog iframe {
        margin-right: 12px;
    }
}

@media (min-width:1700px) {
    #blogs .blog-img.tlblog img, #blogs .blog-img.tlblog iframe {
        margin-right: 25px;
    }
}

@media (min-width:1800px) {
    #blogs .blog-img.tlblog img, #blogs .blog-img.tlblog iframe {
        margin-right: 42px;
    }
}

@media (min-width:1900px) {
    #blogs .blog-img.tlblog img, #blogs .blog-img.tlblog iframe {
        margin-right: 60px;
    }
}

@media (min-width:1300px) {
    #blogs .blog-img.text-right img {
        margin-left: 18px;
    }
}

@media (min-width:1400px) {
    #blogs .blog-img.text-right img {
        margin-left: 30px;
    }
}

@media (min-width:1500px) {
    #blogs .blog-img.text-right img {
        margin-left: 44px;
    }
}

@media (min-width:1600px) {
    #blogs .blog-img.text-right img {
        margin-left: 10px;
    }
}

@media (min-width:1700px) {
    #blogs .blog-img.text-right img {
        margin-left: 27px;
    }
}

@media (min-width:1700px) {
    #blogs .blog-img.text-right img {
        margin-left: 27px;
    }
}

@media (min-width:1800px) {
    #blogs .blog-img.text-right img {
        margin-left: 47px;
    }
}

@media (min-width:1900px) {
    #blogs .blog-img.text-right img {
        margin-left: 62px;
    }
}

#blog1, #blog2 {
    margin-bottom: 100px;
}

#dodemo .error {
    font-size: 18px !important;
    float: left;
}

#watchdemo {
    margin-bottom: 165px;
    padding-bottom: 165px;
}

    #watchdemo .watchdemo-title-section {
        background-color: #37444e;
        padding: 45px 0 0px;
        position: relative;
    }

        #watchdemo .watchdemo-title-section .titlebar {
            background-color: #28333d;
            padding: 20px 0;
        }

            #watchdemo .watchdemo-title-section .titlebar h2 {
                font-size: 64px;
                color: #fff;
                font-weight: 300;
            }

.watchdemoline {
    border-bottom: 1px dotted #ddd;
    position: absolute;
    bottom: 30px;
    height: 20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 500px;
    max-width: 100%;
}

#watchdemo h4 {
    font-size: 32px;
    margin-top: 30px;
    font-weight: 300;
    text-align: left;
    margin-left: 40px;
}

.mart100 {
    margin-top: 100px;
    font-weight: 300;
}

#watchdemo .pull-left img {
    float: none;
    margin-right: 40px;
}

.wc1 {
    color: #1272ae;
}

.wc2 {
    color: #5a3470;
}

.wc3 {
    color: #c87d26;
}

.wc4 {
    color: #e8512f;
}

.wc5 {
    color: #5a3470;
}

.wc6 {
    color: #3b8234;
}

.wc7 {
    color: #1272ae;
}

.wc8 {
    color: #c87d26;
}

.wc9 {
    color: #e8512f;
}

.wc10 {
    color: #5a3470;
}

.wc11 {
    color: #3d8038;
}

.wcnew {
    color: #1272ae;
}

.wcnew1 {
    color: #c87d26;
}

.wcnew2 {
    color: #5a3470;
}

.wc10s {
    color: #3a8134;
}

.wc1s {
    color: #0371b0;
}


#watchdemo .pull-right img {
    float: none;
    margin-left: 40px;
}

#watchdemo .pull-right {
    text-align: right;
}

#watchdemo .col-md-12 {
    display: inherit;
    z-index: 666;
}

.wchdgr {
    background: #f6f6f6;
    height: 350px;
    width: 100%;
    position: absolute;
    top: 170px;
}

@media (min-width: 992px) {
    .wchdgr {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .wchdgr {
        width: 1170px;
    }
}

@media (max-width:991px) {
    .wchdgr {
        display: none;
    }
}

.relative {
    position: relative;
}

.plywdmo1 {
    position: absolute;
    float: left;
    left: 300px;
    top: 115px;
    margin-right: 40px;
}

.plywdmo2 {
    position: absolute;
    float: left;
    right: 260px;
    top: 115px;
    margin-right: 40px;
}

.libfb {
    background: #f6f6f6;
    padding-bottom: 24px;
}

.liblb {
    background: white;
    padding-bottom: 24px;
}

.btn-guide {
    color: #2ac8ef;
    font-size: 24px;
    font-weight: 300;
    padding: 10px 80px;
    border: 1px solid #2ac8ef;
}

.padt45 {
    padding-top: 45px;
}

.libfb img, .liblb img {
    margin-top: 45px !important;
    max-width: 100%;
}

.libfb h4, .liblb h4 {
    margin-top: 45px !important;
    font-weight: 300;
    color: #565656;
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
}

.libfb p, .liblb p {
    margin-top: 5px !important;
    font-weight: 300;
    color: #979fa2;
    font-size: 22px;
}

.libfb, .liblb {
    padding: 10px 35px 55px;
}

.opacity {
    opacity: 0 !important;
}

#partners article {
    padding: 0 10px;
}

@media (min-width:768px) {
    #partners img {
        width: 100%;
    }
}

.bluec {
    color: #2eb2e3;
}

@media (max-width:991px) {
    .mtc1 {
        text-align: center;
        margin-bottom: 20px;
    }

    .mtc2 {
        text-align: center;
    }

        .mtc2 input {
            margin-left: 0px;
            width: 195px !important;
        }
}

.world-no p {
    color: #c1c6c8 !important;
}

    .world-no p strong {
        color: #fff !important;
    }

#dopartners fieldset {
    min-width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

#dopartners fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 0px solid #c0c0c0;
}

@media (max-width:991px) {
    .company-info {
        margin-top: 40px;
        padding: 0px 15px 0 !important;
    }

    #page-title.investor-title h2.title:after {
        max-width: 400px;
    }

    #investor-relations .title:after {
        max-width: 400px;
    }

    #investor-relations .inner-description {
        margin-top: 40px;
    }

    .company-title .info {
        padding: 0 15px;
    }
}

.compan-bg-edit .titlebar {
    padding-top: 75px;
}

    .compan-bg-edit .titlebar h2:after {
        width: 675px;
        background-image: linear-gradient(to right, transparent 80%, rgb(255, 255, 255) 20%);
        background-size: 6px 2px;
    }

.company-info.specal .titlebar h2:after {
    width: 600px;
    background-image: linear-gradient(to right, transparent 80%, rgb(255, 255, 255) 20%);
    background-size: 6px 2px;
}

.international .titlebar h2:after {
    width: 540px;
}

.international-bg .titlebar h2:after {
    display: block;
    content: " ";
    width: 500px;
    margin: 25px 0px;
    background-image: linear-gradient(to right, transparent 80%, rgb(10, 22, 34) 20%);
    background-position: top;
    background-size: 6px 2px;
    background-repeat: repeat-x;
    height: 20px;
}

@media (max-width:991px) {
    .compan-bg-edit .titlebar h2:after {
        max-width: 400px;
    }

    .company-info.specal .titlebar h2:after {
        max-width: 400px;
    }

    .location-title .title:after {
        max-width: 400px;
    }

    .international .titlebar h2:after {
        max-width: 400px;
    }

    .international-bg .titlebar h2:after {
        max-width: 400px;
    }
}

.hiddenRow ul {
    list-style-type: disc;
    padding-left: 20px;
}

    .hiddenRow ul li {
        color: #303030;
        font-size: 18px;
        line-height: 36px;
    }

#mobile-driven .titlebar h2:after {
    width: 485px !important;
}

.btn-apply {
    font-size: 24px;
    background: #2ac8ef;
    padding: 10px 45px;
    color: #fff;
    font-weight: 300;
}

.papp {
    margin-bottom: 100px;
    text-align: right;
}

.marb70 {
    margin-bottom: 70px;
}

.padb100 {
    padding-bottom: 100px;
}

.sPads .col-md-4 {
    padding: 0 30px;
}

.libul {
    display: flex;
    margin-top: 30px;
}

    .libul li {
        margin-right: 25px;
        font-size: 18px;
        font-weight: 300;
    }

        .libul li span {
            font-weight: 300;
        }

.parares {
    height: 830px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.marb85 {
    margin-bottom: 85px;
}

.bdrsl {
    min-height: 343px;
    position: absolute;
    top: 30px;
    background-size: contain;
    z-index: 99999;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 407px;
    left: -50px;
}

.bdrsr {
    min-height: 343px;
    position: absolute;
    top: 30px;
    background-size: contain;
    z-index: 99999;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 407px;
    right: -50px;
}

@media (max-width:991px) {
    .bdrsr, .bdrsl {
        display: none;
    }
}

@media (min-width:1400px) {
    .packages.container {
        width: 1370px;
    }
}

@media (min-width:1600px) {
    .packages.container {
        width: 1570px;
    }
}

.newajob {
    background: #0a1622;
}

    .newajob h2, .newajob span, .newajob p {
        color: white;
        text-align: center;
        font-size: 18px;
    }

.cvcnt {
    font-size: 36px;
}

#profile input[type=file] {
    margin-top: 30px;
    width: 100%;
    padding: 16px;
    font-size: 16px;
    border: 1px solid rgba(47,47,47,.3);
    color: #6c6c6c !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#content {
    margin-top: 30px;
}

#profile {
    margin-top: 30px;
}

.pform {
    border: 1px solid #979fa2;
    padding: 5px 10px;
}

    .pform input, .pform select {
        border: 0;
        color: #08c;
    }

    .pform select {
        vertical-align: middle;
        min-height: 20px;
        margin-top: 3px;
        margin-left: 10px;
    }

    .pform label {
        margin-top: 3px;
    }

.btn-cv input {
    background: #ffc400 !important;
    color: #0a1622 !important;
    border-radius: 0 !important;
    padding: 5px 80px !important;
    font-size: 14px !important;
}

.titlemycv h2 {
    color: #979fa2;
    font-size: 40px;
    font-weight: 300;
}

.btn-price:hover, .btn-price:focus {
    color: #e7e8e8;
}

#fitsc .flex-direction-nav a:before {
    font-family: FontAwesome;
    font-size: 45px;
    display: inline-block;
    color: #384473;
    text-shadow: 4px 1px 0 #eee;
}

#fitsc .flex-direction-nav .flex-prev {
    left: 0px;
}

#fitsc .flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 0px;
}

#fitsc .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 45px;
    z-index: 9999999999;
    height: 45px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-indent: 2px;
}

#fitsc .flex-prev:before {
    content: '\f104';
}

#fitsc .flex-next:before {
    content: '\f105';
}

#fitsc .flex-control-paging li a {
    background: #fff;
    border: 2px solid #fff;
}

#fitsc .flex-control-paging li a {
    background: #384473;
    border: 2px solid #384473;
}

    #fitsc .flex-control-paging li a.flex-active {
        background: #fff;
        border: 2px solid #fff;
    }

.noload .loading {
    display: none !important;
}

#radl {
    margin-bottom: 15px;
}

.radlall .new {
    font-size: 18px;
}

.at-share-btn-elements {
    margin-bottom: 20px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: none;
}

#introm {
    min-width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    height: 100vh;
    border-bottom: solid 7px #bfbfbf;
}

.tesply img {
    position: absolute;
    top: 25%;
    left: 220px;
}

.testibdr {
    min-height: 268px;
    position: absolute;
    top: 180px;
    background-size: contain;
    z-index: 99999;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 63px;
    left: 0px;
}

@media (max-width:991px) {
    .testibdr {
        display: none;
    }
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #fff;
}

.tcarer {
    padding: 50px 0;
    background: #494949;
}

.ftcarer {
    background: #353739;
}

    .ftcarer h1 {
        color: white;
        font-size: 65px;
        padding: 40px 0;
        font-weight: 200;
        text-align: center;
    }

.responsive {
    position: relative;
}

.padb0 {
    padding-bottom: 0 !important;
}

.solutions .hist.padb0 {
    padding-bottom: 0 !important;
}

.btn-guide:hover {
    border: solid 2px #2ac8ef;
    color: #2ac8ef;
    background-color: rgba(42, 200, 239, 0.14);
}

#watchdemo .pull-right h4 {
    text-align: right;
}

.wcorg {
    color: #c87d26;
}

#watchdemo .pull-right h4 {
    margin-right: 40px;
    margin-left: 0;
}

.btn-price2 {
    background: url(../img/pricing/btn1.png) center no-repeat;
    background-size: contain;
    border-radius: 0;
    color: #e7e8e8;
    font-weight: 300;
    font-size: 35px;
    padding: 13px 103px;
    margin-bottom: 70px;
    line-height: 1.42857143;
    cursor: inherit;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

.solutions .fs40 {
    font-size: 40px !important;
}

#history-page.solutions .hist .titlebar h2.regular {
    font-weight: 400;
}

.toblue {
    color: #1272ae;
}

.tor2 {
    color: #c87d26;
}

.tnewc {
    color: #5a3470 !important;
}

.tCareer {
    color: #e8512f !important;
}

#history-page.solutions .hist .titlebar h2.fs45 {
    font-size: 45px !important;
}

.khaledme {
    position: relative;
}

    .khaledme .banner {
        position: relative;
        z-index: 10;
    }

.banner {
    text-align: center;
    background: fixed url(../img/videohuman.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 480px;
    position: relative;
    background-position: center;
}

    .banner .overlay {
        z-index: 999;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(41,41,41,.7);
    }

    .banner .inner {
        position: relative;
        z-index: 9999;
    }

        .banner .inner h2 {
            position: absolute;
            top: 130px;
            font-size: 50px;
            font-weight: 400;
            text-align: center;
            left: 0;
            right: 0;
            color: #fff;
        }

        .banner .inner p {
            position: absolute;
            top: 325px;
            font-size: 35px;
            font-weight: 400;
            text-align: center;
            left: 0;
            right: 0;
            color: #fff;
        }

    .banner span {
        position: absolute;
        max-width: 100%;
        top: 400px;
        display: inline-block;
        margin: auto;
        right: 0;
        left: 0;
    }

        .banner span img {
            max-width: 100%;
        }

.MyClass {
    display: none !important;
}

.btn-price2:hover {
    color: #e7e8e8;
}

@media (max-width:991px) {
    .btn-price {
        padding: 15px 15px;
        font-size: 12px;
    }

    .btn-price2 {
        padding: 15px 15px;
        font-size: 12px;
    }
}

.history-title-section.job-Candidates {
    background: #3b8236 !important;
}

.history-title-section.OnOffBoarding {
    background: #0571b1 !important;
}

.history-title-section.payroll {
    background: #3a8135 !important;
}

.job-Candidates .titlebar {
    background: url(../img/greenstrip1.png) !important;
}

.OnOffBoarding .titlebar {
    background: url(../img/bluestrip1.png) !important;
}

.payroll .titlebar {
    background: url(../img/greenstrip1.png) !important;
}

@media (min-width:1200px) {
    .dropdown-menu.inner-nav-l li .container > div {
        padding-left: 76.5px;
    }
}

.company-info .titlebar h2.fs55 {
    font-size: 55px;
}

.company-info .inner-description p.fs20 {
    font-size: 20px;
}

.Advantagenew {
    font-size: 23px;
    color: #fff;
    margin-top: 40px;
}

.fw300 {
    font-weight: 300 !important;
}

.newlocation .country-info .mobile {
    padding-top: 0;
}

.newlocation .country-info .detail {
    min-height: 190px;
}

#video-controls a.play {
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    left: 0;
}

@media (max-width:767px) {
    .solicon {
        margin-right: 30px;
        width: inherit;
        float: inherit;
        margin-bottom: 20px;
    }

    .history-info .titlebar {
        min-width: inherit;
    }
}

#history-page .hist img.img-hum-cap-man {
    margin-bottom: 15px;
    display: block;
}

@media only screen and (max-width: 767px) {
    .company-info .titlebar h2:after {
        width: 140px;
    }
}

@media only screen and (max-width: 480px) .company-info .titlebar h2:after {
    width: 120px !important;
}

}

@media (max-width:1199px) {
    .company-info {
        padding: 0px 15px 0 !important;
    }
}
@media (min-width:992px)
{
#clients .customNavigation .prev,#clients .customNavigation .next
{
    top: 15px;
}
#clients img
{
margin:auto;
}
}