* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4;
    padding-top: 68px;
    transition: all 0.5s ease 0s;
}

/* @media(min-width: 602px){
    body{
        padding-top: 82px;
    }
} */
@media (min-width: 992px) {
    body {
        padding-top: 116px;
    }
}

.body-wrapper {
    overflow-x: hidden;
}

img {
    border: 0;
}

/********************* Header Bar CSS ******************/
a {
    transition: all 0.5s ease 0s;
}

header {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
}

.header-top {
    background-size: 100% 100%;
    background-position: left top;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 0;
}

@media (min-width: 992px) {
    .header-top {
        padding: 24px 36px 24px 36px;
    }
}

.header-container {
    z-index: 99;
    position: relative;
    width: 100%;
    background: #ffffff;
    float: left;
}

.header-container .logo-container {
    padding: 18px 0 17px 20px;
    float: left;
    width: 145px;
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) {
    .header-container .logo-container {
        padding: 9px 0 9px 38px;
        float: left;
        width: 230px;
        position: relative;
        z-index: 1;
        height: 68px;
    }
}

.header-container .logo-container img {
    display: block;
    max-width: 100%;
}

/********************* Navigation CSS ******************/
.header-container .navbar {    
    float: left;
    width: 68px;
}

.main-nav-toggle {
    height: 68px;
    width: 68px;
    display: block;
    background-color: #00b5e6;
    cursor: pointer;
    padding: 20px 12px;
    position: relative;
}

@media (min-width: 992px) {
    .main-nav-toggle {
        height: 68px;
        width: 68px;
        display: block;
        background-color: #00b5e6;
        cursor: pointer;
        padding: 32px 10px;
    }
}

.main-nav-toggle.active {
    background: #a1a2a4;
}

.main-nav-toggle span {
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -17px;
}

.main-nav-toggle span, .main-nav-toggle span:before, .main-nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 26px;
    background: white;
    position: absolute;
    display: block;
    content: ' ';
    left: 50%;
    margin-left: -13px;
}

.main-nav-toggle span:before {
    top: -7px;
}

.main-nav-toggle span:after {
    bottom: -7px;
}

.main-nav-toggle span, .main-nav-toggle span:before, .main-nav-toggle span:after {
    transition: all 0.3s ease-in-out;
}

.main-nav-toggle.active span {
    background-color: transparent;
}

.main-nav-toggle.active span:before, .main-nav-toggle.active span:after {
    top: 0;
}

.main-nav-toggle.active span:before {
    transform: rotate(45deg);
}

.main-nav-toggle.active span:after {
    transform: rotate(-45deg);
}
.nav-list {
    padding: 0;
    list-style-type: none;
    width: 255px;
    position: fixed;
    z-index: 99;
    background: #fff;
    top: 68px;
    margin: 0;
    left: -255px;
    transition: all 0.5s ease 0s;
}

@media (min-width: 992px) {
    .nav-list {
        z-index: 9;
        top: 116px;
    }
}

.nav-list.lvl-1.active {
    left: 0;
}

.nav-list li {
    display: block;
    float: left;
    width: 100%;
}

.nav-list li a {
    padding-left: 15px;
    width: 100%;
    text-transform: uppercase;
    padding-top: 28px;
    padding-bottom: 22px;
    position: relative;
    display: table;
    border-bottom: 1px solid #eeeeee;
    text-decoration: none;
}

.nav-list li a span {
    display: table;
    font-size: 13px;
    text-decoration: none;
    color: #666;
    line-height: 20px;
    width: 80%;
}

.nav-list li a:hover span,
.nav-list li a:focus span {
    color: #008cb2;
}

.nav-list li a .nav-toggle {
    background-image: url(../images/drop-down-arrow.svg);
    background-repeat: no-repeat;
    float: right;
    background-position: center;
    width: 20px;
    height: 20px;
    position: relative;
    right: 15px;
    background-size: cover;
    /* transition: all 0.5s ease 0s; */
}

.nav-list li a.active .nav-toggle, .nav-list li a .nav-toggle:focus {
    transform: rotate(-180deg);
}

