:root {
    --main-bright: #EFC77D;
    --main: #D1AD69;
    --main-dark: #B7924B;

    --el-9: #0E1216;
    --el-8: #1D2027;
    --el-7: #383B40;
    --el-6: #54555A;
    --el-5: #6F7074;
    --el-4: #8A8B8F;
    --el-3: #A5A6A9;
    --el-2: #C0C1C3;
    --el-1: #DBDBDC;
    --el-0: #E8E8E9;

    --main-bright: #a02800;
    --main: #882200;
    --main-dark: #711c00;

    --red:#ff9c9c;
    --green: #ff9c9c;
    --back-1: #202124;
    --back-2: #f4f4f4;
    --back-3: #e4e5e6;
    --white: #ffffff;
    --black: #000000;
    --font-headline: #152432;
    --font-text: #424547;
    --font-inforow: #8b8b8b;
    --font-footer: #8b8b8b;
    --line: #e2e6ea;
    --line-2: #c4c7cb;
    --line-3: #939497;
    --line-footer: #616263;
    --bg-body:#ffffff;
    --bg-footer:#222222;
    --bg-copyright:#0b0b0b;
    --bg-inforow:#222222;
    --bg-spacer:#f4f4f4;
    --error:#ca3e3e;
    --information:#3e6aca;
    --successful:#30ab59;
    --dark: #2c3033;
} 
body {
    width:100%;
    position:relative;
    display:block;
    margin:0;
    padding:0;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    /*
    text-rendering: auto;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */
    background-color: var(--white);
    overflow-x: hidden;
}
body.noscroll {
    overflow: hidden;
}
html {
    min-width:100vw;
    min-height:100vh;
    position:relative;
    display:block;
}

/* Elements ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
table{
    border-spacing:0;
    border-collapse:collapse;
}
table{
    table-layout: fixed;
}
table td{
    padding-right: 30px;
}
.invisible {
    width:1px;
    height:1px;
    position:absolute;
    overflow:hidden;
    margin:-1px;
    padding:0;
    border:0px;
    clip: rect(0 0 0 0);
}
.clear,
#clear{
    position: relative;
    display: block;
    clear:both;
    height:.1px;
    font-size:.1px;
    line-height:.1px;
}
.float_left{
    float:left;
}
.float_right{
    float:right;
}
article{
    position: relative;
    display: block;
    margin: 0px;
}
section{
    position: relative;
    display: block;
    margin: 0px;
}
.responsive img{
    max-width: 100%;
    height: auto;
}
figure {
    position: relative;
    display: block;
    margin:0;
}
figcaption{
    position: relative;
    display: block;
    font-size: 15px;
    color: rgb(160, 160, 160);
}
form{
    margin: 0px;
}
img{border: 0px;
}
.ce_gallery>ul{
    margin:0;
    padding:0;
    overflow:hidden;
    list-style:none;
}
.ce_gallery>ul li{
    float:left;
}
.ce_gallery>ul li.col_first{
    clear:left;
}
.ce_text{
    position: relative;
    display: block;
    margin: 20px 0;
}

h1{color:var(--main-dark); font-weight:600; font-size:2em; margin-bottom: 20px;}
h2{color:var(--main-dark); font-weight:400; font-size:1.4em; margin-top: 0px;}
h3{color:var(--main-dark); font-weight:400; font-size:1.5000em;}
h4{color:var(--main-dark); font-weight:400; font-size:1.3333em;}
h5{color:var(--main-dark); font-weight:400; font-size:1.3333em;}
h6{color:var(--main-dark); font-weight:400; font-size:1.3333em;}


.bordered h2:after,
h2.bordered:after{
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--line-3);
    content:"";
    margin: 5px 0 0 0;
}

a {
    text-decoration:none;
    color:var(--main-dark);
    cursor:pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
p, ul {
    color:var(--el-6);
    font-size: 15px;
    line-height: 25px;
}
.center{
    text-align: center;
}
i{
    font-style: normal;
}
.mod_article,
.mod_navigation,
.ce_hyperlink{
    position:relative;
    display:block;
    overflow: hidden;
}
#main .mod_article{
    padding: 0 30px;
    overflow: visible;
}
#main .mod_article::after{
    position: relative;
    display: block;
    width: 100%;
    float: none;
    clear: both;
    content: "";
}
@media(max-width:1024px){
    #main .mod_article{
        padding: 0 30px;
        overflow: visible;
    }
}
input {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:none;
}
select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:none;
}
textarea {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:none;
}
.button_big a {
    width:100%;
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:10px;
    background-color:var(--main);
    border:0px;
    border-radius:0;
    font-size:16px;
    color: var(--white);
    font-weight:normal;
    text-shadow:none;
}
.button_big a:hover {
    background-color:var(--main-dark);
}
.hide {
    display:none !important;
}
.visible {
    display:block !important;
}
.off {
    margin-top:10%;
    padding-right:20px;
    padding-left:20px;
}
.off p {
    color:var(--main-1);
}
.small{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0 auto;
}
.extra_small{
    width: 100%;
    max-width: 750px;
    margin: 0 auto 0 auto;
}
.margin_bottom{
    margin-bottom: 50px;
}

/* Scrollbar ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar * {
    background:transparent;
}
::-webkit-scrollbar-track {
    background:#535f72;
}
::-webkit-scrollbar-thumb {
    background:var(--main-1);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--main-2);
}
*/

