/*a.close-icon-link {
	display:inline-block;
margin:-.5rem;
padding:.5rem;
	line-height:0;
	border-radius:50%;
	background-color:#e6eefa;
-webkit-transition:all ease-in-out .15s;
transition:all ease-in-out .15s
}
a.close-icon-link:active, a.close-icon-link:hover {
	background-color:#e7e7eb
}
.close-icon {
	display:inline-block;
	background:url(static/img/icons/cross-bold.svg) no-repeat;
	background-size:1.125rem auto;
	width:1.125rem;
	height:1.125rem
}
@media (min-width:992px) {
.close-icon {
background-size:1.5rem auto;
width:1.5rem;
height:1.5rem
}
}

.navbar .level {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
-webkit-transition:all cubic-bezier(.23, 1, .32, 1) .5s;
transition:all cubic-bezier(.23, 1, .32, 1) .5s
}
.navbar .menu-close {
	padding-left:30px;
	padding-right:30px
}
@media (min-width:480px) {
.navbar .menu-close {
padding-left:30px;
padding-right:30px
}
}
@media (min-width:768px) {
.navbar .menu-close {
padding-left:50px;
padding-right:50px
}
}
@media (min-width:1920px) {
.navbar .menu-close {
margin-left:auto;
margin-right:auto;
max-width:1770px!important;
right:0
}
}
@media (min-width:1200px) {
.navbar .menu-close {
position:absolute;
top:0;
left:0;
width:100%;
text-align:right;
margin-top:3rem
}
}
@media (min-width:1200px) and (min-width:1920px) {
.navbar .menu-close {
margin-top:3.5rem
}
}
.navbar .menu-close .close-icon-link {
	opacity:0;
-webkit-transition-delay:.25s;
transition-delay:.25s
}
.menu-no-transition .navbar .menu-close .close-icon-link {
	-webkit-transition-delay:0s;
	transition-delay:0s
}
.menu-expanded .navbar .menu-close .close-icon-link {
	opacity:1
}
.navbar .dropdown {
margin-right:.625rem;
	position:static;

	}



@media (min-width:1200px) {

.navbar .dropdown .dropdown-toggle.expanded:after {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
}
.navbar .dropdown .dropdown-toggle.expanded~.dropdown-menu {
opacity:1;

display:block;
overflow:hidden;
-webkit-overflow-scrolling:touch
}
@media (max-width:1200px) {
.navbar .dropdown .dropdown-toggle.expanded~.dropdown-menu {
overflow-x:hidden;
left:0
}
}
.navbar .dropdown .dropdown-toggle.expanded~.dropdown-menu .dropdown-menu-inner {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1;

}
.navbar .dropdown .dropdown-toggle.expanded.no-transition.expanded~.dropdown-menu .dropdown-menu-inner {
-webkit-transition-property:opacity;
transition-property:opacity
}
.navbar .dropdown.active .dropdown-toggle {
	background-color:transparent
}
@media (min-width:1200px) {
.navbar .navbar-nav>li.active>a:before {
background-color:rgba(106, 120, 137, .7)
}
.navbar .menu-item.active .menu-image.loaded .img-placeholder {
opacity:1!important
}
.navbar .menu-item.active a {
font-family:Arial, sans-serif;
font-weight:700
}
}

.transitions .navbar .dropdown-menu {
	display:block
}
.transitions .navbar .dropdown-menu, .transitions .navbar .dropdown-menu-inner {
-webkit-transition:all cubic-bezier(.23, 1, .32, 1) .5s;
transition:all cubic-bezier(.23, 1, .32, 1) .5s;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);

}
.transitions .navbar .dropdown-menu-inner {
	opacity:0;
	-webkit-transform:translateY(-24px);
	transform:translateY(-24px);
-webkit-transition:all cubic-bezier(.23, 1, .32, 1) .5s;
transition:all cubic-bezier(.23, 1, .32, 1) .5s
}
.transitions .navbar .menu-back-wrapper {
-webkit-transition:all cubic-bezier(.23, 1, .32, 1) .5s;
transition:all cubic-bezier(.23, 1, .32, 1) .5s;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
.menu-no-transition .navbar .dropdown-menu-inner {
	-webkit-transition-property:opacity;
	transition-property:opacity;
	-webkit-transform:translateY(0)!important;
	transform:translateY(0)!important
}
@media (min-width:1200px) {
.navbar .dropdown-menu {
top:64px;
height:calc(100vh - 64px);
background:0 0
}
.navbar .dropdown-menu .dropdown-menu-inner .level-inner .menu-category {
max-width:90%;
margin-left:auto;
margin-right:auto
}
}
.navbar .dropdown-menu a {
	font-family:"Arial Light", Arial, sans-serif;
	color:#2c2c37
}
.navbar .dropdown-menu a:active, .navbar .dropdown-menu a:hover {
	color:#0454cc
}
.navbar .dropdown-menu a:active .menu-image .img-placeholder, .navbar .dropdown-menu a:hover .menu-image .img-placeholder {
	opacity:1!important
}
.navbar .dropdown-menu .dropdown-menu-inner {
	text-align:left;
	width:100%;
	position:relative;
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch
}
.navbar .dropdown-menu .dropdown-menu-inner .level-inner {
	height:calc(100vh);
	padding-top:4.375rem;
	padding-bottom:3.375rem;
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch
}
.navbar .dropdown-menu .dropdown-menu-inner .level-inner .menu-category {
	padding-left:30px;
	padding-right:30px
}
@media (min-width:480px) {
.navbar .dropdown-menu .dropdown-menu-inner .level-inner .menu-category {
padding-left:30px;
padding-right:30px
}
}
@media (min-width:768px) {
.navbar .dropdown-menu .dropdown-menu-inner .level-inner .menu-category {
padding-left:50px;
padding-right:50px
}
}
@media (min-width:1920px) {
.navbar .dropdown-menu .dropdown-menu-inner .level-inner .menu-category {
padding-left:30px;
padding-right:30px
}
}
@media (min-width:1920px) and (min-width:480px) {
.navbar .dropdown-menu .dropdown-menu-inner .level-inner .menu-category {
padding-left:30px;
padding-right:30px
}
}
@media (min-width:1920px) and (min-width:768px) {
.navbar .dropdown-menu .dropdown-menu-inner .level-inner .menu-category {
padding-left:50px;
padding-right:50px;
float:none!important;
width:100%;
max-width:1700px;
margin-left:auto!important;
margin-right:auto!important
}
}
.navbar .dropdown-menu .menu-category {
	list-style:none;
	padding:0;
	width:calc(100% + 3rem);
	margin:0 -1.5rem 2.125rem
}
.navbar .dropdown-menu .menu-category:after, .navbar .dropdown-menu .menu-category:before {
	content:" ";
	display:table
}
.navbar .dropdown-menu .menu-category .divider, .navbar .dropdown-menu .menu-category .title {
	padding-left:1.5rem;
	padding-right:1.5rem
}
.navbar .dropdown-menu .menu-category .menu-back-wrapper {
	margin-left:1.5rem
}
.navbar .dropdown-menu .menu-category .menu-back, .navbar .dropdown-menu .menu-category .title {
	margin-top:0;
margin-bottom:.625rem;
	padding-top:0;
	padding-bottom:0;
	font-size:1.0625rem;
	line-height:1.5rem;
	font-weight:400;
	color:#2c2c37
}
@media (min-width:1200px) {
.navbar .dropdown-menu .menu-category .menu-back, .navbar .dropdown-menu .menu-category .title {
margin-bottom:1.375rem;
font-size:1.375rem;
line-height:2rem;
font-weight:400
}
}
.navbar .dropdown-menu .menu-category .divider {
	height:2px;
	margin:0;
	background:0 0!important
}
.navbar .dropdown-menu .menu-category .divider:before {
	display:block;
	content:'';
	height:2px;
	width:100%;
	background-color:#c3c3cd
}
.navbar .dropdown-menu .menu-category .divider.theme-ecp:before {
	background-color:#5cc4e8
}
.navbar .dropdown-menu .menu-category .divider.theme-spectaclewearers:before {
	background-color:#fed400
}
.navbar .dropdown-menu .menu-category.theme-ecp .divider:before {
	background-color:#5cc4e8
}
.navbar .dropdown-menu .menu-category.theme-ecp .menu-item .menu-image {
	background-color:rgba(92, 196, 232, .1)
}
.navbar .dropdown-menu .menu-category.theme-spectaclewearers .divider:before {
	background-color:#fed400
}
.navbar .dropdown-menu .menu-category.theme-spectaclewearers .menu-item .menu-image {
	background-color:rgba(254, 212, 0, .1)
}
.navbar .dropdown-menu .menu-item {
	width:100%;
	border-bottom:2px solid #f5f5f7;
	padding:1rem 1.5rem
}
@media (min-width:1200px) {
.navbar .dropdown-menu .menu-category .divider {
margin-bottom:2rem
}
.navbar .dropdown-menu .menu-item {
border:none;
width:25%;
float:left;
margin-bottom:1.25rem
}
}
.navbar .dropdown-menu .menu-item .menu-image {
	background-color:rgba(195, 195, 205, .1)
}
.navbar .dropdown-menu .menu-item .menu-image .img-placeholder {
	display:none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	padding-bottom:50%;
-webkit-transition:all ease-in-out .25s;
transition:all ease-in-out .25s;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:0
}
.navbar .dropdown-menu .menu-item .menu-image .img-placeholder img {
	display:none
}
.navbar .dropdown-menu .menu-item .menu-image.loaded {
	background-color:#fff!important
}
.navbar .dropdown-menu .menu-item .menu-image.loaded .img-placeholder {
	opacity:.8
}
.navbar .dropdown-menu .menu-item .menu-text {
	background-repeat:no-repeat;
	background-size:cover;
	margin:0
}
.navbar .dropdown-menu .menu-item .has-children .menu-text {
	padding-right:1.125rem;
	position:relative
}
.navbar .dropdown-menu .menu-item .has-children .menu-text:before {
	position:absolute;
	right:0;
top:.3125rem;
	content:'';
	background-image:url(static/img/icons/caret-down-bold.svg);
	background-repeat:no-repeat;
background-size:.8125rem;
width:.8125rem;
height:.8125rem;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg)
}
.navbar .dropdown-menu .level-1 .menu-category {
	overflow:hidden
}
@media (min-width:1200px) {
.navbar .dropdown-menu .menu-item .menu-image .img-placeholder {
display:block
}
.navbar .dropdown-menu .menu-item .menu-text {
margin-top:1.3125rem;
margin-bottom:.625rem
}
.navbar .dropdown-menu .menu-item .has-children .menu-text:before {
background-image:url(static/img/icons/caret-down.svg);
background-size:1.25rem;
width:1.25rem;
height:1.25rem;
top:.125rem
}
.navbar .dropdown-menu .level-1 {
-webkit-transform:translate(0);
transform:translate(0)
}
.navbar .dropdown-menu .level-1 .menu-category {
overflow:visible
}
}
.navbar .dropdown-menu .level-1 .menu-category .title {
	width:100%;
	clear:both
}
.navbar .dropdown-menu .level-1 .menu-category .title:before {
	width:100%;
	border-color:#5cc4e8
}
@media (min-width:1200px) {
.navbar .dropdown-menu .level-1 .menu-item {
border:none;
width:25%;
float:left
}
}
.navbar .dropdown-menu .level-1.from-left {
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
.navbar .dropdown-menu .level-2 {
	position:absolute;
	top:0;
	width:calc(100% + 3rem);
	margin-left:-1.5rem;
	padding-left:0;
	padding-right:0;
}
.navbar .dropdown-menu .level-2 .menu-category {
	width:100%;
	margin-left:0;
	margin-right:0;
	margin-bottom:0
}
.navbar .dropdown-menu .level-2 .menu-back-wrapper {
	-webkit-transform:translateX(24px);
	transform:translateX(24px);
	opacity:1
}
.navbar .dropdown-menu .level-2 .menu-back {
	display:inline-block;
	position:relative;
	color:#2c2c37;
	padding-left:2.5rem
}
@media (min-width:1200px) {
.navbar .dropdown-menu .level-2 .menu-back {
display:block
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page {
margin-bottom:4.5rem
}
}
.navbar .dropdown-menu .level-2 .menu-back:before {
	position:absolute;
	content:'';
	background-image:url(static/img/icons/caret-left-bold.svg);
	background-repeat:no-repeat;
	background-size:1.25rem;
	width:1.125rem;
	height:1.125rem;
	left:0;
top:.3125rem
}
.navbar .dropdown-menu .level-2 .menu-back:active, .navbar .dropdown-menu .level-2 .menu-back:hover {
	color:#0454cc;
	-webkit-transition-delay:0s;
	transition-delay:0s
}
.navbar .dropdown-menu .level-2 .sub-level {
	display:none
}
.navbar .dropdown-menu .level-2 .sub-level:after, .navbar .dropdown-menu .level-2 .sub-level:before {
	content:" ";
	display:table
}
.navbar .dropdown-menu .level-2 .sub-level.expanded {
	display:block
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page {
	display:block;
	width:100%;
	padding-left:0;
	padding-right:0;
	padding-bottom:0
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page:after, .navbar .dropdown-menu .level-2 .menu-item.menu-main-page:before {
	content:" ";
	display:table
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page a {
	display:block;
	overflow:hidden
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page a:active, .navbar .dropdown-menu .level-2 .menu-item.menu-main-page a:hover {
	color:#2c2c37
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page a:active .title, .navbar .dropdown-menu .level-2 .menu-item.menu-main-page a:hover .title {
	color:#0454cc
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page a:active .title:before, .navbar .dropdown-menu .level-2 .menu-item.menu-main-page a:hover .title:before {
	background-color:#0454cc
}
.touch .navbar .dropdown-menu .level-2 .menu-item.menu-main-page a:hover .title {
	color:#2c2c37
}
.touch .navbar .dropdown-menu .level-2 .menu-item.menu-main-page a:hover .title:before {
	background-color:#2c2c37
}
.touch .navbar .dropdown-menu .level-2 .menu-item.menu-main-page a:active .title {
	color:#0454cc
}
.touch .navbar .dropdown-menu .level-2 .menu-item.menu-main-page a:active .title:before {
	background-color:#0454cc
}
@media (min-width:1200px) {
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page .menu-image-container, .navbar .dropdown-menu .level-2 .menu-item.menu-main-page .menu-information-container {
width:25%;
float:left;
padding-left:1.5rem;
padding-right:1.5rem
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page .menu-image-container .img-placeholder {
height:11rem
}
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page .menu-information-container .title {
	padding-left:0;
	padding-right:0;
	position:relative;
	margin-bottom:1.5rem;
	margin-top:1rem
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page .menu-information-container .title:before {
	content:"\00a0";
	width:3.875rem;
	height:2px;
	background-color:#2c2c37;
	position:absolute;
	bottom:0
}
@media (max-width:991px) {
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page .menu-information-container .title:before {
width:3rem
}
}
@media (min-width:1200px) {
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page .menu-information-container .title {
margin-top:1.5rem
}
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page .menu-information-container .menu-text {
	position:relative;
font-size:.9375rem;
	line-height:1.375rem;
	font-weight:400
}
.navbar .dropdown-menu .level-2 .menu-item.menu-main-page .menu-information-container .menu-text:after {
	display:inline-block;
	position:relative;
	content:'';
	background-image:url(static/img/icons/arrow-right-long.svg);
	background-repeat:no-repeat;
	background-size:1.375rem;
	width:1.375rem;
	height:1.375rem;
top:.375rem;
margin-left:.375rem;
	margin-top:-1.375rem
}
@media (min-width:1200px) {
.navbar .menu-container[data-level="-1"] .level-2, .navbar .menu-container[data-level="-1"] .level-2 .level-inner, .navbar .menu-container[data-level="0"] .level-2, .navbar .menu-container[data-level="0"] .level-2 .level-inner, .navbar .menu-container[data-level="1"] .level-2, .navbar .menu-container[data-level="1"] .level-2 .level-inner, .navbar .menu-container[data-level="2"] .level-1, .navbar .menu-container[data-level="2"] .level-1 .level-inner {
overflow:hidden;
}
.navbar .menu-container[data-level="-1"] .level-1, .navbar .menu-container[data-level="0"] .level-1, .navbar .menu-container[data-level="1"] .level-1 {
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition-delay:.25s;
transition-delay:.25s
}
.navbar .menu-container[data-level="-1"] .level-2, .navbar .menu-container[data-level="0"] .level-2, .navbar .menu-container[data-level="1"] .level-2 {
-webkit-transform:translateX(30px);
transform:translateX(30px);

opacity:0;
-webkit-transition-delay:0s;
transition-delay:0s;
height:calc(100vh - 56px - 4.375rem - 3.375rem)
}
.navbar .menu-container[data-level="2"] .level-1 {
-webkit-transform:translateX(-60px);
transform:translateX(-60px);
opacity:0;

}
.navbar .menu-container[data-level="2"] .level-2 {
display:block;
height:auto;
overflow-y:auto;
opacity:1;
-webkit-transition-delay:.25s;
transition-delay:.25s;
-webkit-transform:translateX(0);
transform:translateX(0);

}

}*/
/*@media (min-width:1200px) and (min-width:1200px) {
.navbar .menu-container[data-level="-1"] .level-2, .navbar .menu-container[data-level="0"] .level-2, .navbar .menu-container[data-level="1"] .level-2 {
height:calc(100vh - 64px - 4.375rem - 3.375rem)
}
}*/

