/*NEW STYLES*/

@media(max-width:767px){
	.mobileRow{
		margin-right: -15px;
    	margin-left: -15px;
	}
}

 .odSearchToggle{
	margin-right:32px;
}


 #orthoHeroComponent .searchDropdownArrow{
     cursor:pointer;
}
 #orthoSearchDropdown input{
     outline:none;
}
 #orthoSearchDropdown .odSearchToggle{
     padding-right:32px;
}
 #orthoHeroComponent .orthoNav2ColumnLeft{
     border-right: 1px solid #F5F5F2;
}
 #orthoHeroComponent .orthoNav2ColumnRight{
     padding-left:40px;
}
/*OPTIONAL HEADER BACKGROUND*/
 #orthoHeroComponent .hero{
     position:relative;
}
 #orthoHeroComponent .heroTitle{
     position: absolute;
     top: 62%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #FFFFFF;
     font-family: Merriweather;
     font-size: 36px;
     font-weight: 300;
     line-height: 45px;
     text-align: center;
}
 #orthoHeroComponent .tier1Title{
     display: none;
}
/*BOOTSTRAP MODIFIED*/
 #orthoHeroComponent .nav li>a{
     border-bottom:2px solid transparent;
}
 #orthoHeroComponent .nav li>a:hover{
     border-bottom:2px solid #FFFFFF;
}
 #orthoHeroComponent .nav>li>a{
     padding:0;
     margin-top: 4px;
}
 #orthoHeroComponent .mobileNavContainer{
     display: none;
     width:100%;
    /*box-shadow: 0 0 14px 0 rgba(0,0,0,0.3);
    */
}
 #orthoHeroComponent .mobileNavContainer .tier2Container {
     display: none;
}
 #orthoHeroComponent .mobileNavContainer .tier2Container {
     display: none;
}
 #orthoHeroComponent .mobileNavContainer .tier4Container {
     display: none;
}
 .flipArrow{
     -webkit-transform: scaleY(-1);
     -moz-transform: scaleY(-1);
     -ms-transform: scaleY(-1);
     -o-transform: scaleY(-1);
     transform: scaleY(-1);
}
 @media(max-width:992px){
     #orthoHeroComponent .navbar-new-collapse{
         display:none;
    }
}
/*COUNTRY SELECTOR*/
 .countryselectorDesktop{
     display: none;
     background-color:#fff;
     z-index:9999;
     -webkit-box-shadow: 0px 11px 24px -10px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 11px 24px -10px rgba(0,0,0,0.75);
     box-shadow: 0px 11px 24px -10px rgba(0,0,0,0.75);

}
 @media(max-width:991px){
     .countryselectorDesktop{
         position:absolute;
    }
}
 .full-width {
     width: 100vw;
}
 .countryselectorDesktop .menuClose{
     background-color:#747678;
     color:#fff;
     padding:15px;
}
 .countryselectorDesktop .menuCloseIcon{
     height:31px;
     width:31px;
}
 @media(min-width:992px){
     .countryselectorDesktop .padding{
         padding:40px;
    }
}
 .countryLanguage{
     color:#1a4b94!important;
}
 .countryLanguage:hover{
     color:#cf2f44;
}
 @media(max-width:992px){
     .countryselectorDesktop .tablet-margin{
         margin-top:40px;
    }
     .countryselectorDesktop{
         top:0px;
    }
     .countryInfo{
         padding: 5px 0px 5px 0px;
    }
}
 .countryselectorDesktop .thumbs ul li a span{
     margin-top:0!important;
}
 .countryselectorDesktop .thumbs ul li {
     margin: 0 0 20px!important;
}
 @media(max-width:768px){
     .countryselectorDesktop .thumbs ul li {
         border-bottom:1px solid #F2F2F2;
         padding: 0px 0px 20px 0px;
    }
}
 .countryselectorDesktop .padding {
     padding: 40px 30px;
}
 .countryselectorDesktop .countryName{
     font-size:14px;
     color:#000;
}
 @media(min-width:768px){
     #orthoHeroComponent .navbar-new-right{
         float:right;
    }
}
 @media(min-width:1024px){
     #orthoHeroComponent .navbar-new-header{
         float:left;
    }
}
 #orthoHeroComponent .navbar-new-collapse{
     padding-left:32px;
     overflow-x:visible;
     -webkit-overflow-scrolling:touch;
     border-top:1px solid transparent;
     -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
     box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
 #orthoHeroComponent .nav>li>a:focus, .nav>li>a:hover{
     background-color:transparent!important;
}
 #orthoHeroComponent .navbar-new-collapse.in{
     overflow-y:auto;
}
 @media (min-width:768px){
     #orthoHeroComponent .navbar-new-collapse{
         width:auto;
        border-top:0;
         -webkit-box-shadow:none;
         box-shadow:none;
    }
     #orthoHeroComponent .navbar-new-collapse .collapse{
         display:block!important;
         height:auto!important;
         padding-bottom:0;
         overflow:visible!important;
    }
     #orthoHeroComponent .navbar-new-collapse.in{
         overflow-y:visible;
    }
}
 #orthoHeroComponent .navbar-new-fixed-bottom .navbar-new-collapse,.navbar-new-fixed-top .navbar-new-collapse{
     max-height:340px;
}
 #orthoHeroComponent .container-fluid>.navbar-new-collapse,.container-fluid>.navbar-new-header,.container>.navbar-new-collapse,.container>.navbar-new-header{
     margin-right:-15px;
     margin-left:-15px;
}
 @media (min-width:768px){
     #orthoHeroComponent .container-fluid>.navbar-new-collapse,.container-fluid>.navbar-new-header,.container>.navbar-new-collapse,.container>.navbar-new-header{
         margin-right:0;
         margin-left:0;
    }
}
 #orthoHeroComponent .navbar-new-brand:focus,.navbar-new-brand:hover{
     text-decoration:none;
}
 @media(min-width:1200px){
     #orthoHeroComponent .navbar-new-brand>img{
         width:290px;
         height:26px;
    }
}
 @media(min-width:1200px){
     #orthoHeroComponent .navbar-new-brand{
         width:290px;
         height:26px;
         position:relative;
         left:32px;
         top:40px;
    }
}