/* Framework ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#wrapper {
    position:relative;
    display:block;
    overflow:hidden;
    width:100%;
    margin:0;
    padding:100px 0 0 0;
    z-index:999;
}
@media(max-width:1024px){
    #wrapper{
        padding: 70px 0 0 0;
    }
}
#container {
    position:relative;
    display:block;
    overflow:hidden;
    width: 100%;
    margin:0;
    padding:50px 0 50px 0;
    z-index:9;
}
@media(max-width:1024px){
    #container{
        padding:50px 0 50px 0;
    }
}
#container:after{
    position: relative;
    display:block;
    clear:both;
    content:"";
}
#header {
    position:absolute;
    display:block;
    overflow:visible;
    width:100%;
    height:100px;
    left:0;
    right:0;
    top:0px;
    margin:0;
    padding:0;
    background-color:var(--white);
    z-index:999;
}
#header.fixed {
    top:-100px;
}
#header.fixed.open {
    position:fixed;
    top:-20px;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; 
}
#header .inside {
    position:relative;
    overflow:visible;
    display:block;
    width:100%;
    max-width:2000px;
    height:100%;
    margin:0 auto;
    padding: 0;
}
#main {
    position:relative;
    display:block;
    overflow:hidden;
    width: 100%;
    margin:0;
    padding:0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#main .inside {
    position:relative;
    display:block;
    overflow:hidden;
    width: 100%;
    max-width: 1200px;
    margin:0 auto;
    padding:0;
}

#main,#left,#right{float:left;position:relative}
#main{width:100%}
#left{margin-left:-100%}
#right{margin-right:-100%}

#footer {
    position:relative;
    display:block;
    overflow:hidden;
    clear: both;
    float: none;
    width: 100%;
    margin:0;
    padding:0;
    background: var(--el-8);
    z-index:99;
}
#footer::after{
    position:relative;
    display:block;
    overflow:hidden;
    clear: both;
    float: none;
    content:"";
}
#footer .inside {
    position:relative;
    display:block;
    overflow:hidden;
    width: 100%;
    max-width: 1200px;
    margin:0 auto;
    padding:80px 0px 80px 0px;
}
@media (max-width:1023px){
    #footer .inside {
        padding:40px 0px 20px 0px;
    }
}
#inforow{
    position: relative;
    display: block;
    overflow: visible;
    width: 100%;
    height: 45px;
    background: var(--bg-inforow);
    padding: 0;
    z-index: 9;
}
#inforow::after{
    position: relative;
    display: block;
    float: none;
    clear: both;
    content: "";
}
#spacer,
#copyright,
.inside{
    position: relative;
    display: block;
}
body #inforow:first-child{
    z-index: 9999;
}
body #inforow:last-child{
    z-index: 9;
}
@media(max-width:1024px){
    body #inforow:first-child{
        display: none;
        z-index: 9999;
    }
}
#spacer{
    background: var(--bg-spacer);
}
#copyright{
    position: relative;
    display: block;
    overflow: hidden;
    float: none;
    clear: both;
    width: 100%;
    background: var(--el-9);
}
#copyright .inside{
    overflow: hidden;
    max-width: 1200px;
    padding: 25px 25px 25px 25px;
    margin: 0 auto;
}
/* Header Info ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.inforow{
    position: absolute;
    display: block;
    top: 15px;
    left: 30px;
    font-size: 13px;
    overflow: visible !important;
    color: var(--font-inforow);
}
 .inforow a {
    margin-left: 20px;
    color: var(--font-inforow);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;  
 }
 .inforow a:hover {
    color: white;
 }
 .inforow a:nth-child(1)::before {
    position: relative;
    display: inline-block;
    top: 2px;
    margin-right: 2px;
    font-family:simple-line-icons;
    content: "\e600";
    color: var(--main-bright);
    font-size: 15px;
 }
.inforow a:nth-child(2)::before {
    position: relative;
    display: inline-block;
    top: 2px;
    margin-right: 6px;
    font-family:simple-line-icons;
    content: "\e086";
    color: var(--main-bright);
    font-size: 15px;
 }

/* Inforow Special Nav ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
 
.nav_special {
     position: absolute;
     display: block;
     top: 15px;
     right: 230px;
 }
.nav_special ul {
    position: relative;
    display: block;
    text-align: right;
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav_special ul li{
    position: relative;
    display: inline-block;
    margin-left:20px; 
    padding: 0 0 15px 0;
}
.nav_special ul li a,
.nav_special ul li strong{
    font-size: 13px;
    font-weight: normal;
    color: var(--font-inforow);
}
.nav_special ul li a:hover,
.nav_special ul li strong{
    color: var(--white);
}
.nav_special ul li a:before,
.nav_special ul li strong:before {
    position: relative;
    display: inline-block;
    top: 1px;
    margin-right: 4px;
    font-family:simple-line-icons;
    font-weight: bold;
}
.nav_special ul li.registration a:before,
.nav_special ul li.registration strong:before {
    content: "\e05c";
}
.nav_special ul li.login a:before,
.nav_special ul li.login strong:before {
    content: "\e08f";
}
.nav_special ul li.logout a:before,
.nav_special ul li.logout strong:before {
    content: "\e08e";
}
.nav_special ul li.profile a:before,
.nav_special ul li.profile strong:before {
    content: "\e005";
}

 /* Logo Header ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#header .logo{
    position: absolute;
    display: block;
    overflow: hidden;
    bottom: 10px;
    left: 30px;
    height: 80px;
    max-width: 500px;
}
@media(max-width:1024px){
    #header .logo{
        max-width: 240px;
    }
}
#header .logo::after{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    float: none;
    clear: both;
    content: "";
}
#header.fixed .logo{
    height: 70px;
    bottom: 5px;
}
@media (max-width:1024px){
    #header .logo{
        left: 15px;
    }
}
#header .logo a{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    padding: 0px;
}
#header .logo img{
    position: relative;
    display: block;
    height: 100%;
    width: auto; 
    float: left;
}
#header .logo span{
    position: relative;
    float: left;
    margin-left: 20px;
    font-weight: 700;
    font-size: 20px;
    margin-top: 22px;
    line-height: 22px;
}
#header .logo span.display{
    display: block;
}
#header .logo span.mobile{
    display: none;
}
@media(max-width:1024px){
    #header .logo span.display{
        display: none;
    }
    #header .logo span.mobile{
        display: block;
    }
}    
#header.fixed .logo span{
    margin-top: 15px;
}
#header .logo span i{
    color:var(--el-6);
    font-size: 16px;
}


/* Logo Footer ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#footer .logo_row a.logo{
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 7px 10px 4px 0px;
    margin: 0 0 10px 0;
}

#footer .logo_row a.logo img{
    position: relative;
    display: block;
    overflow: hidden;
    width:80px;
    height: auto;
}

 /* Logo Row ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

 #footer .logo_row{
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    width: 33.33%;
    padding: 0 30px;
    color: var(--el-3);
    line-height: 28px;
    font-size: 14px;
}
#footer .logo_row span{
    margin-left: 33px;
}
@media (max-width:1023px){
    #footer .logo_row{
        position: relative;
        display: block;
        overflow: hidden;
        float: none;
        clear: both;
        width: 100%;
        padding: 0px 15px 15px 15px;
    }
}
@media (max-width:400px){
    #footer .logo_row span{
        margin-left:31px;
    }
}
#footer .logo_row i{
    position: relative;
    display: inline-block;
    color: var(--main-bright);
    margin:0 10px 0 0;
    width: 20px;
    text-align: center;
    top: 2px;
}
@media(max-width:1024px){
    #footer .logo_row i{
        margin:0 10px 0 0px;
    }
}
#footer .logo_row a{
    color: var(--el-3);
}
#footer .logo_row a:hover{
    color: var(--main-bright);
}

/* Header Navigation ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#nav_main{
    display: none;
}
#nav_main.on{
    display: block;
}
.nav_main{
    position: absolute;
    display: block;
    overflow: visible;
    bottom: 17px;
    right: 30px;
}
#header.fixed .nav_main{
    bottom: 10px;
}
.nav_main ul{
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.nav_main ul.level_1:after{
    position: relative;
    display: block;
    float: none;
    clear: both;
    content:"";
}
.nav_main li{
    position: relative;
    display: block;
    float: left;
    margin: 0 15px 0px 15px;
    padding: 0px;
    list-style: none;
}
.nav_main ul a,
.nav_main ul strong{
    position: relative;
    display: block;
    margin: 0;
    padding: 15px 0 15px 0;
    color: var(--el-6);
    font-weight: 400;
    font-size: 15px;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;     
}
.nav_main ul a:hover{
    color: var(--main-dark);   
}
.nav_main ul li.submenu a:after,
.nav_main ul li.submenu strong:after{
    position: relative;
    display: inline-block;
    top: -2px;
    margin: 0 0 0 5px;
    font-family: 'simple-line-icons';
    content: "\e604";
    font-size: 8px;
    font-weight: bold;
}
.nav_main ul.level_2 li a:after,
.nav_main ul.level_2 strong:after{
    display: none !important;
}
.nav_main ul strong,
.nav_main ul a.trail{
    font-weight: 500;
    color: var(--main-dark);
}
.nav_main ul.level_1 ul{
    position: absolute;
    display: block;
    margin: 0px;
    padding: 15px 20px;
    left: 0px;
    top: 60px;  
    background: var(--white);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;  
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    pointer-events: none;
}
.nav_main ul.level_1 li:nth-child(4) ul{
    left: auto;
    right: 0px;
}
.nav_main ul li:hover > ul{
    top: 50px;
    opacity: 1;
    pointer-events: all;
}
.nav_main ul.level_2 ul{
    left: 100%;
    top: 10px; 
}
.nav_main ul.level_2 ul{
    top: 0px !important;
}
.nav_main ul.level_1 ul li{
    position: relative;
    display: block;
    float: none;
    margin: 0 0 0 0px;
    padding: 0px;
}
.nav_main ul.level_1 ul li a,
.nav_main ul.level_1 ul li strong{
    padding: 13px 10px 10px 0px;
    min-width: 150px;
    font-weight: normal;
    font-size: 14px;
    border-bottom: 1px solid var(--line); 
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav_main ul.level_1 ul li:last-child > a,
.nav_main ul.level_1 ul li:last-child > strong{
    border-bottom: none; 
}

/* Mobile Navigation ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
  
.nav_mobile .has-subnav {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 70px;
    height: 53px;
    top: 0px;
    right: 0px;
}
.nav_mobile .has-subnav:before {
    position: relative;
    display: absolute;
    top: 16px;
    left: 25px;
    font-family: 'simple-line-icons';
    font-size: 12px;
    color: var(--white);
    content: "\e604";
}
.nav_mobile .has-subnav.active:before {
    content: "\e607";
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.nav_mobile{
    position: fixed;
    display: block;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    top: 170px;
    left: 0px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    min-height: 100vh;
    max-height: 55em;
    background: var(--bg-inforow);
    z-index: 99999;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    pointer-events: none;
}
.nav_mobile.active{
    top: 100px;
    opacity: 1;
    height: 100vh;
    pointer-events: all;
    padding: 0 0 150px 0;
}
.nav_mobile ul{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 15px 0;
    list-style: none;
}
.nav_mobile ul li{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.nav_mobile ul li a,
.nav_mobile ul li strong{
    position: relative;
    display: block;
    overflow: hidden;
    width: calc(100% - 30px);
    height: 53px;
    margin: 0px 20px 0px 20px;
    padding: 19px 0px 0px 0px;
    border-bottom:1px solid var(--line-footer); 
    color: var(--white);
    font-size: 14px;
    font-weight: 400;
}
.nav_mobile ul.level_1 li.last a,
.nav_mobile ul.level_1 li.last strong{
    border:none;
}
.nav_mobile ul.level_2 li.last a,
.nav_mobile ul.level_2 li.last strong{
    border-bottom:1px solid var(--line-footer); 
}
.nav_mobile ul ul{
    height: 0px;
    max-height: none;
    margin:0 0 0 20px; 
    padding: 0px;
}
.nav_mobile ul ul.active{
    height: auto;
    max-height: 55em;
}

/* Side Navigation ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.nav_side{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 10px 0;
}
.nav_side h1,
.nav_side h2,
.nav_side h3,
.nav_side h4,
.nav_side h5{
    font-weight: 500;
    color: var(--main-dark);
}
.nav_side ul{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    list-style: none;        
}
.nav_side ul.level_1{
    border-top:1px solid var(--line);
    padding: 20px 0;
}
.nav_side ul li{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0px;       
}
.nav_side ul li a,
.nav_side ul li strong{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 10px 0;   
    color: var(--font-text);
    font-size: 15px;   
    font-weight: 400; 
}
.nav_side ul li a:hover,
.nav_side ul li strong{
    color:var(--main-1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; 
}
.nav_side ul li .has-subnav-side{
    position: absolute;
    display: block;
    overflow: hidden;
    height: 38px;
    width: 30px;
    right: 0px;
    top: 0px;
    cursor: pointer;
}
.nav_side ul li .has-subnav-side:after{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 100%;
    top: 7px;
    left: 0px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    content:"+";
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; 
    opacity: 1;
}
.nav_side ul li .has-subnav-side.active:after{
    opacity: 0;
}
.nav_side ul li .has-subnav-side:before{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 100%;
    top: 7px;
    left: 0px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    content:"-";
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; 
    opacity: 0;
}
.nav_side ul li .has-subnav-side.active:before{
    opacity: 1;
}
.nav_side ul li ul{
    overflow: hidden;
    height: 0px;
    max-height: none;
    margin:0 0 0 20px; 
    padding: 0px;     
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;  
}
.nav_side ul li ul.active{
    height: auto;
    max-height: 55em; 
}

/* Slider ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
 
.content-swiper{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.content-swiper .swiper{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.content-swiper .content-image {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.content-swiper .content-image figure{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    line-height: 0px;
}
.content-swiper .content-image figure img{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
#spacer .swiper-button-prev{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    right: 51px;
    bottom:0px;
    left: auto;
    top: auto;
    pointer-events: none;
    background: var(--bg-spacer);
    font-size: 0px;
    pointer-events: all;
    border: none;
    display: none !important;
}
@media(max-width:1024px){
    #spacer .swiper-button-prev{
        display:none;
    }
}
#spacer .swiper-button-prev:after{
    position: absolute;
    display: block;
    top: 17px;
    left: 16px;
    font-size: 17px;
    font-family: 'simple-line-icons';
    color: var(--font-headline);
    content: "\e605";
}
#spacer .swiper-button-next{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    right: 0px;
    bottom:0px;
    left: auto;
    top: auto;
    pointer-events: none;
    background: var(--bg-spacer);
    font-size: 0px;
    pointer-events: all;
    border: none;
    display: none !important;
}
@media(max-width:1024px){
    #spacer .swiper-button-next{
        display:none;
    }
}
#spacer .swiper-button-next:after{
    position: absolute;
    display: block;
    top: 17px;
    left: 16px;
    font-size: 17px;
    font-family: 'simple-line-icons';
    color: var(--font-headline);
    content: "\e606";
}
#spacer .swiper-pagination{
    position: absolute;
    display: block;
    top:auto;
    left: 30px;
    bottom: 30px;
    width: auto;
    margin: 0px;
    padding: 0px;
    line-height: 10px;
    font-size: 0px;
}
@media(max-width:1024px){
    #spacer .swiper-pagination{
        display: none;
    }
}
#spacer .swiper-pagination .swiper-pagination-bullet{
    position: relative;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 4px;
    font-size: 0px;
    background: var(--el-7);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    pointer-events: all;
    opacity: 1;
    border-radius: 0px !important;
}
#spacer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 25px;
}
#spacer .content-swiper h2{
    position: absolute;
    display: block;
    width: auto;
    max-width: 90%;
    bottom: 50px;
    left: 30px;
    text-align: left;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0px;
    color: var(--main-bright);
    margin:0; 
    background-color: var(--el-7);
    padding: 16px 20px 13px 20px;
    z-index: 99;
    border-radius: 5px;
}
@media(max-width:800px){
    #spacer .content-swiper h2{
        display: none;
    }
}
#spacer .content-slider .content-image figcaption{
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 4px;
    color: var(--white);
}
@media(max-width:1024px){
    #spacer .content-slider .content-image figcaption{
        margin-bottom: 10px;
    }
}
#spacer .content-slider .content-image a{
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 13px 30px 9px 30px;
    color: var(--white);
    border: 1px solid var(--white);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: transparent;
}
#spacer .content-slider .content-image a:hover{
    background: var(--white);
    color: black;
}
@media(max-width:1024px){
    #spacer .content-slider .content-image a{
        padding: 6px 15px 4px 15px;
    }
}

/* Breadcrumb ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.mod_breadcrumb{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 33px 30px 30px 30px;
}
@media(max-width:1024px){
    .mod_breadcrumb{
        padding: 33px 15px 30px 15px;
    }
}
.header_image .mod_breadcrumb{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media(max-width:1024px){
    .header_image .mod_breadcrumb{
        display: none;
    }
}
body.home .mod_breadcrumb{
    display: none;
}
.mod_breadcrumb ul{
    position: relative;
    display: block;
    width: 100%;
    padding:0px;
    margin: 0px;
    list-style: none;
}
.header_image .mod_breadcrumb ul{
    text-align: center;
}
.mod_breadcrumb li{
    position: relative;
    display: inline-block;
    color: var(--el-4);
    font-size: 12px;
}
.header_image .mod_breadcrumb li{
    font-size: 22px;
}
.header_image.dark .mod_breadcrumb li,
.header_image.dark .mod_breadcrumb li a{
    color: var(--el-7);
}
.mod_breadcrumb li::after{
    position: relative;
    display: inline-block;
    margin:0 5px 0 10px;
    content:"/";
}
.mod_breadcrumb li:last-child::after{
    display: none;
}
.mod_breadcrumb li a{
    color: var(--el-4);
}
.mod_breadcrumb li a:hover{
    color: var(--main-dark);
}
.mod_breadcrumb li.active{
    color: var(--main-dark);
}
/* Header Image ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.header_image .ce_image{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}
.header_image .ce_image figure{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    line-height: 0px;
}
.header_image .ce_image figure img{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* Formulars ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.ce_form{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
form{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
form .formbody{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
form .formbody .widget{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
}
span.mandatory{
    color: var(--error);
    margin-left:3px;
}
input {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:none;
    font-family: 'HSPC', sans-serif;
}
select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:none;
    font-family: 'HSPC', sans-serif;
}
textarea {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:none;
}
form .formbody .widget label,
form .formbody .widget legend  {
    width:100%;
    position:relative;
    display:block;
    margin:0 0 4px 0;
    color: var(--font-headline);
    font-size: 16px;
}
form .formbody .widget input.text {
    width:100%;
    position:relative;
    display:block;
    margin:0;
    padding:18px 15px 12px 15px;
    border: 1px solid var(--line-2);
    border-radius:0;
    font-size:16px;
    color: var(--font-headline);
    text-transform:none;
    background: var(--white);
    outline:none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
form .formbody .widget input.text:focus {
    border: 1px solid var(--line-3); 
}
form .formbody .widget textarea {
    width:100%;
    position:relative;
    display:block;
    margin:0;
    padding:18px 15px 12px 15px;
    border: 1px solid var(--line-2);
    border-radius:0;
    font-size:16px;
    color: var(--font-headline);
    text-transform:none;
    background: var(--white);
    outline:none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
form .formbody .widget textarea:focus {
    border: 1px solid var(--line-3);   
}
form .formbody .widget select {
    width:100%;
    position:relative;
    display:block;
    margin:0;
    padding:18px 15px 12px 15px;
    border: 1px solid var(--line-2);
    border-radius:0;
    font-size:16px;
    color: var(--font-headline);
    text-transform:none;
    background: var(--white);
    outline:none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
form .formbody .widget select:focus {
    border: 1px solid var(--line-3); 
}
form .formbody .widget.select::after {
    position: absolute;
    display: block;
    right: 15px;
    bottom: 16px;
    font-family: 'simple-line-icons';
    content: "\e604";
    font-size: 12px;
    pointer-events: none;
}
form .formbody .widget fieldset {
    position: relative;
    display: block;
    border: none;
    margin: 0px;
    padding: 0px;
}
form .formbody .widget fieldset legend {
    padding: 0 0 4px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid var(--line);
}
form .formbody .widget fieldset span {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}
form .formbody .widget fieldset legend span {
    margin-right: 0px;
}
form .formbody .widget fieldset label {
    position: relative;
    display: inline-block;
    width:auto;
    top: 4px;
    margin:0 0 10px 27px;
    font-size: 14px;
    white-space: pre-wrap;
}
@-moz-document url-prefix() {
    form .formbody .widget fieldset label {
        top: 3px;
    }
}
form .formbody .widget input.radio,
form .formbody .widget input.checkbox {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--line-3);
    -webkit-box-shadow: inset 0px 0px 0px 3px var(--white);
    -moz-box-shadow: inset 0px 0px 0px 3px var(--white);
    box-shadow: inset 0px 0px 0px 3px var(--white);
    box-shadow: inset 0px 0px 0px 3px #fff;
}
form .formbody .widget input.radio:checked,
form .formbody .widget input.checkbox:checked  {
    background: var(--main-1);
}
form .formbody .widget input.radio {
    border-radius: 100px;
}
form .formbody .widget input.checkbox {
    border-radius: 5px;
}

/* Buttons ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.submit {
    position: relative;
    display: block;
    border: none;
    padding: 13px 30px 13px 30px;
    background: var(--main);
    color: var(--white);
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 3px;
    text-transform: uppercase;
    line-height: normal;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.submit:hover {
    background-color: var(--main-dark);
}

/* Footer Navigation ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.nav_footer{
    position: relative;
    display: block;
    overflow: hidden;
    width: 33.33%;
    float: left;
    padding: 0px 30px;
}
@media (max-width:1023px){
    .nav_footer{
        position: relative;
        display: block;
        overflow: hidden;
        float: none;
        clear: both;
        width: 100%;
        padding: 15px 15px;
    }
}
.nav_footer h1,
.nav_footer h2,
.nav_footer h3,
.nav_footer h4{
    font-size: 15px;
    text-transform: uppercase;
    color: var(--el-3);
    border-bottom: 1px solid var(--el-5);
    padding: 9px 0 15px 0;
    margin: 0 0 30px 0;
}
@media (max-width:1023px){
    .nav_footer h1,
    .nav_footer h2,
    .nav_footer h3,
    .nav_footer h4{
        margin: 0 0 15px 0;
    }
}
.nav_footer ul{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
@media(max-width:1024px){
    .nav_footer ul{
        padding: 0 0 0 0;
    }
}
.nav_footer ul li{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.nav_footer ul li a,
.nav_footer ul li strong{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0px;
    padding: 5px 0;
    color: var(--el-3);
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}
.nav_footer ul li strong,
.nav_footer ul li a:hover{
    color:var(--main-bright);
}
.nav_footer ul li a:hover{
    padding-left: 5px;
}

/* Copyright ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#copyright .inside p{
    position: relative;
    display: block;
    overflow: hidden;
    width: auto;
    font-size: 13px;
    color: var(--el-5);
    margin: 5px auto 0 auto;
    text-align: center;

}
@media (max-width:1023px){
    #copyright .inside p{
        float: none;
        clear: both;
        width: auto;
       text-align: center;
    }
}

/* Payment Icons ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.payment_icons{
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    text-align: right;
    line-height: 1px;
}
.payment_icons img{
    position: relative;
    display: inline-block;
    overflow: hidden;
    height:30px;
    width: auto;
    margin-left: 5px;
}
@media (max-width:1023px){
    .payment_icons{
        float: none;
        clear: both;
        width: auto;
        text-align: center;
        margin-top:20px;
    }
    .payment_icons img{
        margin-bottom:10px;
    }
}

/* Toaster Icon ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.toaster {
    position: absolute;
    display: none;
    bottom:35px;
    right: 30px;
    font-size: 0px;
    width: 25px;
    height: 18px;
    border-top: 2px solid var(--font-headline);
    border-bottom: 2px solid var(--font-headline);
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#header.fixed .toaster {
    top: 105px;
}
.toaster.close {
    border-top: 0px;
    border-bottom: 0px;
}
.toaster::after {
    position: absolute;
    display: block;
    top: 6px;
    right: 0px;
    width: 80%;
    height: 2px;
    background: var(--font-headline);
    content: "";
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.toaster.close::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.toaster::before {
    position: absolute;
    display: block;
    bottom: 0px;
    right: 0px;
    width: 80%;
    height: 2px;
    background: var(--font-headline);
    content: "";
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity:0;
}
.toaster.close::before {
    bottom: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity:1;
}
.toaster.active {
    display: block;
}

/* Sub Collumns for Extension felixpfeiffer/subcolumns ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.subcolumns{
    overflow: hidden;
}

/* Sub Collumns Responsive for Extension felixpfeiffer/subcolumns ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l,
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
.subcl, .subc, .subcr{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    }

@media (max-width:1023px){
    .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l,
    .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
    .subcl, .subc, .subcr{
        position:relative;
        display: block;
        float: none;
        clear: both;
        width: 100%;
        margin: 0px;
        padding: 0px !important;
    }
}

/* Comments ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.ce_comments{
    position: relative;
    display:block;
    overflow: visible;
    float: none;
    clear: both;
    padding: 5px 0 0 0;
}
.ce_comments .comment_default{
    position: relative;
    display:block;
    overflow: visible;
    
    float: none;
    clear: both;
    width: calc(100% - 25px);
    margin-left:25px;
    margin-bottom:20px;
    padding: 2px 2px 2px 40px;
    border-left:1px solid var(--line); 
}
.ce_comments .comment_default:before{
    position: absolute;
    display:block;
    overflow: hidden;
    left: -20px;
    top: 0px;
    width: 40px;
    height: 31px;
    border-radius: 100px;
    background: var(--font-headline);
    font-family: 'simple-line-icons';
    content: "\e02c";
    color: var(--white);
    font-size: 20px;
    text-align: center;
    padding-top:9px; 
}
.ce_comments .comment_default:after{
    position: absolute;
    display:block;
    overflow: hidden;
    left: -5px;
    bottom: 0px;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: var(--line-2);
    content: "";
 
}
.ce_comments .comment_default .parent,
.ce_comments .comment_default .reply{
    position: relative;
    display:block;
    overflow: hidden;
    float: none;
    clear: both;
    padding: 0px;
    margin: -5px 0 20px 0;
    background: var(--white);
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.68);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.68);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.68);
}
.ce_comments .comment_default .reply{
    margin: 0 0 0 50px;
}
@media(max-width:1024px){
    .ce_comments .comment_default .reply{
        margin: 0 0 0 0;
    }
}
.ce_comments .comment_default p.info{
    position: relative;
    display:block;
    overflow: hidden;
    float: none;
    clear: both;
    line-height: normal;
    margin: 0;
    padding: 18px 15px 12px 45px;
    background: var(--back-2);
    border-bottom: 1px solid var(--line);
}
.ce_comments .comment_default .parent p.info::before{
    position: absolute;
    display: block;
    top:13px;
    left: 15px;
    font-family: 'simple-line-icons';
    content: "\e051";
    color: var(--font-headline);
    font-size: 20px;
}
.ce_comments .comment_default .reply p.info::before{
    position: absolute;
    display: block;
    top:13px;
    left: 15px;
    font-family: 'simple-line-icons';
    content: "\e050";
    color: var(--font-headline);
    font-size: 20px;
}
.ce_comments .comment_default .comment{
    position: relative;
    display:block;
    overflow: hidden;
    float: none;
    clear: both;
    line-height: normal;
    margin: 0;
    padding: 15px 15px 15px 15px;
}
.ce_comments form{
    margin-top:20px; 
}

/* p.errror ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

p.error,
.error p {
    position: relative;
    display: block;
    background: var(--error);
    padding: 17px 15px 13px 48px;
    margin-bottom: 20px;
    color: var(--white);
    font-size: 15px;
}
p.error:before,
.error p:before {
    position: absolute;
    display: block;
    top: 15px;
    left: 15px;
    font-family: 'simple-line-icons';
    font-size: 22px;
    content: "\e00e";
}
p.error::after,
.error p::after {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 5px;
    height: 100%;
    background: var(--black);
    opacity: 0.5;
    content: "";
}

/* p.information ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

p.information,
.information p {
    position: relative;
    display: block;
    background: var(--information);
    padding: 17px 15px 13px 48px;
    margin-bottom: 20px;
    color: var(--white);
    font-size: 15px;
}
p.information:before,
.information p:before {
    position: absolute;
    display: block;
    top: 15px;
    left: 15px;
    font-family: 'simple-line-icons';
    font-size: 22px;
    content: "\e08b";
}
p.information::after,
.information p::after {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 5px;
    height: 100%;
    background: var(--black);
    opacity: 0.5;
    content: "";
}

/* p.successful ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

p.successful,
.successful p {
    position: relative;
    display: block;
    background: var(--successful);
    padding: 17px 15px 13px 48px;
    margin-bottom: 20px;
    color: var(--white);
    font-size: 15px;
}
p.successful:before,
.successful p:before {
    position: absolute;
    display: block;
    top: 15px;
    left: 15px;
    font-family: 'simple-line-icons';
    font-size: 22px;
    content: "\e028";
}
p.successful::after,
.successful p::after {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 5px;
    height: 100%;
    background: var(--black);
    opacity: 0.5;
    content: "";
}

/* Login Form Icons ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.mod_login .widget-password .icon-eye,
.mod_registration .widget-password .icon-eye{
    position: absolute;
    display: block;
    right:10px;
    bottom: 14px;
    font-size: 18px;
    color: var(--font-text);
    cursor: pointer;
}
.mod_login .widget-password.active .icon-eye,
.mod_registration .widget-password.active .icon-eye{
    color: var(--main-1);
}
.mod_login form .formbody .widget.widget-password input.text,
.mod_login form .formbody .widget.widget-text input.text{
    padding: 15px 15px 11px 35px;
}
.mod_login .widget-password:after{
    position: absolute;
    display: block;
    bottom:14px;
    left: 10px;
    font-size: 18px;
    color: var(--font-text);
    font-family: 'simple-line-icons';
    content: "\e08f";
}
.mod_login .widget-text:after{
    position: absolute;
    display: block;
    bottom:14px;
    left: 10px;
    font-size: 18px;
    color: var(--font-text);
    font-family: 'simple-line-icons';
    content: "\e005";
}

/* Login Form Inforow ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#inforow .mod_login{
    display: none;
}
#inforow .mod_login form .formbody .widget.widget-checkbox{
    margin-bottom:10px;
}
#inforow  li.login .mod_login{
    position: absolute;
    display: block;
    overflow: hidden;
    top: 42px;
    right:0px;
    width: 300px;
    min-width: 300px;
    padding: 0px;
    background: var(--white);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;  
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: left;
    opacity: 0;
    pointer-events: none;
    z-index:9999;
}
#inforow li.login:hover .mod_login{
    top: 32px;
    opacity:1; 
    pointer-events: all;
}
#inforow li.login .mod_login form{
    padding: 20px 20px 0px 20px;
}
#inforow .reg_forgot_link{
    display:none;
}
#inforow .mod_login .reg_forgot_link{
    display:block;
}
#inforow li.login .reg_forgot_link ul{
    position: relative;
    display: block;
    text-align: left;
    float: none;
    clear: both;
    padding: 0 0 20px;
}
#inforow li.login .reg_forgot_link ul li{
    position: relative;
    display: block;
    float: none;
    clear: both;
    padding: 0 0 5px 20px;
    margin: 0 0 0 0;
}
#inforow li.login .reg_forgot_link ul li a,
#inforow li.login .reg_forgot_link ul li strong {
    position: relative;
    display: block;
    float: none;
    clear: both;
    font-size: 14px;
    color: var(--font-text);
}
#inforow li.login .reg_forgot_link ul li a:hover,
#inforow li.login .reg_forgot_link ul li strong {
    color: var(--main-1);
}
#inforow li.login .reg_forgot_link ul li a:before,
#inforow li.login .reg_forgot_link ul li strong:before {
    display: none;
}

/* Pagination ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.pagination{
    position: relative;
    display: block;
    min-height: 55px;
    width: 100%;
    padding: 10px 10px 10px 15px;
    background: var(--bg-spacer);
}
.pagination:after{
    position: relative;
    display: block;
    clear: both;
    float: none;
    content: "";
}
.pagination p{
    position: relative;
    display: block;
    float: left;
    margin: 8px 0 0 0;
}
.pagination ul{
    position: relative;
    display: block;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
.pagination ul li{
    position: relative;
    display: block;
    float: left;
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0;
}
.pagination ul li a,
.pagination ul li strong{
    position: relative;
    display: block;
    height: 35px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 11px 12px 0 12px;
    border: 1px solid var(--line-2);
    font-weight: 400;
    font-size: 14px;
    color: var(--font-text);
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.pagination ul li a:hover,
.pagination ul li strong{
    color: var(--main-1);
    border: 1px solid var(--main-1);
}

/* Coockiebar ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.cookiebar{
    position: fixed;
    display: block;
    z-index: 9999;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background: var(--main-1);
    padding: 20px;
    text-align: center;

}
.cookiebar--active{
    display: block !important
}
.cookiebar__text{
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}
.cookiebar__text span{
    color: var(--white);
    font-size: 16px;
}
.cookiebar__text a{
    color: var(--white);
    font-size: 16px;
}
.cookiebar button{
    position: relative;
    display: inline-block;
    padding: 10px 30px;
    margin: 0 0 0 10px;
    background: var(--font-headline);
    color: var(--white);
    border: none;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0.9;
}
.cookiebar button:hover{
    opacity: 1;
}

/* End Reguar Theme Stylesheet ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* Shop Filter Header ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.shop_filter_header{
    position: relative;
    display: block;
    width: 100%;
    float: none;
    clear: both;
    overflow: hidden;
    padding: 10px 10px 10px 10px;
    margin: 0 0 30px 0;
    text-align: right;
    white-space: nowrap;
    background: var(--bg-spacer);
}
.shop_filter_header:after{
    position: relative;
    display: block;
    float: none;
    clear: both;
    content: "";
}
.shop_filter_header form{
    position: relative;
    display: block;
    float: right;
}
.shop_filter_header .clear_filters{
    position: relative;
    display: block;
    float: right;
    width: 35px;
    height: 35px;
    font-size: 0px;
    display: none;
}
.shop_filter_header .clear_filters:after{
    position: absolute;
    display: block;
    font-size: 16px;
    font-family: 'simple-line-icons';
    color: var(--font-text);
    cursor: pointer;
    content: "\e054";
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.shop_filter_header .clear_filters:hover:after{
    color: var(--error);
}
.shop_filter_header form .formbody .sorting {
    position: relative;
    display: block;
    float: left;
}
.shop_filter_header form .formbody .sorting label {
    position: relative;;
    display:inline-block;
    margin-right: 10px;
    font-size: 0px;
}
.shop_filter_header form .formbody .sorting label::after {
    position: relative;
    display:inline-block;
    font-family: 'simple-line-icons';
    content: "\e034";
    font-size: 20px;
    top: 4px;
    color: var(--font-text);
}
.shop_filter_header form .formbody .sorting select {
    position: relative;
    display: inline-block;
    height: 35px;
    margin:0;
    padding:4px 40px 0px 15px;
    border: 0px;
    border-bottom: 1px solid #e6e6e6;
    border-radius:0;
    font-size:14px;
    color: var(--font-headline);
    text-transform:none;
    background: var(--white);
    outline:none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.shop_filter_header form .formbody .sorting::after {
    position: absolute;
    display: block;
    right: 15px;
    bottom: 11px;
    font-family: 'simple-line-icons';
    content: "\e604";
    font-size: 10px;
    pointer-events: none;
}
.shop_filter_header form .formbody .limit {
    position: relative;
    display: block;
    float: left;
    margin: 0 0 0 10px;
}
.shop_filter_header form .formbody .limit label {
    position: relative;;
    display: none;
}
.shop_filter_header form .formbody .limit label::after {
    position: relative;
    display:inline-block;
    font-family: 'simple-line-icons';
    content: "\e034";
    font-size: 20px;
    top: 4px;
    color: var(--font-text);
}
.shop_filter_header form .formbody .limit select {
    position: relative;
    display: inline-block;
    height: 35px;
    margin:0;
    padding:4px 40px 0px 15px;
    border: 0px;
    border-bottom: 1px solid #e6e6e6;
    border-radius:0;
    font-size:14px;
    text-align: center;
    color: var(--font-headline);
    text-transform:none;
    background: var(--white);
    outline:none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.shop_filter_header form .formbody .limit::after {
    position: absolute;
    display: block;
    right: 15px;
    bottom: 11px;
    font-family: 'simple-line-icons';
    content: "\e604";
    font-size: 10px;
    pointer-events: none;
}

/* Shop Filter Header ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.col_filter{
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    margin:8px 0 0 10px;
}
@media(max-width:1024px){
    .col_filter{
        display: none;
    }
}
.col_filter .four_cols{
    position: relative;
    display: block;
    float: left;
    width: 30px;
    height: 20px;
    margin:0 10px 0 0;
    overflow: hidden;
    background: url('../../files/img/icon_col_4.svg');
    background-size: 100% 100%;
    opacity: 0.4;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.col_filter .four_cols.active{
    opacity: 1;
}
.col_filter .three_cols{
    position: relative;
    display: block;
    float: left;
    width: 30px;
    height: 20px;
    margin:0 10px 0 0;
    overflow: hidden;
    background: url('../../files/img/icon_col_3.svg');
    background-size: 100% 100%;
    opacity: 0.4;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.col_filter .three_cols.active{
    opacity: 1;
}
.col_filter .two_cols{
    position: relative;
    display: block;
    float: left;
    width: 30px;
    height: 20px;
    margin:0 0 0 0;
    overflow: hidden;
    background: url('../../files/img/icon_col_2.svg');
    background-size: 100% 100%;
    opacity: 0.4;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.col_filter .two_cols.active{
    opacity: 1;
}


/* boxes ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


.greenbox h2:before{
    position: relative;
    display: inline-block;
    color: #b6c946;
    content: "";
    margin-right: 5px;
    top:2px;
    content: "\e034";
    font-family:simple-line-icons;
    font-weight: bold;
}

.yellowbox h2:before{
    position: relative;
    display: inline-block;
    color: #edcc2c;
    content: "";
    margin-right: 5px;
    top:2px;
    content: "\e034";
    font-family:simple-line-icons;
    font-weight: bold;
}

.bluebox h2:before{
    position: relative;
    display: inline-block;
    color: #488a9a;
    content: "";
    margin-right: 5px;
    top:2px;
    content: "\e034";
    font-family:simple-line-icons;
    font-weight: bold;
}

.graybox h2:before{
    position: relative;
    display: inline-block;
    color: #4d595c;
    content: "";
    margin-right: 5px;
    top:2px;
    content: "\e034";
    font-family:simple-line-icons;
    font-weight: bold;
}


/* Tabs ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.tabcontrol_tabs{
    position: relative;
    display: block;
    overflow: hidden;
}

.tabcontrol_tabs ul{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabcontrol_tabs ul:after{
    position: relative;
    display: block;
    float: none;
    clear: both;
    content: "";
}

.tabcontrol_tabs ul li{
    position: relative;
    display: inline-block;
    padding: 12px 15px 9px 15px;
    margin-right: 10px;
    background-color: #dfdfdf;
    cursor: pointer;
}

.tabcontrol_tabs ul li:hover,
.tabcontrol_tabs ul li.selected{
    background-color: #cbcbcb;

}

/* Collumns ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.col{
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
}
.col_2_1{
    width: 50%;
    padding: 0 20px 0 0;
}
.col_2_2{
    width: 50%;
    padding: 0 0 0 20px;
}
.col_3_1{
    width: 33.33%;
    padding: 0 30px 0 0;
}
.col_3_2{
    width: 33.33%;
    padding: 0 10px 0 10px;
}
.col_3_3{
    width: 33.33%;
    padding: 0 0 0 30px;
}
@font-face {
  font-family: 'simple-line-icons';
  src: url('../../files/fonts/Simple-Line-Icons.eot?v=2.4.0');
  src: url('../../files/fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../../files/fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('../../files/fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('../../files/fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('../../files/fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 Use the following CSS code if you want to have a class per icon.
 Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
*/
.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-event,
.icon-exclamation,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox,
.icon-social-vkontakte,
.icon-social-steam {
  font-family: 'simple-line-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
  content: "\e005";
}
.icon-people:before {
  content: "\e001";
}
.icon-user-female:before {
  content: "\e000";
}
.icon-user-follow:before {
  content: "\e002";
}
.icon-user-following:before {
  content: "\e003";
}
.icon-user-unfollow:before {
  content: "\e004";
}
.icon-login:before {
  content: "\e066";
}
.icon-logout:before {
  content: "\e065";
}
.icon-emotsmile:before {
  content: "\e021";
}
.icon-phone:before {
  content: "\e600";
}
.icon-call-end:before {
  content: "\e048";
}
.icon-call-in:before {
  content: "\e047";
}
.icon-call-out:before {
  content: "\e046";
}
.icon-map:before {
  content: "\e033";
}
.icon-location-pin:before {
  content: "\e096";
}
.icon-direction:before {
  content: "\e042";
}
.icon-directions:before {
  content: "\e041";
}
.icon-compass:before {
  content: "\e045";
}
.icon-layers:before {
  content: "\e034";
}
.icon-menu:before {
  content: "\e601";
}
.icon-list:before {
  content: "\e067";
}
.icon-options-vertical:before {
  content: "\e602";
}
.icon-options:before {
  content: "\e603";
}
.icon-arrow-down:before {
  content: "\e604";
}
.icon-arrow-left:before {
  content: "\e605";
}
.icon-arrow-right:before {
  content: "\e606";
}
.icon-arrow-up:before {
  content: "\e607";
}
.icon-arrow-up-circle:before {
  content: "\e078";
}
.icon-arrow-left-circle:before {
  content: "\e07a";
}
.icon-arrow-right-circle:before {
  content: "\e079";
}
.icon-arrow-down-circle:before {
  content: "\e07b";
}
.icon-check:before {
  content: "\e080";
}
.icon-clock:before {
  content: "\e081";
}
.icon-plus:before {
  content: "\e095";
}
.icon-minus:before {
  content: "\e615";
}
.icon-close:before {
  content: "\e082";
}
.icon-event:before {
  content: "\e619";
}
.icon-exclamation:before {
  content: "\e617";
}
.icon-organization:before {
  content: "\e616";
}
.icon-trophy:before {
  content: "\e006";
}
.icon-screen-smartphone:before {
  content: "\e010";
}
.icon-screen-desktop:before {
  content: "\e011";
}
.icon-plane:before {
  content: "\e012";
}
.icon-notebook:before {
  content: "\e013";
}
.icon-mustache:before {
  content: "\e014";
}
.icon-mouse:before {
  content: "\e015";
}
.icon-magnet:before {
  content: "\e016";
}
.icon-energy:before {
  content: "\e020";
}
.icon-disc:before {
  content: "\e022";
}
.icon-cursor:before {
  content: "\e06e";
}
.icon-cursor-move:before {
  content: "\e023";
}
.icon-crop:before {
  content: "\e024";
}
.icon-chemistry:before {
  content: "\e026";
}
.icon-speedometer:before {
  content: "\e007";
}
.icon-shield:before {
  content: "\e00e";
}
.icon-screen-tablet:before {
  content: "\e00f";
}
.icon-magic-wand:before {
  content: "\e017";
}
.icon-hourglass:before {
  content: "\e018";
}
.icon-graduation:before {
  content: "\e019";
}
.icon-ghost:before {
  content: "\e01a";
}
.icon-game-controller:before {
  content: "\e01b";
}
.icon-fire:before {
  content: "\e01c";
}
.icon-eyeglass:before {
  content: "\e01d";
}
.icon-envelope-open:before {
  content: "\e01e";
}
.icon-envelope-letter:before {
  content: "\e01f";
}
.icon-bell:before {
  content: "\e027";
}
.icon-badge:before {
  content: "\e028";
}
.icon-anchor:before {
  content: "\e029";
}
.icon-wallet:before {
  content: "\e02a";
}
.icon-vector:before {
  content: "\e02b";
}
.icon-speech:before {
  content: "\e02c";
}
.icon-puzzle:before {
  content: "\e02d";
}
.icon-printer:before {
  content: "\e02e";
}
.icon-present:before {
  content: "\e02f";
}
.icon-playlist:before {
  content: "\e030";
}
.icon-pin:before {
  content: "\e031";
}
.icon-picture:before {
  content: "\e032";
}
.icon-handbag:before {
  content: "\e035";
}
.icon-globe-alt:before {
  content: "\e036";
}
.icon-globe:before {
  content: "\e037";
}
.icon-folder-alt:before {
  content: "\e039";
}
.icon-folder:before {
  content: "\e089";
}
.icon-film:before {
  content: "\e03a";
}
.icon-feed:before {
  content: "\e03b";
}
.icon-drop:before {
  content: "\e03e";
}
.icon-drawer:before {
  content: "\e03f";
}
.icon-docs:before {
  content: "\e040";
}
.icon-doc:before {
  content: "\e085";
}
.icon-diamond:before {
  content: "\e043";
}
.icon-cup:before {
  content: "\e044";
}
.icon-calculator:before {
  content: "\e049";
}
.icon-bubbles:before {
  content: "\e04a";
}
.icon-briefcase:before {
  content: "\e04b";
}
.icon-book-open:before {
  content: "\e04c";
}
.icon-basket-loaded:before {
  content: "\e04d";
}
.icon-basket:before {
  content: "\e04e";
}
.icon-bag:before {
  content: "\e04f";
}
.icon-action-undo:before {
  content: "\e050";
}
.icon-action-redo:before {
  content: "\e051";
}
.icon-wrench:before {
  content: "\e052";
}
.icon-umbrella:before {
  content: "\e053";
}
.icon-trash:before {
  content: "\e054";
}
.icon-tag:before {
  content: "\e055";
}
.icon-support:before {
  content: "\e056";
}
.icon-frame:before {
  content: "\e038";
}
.icon-size-fullscreen:before {
  content: "\e057";
}
.icon-size-actual:before {
  content: "\e058";
}
.icon-shuffle:before {
  content: "\e059";
}
.icon-share-alt:before {
  content: "\e05a";
}
.icon-share:before {
  content: "\e05b";
}
.icon-rocket:before {
  content: "\e05c";
}
.icon-question:before {
  content: "\e05d";
}
.icon-pie-chart:before {
  content: "\e05e";
}
.icon-pencil:before {
  content: "\e05f";
}
.icon-note:before {
  content: "\e060";
}
.icon-loop:before {
  content: "\e064";
}
.icon-home:before {
  content: "\e069";
}
.icon-grid:before {
  content: "\e06a";
}
.icon-graph:before {
  content: "\e06b";
}
.icon-microphone:before {
  content: "\e063";
}
.icon-music-tone-alt:before {
  content: "\e061";
}
.icon-music-tone:before {
  content: "\e062";
}
.icon-earphones-alt:before {
  content: "\e03c";
}
.icon-earphones:before {
  content: "\e03d";
}
.icon-equalizer:before {
  content: "\e06c";
}
.icon-like:before {
  content: "\e068";
}
.icon-dislike:before {
  content: "\e06d";
}
.icon-control-start:before {
  content: "\e06f";
}
.icon-control-rewind:before {
  content: "\e070";
}
.icon-control-play:before {
  content: "\e071";
}
.icon-control-pause:before {
  content: "\e072";
}
.icon-control-forward:before {
  content: "\e073";
}
.icon-control-end:before {
  content: "\e074";
}
.icon-volume-1:before {
  content: "\e09f";
}
.icon-volume-2:before {
  content: "\e0a0";
}
.icon-volume-off:before {
  content: "\e0a1";
}
.icon-calendar:before {
  content: "\e075";
}
.icon-bulb:before {
  content: "\e076";
}
.icon-chart:before {
  content: "\e077";
}
.icon-ban:before {
  content: "\e07c";
}
.icon-bubble:before {
  content: "\e07d";
}
.icon-camrecorder:before {
  content: "\e07e";
}
.icon-camera:before {
  content: "\e07f";
}
.icon-cloud-download:before {
  content: "\e083";
}
.icon-cloud-upload:before {
  content: "\e084";
}
.icon-envelope:before {
  content: "\e086";
}
.icon-eye:before {
  content: "\e087";
}
.icon-flag:before {
  content: "\e088";
}
.icon-heart:before {
  content: "\e08a";
}
.icon-info:before {
  content: "\e08b";
}
.icon-key:before {
  content: "\e08c";
}
.icon-link:before {
  content: "\e08d";
}
.icon-lock:before {
  content: "\e08e";
}
.icon-lock-open:before {
  content: "\e08f";
}
.icon-magnifier:before {
  content: "\e090";
}
.icon-magnifier-add:before {
  content: "\e091";
}
.icon-magnifier-remove:before {
  content: "\e092";
}
.icon-paper-clip:before {
  content: "\e093";
}
.icon-paper-plane:before {
  content: "\e094";
}
.icon-power:before {
  content: "\e097";
}
.icon-refresh:before {
  content: "\e098";
}
.icon-reload:before {
  content: "\e099";
}
.icon-settings:before {
  content: "\e09a";
}
.icon-star:before {
  content: "\e09b";
}
.icon-symbol-female:before {
  content: "\e09c";
}
.icon-symbol-male:before {
  content: "\e09d";
}
.icon-target:before {
  content: "\e09e";
}
.icon-credit-card:before {
  content: "\e025";
}
.icon-paypal:before {
  content: "\e608";
}
.icon-social-tumblr:before {
  content: "\e00a";
}
.icon-social-twitter:before {
  content: "\e009";
}
.icon-social-facebook:before {
  content: "\e00b";
}
.icon-social-instagram:before {
  content: "\e609";
}
.icon-social-linkedin:before {
  content: "\e60a";
}
.icon-social-pinterest:before {
  content: "\e60b";
}
.icon-social-github:before {
  content: "\e60c";
}
.icon-social-google:before {
  content: "\e60d";
}
.icon-social-reddit:before {
  content: "\e60e";
}
.icon-social-skype:before {
  content: "\e60f";
}
.icon-social-dribbble:before {
  content: "\e00d";
}
.icon-social-behance:before {
  content: "\e610";
}
.icon-social-foursqare:before {
  content: "\e611";
}
.icon-social-soundcloud:before {
  content: "\e612";
}
.icon-social-spotify:before {
  content: "\e613";
}
.icon-social-stumbleupon:before {
  content: "\e614";
}
.icon-social-youtube:before {
  content: "\e008";
}
.icon-social-dropbox:before {
  content: "\e00c";
}
.icon-social-vkontakte:before {
  content: "\e618";
}
.icon-social-steam:before {
  content: "\e620";
}