.zin3{
	z-index: 30000;
}
.zin0{
	z-index: -1;
	opacity: 0;
}
@media (min-width:380px) and (max-width:768px) {

.zin3 > .level-inner > .menu-category > .expanded > .menu-main-page > a >.menu-image-container> .loaded > .img-placeholder{
display: block !important;
}
.mobile_menu1{
	position: absolute;
    right: 0px;
    top: 0;
    left: 0px;
    margin-right: -16px;
}

.mobileHide{
	display: none !important;
}
.mobile_nav1{
	    top: 0px !important;
    width: 100%;
}
}


@media (min-width:1500px) and (max-width:1649px){
.header .navbar-default .navbar-nav>li>a {
font-size: 14px !important;
}
.nav>li>a{
	padding: 22px 8px !important;
	
}

}

@media (min-width:1445px) and (max-width:1499px){
.header .navbar-default .navbar-nav>li>a {
font-size: 14px !important;
}
.nav>li>a{
	padding: 22px 6px !important;
	
}

}

@media (min-width:1330px) and (max-width:1444px){
.header .navbar-default .navbar-nav>li>a {
font-size: 13px !important;
}
.nav>li>a{
	padding: 22px 5px !important;
}

}

@media (min-width:1370px) and (max-width:1429px){
.header .navbar-default .navbar-nav>li>a {
font-size: 13px !important;
}
.nav>li>a{
	padding: 22px 5px !important;
}

}