.nav-list.lvl-2, .nav-list.lvl-3 {
    position: relative;
    top: 0;
    left: 0;
    display: none;
    transition: none;
}

.nav-list.lvl-2 a {
    background-color: #33353A;
    border-bottom: 1px solid #202225;
    border-top: 1px solid #42454e;
    padding-left: 18px;
}
.nav-list.lvl-2 > li > a:hover {
    background-color: #1f2226;
}
.nav-list.lvl-2.active > li > a.current {
    background-color: #191919 !important;
}
.nav-list.lvl-3 a {
    padding-left: 32px;
}

.nav-list.lvl-2 a span {
    color: #fff;
}

.lvl-1.mCustomScrollbar {
    max-height: calc(100vh - 68px);
}

@media (min-width: 992px) {
    .lvl-1.mCustomScrollbar {
        max-height: calc(100vh - 116px);
    }
}

.content-main-wrapper {
    transition: transform 0.5s ease;
    position: relative;
}

.content-main-wrapper.menu-opened {
    transform: translateX(255px);
    cursor: pointer;
    z-index: 99;
}

.content-main-wrapper.menu-opened:before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.overflow {
    overflow: hidden !important;
    height: 100vh;
    position: relative;
    width: 100%;
    top: initial;
    left: 0;
    right: 0;
}

@media (min-width: 992px) {
    .main-nav-toggle span, .main-nav-toggle span:before, .main-nav-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 2px;
        width: 34px;
        background: white;
        position: absolute;
        display: block;
        content: ' ';
        margin-left: -17px;
    }
}

@media (min-width: 1024px) {
    .header-container .navbar {
        width: 68px;
    }
}

/********************* Search CSS *********************/
.edge-autoSuggestFieldFilled {
    background-color: #f2f2f2 !important;
}

#searchTextBoxdesktop::placeholder {
    color: #333333;
    font-size: 16px;
}
#searchTextBoxmobile::placeholder {
    color: #666666;
    font-size: 16px;
}
#searchTextBoxdesktop{
    display: none;
}
#searchTextBoxmobile{
    display: block;
}
@media(min-width: 992px){
    #searchTextBoxdesktop{
        display: block;
    }
    #searchTextBoxmobile{
        display: none;
    }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f2f2f2 inset !important;
    box-shadow: 0 0 0 30px #f2f2f2 inset !important;
}
.searchBar {
    float: right;
    height: auto;
    z-index: 9;
    margin-top: 0;
}
.focused-icon{
    display: none;
}
.src-open .focused-icon{
    display: block;
}
.src-open .original-icon{
    display: none;
}
.searchBar form {
    width: 100%;
    position: relative;
}

