@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.5.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
body{padding: 0; margin: 0; color: #383838; background: #fff; font-size: 18px; font-family: 'Open Sans', sans-serif;}
.cleaner{width: 0; height: 0; line-height: 0; font-size: 0; clear: both}
p{line-height: 1.5em; padding: 0; margin: 0 0 1.8em}
h1,h2,h3,h4,h5,h6{font-weight: 700; font-family: 'Open Sans', sans-serif; margin: 0 0 0.6em; padding: 0}
h1{font-size: 35px;}
h2{font-size: 27px;}
h3{font-size: 25px;}
h4{font-size: 23px;}
h5{font-size: 21px;}
h6{font-size: 19px;}
a{text-decoration: underline; color: #383838}
a:hover{text-decoration: none}
.inner {max-width: 1170px; width: 100%; margin: 0 auto;}
.license_inner {max-width: 1515px; width: 100%; margin: 0 auto;}
.bigH {text-align: center; margin-bottom: 100px}

.absHeader {background-color: #2c302f; color: #fff; text-align: center; text-transform: uppercase; height: 63px;}
.menu>a {display: none}
.menu ul {list-style: none; margin: 0px; display: flex; justify-content: center;} 
.menublock a {text-decoration: none; font-size: 14px; color: #fff; text-transform: uppercase; line-height: 63px; padding: 0px 0px; font-weight: 600}
.menublock a:hover {text-decoration: underline}
.menu ul li:after {content: "|"; padding: 0px 7px}
.menu ul li:last-of-type:after {content: none}

header {height: 80px}
header .left{float: left; height: 80px}
header .left img {margin-top: 20px; margin-bottom: 20px}
header .right{float: right}
.sele { color: #383838; font-size: 25px; font-weight: 700; padding: 0px 15px; display: inline-block; box-sizing: border-box; font-family: 'Roboto Condensed', sans-serif; text-decoration: none; line-height: 80px; padding-right: 0px}
.highlight {color: #b1426c}

.menu_type>a {display: none}
.menu_type {float: right}
.menu_type ul {list-style: none; margin: 0px; display: inline-block; box-sizing: border-box; padding-left: 0px} 
.menu_type ul li {display: inline-block; box-sizing: border-box}
.menu_type a {text-decoration: none; font-size: 17px; color: #f58220; text-transform: uppercase; line-height: 110px; padding: 0px 9px; font-weight: 800; -webkit-transition: all 0.7s ease;
              transition: all 0.7s ease;}
.menu_type a:hover {text-decoration: underline }
.thin {font-size: 35px; font-weight: 300; color: #383838; text-transform: uppercase}
.why_inner {max-width: 815px; width: 100%; margin: 0 auto; box-sizing: border-box}
.text_inner {max-width: 815px; width: 100%; margin: 0 auto; box-sizing: border-box}
.middle .why h1 {font-weight: 700; }
.middle .why .orange {font-weight: 700; color: #b1426c}
.middle .why {background-color: #f1f1f1; padding: 100px 0px; text-align: center}
.middle .grey {background-color: #f1f1f1; padding: 100px 0px; text-align: center}
.middle .text {background-color: #fff; padding: 100px 0px; text-align: center}
.moreinfo {display: block; width: 240px; height: 58px; background-color: #f58220; color: #fff; font-family: 'Roboto Condensed', sans-serif; text-decoration: none; line-height: 58px; text-align: center; font-size: 20px; border-radius: 10px; margin: auto}
.moreinfo:hover {opacity: 0.9}
.ulInText {padding: 0px; margin: 0px; list-style:none;}
.ulInText li {padding: 5px; box-sizing: border-box}

.license_types {padding: 110px 0px}
.license_types .type {color: #383838; width: 32%; margin-right: 2%; float: left; box-sizing: border-box; padding-bottom: 50px}
.license_types .type:nth-child(3n) {margin-right: 0px}
.license_types .type:last-of-type a{font-weight: 300}
.type .heading_type {font-weight: 300; font-size: 18px}
.type h2 {font-weight: 700; font-size: 25px; padding-bottom: 15px}
.type p {font-size: 18px; margin-bottom: 0px}
.type a {font-weight: 700}

.slider {width: 100%;}
.slider img {width: 100%; margin-bottom: -5px}

footer {background-color: #f58220; padding: 60px 0px; position: relative

}
footer a {text-decoration: none; font-size: 25px; display: block; text-align: center; color: #fff; margin-bottom: 5px}
footer a:hover {text-decoration: underline}
footer .flogo {bottom: -83px; position: absolute;  z-index: 2;  width:95%;  height: 120px;  overflow: hidden;  margin: 0 auto;  left: 0;  right: 0;}
footer .flogo:hover {opacity: 0.97}
.absFooter {padding: 70px 0px; padding-bottom: 30px}
.absFooter a {display: block; text-align: center; text-decoration: none; font-size: 13px; color: #424242}
.absFooter a:hover {opacity: 0.9}
.upage {max-width: 1170px; display: block; margin: auto; padding: 50px 0px; text-align: center}
.facebookSH {display: flex; text-align: center; text-decoration: none; padding: 10px; background-color: #4267b2; color: #fff; justify-content: center}
.facebookSH:before {content:'\f230'; font-family: 'FontAwesome'; font-size: 22px; color: #fff; padding-right: 10px}

#mContext{transition-property: left,width,transform; transition-duration: .25s;transition-timing-function: cubic-bezier(.35,0,.25,1);width: 100%;-webkit-backface-visibility: hidden;}
#mContext.shrinked{transform: translate3d(200px,0,0); position: fixed; min-height: 0; overflow: hidden;}
#overlaymContext{opacity: 0.8; background: #000; width: 100%; height: 100%;position: fixed;top: 0; z-index: 200}
.sidenav{position: fixed; width: 200px; transform: translate(-100%,0); transition: all .25s ease-in-out; left: 0; top:0; height: 100%; background: #fff; color: #000; visibility: hidden; padding: 0 10px; overflow-y: scroll}
.sidenav.expanded{transform: translate(0,0); visibility: visible;}
.sidenav .supertitle{padding: 15px 0 15px 20px; font-size: 20px; font-weight: bold;}
.sidenav ul{list-style: none; margin: 0; padding: 0}
.sidenav>ul{background-color: #fff;width: 180px;}
.sidenav>ul>li{background-color: #fff;border-bottom: 1px solid #dcdcdc;display: block;width: 180px; line-height: 20px;}
.sidenav ul li a{line-height: 1em; padding: 9px 0 9px 20px;text-decoration: none;transition: all .2s ease-in-out; color: #a2a2a2; display: block}
.sidenav ul li.selected>a,.sidenav ul li>a:hover{color: #000}
.sidenav ul li ul li a{padding-left: 25px;}
.sidenav ul li ul li ul li a{padding-left: 30px;}
.sidenav ul li ul li ul li ul li a{padding-left: 35px;}
.sidenav ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li a{padding-left: 45px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li ul li a{padding-left: 50px;}
.sidenav ul li.haschilds>ul{display: none}
.sidenav ul li.haschilds.throw>ul,.sidenav ul li.selected>ul{display: block}
.sidenav ul li>a>span{float: right}
.sidenav ul li>a>span::after{content:'▼'}
.sidenav ul li.haschilds.throw>a>span::after,.sidenav ul li.haschilds.selected>a>span::after{content:'▲'}
#AM,#CM{display: none}
#AM a,#CM a{text-align: center; background: #ff3300; color: #fff;display: block; height: 30px; line-height: 30px; text-decoration: none; margin-bottom: 25px; font-weight: 700}
#AM a:hover,#CM a:hover{color: #fff; opacity: 0.9}

@media screen and (max-width:10px){
}

@media screen and (max-width:1650px){
    .menu ul {padding-left: 0px}
    .license_types {padding: 90px 5px}
}

@media screen and (max-width:1120px){
/*
    .menu>ul{display: none}
    .menu>a{ text-decoration: none; float: none; transition: 0.8s ease; margin: auto; text-align: center; font-size: 25px; color: #fff; line-height: 30px; display: flex; justify-content: center}
*/
/*    .absHeader {height: 30px}*/
/*    .menu_type>ul {display: none}*/
    .menu_type>a {text-decoration: none; float: none; transition: 0.8s ease; margin: auto; font-size: 25px; display: inline-block}
    header {padding: 0px 7px}
    .sele {padding-right: 7px}
}
@media screen and (max-width:1100px){
    .license_types .type {width: 100%; margin-right: 0px; float: none; display: block; text-align: center; }
    .license_types {padding: 30px 5px}
}
@media screen and (max-width:1000px){

}
@media screen and (max-width:900px){
    .middle .why {padding: 40px 0px}
    .why_inner {padding: 0px 5px}
    footer a{font-size: 16px;}
    footer {padding: 30px}
}
@media screen and (max-width:700px){
    header .left {float: none; width: 100%; text-align: center}
    header .right {float: left; width: 100%; text-align: center}

}
@media screen and (max-width:600px){
/*
    header .left {float: none; width: 100%}
    header .left img {display: block; margin: auto; margin-top: 10px}
    header .right {float: none; width: 100%; display: block; text-align: center; padding-top: 12px}
*/
    .menu_type>a {line-height: 20px; display: inline-block; text-align: center; float: none}
/*    .sele {line-height: 20px; display: inline-block; text-align: center; float: none}*/
    .menu_type {float: none; display: inline-block}
    .absFooter a{font-size: 9px}
    header .left {height: 25px}
    .sele {font-size: 15px; line-height: inherit}
    header {height: 55px}
    .absHeader {height: 34px}
    .menublock a {line-height: 34px}
}
@media screen and (max-width:308px){
/*    header {height: 132px}*/
}