@media (min-width:1315px) and (max-width:1369px){
.header .navbar-default .navbar-nav>li>a {
font-size: 12px !important;
}
.nav>li>a{
	padding: 22px 6px !important;
	
}

}

@media (min-width:1250px) and (max-width:1314px){
.header .navbar-default .navbar-nav>li>a {
font-size: 12px !important;
}
.nav>li>a{
	padding: 22px 4px !important;
	
}

}

@media (min-width:1200px) and (max-width:1249px){
.header .navbar-default .navbar-nav>li>a {
font-size: 11px !important;
}
.nav>li>a{
	padding: 22px 5px !important;
	
}

}


@media (min-width:1175px) and (max-width:1199px){
.header .navbar-default .navbar-nav>li>a {
font-size: 11px !important;
}
.nav>li>a{
	padding: 22px 4px !important;
	
}

}

@media (min-width:1068px) and (max-width:1174px){
.header .navbar-default .navbar-nav>li>a {
font-size: 11px !important;
}
.nav>li>a{
	padding: 22px 3px !important;
	
}

}

@media (min-width:1024px) and (max-width:1067px){
.header .navbar-default .navbar-nav>li>a {
font-size: 10px !important;
}
.nav>li>a{
	padding: 22px 1px !important;
	
}

}


@media (max-width: 1167px) and (min-width: 768px){
.mobile-nav li {
    
    top: -7px !important;
}
}

@media (max-width: 1167px) and (min-width: 768px){
.header .navbar-default .navbar-nav>li>.contact-btn {
    padding: 18px 10px !important;
}
}

@media  (max-width: 767px){
.header .navbar-default .navbar-nav>li>.contact-btn {
    padding: 15px 10px !important;
}
}


/*****Toast message *****/

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #0ca04e;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 4500;
    left: 50%;
    top: 60px;
    font-size: 17px;
}

@media (min-width:380px) and (max-width:768px){
#snackbar {
    left: 45%; 
     font-size: 16px; 
}
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 60px; opacity: 1;}
}

@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 60px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {top: 60px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

@keyframes fadeout {
    from {top: 60px; opacity: 1;}
    to {top: 0; opacity: 0;}
}