@media (max-width: 1200px) and (min-width: 480px){
#orthoHeroComponent .navbar-new-brand>img {
    	width: 200px;
	}
}

 @media(max-width:479px){
     #orthoHeroComponent .navbar-new-brand>img{
         width:190px;
    }
}

 @media(max-width:1200px) and (min-width:992px){
     #orthoHeroComponent .navbar-new-brand{
         width:230px;
         height:20.62px;
         position:relative;
         left:32px;
         top:42px;
    }
}
 @media(max-width:992px){
     #orthoHeroComponent .navbar-new-brand{
         width:230px;
         height:20.62px;
         position:relative;
         left: 13px;
         top: 9px;
    }
}
 @media (min-width:768px){
     #orthoHeroComponent .navbar-new>.container .navbar-new-brand,.navbar-new>.container-fluid .navbar-new-brand{
         margin-left:-15px;
    }
}
 @media (max-width:767px){
     #orthoHeroComponent .navbar-new-nav .open .dropdown-menu{
         position:static;
         float:none;
         width:auto;
         margin-top:0;
         background-color:transparent;
         border:0;
         -webkit-box-shadow:none;
         box-shadow:none;
    }
     #orthoHeroComponent .navbar-new-nav .open .dropdown-menu .dropdown-header,.navbar-new-nav .open .dropdown-menu>li>a{
         padding:5px 15px 5px 25px;
    }
     #orthoHeroComponent .navbar-new-nav .open .dropdown-menu>li>a{
         line-height:20px;
    }
     #orthoHeroComponent .navbar-new-nav .open .dropdown-menu>li>a:focus,.navbar-new-nav .open .dropdown-menu>li>a:hover{
         background-image:none;
    }
}
 @media (min-width:768px){
     #orthoHeroComponent .navbar-new-nav>li{
         float:left;
    }
}
 #orthoHeroComponent .navbar-new-nav>li>.dropdown-menu{
     margin-top:0;
     border-top-left-radius:0;
     border-top-right-radius:0;
}
 #orthoHeroComponent .navbar-new-fixed-bottom .navbar-new-nav>li>.dropdown-menu{
     margin-bottom:0;
     border-top-left-radius:4px;
     border-top-right-radius:4px;
     border-bottom-right-radius:0;
     border-bottom-left-radius:0;
}
 #orthoHeroComponent .navbar-new-default .navbar-new-text{
     color:#777;
}
 #orthoHeroComponent .navbar-new-default .navbar-new-nav>.active>a,.navbar-new-default .navbar-new-nav>.active>a:focus,.navbar-new-default .navbar-new-nav>.active>a:hover{
     color:#555;
     background-color:#e7e7e7;
}
 #orthoHeroComponent .navbar-new-default .navbar-new-nav>.disabled>a,.navbar-new-default .navbar-new-nav>.disabled>a:focus,.navbar-new-default .navbar-new-nav>.disabled>a:hover{
     color:#ccc;
     background-color:transparent;
}
 #orthoHeroComponent .navbar-new-default .navbar-new-toggle{
     height: 31px;
     width: 31px;
     top: 5px;
     position: relative;
}
 @media(min-width:768px){
     #orthoHeroComponent .navbar-new-default .navbar-new-toggle{
         margin-right:13px;
    }
}
 @media(max-width:767px){
     #orthoHeroComponent .navbar-new-default .navbar-new-toggle{
         margin-right:5px;
    }
}
 #orthoHeroComponent .navbar-new-header .icons{
     float:right;
}
 #orthoHeroComponent .navbar-new-header .icons ul li{
     display:inline;
}
 #orthoHeroComponent .navbar-new-header .search{
     margin-right:9px;
}
 @media(min-width:993px){
     #orthoHeroComponent .navbar-new-header .icons{
         display:none;
    }
}
 #orthoHeroComponent .navbar-new-default .navbar-new-collapse,.navbar-new-default .navbar-new-form{
     border-color:#e7e7e7;
}
 #orthoHeroComponent .navbar-new-default .navbar-new-nav>.open>a,.navbar-new-default .navbar-new-nav>.open>a:focus,.navbar-new-default .navbar-new-nav>.open>a:hover{
     color:#555;
     background-color:#e7e7e7;
}
 @media (max-width:767px){
     #orthoHeroComponent .navbar-new-default .navbar-new-nav .open .dropdown-menu>li>a{
         color:#777;
    }
     #orthoHeroComponent .navbar-new-default .navbar-new-nav .open .dropdown-menu>li>a:focus,.navbar-new-default .navbar-new-nav .open .dropdown-menu>li>a:hover{
         color:#333;
         background-color:transparent;
    }
     #orthoHeroComponent .navbar-new-default .navbar-new-nav .open .dropdown-menu>.active>a,.navbar-new-default .navbar-new-nav .open .dropdown-menu>.active>a:focus,.navbar-new-default .navbar-new-nav .open .dropdown-menu>.active>a:hover{
         color:#555;
         background-color:#e7e7e7;
    }
     #orthoHeroComponent .navbar-new-default .navbar-new-nav .open .dropdown-menu>.disabled>a,.navbar-new-default .navbar-new-nav .open .dropdown-menu>.disabled>a:focus,.navbar-new-default .navbar-new-nav .open .dropdown-menu>.disabled>a:hover{
         color:#ccc;
         background-color:transparent;
    }
}
 #orthoHeroComponent .navbar-new-default .navbar-new-link{
     color:#777;
}
 #orthoHeroComponent .navbar-new-default .navbar-new-link:hover{
     color:#333;
}
 #orthoHeroComponent .navbar-new-default .btn-link{
     color:#777;
}
 #orthoHeroComponent .navbar-new-default .btn-link:focus,.navbar-new-default .btn-link:hover{
     color:#333;
}
 #orthoHeroComponent .navbar-new-default .btn-link[disabled]:focus,.navbar-new-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-new-default .btn-link:focus,fieldset[disabled] .navbar-new-default .btn-link:hover{
     color:#ccc;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-brand{
     color:#9d9d9d;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-brand:focus,.navbar-new-inverse .navbar-new-brand:hover{
     color:#fff;
     background-color:transparent;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-text{
     color:#9d9d9d;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-nav>li>a{
     color:#9d9d9d;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-nav>li>a:focus,.navbar-new-inverse .navbar-new-nav>li>a:hover{
     color:#fff;
     background-color:transparent;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-nav>.active>a,.navbar-new-inverse .navbar-new-nav>.active>a:focus,.navbar-new-inverse .navbar-new-nav>.active>a:hover{
     color:#fff;
     background-color:#080808;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-nav>.disabled>a,.navbar-new-inverse .navbar-new-nav>.disabled>a:focus,.navbar-new-inverse .navbar-new-nav>.disabled>a:hover{
     color:#444;
     background-color:transparent;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-toggle{
     border-color:#333;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-toggle:focus,.navbar-new-inverse .navbar-new-toggle:hover{
     background-color:#333;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-toggle .icon-bar{
     background-color:#fff;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-collapse,.navbar-new-inverse .navbar-new-form{
     border-color:#101010;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-nav>.open>a,.navbar-new-inverse .navbar-new-nav>.open>a:focus,.navbar-new-inverse .navbar-new-nav>.open>a:hover{
     color:#fff;
     background-color:#080808;
}
 @media (max-width:767px){
     #orthoHeroComponent .navbar-new-inverse .navbar-new-nav .open .dropdown-menu>.dropdown-header{
         border-color:#080808;
    }
     #orthoHeroComponent .navbar-new-inverse .navbar-new-nav .open .dropdown-menu .divider{
         background-color:#080808;
    }
     #orthoHeroComponent .navbar-new-inverse .navbar-new-nav .open .dropdown-menu>li>a{
         color:#9d9d9d;
    }
     #orthoHeroComponent .navbar-new-inverse .navbar-new-nav .open .dropdown-menu>li>a:focus,.navbar-new-inverse .navbar-new-nav .open .dropdown-menu>li>a:hover{
         color:#fff;
         background-color:transparent;
    }
     #orthoHeroComponent .navbar-new-inverse .navbar-new-nav .open .dropdown-menu>.active>a,.navbar-new-inverse .navbar-new-nav .open .dropdown-menu>.active>a:focus,.navbar-new-inverse .navbar-new-nav .open .dropdown-menu>.active>a:hover{
         color:#fff;
         background-color:#080808;
    }
     #orthoHeroComponent .navbar-new-inverse .navbar-new-nav .open .dropdown-menu>.disabled>a,.navbar-new-inverse .navbar-new-nav .open .dropdown-menu>.disabled>a:focus,.navbar-new-inverse .navbar-new-nav .open .dropdown-menu>.disabled>a:hover{
         color:#444;
         background-color:transparent;
    }
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-link{
     color:#9d9d9d;
}
 #orthoHeroComponent .navbar-new-inverse .navbar-new-link:hover{
     color:#fff;
}
 #orthoHeroComponent .navbar-new-collapse:after,.navbar-new-collapse:before,.navbar-new-header:after,.navbar-new-header:before,.navbar-new:after,.navbar-new:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{
     display:table;
    content:" ";
}
 #orthoHeroComponent .btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-new-collapse:after,.navbar-new-header:after,.navbar-new:after,.pager:after,.panel-body:after,.row:after{
     clear:both;
}
 @media(min-width:640px){
     #orthoHeroComponent .navbar-new{
     /*background-image:url(/wps/orthoclinical-wcm-theme-Static/themes/OrthoClinicalWCMTheme/images/orthodesktopnav.png);*/
     
         background:-webkit-linear-gradient(277deg, #A41122 0%, #D20633 100%);
         background:-o-linear-gradient(277deg, #A41122 0%, #D20633 100%);
         background:linear-gradient(7deg, #A41122 0%, #D20633 100%);
         
    }
}
 @media(max-width:639px){
     #orthoHeroComponent .navbar-new{
         background-image:url(/wps/orthoclinical-wcm-theme-Static/themes/OrthoClinicalWCMTheme/images/orthomobilenav.png);
    }
}
 @media(min-width:1024px){
     #orthoHeroComponent .nav>li{
         padding:40px 10px 44px 10px;
    }
}
 @media(max-width:1023px) and (min-width:993px){
     #orthoHeroComponent .nav>li{
         padding:16px 10px 44px 10px;
    }
}
 @media(max-width:992px){
     #orthoHeroComponent .navbar-new{
         padding-top:21px;
         padding-bottom:21px;
    }
}
 #orthoHeroComponent .navbar-new a{
     color:#FFFFFF;
}
 #orthoHeroComponent .navbar-new-default{
     border:none;
}
/**********************************************NEWLY ADDED START***************************************************/
/* @media(min-width:768px){
     #orthoHeroComponent .hero{
         background-image: url(http://www.xennialconsulting.com/orthoimg/pomegranate/Ortho-Homepage-Hero.jpg);
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         height:822px;
    }
}
 */
