/*****************
	TYPOGRAPHY
******************/
body { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:1.6rem; line-height: 1; color: #212121; }

h1, h2, h3, h4, h5, h6 { margin:1em 0 0.6em; }

h1 { font-size: 3.6rem; font-weight: 500; color:black; }
h2 { font-size: 3rem; font-weight: 700; color:black; }
h3 { font-size: 2.6rem; font-weight: 700; color:#E01764; }
h4 { font-size: 2rem; font-weight: 700; }
h5 { font-size: 1.7rem; font-weight: 700; text-transform: uppercase; }
h6 { font-size: 1.7rem; font-weight: 700; }

.excerpt { font-weight: 500; margin: 0 0 3rem 0; line-height: 1.4; text-align:center;}

a { color: #E01764; text-decoration: underline; }
a:hover { color: #E01764; }

hr { border: none; border-bottom: 1px solid #a2a2a2; padding: 0; margin: 2rem 0; }

/* ::selection {background:#5cb7e0; color:#ffffff;} */
/* ::-moz-selection {background:#5cb7e0; color:#ffffff;} */


/* CONTENT TYPOGRAPHY */
.content { line-height: 1.4em; }
    .content ul {
        list-style: none !important; /* Remove default bullets */
        padding-left:0;
    }

        .content ul li::before {
            content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
            color: #E01764; /* Change the color */
            font-weight: bold; /* If you want it to be bold */
            display: inline-block; /* Needed to add space between the bullet and the text */
            width: 1.2em;
            font-size: 18px;
        }
.content::after { content:''; clear:both; display:table; }
.content :first-child { margin-top:0 !important; }
.content :last-child { margin-bottom:0 !important; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { line-height:1em; margin:1em 0 0.6em; }
.content p, .content ul, .content ol, .content table { margin: 0 0 0.875em; }
.content ul { list-style: disc; }
.content ol { list-style: decimal; }
.content li { margin: 0 0 0.3em 0em; }
.content img { max-width: 100%; }
.content table { max-width: 100%; }
.content table th, .content table td { border: 1px solid #a2a2a2; text-align: left; padding: 0.5rem; vertical-align: top; }



/**************
	HELPERS
***************/
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.overflow { overflow: hidden; }
.wide { width: 100%; }

.text-red { color: #fe2700; }
.text-green { color: #00c83b; }
.text-grey { color: #a2a2a2; }

.table { display:table; }
.tcell { display:table-cell; vertical-align:top; }
.va-mid { vertical-align:middle; }



/**************
	INPUTS
***************/
input, textarea, button, select { font-family: Arial, Helvetica, sans-serif; font-size: 1.6rem; color: #484848; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #989898; font-style:italic; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #989898; opacity: 1; font-style:italic; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #989898; font-style:italic; }
input::input-placeholder, textarea::input-placeholder { color: #989898; font-style:italic; }

input[type=date]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; }
input[type=date]::-webkit-calendar-picker-indicator { -webkit-appearance: none; display: none; }
input[type=date]::-webkit-clear-button { display: block; -webkit-appearance: none; }

.textbox { width: 300px; height: 4.5rem; padding: 0 1.5rem; margin: 0; border: 1px solid #989898; background: #fff; outline: none; border-radius: 0; transition: border-color 100ms linear; }
.textbox:focus { border-color: #484848; }
.textbox.error { border-color: #ea482a; }
.textbox.wide { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

textarea.textbox { resize: vertical; padding: 1.5rem; height: 20rem; }

.form p { margin-bottom: 0.5rem; }




/***************
	BUTTONS
****************/
button { -webkit-appearance: none; appearance: normal; }

.button { -webkit-appearance: none; appearance: normal; height: 3.8rem; line-height: 4rem; padding: 0 1.5rem; margin: 0; border: none; background: #E01764; color: #fff; font-weight: 700; text-transform: uppercase; outline: none; border-radius: 0; cursor: pointer; transition: all 100ms linear; }
.button:hover { color: #ffffff; background: #E01764; }
.button:active { background: #E01764; }

a.button { display: inline-block; box-sizing: border-box; text-decoration: none; }
a.button i { display: inline-block; font-style: normal; line-height: 1; vertical-align: middle; }
a.button.wide { text-align: center; }




/***************
	SHARED
****************/

/* breadcrumb */
.breadcrumb { margin:0; background:no-repeat; padding:1.6rem 0; font-size:1.2rem; }
    .breadcrumb span {
        color: #E01764;
    }
.breadcrumb a { text-decoration:none; color:#212121; white-space:nowrap; line-height:1.4; }
.breadcrumb a:hover { color:#E01764; }



/************
	STYLE
*************/
html { background:#4B4B4B; }



/* HEADER */
#header {  }
.header-top {
    background-image: linear-gradient(to right, #E01663, #FFC435);
    padding: 15px 0;
    position: relative;
    z-index: 10;
}
.header-bottom { background:#fff; padding:8px 0; box-shadow:0 0 5px rgba(0,0,0,0.1); position:relative; z-index:9; }
.header-logo img { display:block; width:auto; height:35px; }
.site-nav { float:left; }
.site-func { float:right; }

/* site-func */
.site-func-item { float:left; margin:0 0 0 20px; }

/* site-search */
.site-search { position:relative; }
.site-search-field { width:200px; height:36px; padding:0 38px 0 10px; border:1px solid #D5D5D5; border-radius:3px; font-size:0.9em; }
.site-search-field:focus { border:1px solid #212121; }
.site-search-bnt { height:36px; padding:0 10px; position:absolute; top:0; right:0; color:#E01764; border:none; outline:none; background:none; font-size:2rem; }

/* site-settings */
.site-settings-item { display:inline-block; opacity:0.6; text-decoration:none; }
.site-settings-item:hover, .site-settings-item:focus, .site-settings-item:active { opacity:1; text-decoration:none; }
.site-settings-item img { display:block; height:18px; padding:9px; width:auto; vertical-align:middle; box-sizing:content-box; }

.font-size-help { display:none; position:absolute; top:100%; left:0; right:0; font-size:4rem; line-height:1.2; text-align:center; color:#212121; z-index:99; }
.font-size-help .inner { margin:20px; padding:100px 50px; border-radius:10px; background:#fff; box-shadow:1px 1px 4px rgba(0,0,0,0.1); }
.site-settings-item:hover .font-size-help { display:block; }


/* NAVIGATION */
.site-nav { height:auto; display:block; }
.site-nav-menu { margin:0; padding:0; }
.site-nav-menu li { float:left; list-style:none; margin:0; }
.site-nav-menu li a { display:block; position:relative; color:#212121; text-transform:uppercase; text-decoration:none; padding:10px 0; margin:0 5rem 0 0; }
    .site-nav-menu li a:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 5px;
        left: 0;
        right: 0;
        height: 2px;
        opacity: 0;
        background: #E01764;
        transition: width 150ms ease-out;
        transition-property: width, opacity;
    }
.site-nav-menu li a:hover:after, .site-nav-menu li a:focus:after, .site-nav-menu li.active a:after { opacity:1; }
.mobile-nav-overlay { display:none; }



/* MAIN */
#main { background:#F5F5F5; min-height:400px; position:relative; }
.main-bg {
}
.main-bg img { width:100%; }
.main-bg:before { content:''; display:block; width:100%; max-width:1200px; height:100%; margin:0 auto; background:#fff; }
.main-block { position:relative; }
.main-wrap { padding:70px 0; position:relative;}
.page-heading { margin-top:0; text-align:left;}



/* CATEGORIES */
.main-wrap.categories-page {
    padding-top: 0px;
}
.categories-page-intro { margin:54px 0 10rem; }
.categories-page-intro-text { margin:1.8em 0 0; font-size:20px; font-weight:400; }
.categories-page .page-heading { font-size:3.6rem; margin:0; text-transform:uppercase;}

.lev-3, .lev-3 .circle, .lev-3 .title { /*background:#ef8950;*/ }
.lev-2, .lev-2 .circle, .lev-2 .title { background:#86b64b; }
.lev-1, .lev-1 .circle, .lev-1 .title { background:#c5ad00; }

/* iilustration */
#illustration { margin:3rem 0; position:relative; font-size:1.8rem; font-weight:500; }
.illustration-bg { display:block; width:100%; height:auto; }
.ill-buttons { position:absolute; top:0; left:0; right:0; bottom:0; transform-origin:0 0; }
/*.ill-button { display:table; position:absolute; width:110px; height:110px; border-radius:100%; border:5px solid #fff; z-index:1; overflow:hidden;
              -webkit-box-sizing:content-box;  box-sizing:content-box; 
              -webkit-transform:translateZ(0) scale(0.3); transform:translateZ(0) scale(0.3);
              -webkit-transition:transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition:transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
              -webkit-transform-origin:center 75%; transform-origin:center 75%;
}
.ill-button .title { display:table-cell; line-height:1.1; vertical-align:middle; text-align:center; color:#fff; text-decoration:none; margin:0; padding:0; opacity:0; -webkit-font-smoothing: subpixel-antialiased; transform:translateZ(0);
                     transition:opacity 100ms ease-out;
}
.ill-button .title > span { display:inline-block; padding:10px; }
#illustration .ill-button.prehide { -webkit-transform:translateZ(0) scale(0); transform:translateZ(0) scale(0); }
#illustration .ill-button:hover { -webkit-transform:scale(1); transform:scale(1); z-index:2; }
.ill-button:hover .title { opacity:1; transition-duration:150ms; transition-delay:200ms; }*/

.ill-button { display:block; position:absolute; background:none; z-index:1; transition:z-index 200ms 0ms linear; }
.ill-button:hover { z-index:2; transition:none; }
.ill-button .circle { position:relative; width:30px; height:30px; margin-left:-15px; border-radius:100%; border:3px solid rgba(255,255,255,1); box-sizing:content-box; z-index:1;
                      transform-origin:center center;
                      transition:background 100ms linear, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.ill-button:nth-child(2n+1) .circle { transform:scale(0.8); }
.ill-button:nth-child(3n+1) .circle { transform:scale(1); }
.ill-button:nth-child(4n+1) .circle { transform:scale(0.9); }
.ill-button.bigger-size .circle { transform:scale(1.2); }
.ill-button.smaller-size .circle { transform:scale(0.7); }
.ill-button .circle:hover { background:#fff; transform:scale(1.3); transition:background 100ms linear, transform 100ms ease-in-out; }
#illustration .ill-button.prehide .circle { transform:scale(0); }

.ill-button .title { position:absolute; bottom:44px; left:-110px; width:220px; height:auto; text-align:center; padding:0; margin:0; color:#fff; border:3px solid #fff; border-radius:10px; opacity:0; z-index:1; box-shadow:0 0 5px rgba(0,0,0,0.2);
                     box-sizing:content-box;
                     transform:translateZ(0) scale(0);
                     transition:transform 200ms ease-in, opacity 200ms ease-in;
                     transform-origin:center bottom;
}
.ill-button .circle:hover + .title  { opacity:1; transform:translateZ(0) scale(1); transition:transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.ill-button .title > span { display:block; padding:15px 10px; }


.ill-button.lev-3.btn-0 { left:349px; top:234px; }
.ill-button.lev-3.btn-1 { left:636px; top:60px; }
.ill-button.lev-3.btn-2 { left:380px; top:50px; }
.ill-button.lev-3.btn-3 { left:745px; top:162px; }
.ill-button.lev-3.btn-4 { left:505px; top:110px; }
.ill-button.lev-3.btn-5 { left:615px; top:180px; }
.ill-button.lev-3.btn-6 { left:305px; top:150px; }
.ill-button.lev-3.btn-7 { left:845px; top:220px; }

.ill-button.lev-2.btn-0 { left:504px; top:369px; }
.ill-button.lev-2.btn-1 { left:552px; top:418px; }
.ill-button.lev-2.btn-2 { left:638px; top:301px; }
.ill-button.lev-2.btn-3 { left:440px; top:305px; }
.ill-button.lev-2.btn-4 { left:513px; top:294px; }
.ill-button.lev-2.btn-5 { left:577px; top:345px; }

.ill-button.lev-1.btn-0 { left:688px; top:560px; }
.ill-button.lev-1.btn-1 { left:411px; top:542px; }
.ill-button.lev-1.btn-2 { left:740px; top:480px; }
.ill-button.lev-1.btn-3 { left:545px; top:584px; }
.ill-button.lev-1.btn-4 { left:364px; top:478px; }

/* category-list */
.category-list { }
    .category-list .category-item {
        margin: 1em 0;

    }
        .category-list .category-item > i {
            text-align: center;
            margin: 0 auto;
            font-size: 80px;
            display: block;
            color: #E01764;
        }
.category-list .heading { margin:3rem 0 0; font-weight:500; color:#212121; }
.expand-category-btn { display:none; }
.category-list .category-heading {
    position: relative;
    margin-bottom: 20px;
}
    .category-list .category-heading a {
        display: block;
        height: 60px;
        line-height: 58px;
        padding: 0 15px;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.6rem;
        color: #E01764;
        text-align: center;
        font-weight: 700;
        transition: background 100ms ease-out;
    }
    .category-list .category-heading > img {
        text-align: center;
        margin: 0 auto;
        width: 117px;
        display: block;
        color: #E01764;
        vertical-align: middle;
        margin-bottom: 15px;
    }
.category-list .category-heading a > span { display:inline-block; line-height:1.4; vertical-align:middle; }
.category-list .category-heading a:hover { color:#ED762E; }
.category-list .subcategory-list ul span.bold {
    font-weight:bold;
}
.category-list .subcategory-list ul { margin:1em 0 0; }
.category-list .subcategory-list ul li {  }
.category-list .subcategory-list ul li a { display:block; position:relative; padding:3px 15px; text-decoration:none; color:#212121; line-height:1.8; transition:padding 100ms ease-out; }
.category-list .subcategory-list ul li a:hover { color:#E01764; padding-left:20px; padding-right:10px; }
.subcategory-list {
    display: block;
    border-top: 5px solid #ED762E;
}



/* ARTICLE */
.article-page { padding-top:30px; }
.acticle-wrap { padding-left:80px; border-left:1px solid #DADCCA; height:100%; }
    .acticle-wrap img.sub-article-image {
        color: #E01764;
        width: 117px;
        text-align: center;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }

    .acticle-wrap img.article-icon{
        color: #E01764;
        width: 117px;
        text-align: center;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }
    .acticle-wrap.sub-article .secondary-heading {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .acticle-wrap.sub-article .excerpt {
        font-weight:700;
    }
    .acticle-wrap .page-heading {
        text-transform: uppercase;
        text-align:center;
    }
    .featured-image {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 40px;
    }

/*sub article*/
.acticle-wrap.sub-article .page-heading{
        text-transform:none;
        margin-bottom:15px;
        text-align:center;
    }

.back-link, .back-link:hover, .back-link:focus, .back-link:visited {
    text-decoration: none;
    color: #E01764;
    font-weight:bold;
    font-size:16px;
}
/* side-nav */
.side-nav, .side-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.side-nav a { display:block; position:relative; padding:8px 0; text-decoration:none; font-size:1.5rem; font-weight:500; color:#313131; line-height:1.1; padding-right:10px; transition:padding 150ms ease-out; }
    .side-nav a:before {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        bottom: 6px;
        left: 0;
        width: 3px;
        background: #E01764;
        opacity: 0;
        transition: opacity 100ms linear;
    }
    .side-nav a:hover, .side-nav a:focus, .side-nav .active > a {
        padding-left: 10px;
        padding-right: 0px;
        color: #E01764;
    }
.side-nav .active > a:before, .side-nav a:focus:before, .side-nav a:focus:before  { opacity:1; }
.side-nav > li { position:relative; }
.side-nav > li > a { font-size:1.6rem; color:#212121; }
.side-nav .sub { margin:0 0 0 15px; }
.side-nav .sub li:last-child { margin-bottom:10px; }

.sub-toggle-btn { position:absolute; z-index:1; top:0; right:0; background:none; border:none; outline:none; height:30px; font-size:1.2rem; line-height:3rem; padding:0 10px; margin:0; }
.sub-toggle-btn:hover { color:#E01764; }
.sub-toggle-btn.collapsed i { transform:rotate(180deg); transform-origin:50% 65%; }
.sub-toggle-btn + a { padding-right:px; }
.side-nav .sub-toggle-btn + a:hover, .side-nav .sub-toggle-btn + a:focus, .side-nav .active .sub-toggle-btn + a { padding-right:25px; }

/* article-options */
.article-options { margin-top:2rem; text-align:right; }
.article-options a { display:inline-block; color:#989898; text-decoration:none; }
.article-options a .fa { font-size:1.4em; padding-right:0.1em; }
.article-options a:hover { color:#E01764; }



/* SIMPLE PAGE */
.simple-page-block {
    margin: 0;
}
    .simple-page-block .page-heading {
        text-align: left;
        text-transform:uppercase;
    }
    .simple-page-block .excerpt {
        text-align: left;
        margin-bottom: 30px;
        font-size: 20px;
        font-weight: 400;
    }
.simple-page-block .simple-page-heading {
        text-align: left;
        text-transform: uppercase;
        margin-top:0;
    }

    .simple-page-block .simple-page-ingress {
        width: 66%;
    }
    .simple-page-block .simple-page-image {
        width: 100%;
        height: auto;
    }
    .simple-page-block .simple-page-image {
       
        margin-bottom: 30px;
    }
.simple-page-block .simple-page-wrapper {
        margin-right: -15px ;
        margin-left: -15px;
    }
    .simple-page-block .simple-page-content {
        line-height: 1.4em;
    }
.simple-page-block .tcell {
    width: 50%;
}
.simple-page-block .sp-image { padding:0 30px 0 0; vertical-align:middle; }
.simple-page-block .sp-image img { display:block; width:100%; height:auto; }
    .simple-page-block .sp-content {
        /*padding: 0 0 0 30px;*/
        vertical-align: middle;
    }
.simple-page-block .sp-content .content{ margin-top:30px;}
    .simple-page-block .spage-image {
        width: 100%;
        margin-bottom: 30px
    }
.site-func .site-func-item.site-login a {
    margin-top: 10px;
    color: black;
    opacity: 0.6;
    text-decoration:none;
}
.site-func .site-func-item.site-login  {
    margin-top: 10px;
}

.login-status button {
    color: black;
    opacity: 0.6;
    text-decoration: none;
    padding: 0;
    font-size: 16px;
    font-family: Lato;
    line-height: 16px;
}

.login-btn {
    color: #fff;
    background-color: #ED762E;
    border-color: #ED762E;
    border-radius: 0;
    width: 100%;
    margin-top: 22px;
}
  .login-form  .login-btn:hover, .login-btn:active, .login-btn:visited {
        background-color: #ED762E;
        border-color: #ED762E;
    }
.login-form p.muted {
    opacity: 0.9;
    margin-bottom: 30px;
    color: #727272
}
/*Contact page*/
.contact-page .page-heading {
    text-align: left;
}

    .contact-page .page-heading h1 {
        text-transform: uppercase;
        margin-bottom: 21.6px;
        margin-top: 0;
    }
    .contact-page .page-heading p {
        font-size: 20px;
        font-weight: 400;
        margin-bottom:0;
        line-height:1.4em;
    }
.contact-page .content {
    margin-top: 50px;
}

/*Map wrapper*/

.map-wrapper {
    /*border-top: 5px solid #ED762E;*/
}
.company-info-wrapper{margin-bottom:60px;}

.map-item .map-heading a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.map-item .map-heading {
    margin-bottom: 15px;
}
.map-item  { margin-bottom:50px;}

/* SEARCH */
.search-result-item {
    margin: 20px 0;
    padding: 20px 0 0;
    border-top: 1px solid #DADCCA;
}
.search-result-item:first-child { border-top:none; }
.search-result-item .heading { margin:0; }
.search-result-item .heading a { text-decoration:none; }
.search-result-item p { line-height:1.4em; margin:0.5em 0; }
.search-result-item .read-more { text-decoration:none; }



/* CONTACT */
.big-map .Terratype { margin:0 -15px; }
.Terratype > div > div { height:320px !important; }
.main-wrap .Terratype { margin:1em 0; }

/* contact-form */
#contact-form { padding-top:50px; }
#contact-form .heading {  }
#contact-form p { margin-bottom: 10px; }
#contact-form > p { text-align: center; background-color: #E01764; color: #fff !important; padding: 30px; }
#contact-form .buttons-group { text-align:center; }
#contact-form .buttons-group .button { width:100%; height:4.6rem; }
#contact-form .field-validation-error { font-size: 1.4rem; }
.form-control, .form-control:focus { box-shadow: none; height:4.4rem; border: none; border-bottom: 2px solid #E01764; background-color: #f8f8f8; color: #212121; border-radius: 0; }
textarea.form-control, textarea.form-control:focus { height:100px; resize:vertical; }
.form-control.input-validation-error { border-bottom: 2px solid red; }
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #909090; font-size: 16px; font-family: "Roboto", sans-serif; }
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #909090; opacity: 1; font-size: 16px; font-family: "Roboto", sans-serif; }
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #909090; opacity: 1; font-size: 16px; font-family: "Roboto", sans-serif; }
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #909090; font-size: 16px; font-family: "Roboto", sans-serif; }
.form-control::-ms-input-placeholder { /* Microsoft Edge */ color: #909090; font-size: 16px; font-family: "Roboto", sans-serif; }



/* FOOTER */
#footer {
    clear: both;
    background: rgba(237, 118, 46, 0.1);
}
.footer-wrap { position:relative; padding:40px 0 0 0; }
.footer-img { width:400px; height:auto; display:block; margin: 0 auto; margin-top: 40px;margin-bottom: 40px; }
.footer-text { position:absolute; left:0; right:0; bottom:18%; text-align:center; color:#95989A; font-size:1.4rem; }

/*Aricle sub nav*/
.article-sub-nav {margin-top: 80px;}
    .article-sub-nav .sub-nav-item > a {
        text-decoration:none;
        color:black;
    }
        .article-sub-nav .sub-nav-item  {
    text-align:center;
}
    .article-sub-nav .sub-nav-item p {
        margin-top:35px;
        text-transform:uppercase;
    }
    .article-sub-nav .sub-nav-item h2 {
        margin-top: 8px;
        font-size: 2.3rem;
    }
    .article-sub-nav .sub-nav-item img {
        width: 150px;
    }
/* HIGH CONTRAST */
body.hcontrast{ color:#fff !important; background:#000; }
.hcontrast .header-top { background: #4B4B4B; }
.hcontrast .header-bottom { background: #111; }
.hcontrast a, .hcontrast a:hover, .hcontrast .category-list .subcategory-list li a { color:#fff !important; }
.hcontrast h1, .hcontrast h2, .hcontrast h3 { color:#fff !important; }
.hcontrast #main { background:#222; }
.hcontrast .category-list .category-heading a { background:#222; }
.hcontrast .main-bg::before { background:#000; }
.hcontrast .site-settings-item { background:#fff; opacity:1; }
.hcontrast .site-nav-menu li a::after { background:#fff; }
.hcontrast .site-search-bnt { color:#000; }
.hcontrast .button { background:#111; border:2px solid #fff; }
.hcontrast .form-control { background:#fff !important; color:#000 !important; }
.hcontrast #contact-form > p { background:#111; } 
.hcontrast .sub-toggle-btn { color:#fff; }
.hcontrast .breadcrumb span { color:#fff; }
.hcontrast .side-nav a::before { background:#fff; }



/* BOOTSTRAP EXTENTION */
@media (min-width:1200px) {
    .auto-clear .col-lg-1:nth-child(12n+1) { clear: left; }
    .auto-clear .col-lg-2:nth-child(6n+1) { clear: left; }
    .auto-clear .col-lg-3:nth-child(4n+1) { clear: left; }
    .auto-clear .col-lg-4:nth-child(3n+1) { clear: left; }
    .auto-clear .col-lg-6:nth-child(odd) { clear: left; }
}

@media (min-width:992px) and (max-width:1199px) {
    .auto-clear .col-md-1:nth-child(12n+1) { clear: left; }
    .auto-clear .col-md-2:nth-child(6n+1) { clear: left; }
    .auto-clear .col-md-3:nth-child(4n+1) { clear: left; }
    .auto-clear .col-md-4:nth-child(3n+1) { clear: left; }
    .auto-clear .col-md-6:nth-child(odd) { clear: left; }
}

@media (min-width:768px) and (max-width:991px) {
    .auto-clear .col-sm-1:nth-child(12n+1) { clear: left; }
    .auto-clear .col-sm-2:nth-child(6n+1) { clear: left; }
    .auto-clear .col-sm-3:nth-child(4n+1) { clear: left; }
    .auto-clear .col-sm-4:nth-child(3n+1) { clear: left; }
    .auto-clear .col-sm-6:nth-child(odd) { clear: left; }
}

@media (max-width:767px) {
    .auto-clear .col-xs-1:nth-child(12n+1) { clear: left; }
    .auto-clear .col-xs-2:nth-child(6n+1) { clear: left; }
    .auto-clear .col-xs-3:nth-child(4n+1) { clear: left; }
    .auto-clear .col-xs-4:nth-child(3n+1) { clear: left; }
    .auto-clear .col-xs-6:nth-child(odd) { clear: left; }
}




/*******************
	RESPONSIVNESS
********************/
@media(max-width:1199px) {

}

@media(max-width:991px) {
    .simple-page-block .simple-page-ingress {
        width: 100%;
    }
    .simple-page-block .simple-page-wrapper {
        margin-right: 0px;
        margin-left: 0px;
    }
   
    .main-wrap { padding:40px 0; }

    /* HEADER */
    #header { padding-top:60px; position:relative; }
    .header-bottom { position:fixed; top:0; left:0; width:100%; height:60px; padding:10px 0; z-index:999; }
    .header-top { position:static; z-index:auto; }

    /* NAVIGATION */
    .mobile-nav-toggle { float:left; margin:5px 0; padding:0; height:30px; font-size:30px; background:none; outline:none; border:none; color:#E01764; }
    .site-settings { display:none; }
    .site-search-field { display:inline-block; height:40px; margin:0 6px 0 0; padding:0 10px; text-align:right; vertical-align:top; width:0; opacity:0; transition:all 200ms ease-in-out; transition-property:width, opacity; }
    .site-search-field.m-show { width:200px; opacity:1; }
    .site-search-bnt { position:static; margin:6px 0; padding:0; height:26px; font-size:26px; background:none; outline:none; border:none; color:#E01764; }

    .site-nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 0;
        z-index: 999;
        overflow: hidden;
        background: #FDF1E9;
        box-shadow: 0 0 4px rgba(0,0,0,0.05);
    }
    .site-nav.collapse.in { height:auto; overflow:auto; }
    .site-nav-menu { padding:20px 15px 30px; overflow:auto; }
    .site-nav-menu li { float:none; margin:0; text-align:center; }
    .site-nav-menu li a { display:inline-block; font-size:2.6rem; padding:15px 0; margin:10px 0; }
    .site-nav-menu li a::after { height:3px; }
    .mobile-nav-overlay { position:fixed; display:block; visibility:hidden; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.0); transition:all 200ms linear; z-index:-1; }
    .site-nav.collapse.in ~ .mobile-nav-overlay, .site-nav.collapsing ~ .mobile-nav-overlay { background:rgba(255,255,255,0.5); visibility:visible; }

    .hcontrast #site-nav-block a {
        color: black !important;
    }
    /* CATEGORIES */
    .categories-page .page-heading { font-size:3rem; }

    /* iilustration */
    .ill-buttons{ display:none; }



    /* ARTICLE */
    .breadcrumb { padding-bottom:0; }
    .acticle-wrap { padding:0; border:none; height:auto; }
    .side-nav { display:none; }
    .featured-image { margin-bottom:2.5rem; }
    .article-page { padding-top:20px; }

    /* SIMPLE PAGE */
    .simple-page-block {
        display: block;
    }
    
    .simple-page-block .tcell { display:block; width:auto; padding:0; margin:0 0 2.5rem; }

    /* CONTACT */
    .umb-grid .column { margin:0 0 2.5rem; }
    #contact-form { padding-top:20px; }
    .Terratype { margin:0; }

    .sub-nav-item {
        margin-bottom: 40px;
    }

    .article-sub-nav .sub-nav-item p {
        margin-top: 20px;
    }
}

@media(max-width:767px) {
    h1 { font-size: 3rem; }
    h2 { font-size: 2.4rem; }
    h3 { font-size: 2rem; }

    

    /*ICONS*/
    .category-list .category-heading > img {
        display: inline-block;
        width: 31px;
        margin-right: 20px;
    }
    .category-list .category-heading a {
        display: inline-block;
        padding-left: 0;
    }
    /* CATEGORIES */
    .categories-page .page-heading {
        font-size: 2.6rem;
    }

    /* category-list */
    .expand-category-btn {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        color: #E01764;
        text-align: center;
        background: none;
        box-shadow: none;
        border: none;
        outline: none;
        /*border-left: 1px solid rgba(255,255,255,0.5);*/
    }

    .map-item .expand-category-btn {
        height:auto;
    }
    /*.expand-category-btn:hover { background:rgba(255,255,255,0.2); }*/
    .expand-category-btn.collapsed .fa {
        transform: rotate(180deg);
        transform-origin: 50% 60%;
    }
    .category-list .category-heading a { height:20px; line-height:1.4; text-align:left; padding-right:70px; }
    .category-list .category-item { margin:0.5em 0 10px 0; }
    .category-list .subcategory-list {
        border-left: 6px solid #ED762E;
        border-top: none;
    }
    .category-list .subcategory-list ul { margin:0.5em 0 1em 0; }
    .category-list .subcategory-list li a { padding:10px 15px; }
    .collapse { display:none; }
    .subcategory-list.collapse.in { height:auto; }

   
}

@media(max-width:479px) {
    
}