@import url("navigation.css");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900");

/* Basic styling */
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    line-height: 24px;
    color: #333333;
    font-size: 13px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
}

input, textarea {
    font-family: 'Raleway', sans-serif;
}

.tel-no {
    font-size: 15px !important;
}

img {
    height: auto;
    max-width: 100%;
    border: none;
    outline: none;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

a, a:focus, a:active, a:link, img {
    outline: none;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #333333;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
}

    a:hover {
        color: #8db53f;
        text-decoration: none;
        transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
    }

br {
    font-size: 0;
    line-height: 0;
}

hr {
    margin-bottom: 0px;
    margin-top: 0px;
    border-top: 1px solid #f1f1f1;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

    hr.pad-hr {
        margin-top: 20px;
        margin-bottom: 20px;
    }

b, strong {
    font-weight: 600;
}

small, small a {
    font-size: 11px;
    color: #777;
}

table td {
    padding-top: 8px;
    padding-bottom: 8px;
}

    table td a {
        text-decoration: underline;
    }

.border-left {
    padding-left: 25px;
    margin-left: 25px;
    border-left: 1px solid #999999;
}

p {
    /*line-height: 20px;
	font-size: 14px;
	font-weight: 300;
    color: #666;*/
    margin: 0px 0 10px 0;
    letter-spacing: 1px;
    line-height: 24px;
    color: #333333;
    font-size: 13px;
    font-weight: 400;
}

    p.lead, .lead {
        font-size: 17px;
        font-weight: 300;
        line-height: 24px;
    }

    p.dark, .dark, a.dark, h1.dark, h2.dark, h3.dark, h4.dark, h5.dark, h6.dark {
        color: #333333 !important;
    }

    p.white, .white, a.white, h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
        color: #fff !important;
    }

    p.color, .color, a.color, h1.color, h2.color, h3.color, h4.color, h5.color, h6.color, li.link:hover, li.link a:hover, .color {
        color: #8db53f !important;
    }

.gray {
    color: #888;
}

.white-box {
    padding: 25px;
    background-color: rgba(0,0,0,0.5);
    margin-top: 50px;
}

.light-color h1, .light-color h2, .light-color h3, .light-color h4, .light-color h5, .light-color h6, .light-color p, .light-color, .light-color .container-icon {
    color: #fff;
}

.dark-color h1, .dark-color h2, .dark-color h3, .dark-color h4, .dark-color h5, .dark-color h6, .dark-color p, .dark-color, .dark-color .container-icon {
    color: #333333;
}

.dark-bg {
    background: #333333;
    color: #fff;
}

    .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg .link, .dark-bg .container-icon, .dark-bg .page-icon-top {
        color: #fff;
    }

        .dark-bg .link:hover, .link:hover {
            color: #8db53f;
        }

.gray-bg {
    background: #f7f7f7;
    color: #333333;
}

    .gray-bg h1, .gray-bg h2, .gray-bg h3, .gray-bg h4, .gray-bg h5, .gray-bg h6, .gray-bg .container-icon {
        color: #333333;
    }

/* Headline styling */
h1, h2, h3, h4, h5, h6 {
    color: #333333;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 20px;
}

h1 {
    font-size: 38px;
    letter-spacing: 2px;
    line-height: 44px;
}

    h1.h1, h2.h2 {
        letter-spacing: 15px;
    }

@media (max-width: 767px) {
    h1.h1, h2.h2 {
        letter-spacing: 0px;
    }
}

h2 {
    font-size: 27px;
    letter-spacing: 2px;
    line-height: 37px;
    margin-bottom: 20px;
    padding-top: 10px;
}

h3 {
    font-size: 21px;
    letter-spacing: 4px;
    line-height: 32px;
}

h4 {
    font-size: 17px;
    letter-spacing: 2px;
    line-height: 28px;
}

    h4.h4 {
        letter-spacing: 4px;
    }

h5 {
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 22px;
}

/* Button styling */
.btn:focus {
    outline: none;
}

.btn, button {
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

    .btn i, button i, i.left {
        margin-right: 6px;
    }

i.right {
    margin-left: 6px;
    margin-right: 0px !important;
}

button {
    vertical-align: top;
}

.btn-full {
    width: 100% !important;
    display: inline-block;
    text-align: center;
}

.btn-lg {
    padding: 15px 25px;
    display: inline-block;
}

.btn-md {
    padding: 11px 20px;
    display: inline-block;
}

.btn-xs {
    padding: 11px 15px 10px;
    display: inline-block;
}

.btn-line-xs {
    padding: 7px 15px 7px;
    display: inline-block;
}

.btn-icon {
    padding: 0px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    display: inline-table !important;
}


.btn-black {
    color: #fff;
    background: #333333;
    border: none;
}

    .btn-black:hover {
        color: #fff;
        /*background: #8db53f;*/
        background: rgba(50,50,50,0.85);
    }

.btn-color-a, .btn-color-b {
    color: #fff;
    background: #8db53f;
    border: none;
}

    .btn-color-a:hover {
        color: #fff;
        background: rgba(230,174,73,0.85);
    }

    .btn-color-b:hover {
        color: #fff;
        /*color: #8db53f;
		background: #fff;*/
        background: rgba(230,174,73,0.85);
    }

.btn-white {
    color: #333333;
    background: rgba(255,255,255,1);
    border: none;
}

    .btn-white:hover {
        /*color: #fff;
		background: #8db53f;*/
        background: rgba(255,255,255,0.85);
        color: #333333;
    }

.btn-black-line, .btn-white-line, .btn-color-line {
    border: 2px solid;
    background: none;
}

.btn-black-line {
    color: #333333;
    border-color: #333333;
    padding: 9px 20px;
}

    .btn-black-line:hover {
        color: #fff;
        background: #333333;
    }

.btn-color-line {
    color: #8db53f;
    border-color: #8db53f;
    padding: 9px 20px;
}

    .btn-color-line:hover {
        color: #fff;
        background: #8db53f;
    }

.btn-white-line {
    color: #fff;
    border-color: #fff;
    padding: 9px 20px;
}

    .btn-white-line:hover {
        color: #333333;
        background: #fff;
    }

.btn-link-a, .btn-link-b {
    color: #333333;
    background: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    border-bottom: 1px dotted transparent;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .btn-link-a:hover {
        color: #8db53f;
        border-bottom: 1px solid #8db53f;
    }

    .btn-link-b:hover {
        color: #fff;
        border-bottom: 2px solid #fff;
    }

.btn-space-5 {
    width: 5px;
    min-height: 1px;
    display: inline-block;
}

.btn-space-10 {
    width: 10px;
    min-height: 1px;
    display: inline-block;
}

/* Spacers and padding */
section, footer {
    padding-top: 80px;
    padding-bottom: 80px;
}

.no-padding {
    padding: 0;
}

.padding-top-interior {
    padding-top: 90px;
}
/* Header Style */
.wrapper {
    position: relative;
    width: 100%;
}

.push-body-totop .header.sticky {
    position: fixed;
    top: 64px;
}

.header .container {
    position: relative;
}

.header {
    background-color: #fff;
    color: #333333;
    padding: 0px;
    position: relative;
    transition: all 0.25s ease 0s;
    -webkit-transition-: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    width: 100%;
    z-index: 2000;
}

    .header.sticky {
        background-color: rgba(255, 255, 255, 0.95);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        color: #333333;
        position: fixed;
        z-index: 2030;
        transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
    }

.full-intro .header {
    background-color: rgba(255,255,255,0);
    border-bottom: none;
    position: absolute;
}

    .full-intro .header.sticky {
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        color: #333333;
        position: fixed;
        /*border-bottom: 1px solid #eee;*/
    }

.background--dark .header, .background--dark .header a,
.background--dark .header .side-menu-btn ul li a.right-icon, .background--dark .header .mobile-menu-icon {
    color: #fff;
}

.background--light .header, .background--light .header a, .full-intro .header.sticky a, .header a, .header.sticky a,
.mobile-menu-icon, .header.sticky .mobile-menu-icon,
.header .side-menu-btn ul li a.right-icon,
.header.sticky .side-menu-btn ul li a.right-icon, .header .mobile-menu-icon, .header.sticky .mobile-menu-icon {
    color: #333333;
}
    /*#menu-button.menu-opened .bar-icon,*/
    .header .side-menu-btn ul li a.right-icon:hover, .header.sticky .side-menu-btn ul li a.right-icon:hover, .header .mobile-menu-icon:hover,
    .background--dark .header .navigation a:hover {
        color: #8db53f;
    }

.header li {
    list-style: outside none none;
}

.header ul, .header li {
    margin: 0;
    padding: 0;
}

/* logo Style */
.header .logo a img.l-white, .header .logo a img.l-color, .header.sticky .logo a img.l-white, .header.sticky .logo a img.l-black,
.full-intro .header.sticky .logo a img.l-white,
.background--dark .header .logo a img.l-color, .background--dark .header .logo a img.l-black,
.background--light .header .logo a img.l-light, .background--light .header .logo a img.l-color {
    opacity: 0;
}

.header .logo a img.l-black, .header.sticky .logo a img.l-black, .background--light .header .logo a img.l-black, .background--dark .header .logo a img.l-white {
    opacity: 1;
}

.header .logo {
    float: left;
    display: inline-block;
}

    .header .logo a {
        position: relative;
        display: block;
        /*width: 180px;*/
        width: 160px;
        margin-top: 24px;
    }

.header.sticky .logo a {
    width: 120px;
    /*margin-top: 16px;*/
    margin-top: 22px;
}

.logo a img {
    position: absolute;
    width: 100%;
    opacity: 0;
    display: block;
}

/* Navigation Menu Style*/
.mobile-menu-icon-wraper {
    display: none;
    position: relative;
    float: left;
    margin-left: 20px;
}

.mobile-menu-icon, .header.sticky .mobile-menu-icon {
    height: 25px;
    display: block;
    font-size: 17px;
    line-height: 24px;
}

.side-menu-btn-fix {
    position: fixed;
    top: 25px;
    right: 25px;
    z-index: 2001;
    font-size: 17px;
}

    .side-menu-btn-fix a {
        width: 35px;
        height: 35px;
        text-align: center;
        background: rgba(0,0,0,0.8);
        display: block;
        border-radius: 3px;
        color: #fff;
        line-height: 34px;
    }

        .side-menu-btn-fix a:hover {
            background: #8db53f;
        }

header.sticky .navigation a.current-ele {
    color: #8db53f !important;
}

/* Right Side Menu Button Style*/
.header .side-menu-btn {
    float: right;
    position: relative;
}

    .header .side-menu-btn > ul > li, .header .mobile-menu-icon-wraper {
        float: left;
        padding: 30px 0 0px;
        margin-left: 15px; /*previous val:20px;*/
        transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
    }


    .header .side-menu-btn ul li a.right-icon {
        display: block;
        position: relative;
    }

    .header .side-menu-btn ul li a.right-icon {
        background-repeat: no-repeat;
        font-size: 25px;
        margin-top: 4px;
    }

@media (max-width: 991px) { /*.sticky*/
    .header .side-menu-btn .right-icon.search {
        margin-top: -0px !important;
    }
}

.header.sticky a.search {
    margin-top: -5px !important;
    color: #A3A3A3 !important;
}

    .header.sticky a.search:hover {
        color: #8db53f !important;
    }
/*.hide_search {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg); 
    transform: rotate(270deg);
}*/

@media (max-width: 767px) {
    .header .side-menu-btn > ul > li, .header .mobile-menu-icon-wraper {
        margin-left: 16px;
    }

    .background--dark .header .side-menu-btn ul li a.right-icon, .background--dark .header .mobile-menu-icon {
        color: #333333;
    }

    .header .logo a img.l-black, /*.header.sticky .logo a img.l-color,*/ .background--dark .header .logo a img.l-black {
        opacity: 1;
    }

    .header .logo a img.l-white {
        display: none;
        opacity: 0;
    }

    .header {
        background: #fff;
        color: #333333;
    }

    .full-intro .header {
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 991px) {
    .header .side-menu-btn ul li, .header .mobile-menu-icon-wraper {
        padding: 19px 0 20px;
    }

    .header .logo a, .header.sticky .logo a {
        /*margin-top: 12px;*/
        margin-top: 18px;
        width: 110px;
    }
}

/* Footer styling */
.footer {
    background-color: #f7f7f7;
    color: #333333;
    position: relative;
    width: 100%;
    display: block;
}

    .footer hr {
        border-color: #eee;
    }

    .footer .footer-info p {
        color: #333333;
    }

    .footer .link {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .footer .link a {
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
        }



@media (max-width: 767px) {
    .footer {
        text-align: center;
    }
}

/* Testimonials section on home page */
.container-icon {
    font-size: 25px;
    margin-bottom: 15px;
    color: inherit;
}

.testimonial {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.quote-author {
    margin-top: 15px;
}

/* Approach icons */
.page-icon-top {
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 100%;
    color: #ffffff;
}

    .page-icon-top.dark {
        color: #333333;
    }

/* Global search at the very top of the site */
.top-search-bar {
    background: #2F3345;
    z-index: 2002;
    color: #fff;
    padding-top: 10px;
}

    .top-search-bar .search-wraper {
        position: relative;
    }

    .top-search-bar input {
        background-color: rgba(255,255,255,0);
        border: none;
        font-size: 16px;
        color: #fff;
        padding: 10px 40px;
        margin: 0;
        letter-spacing: 1px;
    }

        .top-search-bar input:focus {
            color: #fff;
        }

    .top-search-bar .bar-close, .top-search-bar .search-bar-icon {
        position: absolute;
        top: 10px;
        color: #fff;
        background-repeat: no-repeat;
        display: block;
        font-size: 20px;
    }

    .top-search-bar .bar-close {
        right: 0px;
        left: auto;
        background-position: right center;
    }

    .top-search-bar .search-bar-icon {
        left: 0px;
        background-position: left center;
    }

/* Page wrappers */
.wrapper {
    position: relative;
    width: 100%;
}

.inner-intro {
    background-color: #f7f7f7;
    height: 530px;
    display: block;
    position: relative;
}

    .inner-intro.inner-intro-small {
        height: 380px;
    }

    .inner-intro .container {
        position: relative;
        height: 100%;
        display: table;
    }

        .inner-intro .container .title {
            padding-bottom: 65px;
            padding-top: 65px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

.full-intro .inner-intro .container .title h2 {
    margin-top: 65px;
}

.inner-intro .container .title .separator {
    margin-right: auto;
    margin-left: auto;
}

.overlay-static-dark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    height: 100%;
    z-index: 2;
    background-color: rgba(32,32,32,0.4);
    display: -webkit-flex;
    display: flex;
}

.overlay-dark, .overlay-dark80, .overlay-light, .overlay-light80, .overlay-approach, .overlay-approach-bg {
    position: relative;
    z-index: 1;
}

    .overlay-dark:before, .overlay-dark80:before, .overlay-light:before, .overlay-light80:before, .overlay-approach:before, .overlay-approach-bg:before {
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        z-index: -1;
    }

    .overlay-dark:before {
        background-color: rgba(32,32,32,0.5);
    }

    .overlay-approach-bg:before {
        background-color: rgba(32,32,32,0.5);
    }

    .overlay-dark80:before {
        background-color: rgba(0,0,0,0.5);
    }

    .overlay-approach:before {
        background-color: rgba(32,32,32,0.3);
    }

    .overlay-light:before {
        background-color: rgba(255,255,255,0.25);
    }

    .overlay-light80:before {
        background-color: rgba(255,255,255,0.25);
    }

.full-screen-intro {
    overflow: hidden;
    position: relative;
    background: #000;
}

.home-video {
    width: 100%;
}

@media (max-width: 1435px) { /*1200px*/
    .home-video {
        width: auto;
        height: 100%;
    }
}



.content-cap-wraper {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.full-cap-wraper {
    display: table;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}


.content-caption {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

@media (min-width: 1025px) {
    .content-caption-margin {
        margin-right: 50px;
    }
}
/*@media (max-width: 1441px) {
    .content-caption {
        padding-left: 400px;
    }
}

@media (max-width: 1281px) {
    .content-caption {
        padding-left: 360px;
    }
}*/
@media (max-width: 768px) {
    .content-caption {
        text-align: center;
        /*padding-left: 0;*/
    }
}

@media (max-width: 991px) {
    .dummy-element {
        display: none;
    }
}

.caption-alignment {
    display: inline-block;
    text-align: center;
}

.content-wd650 {
    max-width: 650px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.cont-h-100per {
    height: 100%;
}

/*backround images*/
.bg-img {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.border-b-box {
    padding: 25px;
    border-bottom: 1px solid #f1f1f1;
    display: inline-block;
    width: 100%;
}

.border-box {
    border: 1px solid #f1f1f1;
    padding: 25px;
}

.b-lrb-none .ui-tab-content, .b-lrb-none {
    border-left: 0px none;
    border-right: 0px none;
    border-bottom: 0px none;
}

.content-slider, .o-flow-hidden {
    overflow: hidden;
}


@media (max-width: 767px) {
    .inner-intro .container {
        width: 100%;
        max-width: 720px;
        text-align: center;
    }
}

#app_anim img {
    display: none;
}

    #app_anim img.active {
        display: block;
    }

.search-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10000;
    background-color: rgba(0,0,0,0.8);
}

.clear-both {
    clear: both;
}

.overlay-header {
    padding: 5px;
    background: #f0f0f0;
    border-radius: 5px 5px 0 0;
}

.overlay-body {
    /*background-color:rgba(0,0,0,0.8);*/
    width: 100%;
    height: 100%;
}

.chart-container {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    border: 2px solid #f0f0f0;
    margin: 0px auto;
    border-radius: 12px;
    margin-top: 5%;
}

.close-overlay {
    width: 42px;
    height: 42px;
    background: url(../img/bg/cancel_icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}

.search-icon {
    width: 32px;
    height: 32px;
    background: url(../img/bg/search_icon.png) no-repeat;
    float: right;
    /* background: url(../img/bg/close_red_icon.png) no-repeat;
        margin: -24px -24px;*/
    cursor: pointer;
    position: relative;
    margin: -2px;
}

.srch-btn {
    margin-left: -10px;
}

.active-search-input {
    width: 100px;
    padding: 2px 2px 2px 25px !important;
}

.cancel-btn {
    margin-left: 10px;
    float: none !important;
}

.search-input {
    width: 100px;
    border: none;
    font-size: 14px;
    padding: 2px 2px 2px 25px !important;
    /*padding: 5px 5px 5px 25px;*/
    -moz-box-shadow: inset 0 0 10px #3D83B7;
    -webkit-box-shadow: inset 0 0 10px #3D83B7;
    box-shadow: 0 0 28px #3D83B7;
    border-radius: 5px;
    background-image: url("../img/bg/icon_search.png");
    background-repeat: no-repeat;
    background-position: left 5px center;
    outline: none;
    margin-bottom: 10px;
}

.search-input-animate {
}

.close-btn {
    border: 1px solid #868686;
    border-radius: 3px;
    background: #3D83B7;
    color: #fff;
    cursor: pointer;
    font-weight: 300;
    padding: 0px 10px;
    margin: 0 auto;
    width: 60px;
}

.srch-btn, .cancel-btn {
    border: 1px solid #868686;
    border-radius: 3px;
    background: #3D83B7;
    color: #fff;
    cursor: pointer;
    float: left;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 0px 4px;
    line-height: 1.8;
}

.description {
    width: 500px;
    height: 500px;
    background: white;
    position: fixed;
    top: -500px;
    opacity: .2;
    border-radius: 6px 6px 0px 0px;
}

.desc-header {
    padding: 10px;
    background: #3D83B7;
    color: white;
    font-weight: 300;
    border-radius: 5px 5px 0px 0px;
}

.ui-autocomplete {
    z-index: 10000 !important;
}

.desc-body {
    padding: 10px;
    height: calc(100% - 45px);
}

.desc-body-container {
    height: calc(100% - 45px);
}

.coming-soon {
    background: url(../img/logo/white.png) no-repeat #0D6884;
    background-position: center 185px;
    z-index: 10001;
}

    .coming-soon .mainText {
        margin: 300px 0 50px 0;
        color: white;
        text-align: center;
        text-transform: none;
        font-weight: 700;
        font-size: 30px;
    }

    .coming-soon .subText {
        color: white;
        text-align: center;
        font-size: 24px;
        font-weight: normal;
    }

.required-field:after {
    color: red;
    font-size: 18px;
    font-weight: bold;
    content: "*";
}

.space-paragraph {
    line-height: 22px;
    margin-bottom: 18px;
    font-size: 13px;
}

.load-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10000;
    background-color: rgba(0,0,0,.8);
    /*background-color: rgba(255,255,255,.9);*/
    display: table;
}


.loading-msg {
    padding: 15px 25px;
    display: inline-block;
    background-color: white;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
    color: black;
}

.loading-icon {
    padding-left: 60px;
    background: url(../img/bg/spin.gif) white no-repeat;
    background-size: 20%;
    background-position: 15px;
}


.load-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.success-msg {
    color: #8db53f !important;
    border-color: #8db53f !important;
}

.failure-msg {
    color: red !important;
    border-color: red !important;
}

.success-popup {
    padding: 30px;
    width: 400px;
    margin: 0 auto;
    background-color: white;
    border-radius: 5px;
}

.success-header {
    color: #000;
    font-size: 30px;
    margin-top: 20px;
}

.alert-popup {
    min-width: 400px;
    max-width: 620px;
    margin: 0 auto;
    background-color: white;
    border-radius: 5px;
    text-align: left;
}

.alert-header {
    color: #FFF;
    font-size: 16px;
    padding: 8px 15px;
    background: #4AA7BD;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.alert-body {
    padding: 15px;
    text-align: center;
}

.alert-btn {
    background: #4AA7BD;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    font-size: 15px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
}

    .alert-btn:active {
        -moz-box-shadow: inset 0 0 5px #000;
        -webkit-box-shadow: inset 0 0 5px #000;
        box-shadow: inset 0 0 5px #000;
    }

.alert-msg {
    color: black;
    font-size: 14px;
    margin: 15px 0;
    text-align: left;
}

.success-icon {
    background: url(../img/bg/tick_green.png) no-repeat;
    background-position: center center;
    height: 115px;
    margin-top: -84px;
}

.failure-icon {
    background: url(../img/bg/close_red.png) no-repeat;
    background-position: center center;
    height: 115px;
    margin-top: -84px;
}


.success-btn {
    background: #67C100;
    padding: 10px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 5px;
    cursor: pointer;
}

    .success-btn:active {
        -moz-box-shadow: inset 0 0 5px #000;
        -webkit-box-shadow: inset 0 0 5px #000;
        box-shadow: inset 0 0 5px #000;
    }

.success-mssg {
    color: black;
    font-size: 14px;
    margin: 25px 0;
}

.invalid-captcha {
    color: red;
    font-weight: bold;
}

.remove-top-spacing {
    top: -10px !important;
}

    .remove-top-spacing li:nth-child(2) {
        text-transform: none !important;
    }

.justify-para {
    text-align: justify;
}

.align-left {
    text-align: left;
}

.clickable {
    cursor: pointer;
}

    .clickable:hover {
        color: #08b1db;
        text-decoration: underline;
    }

.btn-override {
    padding: 8px 12px;
}

.hospitals_SAVE {
    /*background: url(../img/content/Hospitals_SAVE.png) no-repeat;
    background-position: center center;
    width:600px;
    height: 500px;
        move-vertical-bundle

        */
}


.sticky .hide-search-icon {
    display: none;
}

.sticky .show-search-icon {
    display: block;
}

.hospital_home {
    background: url(../img/content/Hospitals_HomeHealthMgmt.png) no-repeat;
    height: 626px;
    background-position-x: center;
    background-size: 35%;
}

.img-container {
    position: relative;
    text-align: center;
}

.img-page {
    max-height: 350px;
    /*max-width: 500px;*/
}

.img-popup {
    padding: 30px;
    margin: 0 auto;
    background-color: white;
    border-radius: 5px;
    display: inline-block;
    overflow: auto;
    /*max-height:935px;*/
}

.zoom-in {
    /*background: url(../img/icon-zoom.png) #45218C no-repeat;
     -moz-box-shadow: inset 0 0 25px #3D83B7;
    -webkit-box-shadow: inset 0 0 25px #3D83B7;
    box-shadow: 0px 0 15px #3D83B7;
        height: 60px;
         top: 50%;
    margin-top: -24px;
        border-radius: 30px;   
        */
    background: url(../img/icon-zoom.png) no-repeat;
    background-position: 40% 50%;
    width: 60px;
    height: 42px;
    position: absolute;
    margin-left: -24px;
    margin-top: 10px;
    left: 50%;
    cursor: pointer;
    background-size: 65%;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.img-container:hover .zoom-in {
    width: 80px;
    height: 80px;
    /*border-radius: 35px;*/
}

.chevron_arrow {
    opacity: 1;
    z-index: 10;
    display: none;
    position: absolute;
    bottom: 1.875rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity 1s ease-in-out;
}

    .chevron_arrow .bubble {
        width: 40px;
        height: 40px;
        background: #8DB53F;
        border-radius: 20px;
        -webkit-animation: bounce 3s infinite;
        animation: bounce 3s infinite;
        background: #0C374C;
        border-radius: 20px;
    }

.bubble svg {
    margin-top: 13px;
    margin-left: 6px;
    overflow: hidden;
    width: 28px;
}

.is-active {
    display: block;
}

.img-container img {
    -webkit-box-shadow: 10px 10px 28px -6px rgba(0,0,0,0.59);
    -moz-box-shadow: 10px 10px 28px -6px rgba(0,0,0,0.59);
    box-shadow: 10px 10px 28px -6px rgba(0,0,0,0.59);
}

.remove-shadow img {
    box-shadow: none;
}

.solution {
    background-image: url('../img/banner/solution-bg.jpg');
    background-position-y: 23.5%;
}

.provider {
    background-image: url('../img/banner/provider-bg.jpg');
    background-position-y: 22.5%;
}

.payer {
    background-image: url('../img/banner/payer-bg.jpg');
}


.save {
    background-image: url('../img/banner/save_bg_20181022a.jpg');
}

.hie {
    background-image: url('../img/banner/hie_bg_20180516b.jpg');
}

.casestudy {
    background-image: url('../img/banner/casestudy-bg.jpg');
    background-position: center;
}


.icon-hie, .icon-hie:before {
    background: #ffffff url("../img/heirarchy_diagram.svg") no-repeat 0px 4px;
    height: 40px;
    width: 36px;
    background-size: 36px 36px;
    display: inline-block;
}

.people {
    background-image: url('../img/banner/people-bg.jpg');
    background-position-y: 29.5%;
}

.approach {
    background-image: url('../img/banner/approach-img.jpg');
    background-position-y: 17.3%;
}

.home-video-bg {
    background: linear-gradient(to right, #0b2130 0%,#0b4e63 68%);
    background: rgb(8,33,48);
    background: -moz-linear-gradient(left, rgba(8,33,48,1) 0%, rgba(13,151,182,1) 100%);
    background: -webkit-linear-gradient(left, rgba(8,33,48,1) 0%,rgba(13,151,182,1) 100%);
    background: linear-gradient(to right, rgba(8,33,48,1) 0%,rgba(13,151,182,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082130', endColorstr='#0d97b6',GradientType=1 );
    /*background-image: url('../img/home/human-img.png');*/
    background-image: url('../img/home/human-img-slice-new.png');
    background-size:contain;
}

.error {
    color: red;
    font-weight: 500;
}


.animation-frame {
    width: 100%;
    height: 400px;
}

.action-btn-position {
    left: 0;
    top: -200px;
}

.action-btn {
    display: none;
    position: static !important;
}

.clear-text-transform {
    text-transform: none !important;
}

@media (min-width: 992px) {
    .move-vertical {
        margin-top: 100px;
    }

    .move-vertical-bundle {
        margin-top: 65px;
    }

    .margin-top-135 {
        margin-top: 135px;
    }

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

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

    .margin-top-85 {
        margin-top: 85px;
    }

    .margin-top-75 {
        margin-top: 75px;
    }

    .margin-top-68 {
        margin-top: 68px;
    }

    .margin-top-65 {
        margin-top: 65px;
    }

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

    .additional-space {
        margin-bottom: 34px;
    }
}

@media (max-width:515px) {
    .dynamic-width, .img-page {
        max-width: 340px !important;
    }
}

@media screen and (max-width: 905px) {
    .border-left {
        padding-left: 0 !important;
        margin: 25px 0 !important;
        border-left: none !important;
        border-top: 1px solid #999999;
        padding: 20px 0;
    }
}

/*Mainly for IpadMini*/
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {*/
@media (min-width : 768px) and (max-width : 960px) {
    .container-ipad-mini {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .job-application, .job-description {
        width: 50% !important;
    }

    .content-caption {
        text-align: center !important;
    }
}

@media (min-width : 961px) and (max-width : 1024px) {
    .container-ipad-mini {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .job-description {
        width: 60% !important;
    }

    .job-application {
        width: 40% !important;
    }

    .content-caption {
        text-align: center !important;
    }

    .chevron-position {
        bottom: 235px !important;
    }
}

@media (min-width: 991px) {
    .second-block {
        display: none !important;
    }

    .first-block {
        display: block !important;
    }
}

@media (max-width: 990px) {
    .second-block {
        display: block !important;
    }

    .first-block {
        display: none !important;
    }

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

    .top-bottom-space {
        margin: 40px 0;
    }

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

@media (max-width: 515px) {
    .btn-vertical-space {
        margin-top: 12px;
    }

    .btn-left-space {
        margin-left: 15px;
    }

    .reduce-width {
        width: 5px !important;
    }

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

    .top-bottom-space {
        margin: 40px 0;
    }

    .move-up {
        margin-top: -20px !important;
        bottom: auto !important;
    }
}

.human-bg, .human-bg-device {
    display: none;
}



@media (min-device-width: 1001px) and (max-device-width: 1550px) {
    .human-bg-device {
        height: 100%;
        display: block !important;
        background-image: url(../img/home/hmetrix_website_bg.jpg),linear-gradient(to right, #0b2130 0%,#0b4e63 68%);
        background-size: 1400px !important;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .home-video video {
        display: none !important;
    }
}

@media (min-device-width: 700px) and (max-device-width: 1000px) {
    .human-bg-device {
        height: 100%;
        display: block !important;
        background-image: url(../img/home/hmetrix_website_bg.jpg),linear-gradient(to right, #0b2130 0%,#0b4e63 68%);
        background-size: 1200px !important;
        background-position: 25px 0px;
        background-repeat: no-repeat;
    }

    .home-video video {
        display: none !important;
    }
}

@media (max-width: 1019px) and (orientation: portrait) {
    .human-bg-device {
        height: 100%;
        display: block !important;
        background-image: url(../img/home/human_body.jpg),linear-gradient(to right, #0b2130 0%,#0b4e63 68%);
        background-size: 1200px;
        background-position: center center;
        background-repeat: no-repeat;
    }

}



@media (min-width : 0px) and (max-width : 399px) {
    .human-bg-device {
        width: 100%;
        height: 100%;
        display: block !important;
        background-repeat: no-repeat;
        background-image: url(../img/home/hmetrix_website_bg.png),linear-gradient(to right, #0b2130 0%,#0b4e63 68%);
        background-position: -115px 60px;
        background-size: 1400px;
    }

    .text-shadow {
        text-shadow: 0px 0px 100px rgba(0,0,0, 1);
    }

    .home-video video {
        display: none !important;
    }

    .our-approach {
        background-position: -60px 0px !important;
        background-size: 1273px auto;
    }

    .population {
        background-position: 0px 65px !important;
    }

    .contact {
        background-position: -280px 65px !important;
        background-size: 770px;
    }

    .payer {
        background-position: 565px 65px !important;
        background-size: 1655px auto;
    }

    .people {
        background-position: 0px 0px !important;
        background-size: 900px auto;
    }

    .joinus {
        background-position: 0px 60px !important;
        background-size: 845px auto;
    }

    .approach {
        background-image: url('../img/banner/approach-bg.jpg');
        background-position: 0px 55px !important;
        background-size: 1530px auto;
    }

    .solution {
        background-position: -280px 65px !important;
        background-size: 770px;
    }

    .provider {
        background-position: -400px 65px !important;
        background-size: 1350px;
    }

    .hide-chevron {
        display: none !important;
    }

    .hide_search {
        display: none !important;
    }

    .action-btn-position {
        left: 0;
        top: -75px;
        display: none !important;
    }

    .action-btn {
        display: block !important;
    }

    .search.fa-solid.fa-bars {
        display: block !important;
    }
    .mobile-menu-nav {
        display: block !important;
    }
    .search.fa-search {
        display: none !important;
    }
    /*.header .side-menu-btn ul li {
        padding: 10px 0 0px;
    }*/
    .header.sticky a.search {
        color: #333333 !important;
    }
    /*.animation-frame {
        height: 350px;
    }*/
}

@media (min-width : 501px){

    .search.fa-solid.fa-bars {
        display: none !important;
    }
    .mobile-menu-nav {
        display: none !important;
    }
}

/*For Nexus 6p,5X,Iphone6*/
@media (min-width : 501px) and (max-width : 549px) {
    .search.fa-search {
        display: none !important;
    }

    .search.fa-solid.fa-bars {
        display: block !important;
    }

    /*.header .side-menu-btn ul li {
        padding: 10px 0 0px;
    }*/

    .header.sticky a.search {
        color: #333333 !important;
    }
    /*.header .logo a, .header.sticky .logo a {
        margin-top: 8px;
    }*/
    .mobile-menu-nav {
        display: block !important;
    }
}
@media (min-width : 400px) and (max-width : 500px) {


    .human-bg-device {
        width: 100%;
        height: 100%;
        display: block !important;
        background-repeat: no-repeat;
        background-image: url(../img/home/hmetrix_website_bg.png),linear-gradient(to right, #0b2130 0%,#0b4e63 68%);
        background-position: -140px 60px;
        background-size: 1650px;
    }

    .home-video video {
        display: none !important;
    }

    .text-shadow {
        text-shadow: 0px 0px 100px rgba(0,0,0, 1);
    }

    .our-approach {
        background-position: -60px 0px !important;
        background-size: 1273px auto;
    }

    .population {
        background-position: 0px 65px !important;
        /*background-size: 1645px auto;*/
    }

    .contact {
        background-position: -280px 65px !important;
        background-size: 770px;
    }

    .approach {
        background-image: url('../img/banner/approach-bg.jpg');
        background-position: 0px 55px !important;
        background-size: 1550px auto;
    }

    .people {
        background-position: 0px 0px !important;
        background-size: 900px auto;
    }

    .joinus {
        background-position: 0px 0px !important;
        background-size: 900px auto;
    }

    .payer {
        background-position: 582px 65px !important;
        background-size: 1690px auto;
    }

    .solution {
        background-position: -280px 65px !important;
        background-size: 770px;
    }

    .provider {
        background-position: -385px 60px !important;
        background-size: 1290px;
    }

    .hide-chevron {
        display: none !important;
    }

    .search.fa-search {
        display: none !important;
    }

    .search.fa-solid.fa-bars {
        display: block !important;
    }

    .mobile-menu-nav {
        display: block !important;
    }
    .action-btn-position {
        left: 0;
        top: -75px;
        display: none !important;
    }

    .action-btn {
        display: block !important;
    }

    /*.header .logo a, .header.sticky .logo a {
        margin-top: 8px;
    }*/

    /*.header .side-menu-btn ul li {
        padding: 10px 0 0px;
    }*/

    .header.sticky a.search {
        color: #333333 !important;
    }
    /*.animation-frame {
        height: 350px;
    }*/
}

    @media (min-width : 501px) and (max-width : 767px) {
        .background-img {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-image: url(../img/home/human_body.png),linear-gradient(to right, #0b2130 0%,#0b4e63 68%);
            background-position: 0px 60px;
            background-size: 710px;
        }

        .hide-chevron {
            display: none !important;
        }

        .hide_search {
            display: none !important;
        }

        .text-shadow {
            text-shadow: 0px 0px 100px rgba(0,0,0, 1);
        }

        .our-approach {
            background-position: 0px 0px !important;
            background-size: 900px auto;
        }

        .payer {
            background-position: 565px 70px !important;
            background-size: 1650px auto;
        }

        .solution {
            background-position-x: 100% !important;
        }

        .provider {
            background-position: -215px 65px !important;
            background-size: 980px;
        }

        .approach {
            background-image: url('../img/banner/approach-bg.jpg');
        }

        /*.human-bg-device {
        width: 100%;
        height: 100%;
        display: block !important;
        background-repeat: no-repeat;
        background-image: url(../img/home/hmetrix_website_bg.jpg),linear-gradient(to right, #0b2130 0%,#0b4e63 68%);
        background-position: -155px 60px;
        background-size: 2090px;
    }*/

        .home-video video {
            display: none !important;
        }

        .action-btn-position {
            display: none !important;
        }

        .action-btn {
            display: block !important;
        }
    }

    @media (max-width: 600px) {
        .human-bg-device {
            height: 100%;
            display: block !important;
            background-image: url(../img/home/human_body.jpg),linear-gradient(to right, #0b2130 0%,#0b4e63 68%);
            background-size: 700px;
            background-position: center center;
            background-position-y: 60px;
            background-repeat: no-repeat;
        }
    }

    @media (min-device-width : 768px) and (max-device-width : 999px) {
        .home-video video {
            display: none !important;
        }
    }

    @media (min-width : 768px) and (max-width : 999px) {
        .human-bg-device {
            width: 100%;
            height: 100%;
            display: block !important;
            background-repeat: no-repeat;
            background-image: url(../img/home/hmetrix_website_bg.png),linear-gradient(to right, #0b2130 0%,#0b4e63 68%);
            background-position: -110px 0px;
            background-size: 2340px;
        }

        .solution {
            background-position-x: 100% !important;
        }

        .payer {
            background-position: -550px 0px !important;
            background-size: 1440px auto;
        }

        .provider {
            background-position: -300px 0px !important;
            background-size: 1440px auto;
        }

        /*video {
        display: none !important;
    }*/

        .approach {
            background-image: url('../img/banner/approach-bg.jpg');
        }

        .action-btn-position {
            display: none !important;
        }

        .action-btn {
            display: block !important;
        }
    }

    @media only screen and (min-width : 1000px) and (max-width : 1399px) {
        .solution {
            background-position-x: 100% !important;
        }

        .payer {
            background-position: -375px 0px !important;
            background-size: 1612px auto;
        }

        .provider {
            background-position-x: 50% !important;
        }
    }

    @media (min-width : 1400px) and (max-width : 1700px) {
        .solution {
            background-position-x: 100% !important;
        }

        .payer {
            background-position: -240px 0px !important;
            background-size: 1612px auto;
        }

        .provider {
            background-position-x: 50% !important;
        }
    }

    @media (min-width : 0px) and (max-width : 800px) and (orientation: landscape) {
        .home-video video {
            display: none !important;
        }

        .human-bg-device {
            display: block;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-image: url(../img/home/home_bg.png),linear-gradient(to right, #0b2130 0%,#0b4e63 68%) !important;
            background-position: 0px 60px;
            background-size: 800px !important;
        }
    }

    @media (min-width: 992px) {

        .action-btn-position {
            left: -200px;
            top: 0;
        }

        .overlay-dark80:before {
            background-color: rgba(32,32,32,0.5);
        }

        .overlay-approach:before {
            background-color: rgba(32,32,32,0.3);
        }
    }


    /*Added by MG on 9/11*/
    .cases-block {
        border: 1px solid #585656;
        background-color: white;
    }

        .cases-block div {
            background-color: #585656;
            font-size: 15px;
            padding: 9px;
            color: white;
            height: 60px;
        }

        .cases-block img {
            height: 130px;
        }


    /*hover over Effect on case study*/
    .hovereffect {
        width: 100%;
        height: 100%;
        float: left;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default;
    }

        .hovereffect .overlay {
            width: 100%;
            height: 100%;
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
            background-color: rgba(0,0,0,0.6);
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transform: translate(460px, -100px) rotate(180deg);
            -ms-transform: translate(460px, -100px) rotate(180deg);
            transform: translate(460px, -100px) rotate(180deg);
            -webkit-transition: all 0.2s 0.4s ease-in-out;
            transition: all 0.2s 0.4s ease-in-out;
        }

        .hovereffect img {
            display: block;
            position: relative;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        .hovereffect h2 {
            text-transform: uppercase;
            color: #fff;
            text-align: center;
            position: relative;
            font-size: 17px;
            padding: 10px;
            background: rgba(0, 0, 0, 0.6);
        }

        .hovereffect a.info {
            display: inline-block;
            text-decoration: none;
            padding: 7px 14px;
            text-transform: uppercase;
            color: #fff;
            border: 1px solid #fff;
            margin: 60px 0 0 0;
            background-color: transparent;
            -webkit-transform: translateY(-200px);
            -ms-transform: translateY(-200px);
            transform: translateY(-200px);
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            .hovereffect a.info:hover {
                box-shadow: 0 0 5px #fff;
            }

        .hovereffect:hover .overlay {
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
            -webkit-transform: translate(0px, 0px);
            -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
        }

        .hovereffect:hover h2 {
            -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
            transform: translateY(0px);
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }

        .hovereffect:hover a.info {
            -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
            transform: translateY(0px);
            -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
        }



    /* People section*/


    .container2 {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    @media (min-width: 768px) {
        .container2 {
            width: 750px;
        }
    }

    @media (min-width: 992px) {
        .container2 {
            width: 970px;
        }
    }

    @media (min-width: 1200px) {
        .container2 {
            width: 1400px;
        }
    }

    .leftPaneHeader {
        text-align: right;
    }

    @media (max-width: 768px) {
        .col-sm-4 .leftPaneHeader {
            text-align: center;
        }
    }

    @media (max-width: 1200px) {
        .col-lg-3 .leftPaneHeader, .col-lg-4 .leftPaneHeader {
            text-align: center;
        }
    }

    .rightPaneHeader {
        text-align: left;
    }

    @media (max-width: 768px) {
        .col-sm-4 .rightPaneHeader {
            text-align: center;
        }
    }

    @media (max-width: 1200px) {
        .col-lg-3 .rightPaneHeader, .col-lg-4 .rightPaneHeader {
            text-align: center;
        }
    }

    @media (max-width: 1200px) {
        .col-lg-4 .rightPaneHeader {
            padding: 0px 50px;
        }
    }

    @media (max-width: 1200px) {
        .col-lg-4 .leftPaneHeader {
            padding: 0px 50px;
        }
    }


    @media (max-width: 768px) {
        .row1 .col-sm-4 {
            margin-bottom: 100px;
        }
    }

    @media (max-width: 768px) {
        .row2 .col-lg-3 {
            margin-bottom: 100px;
        }
    }

    @media (min-width: 1250px) {
        .divTeamDetails .row1, .divTeamDetails .row2 {
            padding-left: 100px;
            padding-right: 100px;
        }
    }

    @media (min-width: 1600px) {
        .divTeamDetails .row1, .divTeamDetails .row2 {
            padding-left: 250px;
            padding-right: 250px;
        }
    }

    @media (min-width: 1250px) {
        .divTeamDetails .row3 {
            padding-left: 100px;
            padding-right: 100px;
        }
    }

    @media (min-width: 1400px) {
        .divTeamDetails .row3 {
            padding-left: 230px;
            padding-right: 230px;
        }
    }

    @media (min-width: 1800px) {
        .divTeamDetails .row3 {
            padding-left: 400px;
            padding-right: 400px;
        }
    }

    /*@media (min-width: 1200px) {
    .bios-desc {
        width: 350px;
    }
}

@media (min-width: 1600px) {
    .bios-desc {
        width: 400px;
    }
}*/


    .bios-desc {
        min-width: 250px;
        max-width: 400px;
    }




    .row1 {
        min-height: 100px;
        width: 100%;
        overflow: hidden;
    }

    .row2 {
        min-height: 100px;
        width: 100%;
        overflow: hidden;
    }

    .row3 {
        min-height: 100px;
        width: 100%;
        overflow: hidden;
    }



    @media (min-width: 1201px) {
        .second-block-people {
            display: none !important;
        }

        .first-block-people {
            display: block !important;
        }
    }

    @media (max-width: 1200px) {
        .second-block-people {
            display: block !important;
        }

        .first-block-people {
            display: none !important;
        }
    }