/* @media(max-width:767px){
     #orthoHeroComponent .hero{
         background-image: url(/wps/orthoclinical-wcm-theme-Static/themes/OrthoClinicalWCMTheme/images/mobile/Ortho-Homepage-Hero.jpg);
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         height:80vh;
    }
}
 */
 #orthoHeroComponent .loginCountryContainer{
     padding:16px 30px 16px 30px;
     background-color:rgba(255,255,255,0.7);
     cursor:pointer;
     float:right;
}
 #orthoHeroComponent .countryContainer{
     color: #404040;
     float:left;
}
 #orthoHeroComponent .countryName, .countryAbr{
     font-size:14px;
}
 #orthoHeroComponent .countryflag{
     position:relative;
     bottom:1px;
     margin-right:9px;
}
 #orthoHeroComponent .loginContainer a{
     color:#404040;
     font-weight:bold;
     float:right;
}
 #orthoHeroComponent .countryAbr{
     text-transform:uppercase;
     margin-right:11px;
}
 #orthoHeroComponent .countryToggle{
     margin-right:15px;
}
 #orthoHeroComponent .countryToggle img{
     height:6px;
     width:10px;
}
 #orthoHeroComponent .loginDivider{
     margin-right:15px;
}
 @media(max-width:768px){
     .odHiddenXS{
         display:none;
    }
}
 #orthoHeroComponent .search{
     cursor:pointer;
}
 #orthoHeroComponent .burger{
     cursor:pointer;
}
 #orthoHeroComponent .navItem{
     line-height: 16px;
     padding:17px 20px 15px 17px;
}
 #orthoHeroComponent .mobileNavToggle{
     float:right;
     height:31px;
     width:31px;
     position: relative;
     bottom: 6px;
     left:6px;
     cursor:pointer;
}
 #orthoHeroComponent .mobileNavContainer{
     z-index:1;
     margin:0 auto;
     /*position:absolute;*/
}
 @media(min-width:993px){
     #orthoHeroComponent .mobileNavContainer{
         display:none;
    }
}
 #orthoHeroComponent .siteNav{
     position:relative;
}
 #orthoHeroComponent .mobileNavContainer ul{
     padding:0;
}
 #orthoHeroComponent .mobileNavContainer ul li{
     list-style-type:none;
}
 @media(max-width:768px){
     #orthoHeroComponent .mobileNavContainer{
         width:100%;
    }
}
#orthoHeroComponent .carouselOperatorContent{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a41122+0,d20633+100 */
background: #b50015;

    /*opacity:0.7;
    */
    /*background: -moz-linear-gradient(left, #a41122 0%, #d20633 100%);
     background: -webkit-linear-gradient(left, #a41122 0%,#d20633 100%);
     background: linear-gradient(to right, #a41122 0%,#d20633 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a41122', endColorstr='#d20633',GradientType=0 );
    */
    /*background: linear-gradient(308.7deg, #A41122 0%, #D20633 100%);
    */

}