.search.collapsed {
    overflow: visible;
    width: 0px;
}
.search {
    width: 100%;
    margin: 0;
    background-color: #f2f2f2;    
    float: right;
    padding: 0 0 0 15px;    
    position: fixed;
    top: 68px;
    left: 0;
    right: 0;
    display: none;
}
.search-inner{
    display: table;
    width: 100%;
}
.search i {
    display: table-cell;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.searchBar .search input {
    background: none;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    outline: none;
    padding: 0 10px 0 0;
    vertical-align: bottom;
    height: 50px;
    width: 100%;
    padding-left: 10px;
}

.search.collapsed input {
    width: 0;
    padding-left: 0;
    padding-right: 0;
}

.search i.search-open:after {
    content: "Close";
    cursor: pointer;
}

.search i.search-open:before {
    background-image: url("../images/close-black.png");
}

.search i:before {
    content: " ";
    background-image: url(../images/search.svg);
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
.visible-xs{
    display: block;
}
.search-btn {
    background: transparent;
    border: 0;
    margin-top: 25px;
    padding: 0px 15px;
    outline: none;
}
@media (min-width: 992px) {
    .searchBar {
        margin-top: 9px;
    }

    .search {
        width: 190px;
        position: relative;
        top: 0;
        display: block !important;
    }
    .visible-xs{
        display: none;
    }
}
/********************* Mylan Worlwide panel CSS ******************/
.mylan-worldwide-panel .close {
    float: right;
    position: relative;
    right: 0;
    cursor: pointer;
    padding-right: 18px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.mylan-worldwide-panel .close:hover, .mylan-worldwide-panel .close:focus {
    color: #008cb2;
}

.mylan-worldwide-panel .close:after {
    background-image: url("../images/close-black.svg");
    content: " ";
    width: 12px;
    height: 12px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.mylan-worldwide-panel .close:hover:after, .mylan-worldwide-panel .close:focus:after {
    background-image: url("../images/close-blue.svg");
}

.mylan-worldwide-panel .close img {
    height: 1rem;
    padding-left: 0.625rem;
}

.header-container .header-right .mylan-worldwide-btn {
    padding: 25px 2px;
    background: #ffffff;
    border: 0;
    cursor: pointer;
    float: right;
    opacity: 1;
    transition: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 15px;
    color: #333333;    
}

@media (min-width: 992px) {
    .header-container .header-right .mylan-worldwide-btn {
        padding: 14px 2px;
        background: #ffffff;
        border: 0;
        cursor: pointer;
        float: right;
        opacity: 1;
        transition: none;
        margin-top: 9px;
        margin-right: 0;
        height: 50px;
    }
}

.header-container .header-right .mylan-worldwide-btn:hover, .header-container .header-right .mylan-worldwide-btn:focus {
    outline: none;
}

.mylan-worldwide-btn span {
    position: relative;
    top: 0px;
    font-size: 16px;
    vertical-align: top;
}

.mylan-worldwide-btn span.globe-img {
    margin-right: 5px;
}

.mylan-worldwide-btn span.globe-img img {
    display: inline-block;
}

.mylan-worldwide-btn span.arrow-img {
    margin-left: 5px;
}

.mylan-worldwide-panel {
    background: #ffffff;
    padding: 25px 15px;
    color: #454648;
    display: none;
    width: 100%;
    position: relative;
    z-index: 99;
    overflow-y: auto;
    height: 100vh;
}

.mylan-worldwide-btn .img-span.arrow img {
    transition: all 0.5s ease 0s;
}

.mylan-worldwide-panel-open .img-span.arrow img {
    transform: rotate(180deg);
}

.mylan-worldwide-panel .location-selector h2 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: normal;
    color: #333;
    line-height: 1;
}

.mylan-worldwide-panel .location-selector ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    width: 100%;
    float: left;
}

.mylan-worldwide-panel .location-selector ul li {
    list-style: none;
    margin: 0;
    overflow: hidden;
}

.mylan-worldwide-panel .location-selector ul li .country-heading {
    font-size: 18px;
    border-bottom: 1px solid #9a9b9d;
    display: block;
    padding-bottom: 8px;
    margin-bottom: 25px;
    color: #666;
    display: block;
    width: 100%;
}

.mylan-worldwide-panel .location-selector ul li.europe-country {
    display: block;
}

.mylan-worldwide-panel .location-selector ul li .country-heading > a {
    color: #333;
    font-size: 16px;
    text-decoration: none;
}

.mylan-worldwide-panel .location-selector ul li .country-heading > a:hover, .mylan-worldwide-panel .location-selector ul li .country-heading > a:focus {
    color: #008cb2;
}

.mylan-worldwide-panel .location-selector ul li:first-child ul li a {
    font-size: 18px;
}

.mylan-worldwide-panel .location-selector ul ul li a {
    font-size: 16px;
    color: #454648;
    text-decoration: none;
    display: inline-block;
    transition: all 0.5s ease 0s;
}

.mylan-worldwide-panel .location-selector ul ul li a:hover, .mylan-worldwide-panel .location-selector ul ul li a:focus {
    color: #05aed4;
}

.mylan-worldwide-panel .location-selector .europe-country > li {
    width: 50%;
    float: left;
}

/* .mylan-worldwide-panel .location-selector .europe-country > li:nth-child(5):after {
    content: "\A";
    white-space: pre;
} */

span.img-span {
    width: 16px;
    display: inline-block;
    position: relative;
    padding: 0;
    vertical-align: top;
    height: 16px;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-1:before,
.mylan-worldwide-panel .location-selector .europe-country .country-list-1:after {
    content: " ";
    display: table;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-1:after {
    clear: both;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-1 > li {
    width: 50%;
    float: left;
    list-style-type: none;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-2 {
    width: 100%;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-2 > li {
    width: 100%;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-2:before,
.mylan-worldwide-panel .location-selector .europe-country .country-list-2:after {
    content: " ";
    display: table;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-2:after {
    clear: both;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-stack li {
    width: 100%;
    float: none;
    margin-bottom: 16px;
    list-style-type: none;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-stack li .multilingual__country-name {
    font-size: 16px;
    color: #666666;
    margin-right: 10px;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-stack li a {
    font-size: 16px;
    color: #333;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-stack li a:hover, .mylan-worldwide-panel .location-selector .europe-country .country-list-stack li a:focus {
    color: #008cb2;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-stack li .multilingual_languages a {
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    color: #333;
    text-decoration: none;
    margin: 0;
    vertical-align: middle;
    line-height: 14px;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-stack li .multilingual_languages a:hover, .mylan-worldwide-panel .location-selector .europe-country .country-list-stack li .multilingual_languages a:focus {
    color: #008cb2;
    text-decoration: none;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-stack li .multilingual_languages a:after {
    content: "|";
    display: inline-block;
    position: relative;
    color: #333;
    vertical-align: top;
    font-size: 14px;
    line-height: 14px;
    margin: -1px 2px 0 6px;
}

.mylan-worldwide-panel .location-selector .europe-country .country-list-stack li .multilingual_languages a:last-child:after {
    content: "";
}

.hide-xs {
    display: none;
}

/* @supports (-ms-ime-align: auto) {
    .mylan-worldwide-panel .location-selector ul li.europe-country {
        top: -50px;
        position: relative;
    }
} */

@media (min-width: 992px) {
    .hide-xs {
        display: inline-block;
    }

    .mylan-worldwide-panel .close {
        padding-right: 23px;
        color: #333;
        font-size: 18px;
    }

    .mylan-worldwide-panel .close:after {        
        content: "";
        width: 16px;
        height: 16px;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        right: 0;
        top: 50%;
        margin-top: -8px;
    }

    .mylan-worldwide-panel {
        padding: 30px 36px;
        width: 100%;
        height: auto;
    }

    .mylan-worldwide-panel .location-selector h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .mylan-worldwide-panel .location-selector ul li .country-heading {
        font-size: 24px;
    }

    .mylan-worldwide-panel .location-selector ul li .country-heading > a,
    .mylan-worldwide-panel .location-selector ul li .country-heading > a:hover,
    .mylan-worldwide-panel .location-selector ul li .country-heading > a:focus {
        font-size: 18px;
    }

    .mylan-worldwide-panel .location-selector .europe-country .country-list-1 > li {
        width: 50%;
    }

    .mylan-worldwide-panel .location-selector .europe-country .country-list-2 > li {
        width: 50%;
        float: left;
    }
}

/********************* Footer CSS *********************/
.footer {
    background: #00b5e6;    
}
.footer-section-wrapper{
    padding: 30px 0 25px;
    float: left;
    width: 100%;
}
@media (min-width: 992px) {
    .footer {
        padding: 46px 0 50px;
    }
    .footer-section-wrapper{
        padding: 0;
    }
    .footer-section-wrapper .footer-column:nth-child(3){
        width: 18%;
    }
}

.footer-column {
    width: 20%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
}

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

.footer-column h3,
.socialIcon h3 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 9px;
    font-size: 15px;
    line-height: 1.4;
}

.footer-column h3 a {
    color: #fff;
    text-decoration: none;
}

.footer-column h3 a:hover, .footer-column h3 a:focus {
    color: #333333;
}

.footer-column h3:after,
.socialIcon h3:after {
    content: "";
    height: 1px;
    width: 94px;
    background: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer-column ul li {
    display: block;
    line-height: 1.2;
}

.footer-column ul li a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    transition: all 0.5s ease 0s;
    line-height: 1.4;
}

.footer-column ul li a:hover, .footer-column ul li a:focus {
    color: #333333;
}

.sub-menu-footer {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .sub-menu-footer {
        width: 74%;
        margin-top: 32px;
    }
}
@media (min-width: 1200px) {
    .sub-menu-footer {
        width: 78%;       
    }
}

.sub-menu-footer ul {
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    margin: 0;
}

.sub-menu-footer ul li {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    float: left;
}

.sub-menu-footer ul li:nth-child(5) {
    clear: both;
}

.sub-menu-footer ul li:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 12px;
    background: #fff;
    right: 0;
    top: 7px;
}

.sub-menu-footer ul li:last-child:after, .sub-menu-footer ul li:nth-child(4):after {
    background: transparent;
}

.sub-menu-footer ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    transition: all 0.5s ease 0s;
}

.sub-menu-footer ul li a:hover, .sub-menu-footer ul li a:focus {
    color: #333333;
}

.copyright {
    clear: both;
    color: #fff;    
    float: left;
    font-size: 13px;
    margin-top: 30px;
    padding-left: 15px;  
}

@media (min-width: 992px) {
    .copyright {       
        margin-top: 35px;
    }
}
.footer-logo-wrapper{
    width: 100%;
    float: left;
    padding-left: 15px;
}
@media (min-width: 992px) {
    .footer-logo-wrapper{
        width: 26%;
        float: right;
    }
}
@media (min-width: 1200px) {
    .footer-logo-wrapper{
        width: 22%;       
    }
}
.copyright.mobile-visible {
    margin-top: 30px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.socialIcon {
    float: left;
    margin-top: 28px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.socialIcon h3{
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    margin-top: 4px;
}
.socialIcon h3:after{
    display: none;
}
@media (min-width: 992px) {
    .socialIcon {
        width: 26%;
        margin-top: 32px;
    }
}
@media (min-width: 1200px) {
    .socialIcon {
        width: 22%;
        margin-top: 32px;
    }
}

.footer-logo {
    display: block;
    width: 104px;
    margin-top: 25px;
    float: left;
    clear: both;
}
@media (min-width: 992px) {
    .footer-logo {
        clear: none;
    }
}
.footer-logo img{
    width: 100%;
}
@media (min-width: 992px) {
    .footer-logo {
        width: 128px;
        height: 32px;
    }
}

.socialIcon p {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding-bottom: 8px;
    margin: 0;
}

.socialIcon p:after {
    content: "";
    height: 1px;
    width: 95px;
    background: #00b5e6;
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer-socialmedia {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    float: left;    
}

.footer-socialmedia li {
    float: left;
    margin-right: 12px;
    width: 32px;
}

.footer-socialmedia li:last-child {
    margin-right: 0;
}

.footer-socialmedia li a {
    opacity: 1;
    transition: all 0.5s ease 0s;
    width: 24px;
    height: 24px;
    display: block;
}

@media (min-width: 992px) {
    .footer-socialmedia li a {
        width: 30px;
        height: 30px;
    }
}

.footer-socialmedia li a img {
    width: 100%;
    display: block;
}

.footer-socialmedia .hovercolor {
    position: relative;
    height: 32px;
    width: 32px;
    background: #fff;
    border-radius: 50%;
}
.footer-socialmedia .hovercolor span{
    display: block;
    position: relative;
}
.footer-socialmedia .hovercolor span:after{
    content: "";
    height: 18px;
    width: 18px;
    background-size: cover;
    position: absolute;
    top: 7px;
    left: 7px;
}
.footer-socialmedia .twitter .hovercolor span:after{
    background-image: url("../images/icon-f-twitter.svg");    
}
.footer-socialmedia .twitter:hover .hovercolor span:after{
    background-image: url("../images/icon-f-h-twitter.svg");
}
.footer-socialmedia .linkedin .hovercolor span:after{
    background-image: url("../images/icon-f-linkedin.svg");    
}
.footer-socialmedia .linkedin:hover .hovercolor span:after{
    background-image: url("../images/icon-f-h-linkedin.svg");
}
.footer-socialmedia .youtube .hovercolor span:after{
    background-image: url("../images/icon-f-youtube.svg");    
}
.footer-socialmedia .youtube:hover .hovercolor span:after{
    background-image: url("../images/icon-f-h-youtube.svg");
}

@media (min-width: 992px) {
    .sub-menu-footer ul li {
        position: relative;
        padding-right: 12px;
        margin-right: 10px;
        margin-bottom: 0;
        float: left;
    }

    .sub-menu-footer ul li a {
        font-size: 15px;
    }

    .footer-column {
        display: block;
    }
}

/************************** socialicon-box ****************************/
.socialicon-box {
    position: relative;
    right: 0;
    top: 67%;
    z-index: 99;    
    background: #333333;    
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 100%;
}
@media (min-width: 992px) {
    .socialicon-box {
        position: fixed;
    }
}
.socialicon-box .share-btn{
    display: block;
    padding: 18px;
    float: left;
    background: #f2f2f2;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #666666;
}
.socialicon-box .share-btn img{
    position: relative;
    top: 4px;
    left: 15px;
    width: 20px;
}
.socialicon-box ul {
    list-style: none;
    padding: 14px 0px 8px;
    margin: 0;
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    background: #fff;
}

.socialicon-box ul li {
    margin: 0;
    text-align: center;
    margin-bottom: 0px;
    display: inline-block;
}
@media(min-width:992px){
    .socialicon-box ul li {
        margin-bottom: 10px;
        display: block;
    }
}
.socialicon-box ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.socialicon-box ul li a {
    text-decoration: none;
    display: inline-block;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    padding-top: 7px;
    display: block;
    margin-right: 15px;
    cursor: pointer;
}
.socialicon-box ul li a.facebook{
    background: #3b5998;
}
.socialicon-box ul li a.twitter{
    background: #0084b4;
}
.socialicon-box ul li a.linkedin{
    background: #0077B5;
}   
@media(min-width:992px){
    .socialicon-box ul li a{
        padding: 0;
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto;
        border-radius: 0%;
        padding: 0;        
    }  
    .socialicon-box ul li a.facebook, .socialicon-box ul li a.twitter, .socialicon-box ul li a.linkedin{
        background: transparent;
    }
}

.socialicon-box ul li a span:after{
    width: 20px;
    height: 30px;
    display: block;
    margin: 0 auto;
    content:  " ";
    background-position: center center;
    background-repeat:  no-repeat;
    background-size: contain;
}
@media(min-width:992px){
    .socialicon-box ul li a span:after{
        width: 26px;
        height: 26px;
    }
}
.socialicon-box ul li a img {
    display: block;
    max-width: 100%;
}
.socialicon-box ul li a.youtube {
    margin-bottom: 25px;
}
.socialicon-box ul li a.twitter span:after {
    background-image: url("../images/twitter.svg");
}

.socialicon-box ul li a.twitter:hover span:after, .socialicon-box ul li a.twitter:focus span:after {
    background-image: url("../images/twitter_hover.svg");
}

.socialicon-box ul li a.linkedin span:after {
    background-image: url("../images/linkedin.svg");
}

.socialicon-box ul li a.linkedin:hover span:after, .socialicon-box ul li a.linkedin:focus span:after {
    background-image: url("../images/linkedin_hover.svg");
}
.socialicon-box ul li a.youtube span:after {
    background-image: url("../images/icon-youtube.png");
}

.socialicon-box ul li a.youtube:hover span:after, .socialicon-box ul li a.youtube:focus span:after {
    background-image: url("../images/icon-youtube-blue.png");
}
.socialicon-box ul li a.facebook span:after {
    background-image: url("../images/facebook.svg");
}

.socialicon-box ul li a.facebook:hover span:after, .socialicon-box ul li a.facebook:focus span:after {
    background-image: url("../images/facebook_hover.svg");
}

.share-wrapper{
    display: none;
}

.share-btn.share-open .white-share {
    display: none;
}
@media (min-width: 992px) {
    .socialicon-box {
        width: 50px;
    }
    
    .socialicon-box .share-btn {
        display: none;
    } 
    .share-wrapper{
        display: block !important;
    } 
    .socialicon-box ul{
        padding: 20px 0px;
        background: transparent;
    }
}
@media(max-width: 992px){
    .hide-mobile{
        display: none;
    }
}
/********************* interstitial css ****************/
.interstitial .window {
    background: #fff;    
    height: 100%;    
    max-width: 100%;
    margin: 0 5%;
}
@media(min-width: 992px){
    .interstitial .window {
        max-width: 645px;
        margin: 0 auto;
    }
}
.interstitial .window .inner {
    padding: 41px 40px 60px 36px;
}
.interstitial .left {
    width: 100%;
    float: left;
}
@media(min-width: 992px){
    .interstitial .left {
        width: 45%;
    }
}
.interstitial .right {
    margin-left: 0%;
}
@media(min-width: 992px){
    .interstitial .right {
        margin-left: 45%;
    }
}
.interstitial .window h2 {
    font-size: 18px;
    padding-bottom: 16px;
    margin: 0;
    color: #333;
    line-height: 1.2;
}
.interstitial .window .caption {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 1.4;
    color: #666;
}
.interstitial .continue, .interstitial .cancel {
    display: inline-block;
}
.btn-v2 {
    cursor: pointer;
    display: inline-block;    
    color: #666;
    background: #efefef;
    background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%);
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
}
.interstitial .continue a {
    padding: 12px 24px;
}
.btn-v2 > a {
    color: #00BCE4;
    padding: 12px 14px;
    display: block;
    font-weight: bold;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 14px;
}
.btn-v2 > a:hover {
    color: #00BCE4;
    text-decoration: none;
}
.btn-v2 > a > span {
    left: -2px;
    position: relative;
}
.interstitial .cancel {
    margin-left: 40px;
}
.interstitial .window .stripes {
    background-color: white;
    background-image: url(../images/bluestripes.png);
    background-repeat: repeat-x;
    height: 14px;
    width: 100%;
}
.interstitial .window .stripes .bar {
    height: inherit;
    width: 38%;
    background: #26BDE2;
}
.interstitial {
    display: none;
    position: fixed;
    top: 20%;
    right: 0;
    left: 0;
    z-index: 999;
}
#interstitial-overlay {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3000000, endColorstr=#d3000000);
}

:root .main-nav-toggle.active { 
    background: url(../images/close.svg) no-repeat center center #a1a2a4\0;
    height: 68px\0;
    width: 68px\0;
    display: block\0;
    background-size: 28px 28px\0;
}
:root .main-nav-toggle.active span{ 
    display: none\0;
} 
/* ***************** Inner Page Navigation CSS Starts ************************** */
.main-wrap .grid .nav-wrapper {
    width: 100%;
    float: left;
}
@media(min-width: 992px){
    .main-wrap .grid .nav-wrapper {
        width: 240px;
    }
}
.main-wrap .grid .nav-wrapper .desktop-subnavigation{
    display: none;
}
@media(min-width: 992px){
    .main-wrap .grid .nav-wrapper .desktop-subnavigation{
        display: block;
    }
}
.main-wrap .grid .nav-wrapper .mobile-subnavigation{
    display: block;
    padding: 20px 15px;
}

.main-wrap .grid .nav-wrapper .desktop-subnavigation .nav-list.lvl-2 > li > a:hover .nav-link {
    color: #008cb2;
}
.main-wrap .grid .nav-wrapper .desktop-subnavigation .nav-list.lvl-2 > li > a.current:hover .nav-link,
.main-wrap .grid .nav-wrapper .desktop-subnavigation .nav-list.lvl-2 > li > a.active:hover .nav-link {
    color: #666666;
}
.mobile-subnavigation .top-level-link a {
    font-size: 14px;
    font-weight: bold;
    color: #00bbe7;
    text-decoration: none;
}
.mobile-subnavigation select {
    width: 100%;
    font-size: 16px;
}
.mobile-subnavigation .top-level-link {
    padding-bottom: 10px;
}
@media(min-width: 992px){
    .main-wrap .grid .nav-wrapper .mobile-subnavigation{
        display: none;
    }
}
.main-wrap .grid .content-wrapper{
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
@media(min-width: 992px){
    .main-wrap .grid .content-wrapper{        
        padding-left: 40px;
        width: calc(100% - 240px);;
    }
}
.main-wrap .grid .nav-wrapper a{
    text-decoration: none;
}
.main-wrap .grid .nav-wrapper .nav-activator.lvl-2.active > .nav-link, .main-wrap .grid .nav-wrapper .nav-activator.lvl-2.current > .nav-link {
    color: #00b5e6;
    font-weight: bold;
    font-size: 15px;
    padding: 12px 20px;
    display: block;
}

.main-wrap .grid .nav-wrapper .nav-activator.lvl-2.active > .nav-toggle, .main-wrap .grid .nav-wrapper .nav-activator.lvl-2.current > .nav-toggle {
    display: none;
}

.main-wrap .grid .nav-wrapper .nav-list.lvl-2 > li > a > .nav-link {
    font-size: 13px;
    color: #666666;
    padding: 12px 20px;
    display: table-cell;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
}
.main-wrap .grid .nav-wrapper .nav-list.lvl-2 > li > a:hover .nav-link{
    color: #00b5e6;
}
.main-wrap .grid .nav-wrapper .nav-activator.lvl-2:before{
    border-top: 0;
    border-bottom: 0;
    background-color: transparent;
}
.main-wrap .grid .nav-wrapper .nav-list.lvl-2 {
    display: block !important;
    width: 100%;
}

.main-wrap .grid .nav-wrapper .nav-list.lvl-3 > li > a > .nav-link {
    font-size: 13px;
    color: #666666;
    padding: 12px 20px 12px 45px;
}

.main-wrap .grid .nav-wrapper .nav-list.lvl-2 > li > a, .main-wrap .grid .nav-wrapper .nav-list.lvl-3 > li > a {
    background-color: transparent;
    border-bottom: 1px solid #dfe0e2;
    border-top: 0;
    padding: 0px;
}

.main-wrap .grid .nav-wrapper .nav-list.lvl-2 > li > a.active {
    background-color: #e7e7e7 !important;
    display: table;
}

.main-wrap .grid .nav-wrapper .nav-list.lvl-2 > li > a.active:after {
    content: '';
    background-image: url(../images/right-arrow-img.png);
    background-repeat: no-repeat;
    background-position: center;
    display: table-cell;
    width: 60px;
}

@media (min-width: 991px) {
    .main-wrap .grid .nav-wrapper {
        display: block;
        margin-top: 18px;
    }
}

/* ***************** Inner Page Navigation CSS Ends *************************** */
/* Back to top CSS Starts*/
.back-to-top {
    position: relative;
}

.back-img {
    display: block;
    width: 100%;
    opacity: 0;
}

.back-img:after {
    content: "";
    background-image: url(../images/up-arrow.svg);
    width: 36px;
    height: 36px;
    background-color: rgba(102, 102, 102, 0.8);
    border-radius: 50%;
    border: 1px solid #ffffff;
    background-size: 50% 50%;
    position: fixed;
    background-repeat: no-repeat;
    background-position: center;
    right: 15px;
    cursor: pointer;
    bottom: 15px;
}

/* Back to top CSS Ends*/

/* new code for footer styling and the css heck for IE */
.copyright span{
    display: block;
}
.copyright span:first-child{
    margin-bottom: 5px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .main-nav-toggle {
        transition: none;
    }
}
/* new code for footer styling and the heck for IE end */