img {vertical-align: middle;}
body, p, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.lock-scroll	{max-width:100%; max-height:100%; overflow:hidden;}

.main-navigation-site-wrapper	{
	width:100%;
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	top:0;
	left:0;
	right:0;
	overflow:hidden;
}

#new-plans::after {position: relative; content: "NEW"; background: red; padding: 2px 4px; color: #ffffff; font-family:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica", sans-serif; font-weight:700; font-size:0.625rem; text-rendering: optimizeLegibility; margin-left: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }

.main-navigation-site-inner	{width:90%; max-width:1200px; height:30px; margin:10px auto; padding:0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:row; justify-content:space-between; align-items:center;}

.main-navigation-site-inner-resp	{width:90%; max-width:1200px; height:30px; margin:10px auto; padding:0; display:none; flex-direction:row; justify-content:space-between; align-items:center;}

.main-navigation-site-content	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#ffffff; line-height:19px; display:inline-block; vertical-align:middle; text-align:center;}
.main-navigation-site-content a	{color:#ffffff; text-decoration:none;}
.main-navigation-site-content a:hover	{opacity:0.3; text-decoration:none;}
.main-navigation-site-content a.active-main-nav	{opacity:0.3; text-decoration:none;}
.main-navigation-site-content a:visited	{color:#ffffff; text-decoration:none;}

.main-navigation-site-inner .nav-full	{display:inline-block}
.main-navigation-site-inner .nav-responsive	{display:none}

.nav-hide-resp	{display: none}

.main-navigation-site-content-resp	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#ffffff; line-height:19px;display:inline-block; vertical-align:middle; text-align:center;}
.main-navigation-site-content-resp a	{color:#ffffff; text-decoration:none;}
.main-navigation-site-content-resp a:visited	{color:#ffffff; text-decoration:none;}


#item1	{order:1}
#item2	{order:2}
#item3	{order:3}
#item4	{order:4}
#item5	{order:5}
#item6	{order:6}
#item7	{order:7}
#item8	{order:8}
#item9	{order:9}
#item10	{order:10}
#item11	{order:11}
#item12	{order:9; display:none}

.height-change-small	{position:absolute; height:50px; background:rgba(0, 0, 0, 0.95); z-index:400000;}
.height-change-big	{position:fixed; height:100%; bottom:0; background:rgba(0, 0, 0, 1.0); z-index:1000000;}

.main-responsive-nav-site	{height:auto; width:100%; color:#ffffff;}

#Dark .main-navigation-site-wrapper	{background:rgba(0, 0, 0, 0.95);}
#Dark .main-navigation-site-wrapper.height-change-small	{positon:absolute; height:50px; background:rgba(0, 0, 0, 0.95); z-index:400000;}
#Dark .main-navigation-site-wrapper.height-change-big	{positon:fixed; height:100%; bottom:0; background:rgba(0, 0, 0, 1.0); z-index:1000000;}

#Dark .main-navigation-site-content	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#ffffff; line-height:19px; display:inline-block; vertical-align:middle; text-align:center;}
#Dark .main-navigation-site-content a	{color:#ffffff; text-decoration:none;}
#Dark .main-navigation-site-content a:hover	{opacity:0.3;}
#Dark .main-navigation-site-content a.active-main-nav	{opacity:0.3;}
#Dark .main-navigation-site-content a:visited	{color:#ffffff; text-decoration:none;}

#Dark .main-navigation-site-inner .nav-full	{display:inline-block}
#Dark .main-navigation-site-inner .nav-responsive	{display:none}

#Dark .main-navigation-site-content-resp	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#ffffff; line-height:19px;display:inline-block; vertical-align:middle; text-align:center;}
#Dark .main-navigation-site-content-resp a	{color:#ffffff; text-decoration:none;}
#Dark .main-navigation-site-content-resp a:visited	{color:#ffffff; text-decoration:none;}

#Dark .main-navigation-site-content-resp	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#ffffff; line-height:19px;display:inline-block; vertical-align:middle; text-align:center;}
#Dark .main-navigation-site-content-resp a	{color:#ffffff; text-decoration:none;}
#Dark .main-navigation-site-content-resp a:visited	{color:#ffffff; text-decoration:none;}


/*Currency pop-up menu*/
.selectNavCurrency { display:block; padding:0 0 0 0; margin: 0 auto 0 auto; background: url(../images/new-navigation/arrow-icon.png) no-repeat #565757; background-position:calc(100% - 15px); background-size: 13px 8px; line-height:30px; width: 170px; overflow: hidden; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:normal; color: #ffffff; font-size: 13px; position:relative; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.selectNavCurrency select { padding: 0 20px 0 20px; width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif;  font-weight:normal; color: #ffffff; font-size: 13px; cursor:pointer; max-width: 100%; float:left; word-wrap: normal !important; white-space: normal; line-height:30px;}

.selectNavCurrency select:focus {outline: none;}
.selectNavCurrency:hover {color: #fffff;}

.selectNavCurrency:hover select {color: #ffffff;}

.main-responsive-nav-site-list	{width:75%; height:auto; margin:0 auto; list-style:none; padding:0; color:#ffffff; text-align:left}
.main-responsive-nav-site-list li	{padding:15px 0; border-bottom:1px solid #333333;font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; color: #ffffff; font-size: 17px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
.main-responsive-nav-site-list li a	{color:#ffffff; text-decoration:none;}
.main-responsive-nav-site-list li a:visited	{color:#ffffff; text-decoration:none;}

/*navigation menu/cloe icon*/
#nav-icon3 {
  width: 19px;
  height: 15px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #ffffff;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 7px;
}

#nav-icon3 span:nth-child(4) {
  top: 14px;
}

#nav-icon3.open span:nth-child(1) {
  top: 7px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 7px;
  width: 0%;
  left: 50%;
}

.search-panel-box {width:100%; height:50px; margin:0 auto 0 auto;}

.search-panel-frame	{width:50%; height:30px; background: url(../images/new-navigation/search-icon.png) no-repeat #565757; background-position:10px; background-size: 18px 19px;  padding:0; margin:10px auto; overflow: hidden; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; color: #ffffff; font-size: 13px; position:relative; cursor:text; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:none; text-indent:40px;}

.search-panel-frame:focus	{outline:none}


.search-panel-box2 {width:100%; height:50px; margin:0 auto 0 auto; display:none}

#Dark .search-panel-box2 {width:100%; height:50px; margin:0 auto 0 auto; display:none}

.inner-search	{width:50%; margin:0 auto; position:relative}

.search-panel-frame2	{width:100%; height:30px; background: url(../images/new-navigation/search-icon.png) no-repeat #565757; background-position:10px; background-size: 18px 19px;  padding:0; margin:10px 0; overflow: hidden; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; color: #ffffff; font-size: 13px; position:relative; cursor:text; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:none; text-indent:40px;}

.search-panel-frame2:focus	{outline:none}



/*sub nav */
.main-sub-navigation-site-wrapper	{
    width: 100%;
    margin: 50px auto 0 auto;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.sub-height-change-small	{z-index:390000; position:absolute; height:70px;}
.sub-height-change-big	{position: absolute; height:auto; z-index:1000000}

.scroll-to-background	{background:rgba(255, 255, 255, 0.75); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);  position: fixed; top: 0; left: 0; marginTop: 0; border-bottom: 1px solid rgba(121, 121, 121, 0.15); margin-top:0 !important;}

.scroll-to-compare	{background:rgba(245, 245, 247, 0.75); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);  position: fixed; top: 0; left: 0; marginTop: 0; border-bottom: 1px solid rgba(121, 121, 121, 0.15); margin-top:0 !important; z-index: 100000}

.main-sub-navigation-site-inner	{width:90%; max-width:1200px; height:29px; margin:0 auto; padding:20px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:row; justify-content:space-between;  align-items:center; border-bottom:1px solid #e5e5e5;box-sizing:content-box;}
#Dark .main-sub-navigation-site-inner	{width:90%; max-width:1200px; height:29px; margin:0 auto; padding:20px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:row; justify-content:space-between;  align-items:center; border-bottom:1px solid #333333;box-sizing:content-box;}

.main-sub-navigation-site-content	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#141414; line-height:30px; display:inline-block; vertical-align:middle; text-align:center;}
.pcdraft a:link	{color:#141414; text-decoration:none; padding:0 0 0 25px}
.pcdraft a:visited	{color:#141414}
.pcdraft a:hover	{color:#ED560B}
.pcdraft a.active-sub-nav	{color:#ED560B}

.general a:link	{color:#141414; text-decoration:none; padding:0 0 0 20px}
.general a:visited	{color:#141414}
.general a:hover	{opacity: 0.5;}
.general a.active-sub-nav	{opacity: 0.5;}

.general-support a:link	{color:#ffffff; text-decoration:none; padding:0 0 0 20px}
.general-support a:visited	{color:#ffffff}
.general-support a:hover	{opacity: 0.5;}
.general-support a.active-sub-nav	{opacity: 0.5;}

.macdraft a:link	{color:#141414; text-decoration:none; padding:0 0 0 20px}
.macdraft a:visited	{color:#141414}
.macdraft a:hover	{opacity: 0.5}
.macdraft a.active-sub-nav	{opacity: 0.5}


.main-sub-navigation-site-content img	{margin-right:10px; float:left}

.main-sub-navigation-site-inner-resp	{width:90%; max-width:1200px; height:30px; margin:0 auto; padding:20px 0; display:none; flex-direction:row; justify-content:space-between; align-items:center;box-sizing:content-box;}

.main-sub-navigation-site-content-resp	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#141414; line-height:30px; display:inline-block; vertical-align:middle; text-align:center;}
.resp-color	{color:#ffffff}
.resp-color-dark	{color:#141414}
.main-sub-navigation-site-content-resp a	{color:#141414; text-decoration:none;}
.main-sub-navigation-site-content-resp a:visited	{color:#141414; text-decoration:none;}
.main-sub-navigation-site-content-resp img	{margin-right:10px; float:left}

#Dark .main-sub-navigation-site-wrapper.sub-height-change-small	{positon:absolute; height:70px; z-index:390000;}
#Dark .main-sub-navigation-site-wrapper.sub-height-change-big	{positon:fixed; height:auto; z-index:1000000;}

#Dark .scroll-to-background	{background:rgba(20, 20, 20, 0.75); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);position: fixed;top: 0;left: 0;marginTop: 0;border-bottom: 1px solid rgba(121, 121, 121, 0.15); margin-top:0 !important;}

#Dark .main-sub-navigation-site-content	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#ffffff; line-height:30px; display:inline-block; vertical-align:middle; text-align:center;}
#Dark .macdraft a:link	{color:#ffffff; text-decoration:none; padding:0 0 0 20px}
#Dark .macdraft a:visited	{color:#ffffff}
#Dark .macdraft a:hover	{opacity: 0.5}
#Dark .macdraft a.active-sub-nav	{opacity: 0.5}

#Dark .dwgviewer a:link	{color:#ffffff; text-decoration:none; padding:0 0 0 20px}
#Dark .dwgviewer a:visited	{color:#ffffff}
#Dark .dwgviewer a:hover	{color:#9444B6}
#Dark .dwgviewer a.active-sub-nav	{color:#9444B6}

#Dark .main-sub-navigation-site-content-resp	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:13px; color:#ffffff; line-height:30px; display:inline-block; vertical-align:middle; text-align:center;}
#Dark .main-sub-navigation-site-content-resp a	{color:#ffffff; text-decoration:none;}
#Dark .main-sub-navigation-site-content-resp a:visited	{color:#ffffff; text-decoration:none;}
#Dark .main-sub-navigation-site-content-resp img	{margin-right:10px; float:left}


#nav-icon3sub {
  width: 28px;
  height: 20px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3sub span {
  display: block;
  position: absolute;
  height: 1px;
  width: 50%;
  background: #141414;
  border-radius: 0;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3sub span:nth-child(1) {
  top: 50%;
  right:0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate-(45deg);
}

#nav-icon3sub span:nth-child(2) {
  top: 50%;
  right:10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#nav-icon3sub.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3sub.open span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#Dark #nav-icon3sub {
  width: 28px;
  height: 20px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#Dark #nav-icon3sub span {
  display: block;
  position: absolute;
  height: 1px;
  width: 50%;
  background: #ffffff;
  border-radius: 0;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#Dark #nav-icon3sub span:nth-child(1) {
  top: 50%;
  right:0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate-(45deg);
}

#Dark #nav-icon3sub span:nth-child(2) {
  top: 50%;
  right:10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#Dark #nav-icon3sub.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#Dark #nav-icon3sub.open span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-iconsubnew {
  width: 20px;
  height: 21px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-iconsubnew span {
  display: block;
  position: absolute;
  height: 1px;
  width: 50%;
  background: #141414;
  border-radius: 0;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-iconsubnew span:nth-child(1) {
  top: 50%;
  right:0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate-(45deg);
}

#nav-iconsubnew span:nth-child(2) {
  top: 50%;
  right:7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#nav-iconsubnew.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-iconsubnew.open span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#Dark #nav-iconsubnew {
  width: 20px;
  height: 20px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#Dark #nav-iconsubnew span {
  display: block;
  position: absolute;
  height: 1px;
  width: 50%;
  background: #ffffff;
  border-radius: 0;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#Dark #nav-iconsubnew span:nth-child(1) {
  top: 50%;
  right:0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate-(45deg);
}

#Dark #nav-iconsubnew span:nth-child(2) {
  top: 50%;
  right:7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#Dark #nav-iconsubnew.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#Dark #nav-iconsubnew.open span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.item-sub-resp	{display:inline-block}

.lesson-sub-resp	{display:none}

.body-hide-for-sub-nav	{position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:999000; background:rgba(0, 0, 0, 0.75); cursor:pointer; display:none;}

.sub-nav-btn-green				{height:30px; background-color:#55AB55; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:30px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; margin-left:20px;}
.sub-nav-btn-green:hover			{background-color:#468F48; color:#ffffff;}
.sub-nav-btn-green a:link			{display:block; height:100%; color:#fff; text-decoration: none;  padding:0 20px}	
.sub-nav-btn-green a:visited		{color:#fff;}

.sub-nav-btn-blue				{height:23px; background-color:#1E76E3; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:23px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; margin-left:15px;}
.sub-nav-btn-blue:hover			{opacity: 0.8; -wbkit-opacity:0.8; -moz-opacity:0.8}
.sub-nav-btn-blue a:link			{display:block; height:100%; color:#fff; text-decoration: none;  padding:0 10px}	
.sub-nav-btn-blue a:visited		{color:#fff;}

.sub-nav-btn-green-round				{height:30px; background-color:#55AB55; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:30px; text-align:center; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius:15px; margin-left:20px;}
.sub-nav-btn-green-round:hover			{background-color:#468F48; color:#ffffff;}
.sub-nav-btn-green-round a:link			{display:block; height:100%; color:#fff; text-decoration: none;  padding:0 20px}	
.sub-nav-btn-green-round a:visited		{color:#fff;}

.sub-nav-btn-orange				{height:30px; background-color:#ED560B; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:30px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; margin-left:20px}
.sub-nav-btn-orange:hover			{background-color:#D54D0B; color:#ffffff;}
.sub-nav-btn-orange a:link			{display:block; height:100%; color:#fff; text-decoration: none;  padding:0 20px}	
.sub-nav-btn-orange a:visited		{color:#fff;}

.sub-nav-btn-purple				{height:30px; background-color:#9444B6; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:30px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; margin-left:20px}
.sub-nav-btn-purple:hover			{background-color:#602E76; color:#ffffff;}
.sub-nav-btn-purple a:link			{display:block; height:100%; color:#fff; text-decoration: none;  padding:0 20px}	
.sub-nav-btn-purple a:visited		{color:#fff;}


#Dark .item-sub-resp	{display:inline-block}
#Dark .lesson-sub-resp	{display:none}

#Dark .body-hide-for-sub-nav	{position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:999000; background:rgba(0, 0, 0, 0.75); display:none; cursor:pointer}

#Dark .sub-nav-btn-green				{height:30px; background-color:#55AB55; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:30px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; margin-left:20px;}
#Dark .sub-nav-btn-green:hover			{background-color:#468F48; color:#ffffff;}
#Dark .sub-nav-btn-green a:link			{display:block; height:100%; color:#fff; text-decoration: none;  padding:0 20px}	
#Dark .sub-nav-btn-green a:visited		{color:#fff;}

#Dark .sub-nav-btn-orange				{height:30px; background-color:#ED560B; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:30px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; margin-left:20px}
#Dark .sub-nav-btn-orange:hover			{background-color:#D54D0B; color:#ffffff;}
#Dark .sub-nav-btn-orange a:link			{display:block; height:100%; color:#fff; text-decoration: none;  padding:0 20px}	
#Dark .sub-nav-btn-orange a:visited		{color:#fff;}

#Dark .sub-nav-btn-purple				{height:30px; background-color:#9444B6; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:30px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; margin-left:20px}
#Dark .sub-nav-btn-purple:hover			{background-color:#602E76; color:#ffffff;}
#Dark .sub-nav-btn-purple a:link			{display:block; height:100%; color:#fff; text-decoration: none;  padding:0 20px}	
#Dark .sub-nav-btn-purple a:visited		{color:#fff;}

.product-flex-grid	{height:auto; padding:20px 10px; flex:1 0 380px}
.product-flex-grid-inner	{width:100%; max-width:380px; margin:0 auto; display:flex;}

.contact-flex-grid	{height:auto; padding:20px 10px; flex:1 0 380px}
.contact-flex-grid-inner	{width:100%; max-width:330px; margin:0 auto; display:flex;}

.link-flex-grid	{height:auto; padding:10px 10px 0 10px; flex:1 0 380px}
.link-flex-grid-inner	{width:100%; max-width:330px; margin:0 auto; display:flex; border-bottom:1px solid #e5e5e5;}

#nav-icon4sub {
  width: 28px;
  height: 20px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon4sub span {
  display: block;
  position: absolute;
  height: 1px;
  width: 50%;
  border-radius: 0;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon4sub span:nth-child(1) {
  top: 50%;
  right:0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate-(45deg);
    background: #ffffff;

}

#nav-icon4sub span:nth-child(2) {
  top: 50%;
  right:10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
    background: #ffffff;
	

}


#nav-icon4sub.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #141414
}

#nav-icon4sub.open span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #141414
}

.arrow-color	{background: #141414}






@media all and (max-width: 1380px) {
	
.product-flex-grid	{height:auto; padding:20px 10px; flex:1 0 380px}
.product-flex-grid-inner	{width:100%; max-width:500px; margin:0 auto; display:flex;}

.contact-flex-grid	{height:auto; padding:20px 30px; flex:1 0 340px}
.contact-flex-grid-inner	{width:100%; max-width:400px; margin:0 auto; display:flex;}

.link-flex-grid	{height:auto; padding:10px 30px 0 30px; flex:1 0 340px}
.link-flex-grid-inner	{width:100%; max-width:400px; margin:0 auto; display:flex; border-bottom:1px solid #e5e5e5;}

}


@media all and (max-width: 980px) {
		
.main-navigation-site-inner .nav-full	{display:none}
.main-navigation-site-inner .nav-responsive	{display:inline-block}
	
.nav-hide-resp	{display: inline-block}


#Dark .main-navigation-site-inner .nav-full	{display:none}
#Dark .main-navigation-site-inner .nav-responsive	{display:inline-block}

.main-navigation-site-inner-resp	{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.main-navigation-site-inner	{height:auto; flex-direction:column; width:90%;}

#Dark .main-navigation-site-inner-resp	{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
#Dark .main-navigation-site-inner	{height:auto; flex-direction:column; width:90%;}

#item2	{order:2; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#item3	{order:3; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#item4	{order:4; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#item5	{order:5; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#item6	{order:6; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#item7	{order:7; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#item8	{order:8; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#item9	{order:1; border-bottom:1px solid #333333; padding-bottom:20px; display:block}

#Dark #item2	{order:2; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#Dark #item3	{order:3; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#Dark #item4	{order:4; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#Dark #item5	{order:5; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#Dark #item6	{order:6; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#Dark #item7	{order:7; border-bottom:1px solid #333333; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#Dark #item8	{order:8; padding:15px 0; width:85%; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#Dark #item9	{order:1; border-bottom:1px solid #333333; padding-bottom:20px; display:block}

.selectNavCurrency	{width:auto;}
.main-navigation-site-content	{width:100%; font-size:17px; text-align:left; font-weight:400}

#Dark .main-navigation-site-content	{width:100%; font-size:17px; text-align:left; font-weight:400}

.search-panel-box {width:100%; height:30px; margin:0 auto 20px auto;}

.search-panel-frame	{width:100%; height:35px; background: url(../images/new-navigation/search-icon.png) no-repeat #565757; background-position:10px; background-size: 18px 19px;  padding:0; margin:0 auto; overflow: hidden; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; color: #ffffff; font-size: 13px; position:relative; cursor:text; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:none; text-indent:40px;}

.search-panel-frame:focus	{outline:none}

.main-sub-navigation-site-inner .nav-full	{display:none}
.main-sub-navigation-site-inner .nav-responsive	{display:inline-block}
	
.nav-hide-resp	{display: inline-block}

.main-sub-navigation-site-inner-resp	{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width:90%;}
.main-sub-navigation-site-inner	{height:auto; flex-direction:column; width:90%; padding:0 0 20px 0; border:none}

#Dark .main-sub-navigation-site-inner-resp	{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width:90%;}
#Dark .main-sub-navigation-site-inner	{height:auto; flex-direction:column; width:90%; padding:0 0 20px 0; border:none}

.main-sub-navigation-site-content	{width:100%; font-size:15px; text-align:left; font-weight:400;}

.item-sub-resp	{display:inline-block; border-top:1px solid #e5e5e5; padding:10px 0; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#Dark .item-sub-resp	{display:inline-block; border-top:1px solid #e5e5e5; padding:10px 0; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
	
.lesson-sub-resp	{display:inline-block; border-top:1px solid #e5e5e5; padding:10px 0; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#Dark .lesson-sub-resp	{display:inline-block; border-top:1px solid #e5e5e5; padding:10px 0; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}

#Dark .main-sub-navigation-site-inner .nav-full	{display:none}
#Dark .main-sub-navigation-site-inner .nav-responsive	{display:inline-block}

#Dark .item-sub-resp	{display:inline-block; border-top:1px solid #454648; padding:10px 0; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; display:block}
#Dark .main-sub-navigation-site-content	{width:100%; font-size:15px; text-align:left; font-weight:400;}

.main-sub-navigation-site-wrapper	{border-bottom: 1px solid #e5e5e5;}
#Dark .main-sub-navigation-site-wrapper	{border-bottom: 1px solid #333333;}

.general-support a:link	{color:#141414; text-decoration:none; padding:0 0 0 20px}
.general-support a:visited	{color:#141414}
.general-support a:hover	{opacity: 0.5;}
.general-support a.active-sub-nav	{opacity: 0.5;}


}

@media all and (max-width: 920px) {
	
.product-flex-grid	{height:auto; padding:20px 10px; flex:1 0 90%}
.product-flex-grid-inner	{width:100%; max-width:100%; margin:0 auto; display:flex;}

.contact-flex-grid	{height:auto; padding:20px 10px; flex:1 0 90%}
.contact-flex-grid-inner	{width:100%; max-width:100%; margin:0 auto; display:flex;}

.link-flex-grid	{height:auto; padding:10px 10px 0 10px; flex:1 0 90%}
.link-flex-grid-inner	{width:100%; max-width:100%; margin:0 auto; display:flex; border-bottom:1px solid #e5e5e5;}


}

@media all and (max-width: 550px) {
	
	
}