#orthoHeroComponent .carouselCTAArrow{
     fill:#ffffff;
}
 #orthoHeroComponent .buttons svg{
     height:46px;
}
 #orthoHeroComponent #leftArrow{
     height: 46px;
     width: 46px;
     position: relative;
     left: 4px;
     top:5px;
}
 #orthoHeroComponent #rightArrow{
     height: 46px;
     width: 46px;
     position:relative;
     top:5px;
}

@media(min-width:768px){
     #orthoHeroComponent .carouselOperatorContent{
         max-width: 626px;
         float:right;
         padding:40px;
    }
     #orthoHeroComponent .carouselOperatorContainer{
         margin-top:195px;
    }
}

@media(max-width:767px){
     #orthoHeroComponent .carouselOperatorContent{
         width:90%;
         overflow:hidden;
         margin:0 auto;
         padding:19px 23px 19px 23px;
    }
     #orthoHeroComponent .carouselOperatorContainer{
         position:absolute;
         bottom:100px;
         width:100%
    }
}

/*#orthoHeroComponent .carouselOperatorContainer .title{
     color: #FFFFFF;
     font-family: Merriweather;
     font-size: 36px;
     font-weight: 300;
     line-height: 45px;
}
*/
 #orthoHeroComponent .carouselOperatorContainer .copy{
     color: #FFFFFF;
     font-size: 20px;
     font-weight: 300;
     line-height: 28px;
     margin-top:20px;
}

#orthoHeroComponent .carouselOperatorContainer .arrow{
     float: right;
}

@media(min-width:768px){
     #orthoHeroComponent .carouselOperatorContainer .arrow{
         margin-top: 50px;
         height:24px;
         width:46px;
    }
}

@media(max-width:767px){
     #orthoHeroComponent .carouselOperatorContainer .arrow{
         margin-top: 25px;
         height:19px;
         width:33px;
    }
}

 #orthoHeroComponent .carouselOperatorContainer .buttons{
     float:right;
}

 #orthoHeroComponent .carouselOperatorContainer ul{
     margin:0;
}

/*
 #orthoHeroComponent .carouselOperatorContainer ul li{
     display:inline;
}
 */
 #orthoHeroComponent{
     margin:0;
     font-size:14px;
     font-family:Montserrat;
}
 @media(max-width:1199px){
     #orthoHeroComponent .navbar-new{
         font-size:12px;
    }
}



.arrowUp{
	position:absolute;
	width:20px;
	height:20px;
	left:20px;
	display: none;
	fill:#fff;
	left:50%;
	z-index:99;
}

@media(min-width:1024px){
	.arrowUp{
		top:122px;
	}
}

@media(max-width:1024px){
	.arrowUp{
		top:99px;
	}
}

 #orthoHeroComponent .nav>li{
     cursor:pointer;
}
/**********************************************NEWLY ADDED END****************************************************/
/*NEW NAV STYLES*/
 @media(max-width:768px){
     .odHiddenXS{
         display:none;
    }
}
 #orthoHeroComponent .search{
     cursor:pointer;
}
 #orthoHeroComponent .burger{
     cursor:pointer;
}
 #orthoHeroComponent .tier1{
     background: linear-gradient(308.7deg, #A41122 0%, #D20633 100%);
     border-top:1px solid #ffffff;
     text-transform:uppercase;
     font-size: 13px;
     line-height: 16px;
     color:#ffffff;
}
 #orthoHeroComponent .tier2{
     background-color: #404040;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
     color: #BCBDBC;
     font-size: 14px;
     line-height: 17px;
     border-top:1px solid #ffffff;
}
 #orthoHeroComponent .tier3{
     background-color: #FFFFFF;
     text-transform:uppercase;
     color: #404040;
     font-size: 13px;
     font-weight: bold;
     line-height: 16px;
     border-top:1px solid #D8D8D8;
}
 #orthoHeroComponent .tier4{
     background-color:#ebebe8;
     text-transform:uppercase;
     color: #747678;
     font-size: 13px;
     line-height: 16px;
}
 #orthoHeroComponent .loginTier{
     background-color:#FFFFFF;
     text-transform:uppercase;
     color:#BCBDBC;
     font-size: 13px;
     line-height: 16px;
     border-top: 1px solid #e1e1e1;
}
 @media(min-width:769px){
     #orthoHeroComponent .loginTierShadow{
         display:none;
    }
}
 #orthoHeroComponent .loginTierShadow{
    /* box-shadow: 0 0 14px 0 rgba(0,0,0,0.3);
     */
}
 #orthoHeroComponent .navItem{
     line-height:16px;
     padding:17px 20px 15px 17px;
}
 #orthoHeroComponent .mobileNavToggle{
     float:right;
     height:31px;
     width:31px;
     position:relative;
     bottom:4px;
}
 #orthoHeroComponent .mobileNavContainer{
     z-index:1;
     margin:0 auto;
     /*position:absolute;*/
     box-shadow: 0 0 14px 0 rgba(0,0,0,0.3);
}
 @media(min-width:993px){
     #orthoHeroComponent .mobileNavContainer{
         display:none;
    }
}
 #orthoHeroComponent .siteNav{
     position:relative;
}
 #orthoHeroComponent .mobileNavContainer ul{
     padding:0;
     width:100%;
     margin:0;
}
 #orthoHeroComponent .mobileNavContainer ul li{
     list-style-type:none;
}
 #orthoHeroComponent{
     margin:0;
     font-size:14px;
     font-family:Montserrat;
}

/*LOGIN*/
/*#orthoHeroComponent .loginTier .opacityHover{
     color:#000000;
     opacity:0.4;
}
 #orthoHeroComponent .loginTier .opacityHover:hover{
     color:#000000;
     opacity:1;
}
*/
 #orthoHeroComponent .loginContainer{
     float:right;
     position:relative;
     cursor:pointer;
}
 #orthoHeroComponent .login{
     color:#404040;
     font-weight:bold;
     line-height: 17px;
     padding:13px 50px 13px 50px;
     background-color: rgba(255,255,255,0.7);
}
 #orthoHeroComponent .profileImg{
     margin-right:10px;
}
 #orthoHeroComponent .profileImg img{
     height:18px;
     width:18px;
}
 #orthoHeroComponent .user{
     margin-right:10px;
     text-transform:uppercase;
}
 #orthoHeroComponent .loginToggle img{
     height:6px;
     width:10px;
}
/*LOGIN DROPDOWN*/
 #orthoHeroComponent .loginContainerDropdown{
     position:relative;
     z-index:3;
     -webkit-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.5);
     -moz-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.5);
     box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.5);
     width:100%;
     display:none;
}
 #orthoHeroComponent .loginContainerDropdown ul{
     position:absolute;
     z-index:3;
     list-style-type:none;
     padding:0;
     width:100%;
     font-size: 12px;
     line-height: 14px;
     text-transform:uppercase;
     -webkit-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.5);
     -moz-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.5);
     box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.5);
}
 #orthoHeroComponent .loginContainerDropdown ul li{
     padding:15px;
     background-color: #FFFFFF;
     border-top:1px solid #e1e1e1;
}
 #orthoHeroComponent .loginContainerDropdown ul img{
     margin-right:20px;
}
 #orthoHeroComponent .loginContainerDropdown a:hover{
     text-decoration:none;
}
 #orthoHeroComponent .loginContainerLink {
     position:relative;
     top:2px;
}
 #orthoHeroComponent .loginTierContainer{
     display:none;
}
 #orthoHeroComponent .loginTierContainer img{
     margin-right:20px;
}
 #orthoHeroComponent .loginDropdownItem{
     color:#BCBDBC;
}
 #orthoHeroComponent .loginDropdownItem img{
     height:20px;
     width:20px;
}
 #orthoHeroComponent .loginDropdownItem:hover{
     color:#000;
}
 #orthoHeroComponent .navbarItemCopy{
     margin-right:20px;
}
 #orthoHeroComponent .navbarItem{
     text-transform:uppercase;
}
 #orthoHeroComponent .navbarItemHomeIcon{
     position:relative;
     bottom:3px;
}
 #orthoHeroComponent .navItem img{
     height:20px;
     width:20px;
}
/*MOBILE LOGIN*/
 #orthoHeroComponent .mobileLogin{
     color:#404040;
     font-weight:bold;
     line-height: 17px;
     background-color:#FFFFFF;
}
 #orthoHeroComponent .mobileNavContainer a:hover{
     text-decoration:none;
}
/*DROPDOWN MENS CSS*/
 .odDropdownMenuContainer{
     z-index: 1;
     margin: 0 auto;
     position: absolute;
     padding-top: 25px;
     display: none;
}
 .odDropdownMenuContainer .odDropdownMenu{
     background-color: #fff;
     padding: 40px;
	 box-shadow: 0 0 34px 0 rgba(0,0,0,0.2);
}
 .odDropdownMenuContainer ul{
     list-style-type:none;
     padding:0;
}
 .odDropdownMenuContainer a{
     color: #747678;
}
 .odDropdownMenuContainer a:hover{
     font-weight:bold;
     color:#FF6E79;
     text-decoration:none;
}
 .odDropdownMenuContainer .ddMenuTitleContainer{
     margin-bottom:39px;
}
 .odDropdownMenuContainer .ddMenuTitle{
     font-size:24px;
     line-height: 29px;
     color: #BCBDBC;
     margin-bottom:39px;
}
 .odDropdownMenuContainer .ddMenuSubTitleContainer{
     margin-bottom:10px;
}
 .odDropdownMenuContainer .ddMenuSubTitle{
     color: #404040;
     font-size: 14px;
     line-height: 17px;
     text-transform:uppercase;
     font-weight:500;
}
 .odDropdownMenuContainer .ddMenuItem{
     font-size: 14px;
     font-weight: 300;
     line-height: 32px;
}
 .odDropdownMenuContainer .solutionsMenuImageContainer img{
     display:block;
     margin:auto;
}
 @media(max-width:992px){
     .odDropdownMenuContainer{
         display:none;
    }
}
 #orthoHeroComponent .loginContainer{
     float:right;
     position:relative;
}
 #orthoHeroComponent .login{
     color:#404040;
     font-weight:bold;
     line-height: 17px;
     padding:13px 50px 13px 50px;
     background-color: rgba(255,255,255,0.7);
}
 #orthoHeroComponent .profileImg{
     margin-right:10px;
}
 #orthoHeroComponent .user{
     margin-right:10px;
     text-transform:uppercase;
}
 #orthoHeroComponent .loginToggle img{
     height:6px;
     width:10px;
}
 #orthoHeroComponent .loginContainerDropdown{
     position:relative;
     z-index:3;
     box-shadow: 0 2px 14px 0 rgba(0,0,0,0.5);
     width:100%;
}
 #orthoHeroComponent .loginContainerDropdown ul{
     position:absolute;
     z-index:3;
     list-style-type:none;
     padding:0;
     width:100%;
}
 #orthoHeroComponent .loginContainerDropdown ul li{
     padding:15px;
     background-color: #FFFFFF;
}
 #orthoHeroComponent .loginContainerDropdown ul a{
     color:#BCBDBC;
}
 .navbarItemHover {
     border-bottom:2px solid #FFFFFF !important;
}
 .mobileCountryLoginOneContainer{
     background-color:#FFFFFF;

}
 @media(min-width:769px){
     .mobileCountryLoginOneContainer{
         display:none;
    }
}
 .mobileCountryLogin{
     width:320px;
}
 #orthoHeroComponent .countryToggle{
     margin-right:15px;
}
 #orthoHeroComponent .countryToggle img{
     height:6px;
     width:10px;
}
/*DROPDOWN MENUS*/
 #orthonews-and-events-headerMenu{
     width:680px;
     right:0px;
}
 #orthoortho-care-headerMenu{
     width:800px;
     right:0px;
}
 #orthoabout-headerMenu {
     width:680px;
     left:0px;
}
 .odDropdownMenuContainer a:hover{
     font-weight:bold;
}
/* ADDED */
 #orthoCustXPNavFilterResults .custXPNavFilterResultsEditButton{
     text-decoration:underline;
}
 #orthoCustXPNavFilterResults .custXPNavFilterResultCTA{
     background-color:#000;
}
 #orthoCustXPNavFilterResults .custXPNavFilterResultCTA:hover{
     background: linear-gradient(308.7deg, #A41122 0%, #D20633 100%);
}
 #orthoCustXPNavFilterResults .custXPNavFilterResultCTAArrow svg{
}
 .odDropdownSearchContainer{
     z-index: 1;
     margin: 0 auto;
     position: absolute;
     padding:19px 38px 19px 38px;
     right:15px;
     background:#ffffff;
     color: #747678;
     font-family: Montserrat;
     font-size: 14px;
     font-weight: 300;
     line-height: 17px;
     box-shadow: 0 0 14px 6px rgba(0,0,0,0.03);
     display: none;
}
 @media(min-width:992px){
     .odDropdownSearchContainer{
         width:60%;
         bottom:-35px;
    }
}
 @media(max-width:991px){
     .odDropdownSearchContainer{
         width:100%;
    }
}
 .searchDropdownArrow{
     float:right;
     height:25px;
     width:47px;
}
 .odDropdownSearchContainer input{
     border:none;
     width:80%;
     padding-top:3px;
}


.countryselectorDesktop{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}



/* COOKIE POLICY CSS */

#orthoCookiePolicyComponent{
margin:0;
font-size:14px;
font-family:Montserrat;
}


#orthoCookiePolicyComponent .cookiePolicyContainer{
color:#FFFFFF;
background:linear-gradient(315deg, #000000 0%, #404040 100%);
font-weight:300;
}

#orthoCookiePolicyComponent a{
text-decoration:none;
}

#orthoCookiePolicyComponent .cookiePolicyClose img{
height:18px;
width:18px;
}



#orthoCookiePolicyComponent .cookiePolicy a{
color:#FFFFFF;
font-weight:600;
cursor:pointer;
}


#orthoCookiePolicyComponent .cookieCopy{
font-weight:400;
}

#orthoCookiePolicyComponent .cookieLinks{
color:#FFFFFF;
text-transform:uppercase;
}



#orthoCookiePolicyComponent .cookieLinks .cookieLinkLeft{
color:#76A95A;
}

#orthoCookiePolicyComponent .cookiePolicyClose{
float:right;
cursor:pointer;
margin-right:30px;
}

#orthoCookiePolicyComponent .cookieLinkRight{
color:#FFFFFF;
}



@media(min-width:1200px){

.cookieLinkRight{
  float:right;
}
}

@media(min-width:992px){

#orthoCookiePolicyComponent .cookiePolicyContainer{
  padding-top:32px;
  padding-bottom:32px;
}
}

@media(max-width:992px){

#orthoCookiePolicyComponent .cookiePolicyContainer{
  padding-top:20px;
  padding-bottom:20px;
}
}

@media(max-width:768px){

#orthoCookiePolicyComponent {
  position:fixed;
  bottom:0;
  z-index:3;
}
}

@media(max-width:1199px){
  #orthoCookiePolicyComponent .cookieLinks{
  margin-top:20px;
}

#orthoCookiePolicyComponent .cookieLinkLeft{
  margin-right:20px;
}
}

@media(max-width:1199px) and (min-width:992px){
  #orthoCookiePolicyComponent .cookiePolicyClose{
  position: relative;
    bottom: 19px;
}
}

@media(max-width:992px) and (min-width:768px){
  #orthoCookiePolicyComponent .cookiePolicyClose{
      position: relative;
      bottom: 20px;
}
}

@media (max-width: 768px)
#orthoCookiePolicyComponent {
    position: fixed;
    bottom: 0;
    z-index: 16 !important;
}
