/*!
Theme Name: hemmachem
Theme URI: https://hemmaglobal.com/
Author: 
Author URI: https://hemmaglobal.com/
Description: Theme for chemical company
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hemmachem
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800&display=swap');

:root {  
    --bg-dark: #000000;
    --bg-light: #ffffff;   
    --bg-blue: #024388;
    --bg-lightblue: #0473BC;
    --bg-darkblue: #172261;
    --bg-gray: #CECFD1;   
    --bg-lightgray: #ecf1f8;;   

    --color-black-rgb:  0, 0, 0;
    --color-white-rgb: 255, 255, 255;  
    --color-light-rgb: 245, 247, 250;

    --color-primary: #0473BC;
    --color-secondary: #78809e;

    --color-black: rgba(var(--color-black-rgb), 1);
    --color-white: rgba(var(--color-white-rgb), 1);
    --color-light: rgba(var(--color-light-rgb), 1);  
 
    --color-deco:  #0473BC;
    --highlight: #0473BC;  

    --border-color: rgba(28, 29, 32, 0.3);
    --border-color-light:  rgba(255, 255, 255, .3);

    --shadow-color: 0px 10px 50px 0px rgba(var(--color-black-rgb), 0.08);
    --border-radius: 0.35em;  
    --scale: 1;
    --scaleX: 1;
    --scaleY: 1;
    --padding-hr:2.25rem; 
    --padding-vr:80px;
    --navigation-height: 8.125rem;
    --icon-width: 22px;
    --icon-height: 22px;
    --stroke-width: 2;
    --stroke-color-light: #ffffff;  
    --stroke-color-dark: #000000;  
    --animation-primary: 0.4s cubic-bezier(.75, 0, .25, 1);
    --animation-header: .5s cubic-bezier(.6, 0, .4, 1);
}
@media (max-width: 899px) {
    :root  {
        --padding-hr:2.25rem; 
        --padding-vr:80px;
        --navigation-height: 8.125rem;      
        --icon-width: 22px;  
        --icon-height: 22px;  
    }
}
@media (min-width: 900px) and (max-width: 1199px) {
    :root  {
        --padding-hr:4.5rem;     
        --padding-vr:80px; 
        --navigation-height: 8.325rem;
        --icon-width: 28px;  
        --icon-height: 28px;     
    }
}
@media (min-width: 1200px) and (max-width:1439px) {
    :root  {
        --padding-hr:4rem; 
        --padding-vr:100px;     
        --navigation-height: 8.325rem;
        --icon-width: 32px;  
        --icon-height: 32px;     
    }
}
@media (min-width: 1200px) and (min-width:1440px) and (max-width:1920px) {
    :root  {
        --padding-hr:5.5rem; 
        --padding-vr:120px; 
        --navigation-height: 8.625rem;
        --icon-width: 36px;  
        --icon-height: 36px;      
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
h1 {font-size: 2em;margin: 0.67em 0}
hr {box-sizing: content-box;height: 0;overflow: visible}
pre {font-family: monospace, monospace; font-size: 1em}
a {background-color: transparent;-webkit-text-decoration-skip:objects}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted}
b,strong {font-weight: bolder}
code,kbd,samp {font-family: monospace, monospace; font-size: 1em}
small {font-size: 80%}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sub {bottom: -0.25em}
sup {top: -0.5em}
img {border-style: none}
button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%; line-height: 1.15;margin: 0}
button,input {overflow: visible}
button,select {text-transform: none}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset {padding: 0.35em 0.75em 0.625em}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0; white-space: normal; }
progress {vertical-align: baseline}
textarea {overflow: auto}
[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit} 
summary {display: list-item}
template {display: none}
[hidden] {display: none}
body,blockquote,dd,dl,dt{margin:0}
main,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block}
audio,canvas,progress,video{display: inline-block;vertical-align: baseline}
img {border: 0}
img.map,map area {outline: none;}
*,*:before,*:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;font-size: 62.5%;height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
body{background: #ffffff;overflow-x:hidden;width: 100%;min-height:100vh}
a,button,input[type=submit]{cursor:pointer}
a:focus,button:focus,input:focus,input[type=submit]:focus{outline:none}
a,a.active,a:hover {outline: none;text-decoration: none}
.btn,.btn:hover:active{
    text-decoration:none;
    cursor: pointer;
}
.btn,.btn:hover:active,a,a:hover:active{text-decoration:none}
ol,ul{list-style:none;padding:0;margin:0}
body,button,input,textarea{  font-family: 'Nunito Sans', sans-serif;font-weight:400;text-transform:none}
.h1,.h2,.h3,.h4,.h5,body,button,h1,h2,h3,h4,h5,input,textarea,a{color:#142637}
.accordion .accordion__heading a,.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{  font-family: 'Nunito Sans', sans-serif;font-weight:400;text-transform: uppercase;margin-top:1rem;margin-bottom:1rem}
h5,.h5{font-weight:600}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{
        margin-top:2.1rem;
        margin-bottom:2.1rem
    }    
}
body{
    font-size:1.5rem;
    line-height:1.33333em
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    body{
        font-size:1.5rem;
        line-height:1.33333em
    }
}
@media only screen and (min-width:980px){
    body{font-size:1.6rem;line-height:1.33333em}
}
@media only screen and (min-width:1200px) and (min-height:416px){
    body{font-size:1.7rem;line-height:1.33333em}
}
.h1,h1{
    font-size:3.6rem;
    line-height:1em;
    letter-spacing:.02em
}
.h2,h2,.h3,h3{
    font-size:2.6rem;
    line-height:1.07692em;
    letter-spacing:.02em
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .h1,h1{
        font-size:5rem;
        line-height:1.04em
    }
   .h2,h2{
        font-size:2.6rem;
        line-height:1.04348em
    }
    .h3,h3{
        font-size:3.6rem;
        line-height:1.05556em
    }
}
@media only screen and (min-width:980px){
    .h1,h1{
        font-size:5.2rem;
        line-height:1em
    }
    .h3,h3{
        font-size:3.8rem;
        line-height:1.05263em
    }
    .h4,h4{
        font-size:2.6rem;
        line-height:1.07692em
    }
    .h5,h5{
        font-size:1.8rem;
        line-height:1.11111em
    }
}
@media only screen and (min-width:1200px) and (min-height:416px){
    .h1,h1{
        font-size:5.4rem;
        line-height:1em
    }
    .h2,h2{
        font-size:4.6rem;
        line-height:1.03226em
    }
    .h3,h3{
        font-size:3.6rem;
        line-height:1.04762em
    }
}
@media only screen and (min-width:1440px) and (min-height:416px){
    .h1,h1{
        font-size:7rem;
        line-height:1em
    }
    .h2,h2{
        font-size:5.2rem;
        line-height:1.03226em
    }
    .h3,h3{
        font-size:4.6rem;
        line-height:1.04348em
    }
    .h4,h4{
        font-size:3rem;
        line-height:1.06667em
    }
    .h5,h5{
        font-size:2.2rem;
        line-height:1.09091em
    }
}
.ui-dark{   
    background-color: #0f355c;     
}
.ui-light{
    background-color: #ecf1f8;   
}
.ui-dark h1, .ui-dark h2, .ui-dark h3, .ui-dark h4, .ui-dark h5{
    color: #ffffff;
}
.main{
	position: relative; 
    width: 100%;
    background-color: var(--bg-lightgray); 
    display: block; 	
}
.container-h,
.container-v{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    width:100%
}
.container-h:after,
.container-h:before,
.container-v:after,
.container-v:before,
.container-v-mobile:after,
.container-v-mobile:before{
    content:" ";
    display:table
}
.container-h{
    padding-right:24px;
    padding-left:24px
}
@media only screen and (min-width:1440px) and (min-height:416px){
    .container-h{
        max-width:1312px
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .container-h{
        padding-right:24px;
        padding-left:24px
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .container-h{
        padding-right:32px;
        padding-left:32px
    }
}
@media only screen and (min-width:980px){
    .container-h{
        padding-right:40px;
        padding-left:40px
    }
}
@media only screen and (min-width:1200px) and (min-height:416px){
    .container-h{
        padding-right:32px;
        padding-left:32px
    }
}
@media only screen and (min-width:1440px) and (min-height:416px){
    .container-h{
        padding-right:32px;
        padding-left:32px
    }
}
.container-v{
    padding-top: 50px;
    padding-bottom: 50px
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .container-v{
        padding-top: 30px;
        padding-bottom: 30px
    }
}
@media only screen and (min-width:980px){
    .container-v{
        padding-top:50px;
        padding-bottom:50px
    }
}
@media only screen and (min-width:1200px) and (min-height:416px){
    .container-v{
        padding-top:60px;
        padding-bottom:60px
    }
}
@media only screen and (min-width:1440px) and (min-height:416px){
    .container-v{
        padding-top:80px;
        padding-bottom:80px
    }
}
.container-v-mobile-menu{
    padding-top:24px;
    padding-bottom:24px
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .container-v-mobile-menu{
        padding-top:32px;
        padding-bottom:24px
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .container-v-mobile-menu{
        padding-top:32px;
        padding-bottom:76px
    }
}
@media print{
    .container .container-h,
    .container .container-v{
        max-width:none;
        padding-left:0;
        padding-right:0;
        margin-left:0;
        margin-right:0
    }
}

.section {
    padding-top: var(--padding-vr);
    padding-bottom: var(--padding-vr);
    position: relative;      
}
.container{            
    margin-left:auto;
    margin-right:auto;
    position:relative;
    width:100%;    
    padding-left: calc(var(--padding-hr)*3);
    padding-right: calc(var(--padding-hr)*3);    
}
.container:after,
.container:before{
    content:" ";
    display:table
}
@media print{
    .container{
        max-width:none;
        padding-left:0;
        padding-right:0;
        margin-left:0;
        margin-right:0
    }
}
@media only screen and (min-width:1440px) and (min-height:416px){
    .container{       
        max-width:1312px;       
    }
}
.container.container--lg{  
    padding-left: var(--padding-hr);
    padding-right: var(--padding-hr);
}
@media (min-width: 900px) {
    .container.container--lg{  
        padding-left: calc(var(--padding-hr)*4);
        padding-right: calc(var(--padding-hr)*4);       
    }
}
.row{
    display:flex;
    flex-wrap:wrap;
}
.row--pad{
    margin-left:-8px;
    margin-right:-8px
}
.row--pad>.col{
    padding-left:8px;
    padding-right:8px
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .row--pad{
        margin-left:-8px;
        margin-right:-8px
    }
    .row--pad>.col{
        padding-left:8px;
        padding-right:8px
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .row--pad{
        margin-left:-8px;
        margin-right:-8px
    }
    .row--pad>.col{
        padding-left:8px;
        padding-right:8px
    }
}
@media only screen and (min-width:980px){
    .row--pad{
        margin-left:-8px;
        margin-right:-8px
    }
    .row--pad>.col{
        padding-left:8px;
        padding-right:8px
    }
}
@media only screen and (min-width:1200px) and (min-height:416px){
    .row--pad{
        margin-left:-16px;
        margin-right:-16px
    }
    .row--pad>.col{
        padding-left:16px;
        padding-right:16px
    }
}
@media only screen and (min-width:1440px) and (min-height:416px){
    .row--pad{
        margin-left:-16px;
        margin-right:-16px
    }
    .row--pad>.col{
        padding-left:16px;
        padding-right:16px
    }
}
.row--start-xs{justify-content:flex-start}
.row--center-xs{justify-content:center}
.row--end-xs{justify-content:flex-end}
.row--top-xs{align-items:flex-start}
.row--middle-xs{align-items:center}
.row--bottom-xs{align-items:flex-end}
.row--around-xs{justify-content:space-around}
.row--between-xs{justify-content:space-between}
.row .col--order-first-xs{order:-1}
.row .col--order-normal-xs{order:0}
.row .col--order-last-xs{order:1}
@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px){
    .row--start-md{justify-content:flex-start}
    .row--center-md{justify-content:center}
    .row--end-md{justify-content:flex-end}
    .row--top-md{align-items:flex-start}
    .row--middle-md{align-items:center}
    .row--bottom-md{align-items:flex-end}
    .row--around-md{justify-content:space-around}
    .row--between-md{justify-content:space-between}
    .row .col--order-first-md{order:-1}
    .row .col--order-normal-md{order:0}
    .row .col--order-last-md{order:1}
}
.col{
    -webkit-box-flex:1;
    flex:1;
    max-width:100%
}
.col--xs-1{
    -webkit-box-flex:0;flex:0 1 8.33333%;width:8.33333%
}
.col--xs-1 _:-ms-input-placeholder,:root .col--xs-1{
    min-width:8.33333%;
    max-width:8.33333%
}
@-moz-document url-prefix(){.col--xs-1{max-width:8.33333%}}
.offset--xs-1{margin-left:8.33333%}
.col--xs-2{-webkit-box-flex:0;flex:0 1 16.66667%;width:16.66667%}
.col--xs-2 _:-ms-input-placeholder,:root .col--xs-2{min-width:16.66667%;max-width:16.66667%}
@-moz-document url-prefix(){.col--xs-2{max-width:16.66667%}}.offset--xs-2{margin-left:16.66667%}
.col--xs-3{-webkit-box-flex:0;flex:0 1 25%;width:25%}
.col--xs-3 _:-ms-input-placeholder,:root .col--xs-3{min-width:25%;max-width:25%}
@-moz-document url-prefix(){.col--xs-3{max-width:25%}}
.offset--xs-3{margin-left:25%}.col--xs-4{-webkit-box-flex:0;flex:0 1 33.33333%;width:33.33333%}
.col--xs-4 _:-ms-input-placeholder,:root .col--xs-4{min-width:33.33333%;max-width:33.33333%}
@-moz-document url-prefix(){.col--xs-4{max-width:33.33333%}}.offset--xs-4{margin-left:33.33333%}
.col--xs-5{-webkit-box-flex:0;flex:0 1 41.66667%;width:41.66667%}
.col--xs-5 _:-ms-input-placeholder,:root .col--xs-5{min-width:41.66667%;max-width:41.66667%}
@-moz-document url-prefix(){.col--xs-5{max-width:41.66667%}}.offset--xs-5{margin-left:41.66667%}
.col--xs-6{-webkit-box-flex:0;flex:0 1 50%;width:50%}
.col--xs-6 _:-ms-input-placeholder,:root .col--xs-6{min-width:50%;max-width:50%}
@-moz-document url-prefix(){.col--xs-6{max-width:50%}}
.offset--xs-6{margin-left:50%}.col--xs-7{-webkit-box-flex:0;flex:0 1 58.33333%;width:58.33333%}
.col--xs-7 _:-ms-input-placeholder,:root .col--xs-7{min-width:58.33333%;max-width:58.33333%}
@-moz-document url-prefix(){.col--xs-7{max-width:58.33333%}}
.offset--xs-7{margin-left:58.33333%}
.col--xs-8{-webkit-box-flex:0;flex:0 1 66.66667%;width:66.66667%}
.col--xs-8 _:-ms-input-placeholder,:root .col--xs-8{min-width:66.66667%;max-width:66.66667%}
@-moz-document url-prefix(){.col--xs-8{max-width:66.66667%}}
.offset--xs-8{margin-left:66.66667%}.col--xs-9{-webkit-box-flex:0;flex:0 1 75%;width:75%}
.col--xs-9 _:-ms-input-placeholder,:root .col--xs-9{min-width:75%;max-width:75%}
@-moz-document url-prefix(){.col--xs-9{max-width:75%}}.offset--xs-9{margin-left:75%}
.col--xs-10{-webkit-box-flex:0;flex:0 1 83.33333%;width:83.33333%}
.col--xs-10 _:-ms-input-placeholder,:root .col--xs-10{min-width:83.33333%;max-width:83.33333%}
@-moz-document url-prefix(){.col--xs-10{max-width:83.33333%}}
.offset--xs-10{margin-left:83.33333%}.col--xs-11{-webkit-box-flex:0;flex:0 1 91.66667%;width:91.66667%}
.col--xs-11 _:-ms-input-placeholder,:root .col--xs-11{min-width:91.66667%;max-width:91.66667%}
@-moz-document url-prefix(){.col--xs-11{max-width:91.66667%}}.offset--xs-11{margin-left:91.66667%}
.col--xs-12{-webkit-box-flex:0;flex:0 1 100%;width:100%}
.col--xs-12 _:-ms-input-placeholder,:root .col--xs-12{min-width:100%;max-width:100%}
@-moz-document url-prefix(){.col--xs-12{max-width:100%}}.offset--xs-12{margin-left:100%}
.col--xs-full{-webkit-box-flex:0;flex:0 1 100%;width:100%}
.col--xs-full _:-ms-input-placeholder,:root .col--xs-full{min-width:100%;max-width:100%}
@-moz-document url-prefix(){.col--xs-full{max-width:100%}}
.offset--xs-0{margin-left:0}
.col--xs-auto{-webkit-box-flex:0;flex:0 0 auto;width:auto}
.col--xs-auto _:-ms-input-placeholder,:root .col--xs-auto{min-width:0;max-width:100%}
@-moz-document url-prefix(){.col--xs-auto{max-width:none}}.col--xs-fill{-webkit-box-flex:1;flex:1 1 auto;width:auto}.col--xs-fill _:-ms-input-placeholder,:root .col--xs-fill{min-width:0;max-width:100%}
@-moz-document url-prefix(){.col--xs-fill{max-width:none}}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .col--sm-1{-webkit-box-flex:0;flex:0 1 8.33333%;width:8.33333%}
    .col--sm-1 _:-ms-input-placeholder,:root .col--sm-1{min-width:8.33333%;max-width:8.33333%}
    @-moz-document url-prefix(){.col--sm-1{max-width:8.33333%}}
    .offset--sm-1{margin-left:8.33333%}
    .col--sm-2{-webkit-box-flex:0;flex:0 1 16.66667%;width:16.66667%}.col--sm-2 _:-ms-input-placeholder,:root .col--sm-2{min-width:16.66667%;max-width:16.66667%}@-moz-document url-prefix(){.col--sm-2{max-width:16.66667%}}.offset--sm-2{margin-left:16.66667%}.col--sm-3{-webkit-box-flex:0;flex:0 1 25%;width:25%}.col--sm-3 _:-ms-input-placeholder,:root .col--sm-3{min-width:25%;max-width:25%}@-moz-document url-prefix(){.col--sm-3{max-width:25%}}.offset--sm-3{margin-left:25%}.col--sm-4{-webkit-box-flex:0;flex:0 1 33.33333%;width:33.33333%}.col--sm-4 _:-ms-input-placeholder,:root .col--sm-4{min-width:33.33333%;max-width:33.33333%}@-moz-document url-prefix(){.col--sm-4{max-width:33.33333%}}.offset--sm-4{margin-left:33.33333%}.col--sm-5{-webkit-box-flex:0;flex:0 1 41.66667%;width:41.66667%}.col--sm-5 _:-ms-input-placeholder,:root .col--sm-5{min-width:41.66667%;max-width:41.66667%}@-moz-document url-prefix(){.col--sm-5{max-width:41.66667%}}.offset--sm-5{margin-left:41.66667%}.col--sm-6{-webkit-box-flex:0;flex:0 1 50%;width:50%}.col--sm-6 _:-ms-input-placeholder,:root .col--sm-6{min-width:50%;max-width:50%}@-moz-document url-prefix(){.col--sm-6{max-width:50%}}.offset--sm-6{margin-left:50%}.col--sm-7{-webkit-box-flex:0;flex:0 1 58.33333%;width:58.33333%}.col--sm-7 _:-ms-input-placeholder,:root .col--sm-7{min-width:58.33333%;max-width:58.33333%}@-moz-document url-prefix(){.col--sm-7{max-width:58.33333%}}.offset--sm-7{margin-left:58.33333%}.col--sm-8{-webkit-box-flex:0;flex:0 1 66.66667%;width:66.66667%}.col--sm-8 _:-ms-input-placeholder,:root .col--sm-8{min-width:66.66667%;max-width:66.66667%}@-moz-document url-prefix(){.col--sm-8{max-width:66.66667%}}.offset--sm-8{margin-left:66.66667%}.col--sm-9{-webkit-box-flex:0;flex:0 1 75%;width:75%}.col--sm-9 _:-ms-input-placeholder,:root .col--sm-9{min-width:75%;max-width:75%}@-moz-document url-prefix(){.col--sm-9{max-width:75%}}.offset--sm-9{margin-left:75%}.col--sm-10{-webkit-box-flex:0;flex:0 1 83.33333%;width:83.33333%}.col--sm-10 _:-ms-input-placeholder,:root .col--sm-10{min-width:83.33333%;max-width:83.33333%}@-moz-document url-prefix(){.col--sm-10{max-width:83.33333%}}.offset--sm-10{margin-left:83.33333%}.col--sm-11{-webkit-box-flex:0;flex:0 1 91.66667%;width:91.66667%}.col--sm-11 _:-ms-input-placeholder,:root .col--sm-11{min-width:91.66667%;max-width:91.66667%}@-moz-document url-prefix(){.col--sm-11{max-width:91.66667%}}.offset--sm-11{margin-left:91.66667%}.col--sm-12{-webkit-box-flex:0;flex:0 1 100%;width:100%}.col--sm-12 _:-ms-input-placeholder,:root .col--sm-12{min-width:100%;max-width:100%}@-moz-document url-prefix(){.col--sm-12{max-width:100%}}.offset--sm-12{margin-left:100%}.col--sm-full{-webkit-box-flex:0;flex:0 1 100%;width:100%}.col--sm-full _:-ms-input-placeholder,:root .col--sm-full{min-width:100%;max-width:100%}@-moz-document url-prefix(){.col--sm-full{max-width:100%}}.offset--sm-0{margin-left:0}.col--sm-auto{-webkit-box-flex:0;flex:0 0 auto;width:auto}.col--sm-auto _:-ms-input-placeholder,:root .col--sm-auto{min-width:0;max-width:100%}@-moz-document url-prefix(){.col--sm-auto{max-width:none}}.col--sm-fill{-webkit-box-flex:1;flex:1 1 auto;width:auto}.col--sm-fill _:-ms-input-placeholder,:root .col--sm-fill{min-width:0;max-width:100%}@-moz-document url-prefix(){.col--sm-fill{max-width:none}}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .col--md-1{-webkit-box-flex:0;flex:0 1 8.33333%;width:8.33333%}.col--md-1 _:-ms-input-placeholder,:root .col--md-1{min-width:8.33333%;max-width:8.33333%}@-moz-document url-prefix(){.col--md-1{max-width:8.33333%}}.offset--md-1{margin-left:8.33333%}.col--md-2{-webkit-box-flex:0;flex:0 1 16.66667%;width:16.66667%}.col--md-2 _:-ms-input-placeholder,:root .col--md-2{min-width:16.66667%;max-width:16.66667%}@-moz-document url-prefix(){.col--md-2{max-width:16.66667%}}.offset--md-2{margin-left:16.66667%}.col--md-3{-webkit-box-flex:0;flex:0 1 25%;width:25%}.col--md-3 _:-ms-input-placeholder,:root .col--md-3{min-width:25%;max-width:25%}
    @-moz-document url-prefix(){
        .col--md-3{max-width:25%}
    }
    .offset--md-3{margin-left:25%}
    .col--md-4{-webkit-box-flex:0;flex:0 1 33.33333%;width:33.33333%}
    .col--md-4 _:-ms-input-placeholder,:root .col--md-4{min-width:33.33333%;max-width:33.33333%}
    @-moz-document url-prefix(){.col--md-4{max-width:33.33333%}}
    .offset--md-4{margin-left:33.33333%}.col--md-5{-webkit-box-flex:0;flex:0 1 41.66667%;width:41.66667%}.col--md-5 _:-ms-input-placeholder,:root .col--md-5{min-width:41.66667%;max-width:41.66667%}@-moz-document url-prefix(){.col--md-5{max-width:41.66667%}}.offset--md-5{margin-left:41.66667%}.col--md-6{-webkit-box-flex:0;flex:0 1 50%;width:50%}.col--md-6 _:-ms-input-placeholder,:root .col--md-6{min-width:50%;max-width:50%}@-moz-document url-prefix(){.col--md-6{max-width:50%}}.offset--md-6{margin-left:50%}.col--md-7{-webkit-box-flex:0;flex:0 1 58.33333%;width:58.33333%}.col--md-7 _:-ms-input-placeholder,:root .col--md-7{min-width:58.33333%;max-width:58.33333%}@-moz-document url-prefix(){.col--md-7{max-width:58.33333%}}.offset--md-7{margin-left:58.33333%}.col--md-8{-webkit-box-flex:0;flex:0 1 66.66667%;width:66.66667%}.col--md-8 _:-ms-input-placeholder,:root .col--md-8{min-width:66.66667%;max-width:66.66667%}@-moz-document url-prefix(){.col--md-8{max-width:66.66667%}}.offset--md-8{margin-left:66.66667%}.col--md-9{-webkit-box-flex:0;flex:0 1 75%;width:75%}
    .col--md-9 _:-ms-input-placeholder,:root .col--md-9{min-width:75%;max-width:75%}
    @-moz-document url-prefix(){.col--md-9{max-width:75%}}.offset--md-9{margin-left:75%}
    .col--md-10{-webkit-box-flex:0;flex:0 1 83.33333%;width:83.33333%}.col--md-10 _:-ms-input-placeholder,:root .col--md-10{min-width:83.33333%;max-width:83.33333%}@-moz-document url-prefix(){.col--md-10{max-width:83.33333%}}.offset--md-10{margin-left:83.33333%}.col--md-11{-webkit-box-flex:0;flex:0 1 91.66667%;width:91.66667%}.col--md-11 _:-ms-input-placeholder,:root .col--md-11{min-width:91.66667%;max-width:91.66667%}@-moz-document url-prefix(){.col--md-11{max-width:91.66667%}}.offset--md-11{margin-left:91.66667%}
    .col--md-12{-webkit-box-flex:0;flex:0 1 100%;width:100%}
    .col--md-12 _:-ms-input-placeholder,:root .col--md-12{min-width:100%;max-width:100%}
    @-moz-document url-prefix(){.col--md-12{max-width:100%}}
    .offset--md-12{margin-left:100%}
    .col--md-full{-webkit-box-flex:0;flex:0 1 100%;width:100%}
    .col--md-full _:-ms-input-placeholder,:root .col--md-full{min-width:100%;max-width:100%}
    @-moz-document url-prefix(){.col--md-full{max-width:100%}}
    .offset--md-0{margin-left:0}
    .col--md-auto{-webkit-box-flex:0;flex:0 0 auto;width:auto}
    .col--md-auto _:-ms-input-placeholder,:root .col--md-auto{min-width:0;max-width:100%}
    @-moz-document url-prefix(){.col--md-auto{max-width:none}}
    .col--md-fill{-webkit-box-flex:1;flex:1 1 auto;width:auto}
    .col--md-fill _:-ms-input-placeholder,:root .col--md-fill{min-width:0;max-width:100%}
    @-moz-document url-prefix(){.col--md-fill{max-width:none}}
}
@media only screen and (min-width:980px){
    .col--lg-1{-webkit-box-flex:0;flex:0 1 8.33333%;width:8.33333%}
    .col--lg-1 _:-ms-input-placeholder,:root .col--lg-1{min-width:8.33333%;max-width:8.33333%}
    @-moz-document url-prefix(){.col--lg-1{max-width:8.33333%}}
    .offset--lg-1{margin-left:8.33333%}.col--lg-2{-webkit-box-flex:0;flex:0 1 16.66667%;width:16.66667%}.col--lg-2 _:-ms-input-placeholder,:root .col--lg-2{min-width:16.66667%;max-width:16.66667%}@-moz-document url-prefix(){.col--lg-2{max-width:16.66667%}}.offset--lg-2{margin-left:16.66667%}.col--lg-3{-webkit-box-flex:0;flex:0 1 25%;width:25%}.col--lg-3 _:-ms-input-placeholder,:root .col--lg-3{min-width:25%;max-width:25%}@-moz-document url-prefix(){.col--lg-3{max-width:25%}}.offset--lg-3{margin-left:25%}.col--lg-4{-webkit-box-flex:0;flex:0 1 33.33333%;width:33.33333%}.col--lg-4 _:-ms-input-placeholder,:root .col--lg-4{min-width:33.33333%;max-width:33.33333%}@-moz-document url-prefix(){.col--lg-4{max-width:33.33333%}}.offset--lg-4{margin-left:33.33333%}.col--lg-5{-webkit-box-flex:0;flex:0 1 41.66667%;width:41.66667%}.col--lg-5 _:-ms-input-placeholder,:root .col--lg-5{min-width:41.66667%;max-width:41.66667%}@-moz-document url-prefix(){.col--lg-5{max-width:41.66667%}}.offset--lg-5{margin-left:41.66667%}.col--lg-6{-webkit-box-flex:0;flex:0 1 50%;width:50%}.col--lg-6 _:-ms-input-placeholder,:root .col--lg-6{min-width:50%;max-width:50%}@-moz-document url-prefix(){.col--lg-6{max-width:50%}}.offset--lg-6{margin-left:50%}.col--lg-7{-webkit-box-flex:0;flex:0 1 58.33333%;width:58.33333%}.col--lg-7 _:-ms-input-placeholder,:root .col--lg-7{min-width:58.33333%;max-width:58.33333%}@-moz-document url-prefix(){.col--lg-7{max-width:58.33333%}}.offset--lg-7{margin-left:58.33333%}.col--lg-8{-webkit-box-flex:0;flex:0 1 66.66667%;width:66.66667%}.col--lg-8 _:-ms-input-placeholder,:root .col--lg-8{min-width:66.66667%;max-width:66.66667%}@-moz-document url-prefix(){.col--lg-8{max-width:66.66667%}}.offset--lg-8{margin-left:66.66667%}.col--lg-9{-webkit-box-flex:0;flex:0 1 75%;width:75%}.col--lg-9 _:-ms-input-placeholder,:root .col--lg-9{min-width:75%;max-width:75%}@-moz-document url-prefix(){.col--lg-9{max-width:75%}}.offset--lg-9{margin-left:75%}.col--lg-10{-webkit-box-flex:0;flex:0 1 83.33333%;width:83.33333%}.col--lg-10 _:-ms-input-placeholder,:root .col--lg-10{min-width:83.33333%;max-width:83.33333%}@-moz-document url-prefix(){.col--lg-10{max-width:83.33333%}}.offset--lg-10{margin-left:83.33333%}.col--lg-11{-webkit-box-flex:0;flex:0 1 91.66667%;width:91.66667%}.col--lg-11 _:-ms-input-placeholder,:root .col--lg-11{min-width:91.66667%;max-width:91.66667%}@-moz-document url-prefix(){.col--lg-11{max-width:91.66667%}}.offset--lg-11{margin-left:91.66667%}.col--lg-12{-webkit-box-flex:0;flex:0 1 100%;width:100%}.col--lg-12 _:-ms-input-placeholder,:root .col--lg-12{min-width:100%;max-width:100%}@-moz-document url-prefix(){.col--lg-12{max-width:100%}}.offset--lg-12{margin-left:100%}.col--lg-full{-webkit-box-flex:0;flex:0 1 100%;width:100%}.col--lg-full _:-ms-input-placeholder,:root .col--lg-full{min-width:100%;max-width:100%}@-moz-document url-prefix(){.col--lg-full{max-width:100%}}.offset--lg-0{margin-left:0}.offset--lg-1-8{margin-left:12.5%}.col--lg-auto{-webkit-box-flex:0;flex:0 0 auto;width:auto}.col--lg-auto _:-ms-input-placeholder,:root .col--lg-auto{min-width:0;max-width:100%}@-moz-document url-prefix(){.col--lg-auto{max-width:none}}.col--lg-fill{-webkit-box-flex:1;flex:1 1 auto;width:auto}.col--lg-fill _:-ms-input-placeholder,:root .col--lg-fill{min-width:0;max-width:100%}@-moz-document url-prefix(){.col--lg-fill{max-width:none}}
}
@media only screen and (min-width:1200px) and (min-height:416px){
    .col--xl-1{-webkit-box-flex:0;flex:0 1 8.33333%;width:8.33333%}
    .col--xl-1 _:-ms-input-placeholder,:root .col--xl-1{min-width:8.33333%;max-width:8.33333%}
    @-moz-document url-prefix(){.col--xl-1{max-width:8.33333%}}.offset--xl-1{margin-left:8.33333%}.col--xl-2{-webkit-box-flex:0;flex:0 1 16.66667%;width:16.66667%}.col--xl-2 _:-ms-input-placeholder,:root .col--xl-2{min-width:16.66667%;max-width:16.66667%}@-moz-document url-prefix(){.col--xl-2{max-width:16.66667%}}.offset--xl-2{margin-left:16.66667%}.col--xl-3{-webkit-box-flex:0;flex:0 1 25%;width:25%}.col--xl-3 _:-ms-input-placeholder,:root .col--xl-3{min-width:25%;max-width:25%}@-moz-document url-prefix(){.col--xl-3{max-width:25%}}.offset--xl-3{margin-left:25%}.col--xl-4{-webkit-box-flex:0;flex:0 1 33.33333%;width:33.33333%}.col--xl-4 _:-ms-input-placeholder,:root .col--xl-4{min-width:33.33333%;max-width:33.33333%}@-moz-document url-prefix(){.col--xl-4{max-width:33.33333%}}.offset--xl-4{margin-left:33.33333%}.col--xl-5{-webkit-box-flex:0;flex:0 1 41.66667%;width:41.66667%}.col--xl-5 _:-ms-input-placeholder,:root .col--xl-5{min-width:41.66667%;max-width:41.66667%}@-moz-document url-prefix(){.col--xl-5{max-width:41.66667%}}.offset--xl-5{margin-left:41.66667%}.col--xl-6{-webkit-box-flex:0;flex:0 1 50%;width:50%}.col--xl-6 _:-ms-input-placeholder,:root .col--xl-6{min-width:50%;max-width:50%}@-moz-document url-prefix(){.col--xl-6{max-width:50%}}.offset--xl-6{margin-left:50%}.col--xl-7{-webkit-box-flex:0;flex:0 1 58.33333%;width:58.33333%}.col--xl-7 _:-ms-input-placeholder,:root .col--xl-7{min-width:58.33333%;max-width:58.33333%}@-moz-document url-prefix(){.col--xl-7{max-width:58.33333%}}.offset--xl-7{margin-left:58.33333%}.col--xl-8{-webkit-box-flex:0;flex:0 1 66.66667%;width:66.66667%}.col--xl-8 _:-ms-input-placeholder,:root .col--xl-8{min-width:66.66667%;max-width:66.66667%}@-moz-document url-prefix(){.col--xl-8{max-width:66.66667%}}.offset--xl-8{margin-left:66.66667%}.col--xl-9{-webkit-box-flex:0;flex:0 1 75%;width:75%}.col--xl-9 _:-ms-input-placeholder,:root .col--xl-9{min-width:75%;max-width:75%}@-moz-document url-prefix(){.col--xl-9{max-width:75%}}.offset--xl-9{margin-left:75%}.col--xl-10{-webkit-box-flex:0;flex:0 1 83.33333%;width:83.33333%}.col--xl-10 _:-ms-input-placeholder,:root .col--xl-10{min-width:83.33333%;max-width:83.33333%}@-moz-document url-prefix(){.col--xl-10{max-width:83.33333%}}.offset--xl-10{margin-left:83.33333%}.col--xl-11{-webkit-box-flex:0;flex:0 1 91.66667%;width:91.66667%}.col--xl-11 _:-ms-input-placeholder,:root .col--xl-11{min-width:91.66667%;max-width:91.66667%}@-moz-document url-prefix(){.col--xl-11{max-width:91.66667%}}.offset--xl-11{margin-left:91.66667%}.col--xl-12{-webkit-box-flex:0;flex:0 1 100%;width:100%}.col--xl-12 _:-ms-input-placeholder,:root .col--xl-12{min-width:100%;max-width:100%}@-moz-document url-prefix(){.col--xl-12{max-width:100%}}.offset--xl-12{margin-left:100%}.col--xl-full{-webkit-box-flex:0;flex:0 1 100%;width:100%}.col--xl-full _:-ms-input-placeholder,:root .col--xl-full{min-width:100%;max-width:100%}@-moz-document url-prefix(){.col--xl-full{max-width:100%}}.offset--xl-0{margin-left:0}.col--xl-auto{-webkit-box-flex:0;flex:0 0 auto;width:auto}.col--xl-auto _:-ms-input-placeholder,:root .col--xl-auto{min-width:0;max-width:100%}@-moz-document url-prefix(){.col--xl-auto{max-width:none}}.col--xl-fill{-webkit-box-flex:1;flex:1 1 auto;width:auto}.col--xl-fill _:-ms-input-placeholder,:root .col--xl-fill{min-width:0;max-width:100%}@-moz-document url-prefix(){.col--xl-fill{max-width:none}}
}
@media only screen and (min-width:1440px) and (min-height:416px){
    .col--xxl-1{-webkit-box-flex:0;flex:0 1 8.33333%;width:8.33333%}
    .col--xxl-1 _:-ms-input-placeholder,:root .col--xxl-1{min-width:8.33333%;max-width:8.33333%}@-moz-document url-prefix(){.col--xxl-1{max-width:8.33333%}}.offset--xxl-1{margin-left:8.33333%}.col--xxl-2{-webkit-box-flex:0;flex:0 1 16.66667%;width:16.66667%}.col--xxl-2 _:-ms-input-placeholder,:root .col--xxl-2{min-width:16.66667%;max-width:16.66667%}@-moz-document url-prefix(){.col--xxl-2{max-width:16.66667%}}.offset--xxl-2{margin-left:16.66667%}.col--xxl-3{-webkit-box-flex:0;flex:0 1 25%;width:25%}.col--xxl-3 _:-ms-input-placeholder,:root .col--xxl-3{min-width:25%;max-width:25%}@-moz-document url-prefix(){.col--xxl-3{max-width:25%}}.offset--xxl-3{margin-left:25%}.col--xxl-4{-webkit-box-flex:0;flex:0 1 33.33333%;width:33.33333%}.col--xxl-4 _:-ms-input-placeholder,:root .col--xxl-4{min-width:33.33333%;max-width:33.33333%}@-moz-document url-prefix(){.col--xxl-4{max-width:33.33333%}}.offset--xxl-4{margin-left:33.33333%}.col--xxl-5{-webkit-box-flex:0;flex:0 1 41.66667%;width:41.66667%}.col--xxl-5 _:-ms-input-placeholder,:root .col--xxl-5{min-width:41.66667%;max-width:41.66667%}@-moz-document url-prefix(){.col--xxl-5{max-width:41.66667%}}.offset--xxl-5{margin-left:41.66667%}.col--xxl-6{-webkit-box-flex:0;flex:0 1 50%;width:50%}.col--xxl-6 _:-ms-input-placeholder,:root .col--xxl-6{min-width:50%;max-width:50%}@-moz-document url-prefix(){.col--xxl-6{max-width:50%}}.offset--xxl-6{margin-left:50%}.col--xxl-7{-webkit-box-flex:0;flex:0 1 58.33333%;width:58.33333%}.col--xxl-7 _:-ms-input-placeholder,:root .col--xxl-7{min-width:58.33333%;max-width:58.33333%}@-moz-document url-prefix(){.col--xxl-7{max-width:58.33333%}}.offset--xxl-7{margin-left:58.33333%}.col--xxl-8{-webkit-box-flex:0;flex:0 1 66.66667%;width:66.66667%}.col--xxl-8 _:-ms-input-placeholder,:root .col--xxl-8{min-width:66.66667%;max-width:66.66667%}@-moz-document url-prefix(){.col--xxl-8{max-width:66.66667%}}.offset--xxl-8{margin-left:66.66667%}.col--xxl-9{-webkit-box-flex:0;flex:0 1 75%;width:75%}
    .col--xxl-9 _:-ms-input-placeholder,:root .col--xxl-9{min-width:75%;max-width:75%}
    @-moz-document url-prefix(){.col--xxl-9{max-width:75%}}.offset--xxl-9{margin-left:75%}
    .col--xxl-10{-webkit-box-flex:0;flex:0 1 83.33333%;width:83.33333%}
    .col--xxl-10 _:-ms-input-placeholder,:root .col--xxl-10{min-width:83.33333%;max-width:83.33333%}
    @-moz-document url-prefix(){.col--xxl-10{max-width:83.33333%}}
    .offset--xxl-10{margin-left:83.33333%}
    .col--xxl-11{-webkit-box-flex:0;flex:0 1 91.66667%;width:91.66667%}
    .col--xxl-11 _:-ms-input-placeholder,:root .col--xxl-11{min-width:91.66667%;max-width:91.66667%}
    @-moz-document url-prefix(){.col--xxl-11{max-width:91.66667%}}
    .offset--xxl-11{margin-left:91.66667%}
    .col--xxl-12{-webkit-box-flex:0;flex:0 1 100%;width:100%}
    .col--xxl-12 _:-ms-input-placeholder,:root .col--xxl-12{min-width:100%;max-width:100%}
    @-moz-document url-prefix(){.col--xxl-12{max-width:100%}}
    .offset--xxl-12{margin-left:100%}
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .is-hidden--sm-down{
        display:none!important
    }
}
@media only screen and (max-width:979px){
    .is-hidden--md-down{
        display:none!important
    }
}
@media (min-width:980px) and (max-height:415px),only screen and (min-width:980px) and (max-width:1199px){
    .is-hidden--lg{
        display:none!important
    }
}
@media only screen and (min-width:980px){
    .is-hidden--lg-up{
        display:none!important
    }
}

.block-3{
    margin-top:40px;
    margin-bottom:40px
}
.block-3:first-child{margin-top:0}
.block-3:last-child{margin-bottom:0}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .block-3{
        margin-top:40px;
        margin-bottom:40px
    }
    .block-3:first-child{
        margin-top:0
    }
    .block-3:last-child{
        margin-bottom:0
    }
}
@media only screen and (min-width:980px){
    .block-3{
        margin-top:40px;
        margin-bottom:40px
    }
    .block-3:first-child{
        margin-top:0
    }
    .block-3:last-child{
        margin-bottom:0
    }
}
@media only screen and (min-width:1200px) and (min-height:416px){
    .block-3{
        margin-top:48px;
        margin-bottom:48px
    }
    .block-3:first-child{
        margin-top:0
    }
    .block-3:last-child{
        margin-bottom:0
    }
}
@media only screen and (min-width:1440px) and (min-height:416px){
    .block-3{
        margin-top:56px;
        margin-bottom:56px
    }
    .block-3:first-child{
        margin-top:0
    }
    .block-3:last-child{
        margin-bottom:0
    }
}

.slick-slider{   
    z-index:1;    
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;   
    display: block;
    margin: 0;
    padding: 0; 
    overflow: hidden;
}
.slick-list:focus {
    outline: none; 
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand; 
}
.slick-slider{
    position:relative;
    display:block
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); 
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before{
    display:table;
    content:""
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{display:none}
.slick-dotted.slick-slider{  
    margin-bottom: 0;
}
.slick-dots{   
    position:absolute;
    bottom:-25px;
    list-style:none;
    display:block;
    text-align:center;
    padding:0;
    margin:0;
    width:100%
}
.slick-dots li{
    position:relative;
    display:inline-block;
    height:20px;
    width:20px;
    margin:0 5px;
    padding:0;   
    cursor:pointer
}
.slick-dots li button{
    border:0;
    background:0 0;
    display:block;
    height:20px;
    width:20px;
    outline:0;
    line-height:0;
    font-size:0;
    color:transparent;
    padding:5px;
    cursor:pointer
}
.slick-dots li button:focus,
.slick-dots li button:hover{
    outline:0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before{
    opacity:1
}
.slick-dots li button:before{
    position:absolute;
    top:0;
    left:0;
    content:"•";
    width:20px;
    height:20px;
    font-family:slick;
    font-size:6px;
    line-height:20px;
    text-align:center;
    color:#000;
    opacity:.25;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
    color:#000;
    opacity:.75
}
@keyframes back-to-top{
    0%{bottom:0}
    50%{bottom:5px}
    100%{bottom:0}
}
.line { 
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--bg-gray);
}
.intro{  
    position: relative;      
    height: auto;     
    overflow: hidden;                 
    z-index: 1;
}
.intro.intro--cover{
    background-image: url('../images/bg-co.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.intro.intro--small{
    height: auto; 
    padding-top: 180px;
}
.intro.intro--small .title h4{
    font-weight: 700;
    color:#024388;
}
@media only screen and (min-width:980px){   
    .intro{    
        height: 100vh;  
    }   
}
.intro .intro-content{    
    position: relative;  
    height: 100%;     
}
.intro .intro-content .row{   
    height: 100%;     
   /* align-items: flex-end;    */
}
.intro .intro--cover{            
    position:absolute;
    top:0;    
    left:0;
    width: 100%;
    height: 100%;    
}
.layer-0{     
    position: absolute;       
    top:0;
    left:0;
   /* -webkit-transform:translate(0,0);
    transform:translate(0,0);*/
    width:100%;
    height: 100%;
    z-index: -1;
}
.img-contain{
    position:relative;
    overflow:hidden;     
}
.img-contain.intro-image{      
    width:30em;
    height:30em;   
    -webkit-transform:translate(2em,5em);
    transform:translate(2em,5em);
}
.img-contain img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0%;
    bottom:0%;
    left:0%;
    right:0%
}
.overflow--hidden {   
    overflow: hidden;
    -webkit-overflow-scrolling: auto
}
#layer-1{
    position: absolute;
    width: 400px;
    height: 400px;
    top: 10%;
    left: 20%;
    
}
#layer-2{
    position: absolute;
    width: 100px;
    height: 100px;
    top: 15%;
    left: 20%;
}
#layer-3{
    position: absolute;
    width: 300px;
    height: 300px;
    top: 40%;
    right: 10%;
    
}
[class^="overlay-bg"]{
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:inherit;
    pointer-events:none;
    z-index:-1
}
[class*="overlay-bg-layer-lower"]{
    z-index:1
}
[class*="overlay-bg-layer-upper"]{
    z-index:2
}
.text--left{
    text-align:left
}
.text--right{
    text-align:right
}
.text--center{
    text-align:center
}
.text--lead{
    font-size:1.6rem;
    line-height:1.25em
}
.text--large{
    font-size:2.4rem;
    line-height:1.08333em;
    font-weight:300
}
.text--tiny{
    font-size:1.2rem;
    line-height:1.33333em
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .text--tiny{
        font-size:1.1rem;
        line-height:1.45455em
    }
}
.text-list{
    counter-reset:my-awesome-counter
}
.text-list>li{
    font-size:1.6rem;
    line-height:1.25em
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .text-list>li{
        font-size:1.6rem;
        line-height:1.25em
    }
}
@media only screen and (min-width:980px){
    .text-list>li{
        font-size:1.6rem;
        line-height:1.25em
    }
}
@media only screen and (min-width:1200px) and (min-height:416px){
    .text-list>li{
        font-size:1.8rem;
        line-height:1.33333em
    }
}
.text-list>li{
    position: relative;
    counter-increment: my-awesome-counter;
    margin:0;
    padding:25px 0 25px 48px;
    border-bottom:1px solid rgba(20,38,55,.08)
}
.text-list>li:before{
    content:counter(my-awesome-counter);
    position:absolute;
    left:0;
    top:25px;
    margin-top:-2px;
    padding-top:1px;
    padding-left:1px;
    width:24px;
    height:24px;
    border-radius:24px;
    line-height:25px;
    text-align:center;
    font-size: 1.4rem;
    background-color: #091e42;
    box-shadow: 1px 1px 0 #999;
    color:#ffffff
}


/*.text-white{color: #fff;}
.text-light{color: #ccc; }*/
.block-text{
   position: relative;
   width: 100%;
}
.block-text h3{   
    font-size: 24px;
    line-height: 22px;
    font-weight: 700;
    color: #024388;
}
.block-text p{   
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 30px; 
}

.header {  
    position: fixed;                   
    display: flex;
    flex-direction: column;
    width: 100%;    
    transition: all var(--animation-header);                  
    z-index: 100;     
}
.scroll-direction-down.header {
    transform: translateY(calc(-2.5em - 1px)) rotate(0.001deg);
 }
.header-top {
    position: relative;         
    display: flex;   
    justify-content: space-between;          
    align-items: center;
    height: 40px;
    padding-left: var(--padding-hr);
    padding-right: var(--padding-hr);
    background-color: #d5dcec;
    font-size: 11px;      
    transform: translateY(0%) rotate(0.001deg);           
    transition: all var(--animation-header);       
}
.header-top__left{
    display: flex;   
    flex: 1;  
}
@media (max-width: 540px) {
    .header-top__left span{
        display: none;
    }
}
.header-top__left span{
    margin-left: 7px;
    color: #034c98;
    font-size: 12px;
    font-weight: 600;
}
.header-top__left span i{
    margin-right: 5px;
    color: #034c98;
    font-size: 14px;   
}
.header-top__right{
    display: flex;
    display:-ms-flexbox;    
    display:-webkit-box; 
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.header-top .header-top__right .header-social{      
    display: flex;
    display:-ms-flexbox;    
    display:-webkit-box;     
}
.header-top .header-top__right .header-contact{   
    margin-right: 10px;  
    display: flex;
    display:-ms-flexbox;    
    display:-webkit-box;      
    position: relative;
}
.header-top .header-top__right .header-contact:after{
    content: '';
    position: absolute;
    width: 1px;
    background-color: #d5dcec;
    top: 0;
    bottom: 0;
    right: 0;
}
.header-top .header-top__right a.link{    
   margin-right: 10px;
   font-size: 12px; 
   font-weight: 600;    
   color: #034c98;
}
.header-top .header-top__right a.link i{
    color: #034c98;
    font-size: 14px;   
}
.header-top .header-top__right .header-contact a.link i{
    margin-right: 5px;
}
.header-bottom {     
    position: relative;  
    height: 80px;      
    padding-left: var(--padding-hr);
    padding-right: var(--padding-hr);                    
    background-color: var(--bg-lightgray);
    transition: all var(--animation-header);            
    z-index: 1; 
}
.header-bottom-wrapper{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: space-between;    
}
.logo {  
    width: 130px;
    display: block;	    
}
.header ul.main_menu{        
    position: relative;   
    float: right; 
    padding: 0;
    list-style-type: none;  
    z-index: 5  
}
@media (max-width: 991px) {   
	.header ul.main_menu {
        display: none
    }
}
.header ul.main_menu>li{   
	position: relative;	
	float: left;          
    margin-right:25px;      
}
.header ul.main_menu>li:last-child{
    margin-right: 0;
}
.header ul.main_menu>li>a{  
    position: relative;
    display: block;	
    font-size: 13px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;  
    float: right;   
    padding-top: 32px;
    padding-bottom: 28px;
    text-transform: uppercase;
}
.header ul.main_menu>li>a:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    height: 2px;
    background-color: #ce1515;
    bottom: 0;
    z-index: -1;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    transition: -webkit-transform .7s cubic-bezier(.19,1,.22,1);
    transition: -moz-transform .7s cubic-bezier(.19,1,.22,1);
    transition: transform .7s cubic-bezier(.19,1,.22,1);
}
.header ul.main_menu>li a:hover::before,
.header ul.main_menu>li.current-menu-item a:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1);
}
@media only screen and (min-width: 992px){    
    .header ul.main_menu>li ul.sub-menu{
        position:absolute;                         
        top:100%;
        left: 0;
        right: 0;
        background-color:#FFF;  
        box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1); 
        padding: 20px 0 24px 0;
        width: 300px;                
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        transform-origin: left;
        transition: -webkit-transform .7s cubic-bezier(.19,1,.22,1);
        transition: -moz-transform .7s cubic-bezier(.19,1,.22,1);
        transition: transform .7s cubic-bezier(.19,1,.22,1);
        z-index:4;           
    }
    .header ul.main_menu>li:hover ul.sub-menu{                                           
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);                            
    }  
}
@media only screen and (min-width: 992px){ 
    .header ul.main_menu>li ul.sub-menu li{
        display: inline-block;
        padding: 8px 15px;      
        width: 100%;
        height: auto;                 
    }
}

@media only screen and (min-width: 992px){ 
    .header ul.main_menu .sub-menu li a { 
        font-size: 14px;     
        font-weight: 700;           
        line-height: 42px;
        letter-spacing: 0;       
        top: inherit;
        margin: 0;
        line-height: 1;
    }
}
@media (min-width: 992px) {
    .overflow--hidden.menu--open { 
        overflow: inherit; 
    }
}
.search-button {   
	position: absolute;
    top: 50%;
	right: 72px;
    height: 30px;
	width: 30px;
    padding-top: 5px;   
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
@media (max-width: 991px) {
    .search-button{
        right: 75px;       
    }
}
@media (max-width: 767px) {
    .search-button{
        right: 65px;       
    }
 }
.search-toggle {
	position: relative;
    display: block;
    width: 100%;
    height: 100%;   
}
.search-toggle::before,
.search-toggle::after {
    content: '';
    position: absolute;
    display: block;
    transition: all 0.1s;  
}
.search-toggle::before {
    border: 2px solid #375668;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    top: 0px;
    left: 5px;  
}
.search-toggle::after {
    height: 2px;
    width: 7px;
    background: #375668;
    top: 15px;
    left: 16px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.search-toggle.active::before{
    top: 2px;
    left: 10px;
    width: 0;
    border-width: 1px;
    border-radius: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);  
}
.search-toggle.active::after {
    width: 15px;
    top: 8px;
    left: 3px;   
}
.search-input:focus {
		outline: none;
}
.search-input {   
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width: 100%;
    height: 100%;
    padding: 0 1.5em;
    border: 0;
    background-color: transparent;
    border-radius: 50px;
}
.search-input::-webkit-input-placeholder {
    color: rgba(49, 49, 49, 0.4);
}
.search-box .search-submit{  
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:transparent;       
    border:0;      
    outline:0; 
    position:absolute; 
    top: 0;
    right: 0;       
    padding: 0 20px;         
    height: 100%;
    background-color: #0351a5;
    opacity: 0;
}

.search-box .search-submit svg{     
    width: 18px;
    height: 18px;
    fill: #024388;
}
.hamburger {
    position: absolute;
    top: 50%;
    right: var(--padding-hr);    
    width: 3em;
    height: 3em; 
    background-color: var(--bg-blue);      
    border-radius: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);  
    display: none;       
    overflow: hidden;
    cursor: pointer; 
}
@media (max-width: 991px) {   
    .hamburger {        
		display: flex; 
        justify-content: center;
        align-items: center;
	}  
}
.hamburger span {
    position:absolute;
    width: 45%;
    height:1.5px;    
    background-color: var(--bg-light);    
    transition: all var(--animation-primary);
    transform: translateY(0px) scaleX(1) rotate(0.001deg);
}
.hamburger span:nth-child(1){    
    transform: translateY(-5.5px) scaleX(1) rotate(0.001deg);
}
.hamburger span:last-child{   
    transform: translateY(5.5px) scaleX(1) rotate(0.001deg);
}
.hamburger.is-opened{   
    -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);
    box-shadow:0 0 0 0 rgba(0,0,0,0);       
}
.hamburger.is-opened span:nth-child(1) {        
    transform: translateY(0px) scaleX(1) rotate(-45deg);    
}
.hamburger.is-opened  span:nth-child(2) { 
    transform: translateX(0px) scaleX(0) rotate(0.001deg);
    opacity: 0;
}
.hamburger.is-opened  span:last-child { 
    transform: translateY(0px) scaleX(1) rotate(45deg);
}
.mobile-menu {   
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--bg-lightgray);
    overflow-y: auto;
    transform: translateX(100%);
    transition: all var(--animation-primary);   
    z-index: 4;    
}
.mobile-menu.open {	
    transform: translateX(0%);
}
.mobile-menu .menu-wrapper {
    width: 100%;
    height: 100%;
    display: table;  
}
.mobile-menu .col {   
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.mobile-menu .mobile-menu-container {
    padding: 0 10vw;	
}
.mobile-menu .menu_item { 
	font-family: 'Nunito Sans', sans-serif;
	width: 100%; 
}
.mobile-menu .menu_item .menu_item_wrapper > a {    
    font-size: 15px;
    line-height: 1;
    padding: 10px 0;
    display: table;
    position: relative;
}
.mobile-menu .menu_item .menu_collapse{
    padding-left: 20px;
}
.mobile-menu .menu_item .menu_collapse > a .msk,
.mobile-menu .menu_item .menu_item_wrapper > a .msk {
    display: block;
    position: relative;
    overflow: hidden;
}
.site-sidebar{   
    position: relative;
    min-height: 1px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 80px;
    padding-bottom: 80px;    
    width: 100%;
}
@media (max-width: 767px) {
    .site-sidebar{       
        padding-left: 28px;
        padding-right: 28px;       
    }
}
.site-sidebar:before,
.site-sidebar:after{
	content: " ";
	display: table;
}
.site-sidebar:after{
	clear: both;
}
.site-sidebar .content-sidebar{   
    float: left;
    width: 33.33333333%;
}
@media (max-width: 767px) {
    .site-sidebar .content-sidebar{
        width: 100%;
        margin-bottom: 30px;
    }
}
.site-sidebar .section-col{   
    background-color: #fff;    
    float: left;
    width: 66.66666667%;
}
@media (max-width: 767px) {
    .site-sidebar .section-col{
        width: 100%;
    }
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}


.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
/*.custom-logo-link {
	display: inline-block;
}*/

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}
.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
.site-footer{   
    padding-top: 40px;  
	position: relative;        
    overflow: hidden;
    z-index: 1
}
.site-footer::before,
.site-footer::after{
    display:table;
    content:""
}
.footer-link, .footer-contact, .footer-info{
    position: relative;
}
.site-footer .footer-info{
    padding-right: 15px;
}
.site-footer .footer-info .footer-logo{   
    position: relative;
    margin-bottom: 20px;
}
.site-footer .footer-info .footer-logo svg{
    fill: #024388;
    width: 180px;
}
.site-footer .footer-info p{
    font-size: 12px;
    font-weight: 400;
}
.site-footer .footer-link{
    position: relative;
    padding: 0 15px;
}
@media (max-width: 767px) {
    .site-footer .footer-link{
        margin-bottom: 30px;
    }
}
.site-footer .footer-area-title{
    position: relative;   
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .site-footer .footer-area-title{
        margin-bottom: 15px;
    }
}
.site-footer .footer-area-title:after{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 2px;
    width: 40px;
    background-color: #185390;
}
@media (max-width: 767px) {
    .site-footer .footer-area-title:after{
        display: none;
    }
}
.site-footer .footer-link ul{
    list-style: none;
}
.site-footer .footer-link ul li a{
    font-size: 12px;
}
.site-footer .footer-link ul li a:hover{
    text-decoration: underline;
}
.site-footer .footer-contact{
    padding: 0 15px;
}
.site-footer .footer-contact p{    
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}
.site-footer .footer-contact span{
    position: relative;  
    margin-right: 30px;   
}
.site-footer .footer-contact span>i{
    position: relative;
    width: 16px;
    height: 16px;
    font-size: 12px;  
    color: #024388;   
}
@media (max-width: 767px) {
    .site-footer .footer-contact span{
        margin-right: 0;
    }
    .site-footer .footer-contact span>i{
        display: none;
    }
}
.site-footer .footer-contact span:after{
    content: '';
    position: absolute;
    top: 0;
    right: -15px;
    width: 0.6px;
    font-weight: 400;
    height: 100%;
    background-color: #999999;
}
@media (max-width: 767px) {
    .site-footer .footer-contact span:after{
        display: none;       
    }
}
.site-footer .footer-contact a:hover{
    text-decoration: underline;
}
.footer-bottom{
    padding-left: var(--padding-hr);
    padding-right: var(--padding-hr);
}
.site-footer .copyright{   
    position: relative;
    padding: 20px 0;
}
.site-footer .copyright p, .site-footer span.site-title{    
    font-size: 12px;
}
.site-footer .copyright a{      
    font-size: 14px;
    font-weight: 600;
    margin-right: 12px;
}
.site-footer .copyright p>a:hover{
    text-decoration: underline;
}
.site-footer .footer-contact .footer-social{     
    font-size: 12px;
    margin-top: 20px;
    display: inline-block;
}
.site-footer .footer-contact .footer-social a,
.site-footer .footer-contact .footer-social span{
    position: relative;
    margin-right:12px;
    display: inline-block;
    font-size: 13px;   
}
.site-footer .footer-contact .footer-social a>i{
    color: #024388;
}
.site-footer .footer-social a:last-child{
    margin-right:0
}
@media (max-width: 767px) {
   
    .site-footer .copyright{float:none;margin:0 0 10px}
    .site-footer .footer-social{float:none;margin:0}
}
.footer-blobs div{
    position:absolute;
    bottom:0;
    right:0;
    z-index: -1;
}
.footer-blobs div:first-child{
    width:11.8125rem;
    -webkit-transform:translate(65%,-125%);
    transform:translate(65%,-125%);
}
.footer-blobs div:last-child{
    width:30.125rem;
    -webkit-transform:translate(20%,60%) rotate(180deg);
    transform:translate(20%,60%) rotate(180deg); 
}
#back_to_top{     
    float:right;
    margin:-80px -40px 0 0; 
}
#back_to_top>span.text{
    display:inline-block;
    vertical-align:middle;   
    font-weight:400;
    font-size:11px;
    position:relative;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
#back_to_top>span.icon-stack{       
    position:relative;
    display:inline-block;   
    vertical-align:middle;     
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);  
}
#back_to_top>span.icon-stack svg{   
    width: 18px;
    height: 18px;
    padding:5px 2px;
}
#back_to_top:hover span.icon-stack{
    -webkit-animation:back-to-top .3s 1 ease;
    animation:back-to-top .3s 1 ease
}
#back_to_top.hide{display:none}
#back_to_top.in_footer{position:absolute;bottom:20px;right:45px}
#back_to_top.sticky{   
    position:fixed;
    right:7px;
    bottom:20px;
    z-index:3
}
#back_to_top.sticky.scroll{
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#back_to_top.sticky.scroll.focus,
#back_to_top.sticky.scroll:hover{
    opacity: 0.7;
}

.site-entry{        
    position: relative;       
    width: 100%;
    z-index: 1;
}
.site-entry .site-entry__content{ 
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}
.site-entry .site-entry__content:after{
    position: absolute;
    content: '';
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #979bab;
    opacity: .5;
}
.site-entry .site-entry__content h2{   
    position: relative;
    color:#024388;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 2.2rem;
    font-weight: 700; 
}
@media (max-width: 767px) {
    .site-entry .site-entry__text h2{        
       font-size: 1.7rem;
    }
}
.site-entry .wrapper .site-entry-content{  
    position: absolute;
    width: 100%;
    height: 60%;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.site-entry .site-entry-text{   
    float: left;
    padding-left:60px;
    padding-right:60px; 
    width:50%;
}
@media (max-width: 767px) {
    .site-entry .site-entry-text{
        padding-left: 30px;
        padding-right:30px; 
        width: 100%;
    }
}
.site-entry .site-entry-text h2{
    margin-top: 25px;
    margin-bottom: 15px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 40px;
    font-weight: 600;  
}
.site-entry .site-entry-image{
    float: left;
    width:100%;
    z-index: -1
}
.site-entry .site-entry-image img{
    object-fit: cover;
    object-position: center;   
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .site-entry .site-entry-image{
        display: none;
    }
}

.home-section__hero{   
    width: 100%;
    height: 80vh;    
    position: relative;  
    background-image: url("images/chemical-test.jpg");
    background-repeat: no-repeapt;
    background-size: cover;  
}
.home-hero__text{   
    width: 100%;         
    z-index: 3;
}
.home-hero__text .text-block h1{
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    color: #024388;  
    text-transform: uppercase; 
}
@media (max-width: 767px) {
    .home-hero__text .text-block h1{
        margin-bottom: 15px;
        font-size: 37px;
    }
}
.home-hero__text .text-block .custom-widget-text{
    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
}
@media (max-width: 767px) {   
    .home-hero__text .text-block .custom-widget-text{
        font-size: 22px;
        line-height: 22px;
    }
}
.section-hero__slider{
    position: relative;
    height: 400px;
}
@media (max-width: 991px){
    .section-hero__slider{
        height: 360px;
     }
}
@media (max-width: 767px){
    .section-hero__slider{
       height: 300px;
    }
}
.section-hero__slider::before,
.section-hero__slider::after{
    display:table;
    content:""
}
.section-hero__slider::after{
    clear:both
}


.section-hero__slider>.hero-slider__wrapper .slide-image{    
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height: 100%;           
}
.section-hero__slider>.hero-slider__wrapper .slide-image>img{
    object-fit: cover;
    object-position: center;   
    width: 100%;
    height: 100%;   
}

.intro .intro-content .intro--slider{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: transform 800ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition: -webkit-transform 800ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: -moz-transform 800ms cubic-bezier(1, 0, 0, 1);
    transform: translateX(-130%);
    -webkit-transform: translateX(-130%);
    -moz-transform: translateX(-130%);
    margin-top: 100px;
}
.intro .intro--cover img{
    width:100%;
    height:100%; 
}
.intro.animated .intro-content .intro--slider{   
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);   
}
.intro .intro-content .intro--slider .slider-controls{                 
    z-index: 3;  
}
.intro .intro-content .intro--slider .slider-controls .slider-navigation{     
    display: flex; 
    align-items: center;   
}
.intro .intro-content .intro--slider .slider-controls .slider-navigation .slick-dots{
    padding-top: 7px;  
    position:relative;
    bottom:auto;
}
.intro .intro-content .intro--slider .slider-controls .slider-navigation .slick-dots li{
    padding: 0;
    width:6px;
    height:6px;
    background-color: #024388;
    opacity: .7;
}
.intro .intro-content .intro--slider .slider-controls .slider-navigation .slick-dots li.slick-active{
    width:30px;
    height:6px; 
    opacity: 1; 
}
.intro .intro-content .intro--slider .slider-controls .slider-navigation .slick-dots li button{
    width:6px;
    height:6px;
    background-color: #024388;
}
.intro .intro-content .intro--slider .slider-controls .slider-navigation .slick-dots li button:before{
    background-color: #024388;
    content: '';
    left:0;
    width:6px;
    height:6px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.intro .intro-content .intro--slider .slider-controls .slider-navigation .slick-dots li.slick-active button:before{
    width:30px;
    height:6px;
}
.intro .intro-content .intro--slider .intro-slider__wrapper{ 
    position: relative;    
    width: 100%;
    height: 100%;   
}
.intro .intro-content .intro--slider .intro-slider__wrapper .slick-slider .slick-list,
.intro .intro-content .intro--slider .intro-slider__wrapper .slick-slider .slick-track {
    height: 100%; 
}
.intro .intro-content .intro--slider .intro-slider__wrapper .intro-slider{
    position: relative;
    width: 100%;
    height: 100%;
}
.intro .intro-content .intro--slider .intro-slider__wrapper .intro-slider .intro-slide{      
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;   
}
.intro .intro-content .intro--slider .intro-slider__wrapper .intro-slider .intro-slide p{
    font-family: 'Nunito Sans', sans-serif;
    font-weight:400;
    margin-top:1rem;
    margin-bottom:1rem
}
h5,.h5{font-weight:600}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .intro .intro-content .intro--slider .intro-slider__wrapper .intro-slider .intro-slide p{
        margin-top:2.1rem;
        margin-bottom:2.1rem
    }    
}
.intro .intro-content .intro--slider .intro-slider__wrapper .intro-slider .intro-slide p{
    font-size:2.6rem;
    line-height:1.07692em;
    letter-spacing:.02em
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){   
    .intro .intro-content .intro--slider .intro-slider__wrapper .intro-slider .intro-slide p{
        font-size:3.6rem;
        line-height:1.05556em
    }
}
@media only screen and (min-width:980px){   
    .intro .intro-content .intro--slider .intro-slider__wrapper .intro-slider .intro-slide p{
        font-size:3.8rem;
        line-height:1.05263em
    }   
}
@media only screen and (min-width:1200px) and (min-height:416px){
    .intro .intro-content .intro--slider .intro-slider__wrapper .intro-slider .intro-slide p{
        font-size:3.6rem;
        line-height:1.04762em
    }
}
@media only screen and (min-width:1440px) and (min-height:416px){
    .intro .intro-content .intro--slider .intro-slider__wrapper .intro-slider .intro-slide p{
        font-size:4.6rem;
        line-height:1.04348em
    }    
}
.heading h2{    
    position: relative;
    margin-bottom: 20px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 24px;
    line-height: 1.2;
    color: #034c98;
    font-weight: 700;
    text-transform: capitalize;
}
@media (max-width: 767px) {
    .heading h2 {
        font-size: 19px;
        line-height: 1;
    }
}
.heading-small h2{    
    position: relative;
    margin-bottom: 20px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 800;
    text-transform: capitalize;
}
@media (max-width: 767px) {
    .heading-small h2 {
        font-size: 17px;
        line-height: 18px;
    }
}
.service-block,
.product-block{   
    width: 100%;
    position: relative;
    text-align: center;   
    padding: 40px 30px;   
}
.product-block{
    background-color: #fff;
    box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
}
.service-block{
    background-color: #EFF3F8;
    box-shadow: 0px 2px 15px rgba(178, 212, 241, 0.1);
}
@media (max-width: 991px){
    .product-block, .service-block{
        margin-bottom: 30px;
    }
}
.product-block .block-header h2{
    font-size: 20px;
	line-height: 1.4;	
	text-transform: uppercase;	
    font-weight: 700;
    margin-bottom: 19px;
    color: #034c98;
}
@media (max-width: 991px){
    .product-block .block-header h2{
        font-size: 18px;
        line-height: 1.2;	
    }  
}
/*@media (min-width: 992px){
    .service-block{
        margin-top: -47px;  
    }
}*/

section.banner_banner .BannerContainer .LinkOuterContainer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
@media (max-width: 767px) {
    section.banner_banner .BannerContainer .LinkOuterContainer {
        position: relative;
        margin-top: 25px;
        bottom: inherit;
    }
}
.form-container{
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    -webkit-box-shadow:0 2px 24px 0 rgba(0,0,0,.15);
    box-shadow:0 2px 24px 0 rgba(0,0,0,.15)   
}
.form-wrap{       
    background-color: transparent;;     
    position: relative;   
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    font-size: 100%;
	line-height: 1.15;
    margin: 0;
}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
optgroup {font-weight: bold;}
textarea {width: 100%;overflow: auto;}
button{
    border:0 none !important;
    background-color: transparent !important;
}
input[type="submit"]{
    border: 0;   
}
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
    font-size: 27px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.field-label{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 3px;
    font-size: 1.5rem;  
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="radio"],input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
input[type="file"] {display: block;}
input[type="range"] {display: block;width: 100%;}
select[multiple],select[size] {height: auto;}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.form-control {
    display: block;
    width: 100%;
    height: 39px;   
    font-size: 15px;
    line-height: 1.42857143;
    color: #48484a;   
    background-color: transparent;
    background-image: none;
    border:1px solid #787773;
   /* border-radius:25px;   */
    padding:5px 14px;  
}
.form-control:focus {
    border-color: #cfcfcf;
    outline: 0;  
}
.form-control::-moz-placeholder {
    color: #999999;
    opacity: 1;
}
.form-control:-ms-input-placeholder {color: #999999;}
.form-control::-webkit-input-placeholder {color: #999999;}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}
textarea.form-control {height: auto;}

input[type="search"] {-webkit-appearance: none;}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {
    line-height: 39px;
    line-height: 1.42857143 \0;
}
input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm {line-height: 36px;}
input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg {line-height: 54px;}

.form-group.wpforms-one__third{padding-right:15px;float: left;margin-left:0px !important;width:calc(100%/3) !important}
.form-group.wpforms-one__third.special-one{padding-right: 0px}
.radio,.checkbox {position: relative;display: block;min-height: 25px;margin-top: 10px;margin-bottom: 10px;}
.radio label,.checkbox label {padding-left: 20px;margin-bottom: 0;font-weight: normal;cursor: pointer;}
.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}
.radio + .radio,.checkbox + .checkbox {margin-top: -5px;}
.radio-inline,.checkbox-inline {display: inline-block;padding-left: 20px; margin-bottom: 0;vertical-align: middle;font-weight: normal;cursor: pointer;}
.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline {margin-top: 0;margin-left: 10px;}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"] {cursor: not-allowed;}
.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline {cursor: not-allowed;}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label {cursor: not-allowed;}
.form-control-static {padding-top: 7px;padding-bottom: 7px;margin-bottom: 0;}
.form-control-static.input-lg,.form-control-static.input-sm {padding-left: 0;padding-right: 0;}
.input-sm,
.form-horizontal .form-group-sm .form-control {
    height: 36px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.5;
   /* border-radius: 0px;*/
}
select.input-sm {height: 36px;line-height: 36px;}
textarea.input-sm,select[multiple].input-sm {height: auto;}
.input-lg,.form-horizontal .form-group-lg .form-control {
    height: 54px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
   /* border-radius: 0px;*/
}
select.input-lg {height: 54px;line-height: 54px;}
textarea.input-lg,select[multiple].input-lg {height: auto;}
.has-feedback {position: relative;}
.has-feedback .form-control {padding-right: 48.75px;}
.form-control-feedback {
    position: absolute;top: 30px;right: 0;z-index: 2;
    display: block;width: 39px;height: 39px;line-height: 39px;text-align: center;}
.input-lg + .form-control-feedback {width: 54px;height: 54px;line-height: 54px;}
.input-sm + .form-control-feedback {width: 36px;height: 36px;line-height: 36px;}
.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline {color: #3c763d;}
.has-success .form-control {
    border-color: #3c763d;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {border-color: #2b542c;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;}
.has-success .input-group-addon {color: #3c763d;border-color: #3c763d;background-color: #dff0d8;}
.mt-15{margin-top: 15px}
.mt-30{margin-top: 30px}
.mt-60{margin-top: 60px}
.btn {
    position:relative;
    background-color:transparent;   
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    vertical-align:middle;
    white-space:nowrap;
    display:-webkit-inline-box;
    display:inline-flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;   
    border-radius: calc(var(--border-radius) * 6); 
    box-shadow:none;
    overflow:hidden;
}
.btn:hover,.btn:focus {
    color: #333333;
    text-decoration: none;
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    -webkit-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
@media only screen and (max-width:599px){
    .btn{
        height:40px;
        padding:0 20px;       
    }
    .btn>.btn-content{
        margin-top:0;
        padding-top:0;
        height:40px
    }
}
@media only screen and (min-width:600px){
    .btn{
        height:48px;
        padding:0 20px;       
    }      
    .btn>.btn-content{
        margin-top:0;
        padding-top:0;
        height:48px;
    }
}
@media only screen and (min-width: 900px){  
    .btn{
        height:56px;
        padding:0 24px;       
    }   
    .btn>.btn-content{
        margin-top:0;
        padding-top:0;
        height:56px
    }
}
@media only screen and (min-width: 1200px){  
    .btn{
        padding:0 30px
    }
    .btn>.btn-content{
        margin-top:0;
        padding-top:0
    }
}
.btn-content .btn-text{  
    position:relative;          
    display: block;         
    font-kerning: none;        
    color: var(--color-black);
    overflow: hidden;      
}
.btn--xs{
    padding:0 15px;
    font-size:1.1rem;
    line-height:1.33333em
}
@media only screen and (min-width:980px){
    .btn--xs{       
        font-size:1.2rem;
        line-height:1.45455em
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .btn--xs{
        height:36px;      
    }      
    .btn--xs>.btn-content{
        height:30px;
    }
}
@media only screen and (min-width:1200px) and (min-height:416px){
    .btn--xs{
        height:36px;       
    }    
    .btn--xs>.btn-content{
        height:30px
    }
}
.btn--sm{
    height:40px;
    padding:0 20px;  
    font-size:1.3rem;
    line-height:1.33333em
}
@media only screen and (min-width:980px){
    .btn--sm{       
        font-size:1.4rem;
        line-height:1.45455em
    }
}
.btn--sm>.btn-content{
    margin-top:0;
    padding-top:0;
    height:40px
}
@media only screen and (min-width:1200px) and (min-height:416px){
    .btn--sm{
        height:44px;
        padding:0 20px;        
    }
    .btn--sm>.btn-content{
        margin-top:0;
        padding-top:0;
        height:44px
    }
}
.btn--lg{
    height:44px;
    padding:0 20px;    
}
.btn--lg>.btn-content{
    margin-top:0;
    padding-top:0;
    height:48px
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .btn--lg{
        height:48px;
        padding:0 20px
    }   
    .btn--lg>.btn-content{
        margin-top:0;
        padding-top:0;
        height:48px
    }
}
@media only screen and (min-width:980px){
    .btn--lg{
        height:56px;
        padding:0 24px
    }      
    .btn--lg>.btn-content{
        margin-top:0;
        padding-top:0;height:56px
    }
}


.btn-default {color: #333333;background-color: #ffffff;border-color: #cccccc;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,.open > .dropdown-toggle.btn-default {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,
.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-default .badge {color: #ffffff;background-color: #333333;}
.btn-primary {
    color: #ffffff;
    background-color: #034c98;
    border-color: #0351a5;    
    border-radius:25px;  
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #055db9;
    border-color: #0564c9;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #c3bca6;
    border-color: #b9b197;
}
.btn-primary .badge {color: #c3bca6;background-color: #ffffff;}
.btn-success {color: #ffffff;background-color: #1c60a6;border-color: #185390;}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open > .dropdown-toggle.btn-success {color: #ffffff;background-color: #15477a;border-color: #0f355c;}
.btn-success:active,.btn-success.active,.open > .dropdown-toggle.btn-success {background-image: none;}
.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {background-color: #1c60a6;border-color: #185390;}
.btn-success .badge {color: #1c60a6;background-color: #ffffff;}
.btn-info {color: #ffffff;background-color: #1c60a6;border-color: #185390;}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open > .dropdown-toggle.btn-info {color: #ffffff;background-color: #15477a;border-color: #0f355c;}
.btn-info:active,.btn-info.active,.open > .dropdown-toggle.btn-info {background-image: none;}
.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {background-color: #1c60a6;border-color: #185390;}
.btn-info .badge {color: #1c60a6;background-color: #ffffff;}
.btn-warning {color: #ffffff;background-color: #1c60a6;border-color: #185390;}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open > .dropdown-toggle.btn-warning {color: #ffffff;background-color: #15477a;border-color: #0f355c;}
.btn-warning:active,.btn-warning.active,.open > .dropdown-toggle.btn-warning {background-image: none;}
.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {background-color: #1c60a6;border-color: #185390;}
.btn-warning .badge {color: #1c60a6;background-color: #ffffff;}
.btn-danger {color: #ffffff;background-color: #ff0000;border-color: #e60000;}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open > .dropdown-toggle.btn-danger {color: #ffffff;background-color: #cc0000;border-color: #a80000;}
.btn-danger:active,.btn-danger.active,.open > .dropdown-toggle.btn-danger {background-image: none;}
.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {background-color: #ff0000;border-color: #e60000;}
.btn-danger .badge {color: #ff0000;background-color: #ffffff;}
.btn-link {color: #c3bca6;font-weight: normal;cursor: pointer;border-radius: 0;}
.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {background-color: transparent;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {border-color: transparent;}
.btn-link:hover,.btn-link:focus {color: #c3bca6;text-decoration: underline;background-color: transparent;}
.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {color: #cdcdcd;text-decoration: none;}
.btn-lg,.btn-group-lg > .btn {padding: 10px 16px;font-size: 24px;line-height: 1.33;border-radius: 0px;}
.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0px;
}
.btn-xs,.btn-group-xs > .btn {padding: 1px 5px;font-size: 16px;line-height: 1.5;border-radius: 0px;}
.btn-block {display: block;width: 100%;}.btn-block + .btn-block {margin-top: 5px;}
.btn-transparent{ 
    background-color: transparent;
    border: 1px solid #333; 
    border-radius: 40px;
}
.btn-transparent:hover{
    color: #024388;
    border-color: #024388;
}
.btn-content{   
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;
    min-width:100%;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    z-index:1
}
.btn.btn-bordered{      
    border: 1px solid var(--border-color);       
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.search-form{   
    position: relative;  
    height:40px;     
    overflow: hidden;  
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;   
}
@media (min-width:768px){
    .search-form{
        max-width:68.9rem;
        width:50%
    }
}
@media (min-width:1024px){
    .search-form{
        width:60%
    }
}
.search-form .search-icon{    
    position: absolute;
    top:50%;
    left: 10px;
    height:16px;
    width:16px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.search-form .search-input {   
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;  
    background-color: #fff;
    width:90%;    
    height: 100%;
    padding: 0 0 0 40px;  
    font-size: 14px;       
}
.search-form .search-input::-webkit-input-placeholder {
    color: rgba(49, 49, 49, 0.4);
}
.search-form .submit-button{
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 80px;
    font-size: 14px;
    color: #FFF;
    text-align: center;   
    cursor: pointer;
    background-color: #024388;
    border: 0;
}
/*.section-block{
    padding: 80px 0;
}*/
.section-products, .section-about{
    background-color: #fff;
}
.section-branchs, .section-products{
   position: relative;
}
.section-contact{
    position: relative;
    width: 100%;
    background-color: #fff;
}
.section-contact .section-title, 
.section-branchs .section-title{
    display: inline-block;
}
.section-products .section-title h2,
.section-contact .section-title h2,
.section-branchs .section-title h2{
    margin-bottom: 40px;
    position: relative;
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    color: #024388;
}
.section-contact .section-title h2:after{   
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;    
    height: 2px;
    width: 100%;
    background-color: #024388;
}
@media (max-width: 991px) {
    .section-col .section-title h2,
    .section-products .section-title h2,
    .section-branchs .section-title h2 {
        font-size: 22px;
        line-height: 22px;
    }
}
.section-branchs .section-text .title h3{   
    margin-bottom: 20px;   
    position: relative;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;    
}
@media (max-width: 991px) {
    .section-branchs .section-text .title h3{ 
        font-size: 18px;
        line-height: 18px;
    }
}
.section-branchs  .section-text .title h3:after{
   display: none;
}
.section-branchs .section-text .text p{
    font-size: 16px;
    line-height: 26px;
}
@media (max-width: 991px) {
    .section-branchs .section-text .text p{
        font-size: 14px;
        line-height: 18px;
    }
}
.section-about p{
    font-size: 15px;
    line-height: 26px;
}
@media (max-width: 991px) {
    .section-about p{
        font-size: 14px;
        line-height: 18px;
    }
}
.section-col ul{
    list-style: none;
}
.section-col ul li{
    padding-left: 30px;
}
.bg-gray{
    background-color: #f6f7fb 
}
.contact-wrap{
    position: relative;
    background-color: transparent;
}
@media (max-width: 767px) {
    .contact-wrap{
        margin: 30px 0;          
    } 
}
.contact-wrap .contact-list p{
    margin-bottom: 5px;
}
.contact-wrap .contact-list p,
.contact-wrap .contact-list p>a,
.contact-wrap .contact-list p>span>i{   
    font-size: 12px;    
}
.contact-wrap .contact-list p>span{
    font-weight: 700;
}
.content-box .contact-list-box{
    display: block;
    background-color: #034c98;
    height: 100%;
    padding: 30px 0;      
}
@media (max-width: 767px) {
    .content-box .contact-list-box{
        margin-bottom: 30px;   
    } 
}
.content-box .contact-list-box h3{    
    margin-left: 30px; 
    margin-bottom: 20px;   
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}
.content-box .contact-list-box p>span{  
    margin-right: 15px;
    padding: 15px 20px 15px 30px;  
    border-bottom: 1px #cac3ac solid;   
}
.content-box .contact-list-box p,
.content-box .contact-list-box p>a,
.content-box .contact-list-box p>span>i{   
    font-size: 12px;
    color: #fff;
}

.section-above__footer{  
    background-color: #f6f7fb;        
    position: relative;   
}
.section-above__footer .bg-section-cover{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:70%;
}
@media (max-width: 767px){
    .section-above__footer .bg-section-cover{
        display: none;
    }
}
.section-above__footer .bg-section-cover svg{
    fill: #d5dcec;    
}
.section-footer__address .title{
    display:block;
}
.section-footer__address .title h3{   
    margin-bottom: 30px;
    position: relative;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
}
.section-footer__address span{
    font-size: 15px;
    line-height: 15px;
}
.section-footer__address .tel{
    display:block;
    margin-bottom:1rem;
    word-break:break-all
}
.section-footer__address .tel a{
    font-size: 14px;
    transition:color ease-in-out .3s
}
.section-footer__address .tel a:focus,
.section-footer__address .tel a:hover{
    color: #0351a5;
}
.section-footer__address .email{
    display:block;
    word-break:break-all
}
.section-footer__address .email a{
    font-size: 14px;
    transition:color ease-in-out .3s
}
.section-footer__address .email a:focus,
.section-footer__address .email a:hover{
    color: #0351a5;
}
.product-categories {
    position: relative;
    background-color: var(--bg-light);
}
.product-category {   
    position: relative;
    display: block;    
    width: 33.333%; 
    padding: 10px;   
    float: left;      
}
.product-category:after,
.product-category:before{
    clear: both;
}
@media (max-width: 991px) {
    .product-category{
        width: 33.333%; 
    }
}
@media (max-width: 767px) {
    .product-category{
        width: 50%;
    }
}
.product-category a{       
    position: relative; 
    display: block;  
    background-color: #fff; 
    padding: 5px;
    text-decoration: none;      
    opacity: 1;
    z-index: 3;   
}
.product-category .category-text{
    padding: 4px 10px;  
    position: relative;    
}
.product-category h3{   
    position: relative;
    display: inline-block;
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    color: #124482;
}
.product-category h3:after{
    position: absolute;
    content: '';
    left: 0;
    bottom: -5px;
    width: 50%;
    height: 2px;
    background-color: #124482;
}
.product-category p{
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
}
.category-image{overflow:hidden}
figure{margin: 0;padding: 0;}
.category-image-inner{height: 130px; }
.category-image-inner>img{
    width:100%;
    height: 100%;
    max-width:inherit;
    transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1) 0s;
    transition:transform .25s cubic-bezier(.4,0,.2,1) 0s;
    transition:transform .25s cubic-bezier(.4,0,.2,1) 0s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) 0s
}
.product-category a:hover .category-image-inner>img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
  
}
.product-list{
    background-color: #FFFFFF;
}
.product-list .product-description,
.search-list .product-description{
    float: left;
    width:calc(50% - 20px);
    margin: 10px;
    padding: 15px;
    border: 1px solid;
    border-color: #185390;   
    border-radius: 4px;  
}
@media (max-width: 767px) {
    .product-list .product-description, 
    .search-list .product-description{
        width: 100%;
    }
}
.product-description h3{
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #185390;
}

.home-section-categories{
    padding: 80px 0;
}
.home-section-categories .category-slider-wrapper{
    position: relative;
    display: block;
}
.home-section-categories .category-slider-wrapper .home-category-slider{
    display: block;   
    width: 100%;
}
.home-section-categories .category-slider-wrapper .category-slide{
    position: relative;
    display: inline-block;
    width: 100%;
}
.category-slide-text{    
    position: relative;
    padding: 30px 100px;
    float: left;
    width: 100%;
    height: 500px;
    background-color: #024388;  
    z-index: 3;
}
@media (max-width: 1199px) {
    .category-slide-text {
        height: 520px;       
        padding: 50px 75px;
    }
}
@media (max-width: 991px) {
    .category-slide-text {       
        padding: 30px;
        height: auto;
        min-height: 100%;          
    }
}

.text-wrapper {
     position: relative;
}
@media (min-width: 992px) {
     .text-wrapper {
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}
.text-wrapper h2 {
     margin: 0 0 35px;
     text-transform: uppercase;
     position: relative;
     display: inline-block;
     font-weight: 600;
     color: #c3bca6;
}
.text-wrapper h2:after {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #c3bca6;
}
.text-wrapper p{
    color: #c3bca6;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 70px;
}
@media (max-width: 1199px) {
    .text-wrapper p {
        margin-bottom: 30px;
    }
}
.text-wrapper a, .text-wrapper a:hover{text-decoration: none;}
.text-wrapper a.btn {
    border-color: #c3bca6;
    color: #c3bca6;
}
.category-slide-image {  
    background-color: orange;   
    overflow: hidden;
    float: left;
    width: 100%;
}
.category-slide-image img {
    max-width: 100%;
    max-height: 80%;
    width: auto;
    height: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
@media (max-width: 1199px) {
    .category-slide-image {
        height: 460px;
        margin-top: 30px;
    }
}
@media (max-width: 991px) {
    .category-slide-image {   
        display: none;
    }
}
.category-slider-navigation{
    margin: 0;
    position: absolute;
    bottom:16px;   
    text-align: left;
    left: 0;
    width: auto;
    z-index: 3;
}
@media (max-width: 1199px) {
    .category-slider-navigation {
        bottom: -50px;
    }
}
@media (max-width: 1199px) {
    .home-section-services .service-heading h2 {
        font-size: 36px;
        line-height: 44px;
    }
}
@media (max-width: 767px) {
    .home-section-services .service-heading h2 {
        font-size: 28px;
        line-height: 36px;
    }
}
.home-section-services .service-heading h2:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 100px;
    left: 50%;
    transform: translateX(-50%);  
    -webkit-transform:translateX(-50%); 
    bottom: -30px;
    background-color: #c3bca6;
}

svg {
    max-width: none;
    height: auto;
}
.breadcrumb{         
    margin-bottom: 2em;
}
.breadcrumb ul{
    display: flex;
    gap: 13px;      
}
.breadcrumb li{     
    position: relative;
    display: flex;  
    align-items: center;
    padding-right: 13px;       
}
.breadcrumb li:not(:last-child)::after{
    position: absolute;
    content: ""; 
    top: 0;
    right: 0;
    width: 1px;
    height: 55%;
    background-color: var(--border-color);
    transform: rotate(25deg) translateY(50%);
}
.ui-dark .breadcrumb li:not(:last-child)::after{
    background-color: var(--color-light);
}
.breadcrumb li svg{     
    width: 16px;           
}
.ui-dark .breadcrumb li svg path{
    fill: var(--bg-light);
}
.breadcrumb li a{   
    display: flex;
    align-items: center;     
    transition: var(--animation-primary); 
}
.breadcrumb li span{   
    font-size: 16px;
    line-height: 1.5;  
    color: var(--color-dark-light);    
}
.ui-dark .breadcrumb li span{
   color: var(--bg-light);
}
.breadcrumb li:hover a{   
    opacity: 0.7;
}

.section-category-slider{
    position: relative;
    display: block;
    padding: 80px 0;
    overflow: hidden;
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){
    .home-blob{
        display:none
    }
}
.home-blob>div{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    -webkit-transform:translateY(-10%);
    transform:translateY(-10%);  
    color:#e4f2e5;
}
.image-wrapper{
    position: relative;
    display:block;
    max-width:100%
}
.image-wrapper:after{
    position:absolute;
    top:0;
    left:0;
    content:""
}
.image-wrapper:after,
.image-wrapper svg{
    width:100%;
    height:100%
}
.image-wrapper svg{
    position:relative;
    display:block
}
.category-slider-wrapper{
   position: relative;
   width: 100%; 
}
.category-slider .category-slide{    
    height: 100%;     
    min-height: 1px;
    float: left; 
    outline: none;
    padding: 10px;
    margin-right: 20px; 
    background-color: #fff;   
}
.category-slider .category-slide:last-child {
    margin-right: 0; 
}
.category-slider .category-slide .cover-img a{ 
    text-decoration: none;
    display: block;
}
.category-slider .category-slide .cover-img a h3{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    color: #0d0d0d;
    margin-top: 10px;
    margin-bottom: 10px;
}
.category-slider .category-slide .cover-img a:hover h3{
    color: #024388;
}
.home-category-image{
    overflow:hidden
}
.home-category-image__inner>img{   
    transition:-webkit-transform .25s cubic-bezier(.4,0,.2,1) 0s;
    transition:transform .25s cubic-bezier(.4,0,.2,1) 0s;
    transition:transform .25s cubic-bezier(.4,0,.2,1) 0s,-webkit-transform .25s cubic-bezier(.4,0,.2,1) 0s
}
.category-slider .category-slide .cover-img a:hover .home-category-image__inner>img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.home-category-image__inner>img{    
    width:100%;
    max-width:inherit;
    width: 280px;
}
.navigation_slides {
    text-align: right;
}
.navigation_slides button{
    background: none;
    border:none;
    cursor: pointer;
    outline: none;
}
.navigation_slides button.slick-arrow,
.navigation_slides button.slick-arrow.prev_btn::after,
.navigation_slides button.slick-arrow.next_btn::before {
    -webkit-transition: .7s ease;
    -moz-transition: .7s ease;
    transition: .7s ease;
}
.navigation_slides button.slick-arrow {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    line-height: 1;
    color: #0d0d0d;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}
.navigation_slides button.slick-arrow.prev_btn { 
    margin-right: 20px; 
}
.navigation_slides button.slick-arrow.next_btn { 
    margin-left: 20px; 
}
.navigation_slides button.slick-arrow:hover { color: #0d0d0d; }
.navigation_slides button.slick-arrow.prev_btn::after,
.navigation_slides button.slick-arrow.next_btn::before {
    content: '';
    width: 24px;
    height: 1px;
    background-color: #0d0d0d;
    position: absolute;
    top: 5px;
    pointer-events: none;
}
.navigation_slides button.slick-arrow.prev_btn:hover::after,
.navigation_slides button.slick-arrow.next_btn:hover::before { width: 34px; }
.navigation_slides button.slick-arrow.prev_btn::after { right: -39px; }
.navigation_slides button.slick-arrow.next_btn::before { left: -39px; }
.navigation_slides button.slick-arrow.slick-disabled {
    pointer-events: none;
    color: #b5b5b5;
}
.section-block .section-text{  
    display: block;
    width: 100%;
    margin-bottom: 30px;
}
.section-block .section-text.text p{
    font-size: 15px;
    line-height: 26px;
}
@media (max-width: 991px) {
    .section-block .section-text.text p{
        font-size: 14px;
        line-height: 22px;
    }
}
.section-text .title{
    display: inline-block;
}
.section-text .title h3{   
    margin-bottom: 40px;
    position: relative;
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    color: #024388;
}
.section-text .title h3:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;    
    height: 2px;
    width: 100%;
    background-color: #024388;
}
@media (max-width: 991px) {
    .section-text .title h3 {
        font-size: 22px;
        line-height: 22px;
    }
}
.section-text h3{
    margin-bottom: 20px;
    position: relative;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600; 
    color: #024388;
}
.section-products .section-text h3{   
    margin-bottom: 40px;
    position: relative;
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
}
.section-products .section-text .title h3:after{
   display: none;
}
/*.section-text .text{
    padding-left: 20%;
    padding-right: 20%;
}
.section-text .text p{
    font-size: 16px;
    line-height: 26px;
}
*/
.section-about-us{
    position: relative;
}


.about-content-wrap{
    clear:both
}
.about-content-parallax{
    background-image:url(images/pexels.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    background-position:center center;
    font-size:1.2em;
    padding-bottom:5%;
    padding-top:5%;
}
@media (max-width: 991px) {
    .about-content-parallax {
      background-attachment: scroll;
    }
}
.about-content-parallax p,
.about-content-parallax h1{
    color:rgba(255, 255, 255, 1);
}
.about-content-parallax >.bg-row-cover::before{   
    background-color: #024388;
    opacity: .8;
}
.about-content-parallax .content-text{margin-bottom:10px;}
.bg-row-cover{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
    transform:translateZ(0)
}
.bg-row-cover::before{
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-100;
    content:'';
    display:block;   
    transition:opacity .5s ease-in-out,background-color .5s ease-in-out
}
.about-content-parallax .content-text .text-wrap h1{
    font-size: 28px;
    line-height: 40px;
}
.about-content-parallax .content-text .text-wrap p{
    font-size: 15px;
    font-weight: 400;
    color:rgba(255, 255, 255, 1);
}
.about-content-parallax .content-button .btn-transparent{
    border-color: rgba(255, 255, 255, 1);
    color:rgba(255, 255, 255, 1);
}
.about-content-parallax .content-button .btn-transparent:hover{
    background-color: rgba(255, 255, 255, 1);   
    color:rgba(27, 42, 95, 0.88);
}
.grecaptcha-badge { 
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    z-index:2;
}
.section-block.content-info{
    background-color: #ecf1f8;
}
.section-block.content-intro .content-text a,
.section-block.content-info .content-text a{
    color:#0857c3!important
}
.content-intro__light{
    background-color:#f8faff!important;
    padding:110px 0 70px;
    min-height:0
}
.content-intro__light h1{
    font-size: 28px;
    font-weight: 700;
    color:#0857c3!important
}
@media (max-width:767px){
    .content-intro__light{
        padding:68px 0;
        min-height:0
    }
}
.product-table{
    position: relative;    
    width: 100%;   
}
.product-table__row{
    padding: 7px 0;
    display: flex;
    flex-flow: row;  
    align-content: center;   
    border-bottom: 1px solid #d5dcec;  
}
.col-name{
    width: 80%;   
}
.col-name span{
    padding-left: 5px;
    font-size: 13px;
}
.col-name.header span, .col-avil.header span{
    display: block;
    font-size: 14px;
    font-weight:bolder
}
.col-more, .col-avil{
    width:10%
}
.col-avil span{text-align: center;display: block;}
.col-avil span i{  
    padding: 2px;  
    border: 2px #024388 solid; 
    border-radius: 50%;
    color: #024388;
    font-size: 10px;
}
.navigation.pagination{
    margin-top: 5%;
    display: flex;
}
.page-numbers{
    margin-right: 5px;
    font-size: 13px;
    color: #024388;
    text-decoration: underline;
}
.page-numbers.current{
    color: #5c5c61;
    text-decoration: none;
}
.product-table__row:first-child{
   background-color: #cdcdcd;
}
.more-link{
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;    
    border: 1px solid #d5dcec;    
}
.more-link:hover{
    text-decoration: underline;
}
.product-search{ 
    margin-bottom: 30px;  
    display: flex;
    flex-direction: column;
    width: 100%;   
}
.product-search__heading{
    margin-bottom: 20px;
    width: 100%;
}
.product-search__heading h2{
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;   
}
.product-search__form{
    position: relative;
}
.map-wrap{
    display: block;   
    padding: 0 5px;
}
.map-wrap iframe{
    width: 100%;
    border: 3px solid #d5dcec;
}
.home-section__news{   
    background-color: #d5dcec;       
    position: relative;       
}
.title{
    display: block;
    width: 100%;   
}
.title h3{
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
}
.single-event{
    background-color: #ecf1f8;
    padding: 30px 15px;
    margin-bottom: 30px;
}
.event-block{

}
.single-event .event-text .place{
    display: block;
    margin-bottom: 10px;     
}
.single-event .event-text .place span{
    font-size: 13px;
    line-height: 13px;
    font-weight: 500; 
}
.news-block{ 
    width: 100%;  
    border: 1px #ecf1f8 solid;
    padding: 30px 15px;
    margin-bottom: 30px;
}
.news-block .news-text .title h3, .single-event .event-text .title h3{   
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    font-weight: 800;
}
.single-event .event-text .title h3{    
    margin-bottom: 10px;
}
.news-block .news-text .date{
    margin-bottom: 20px;
    position: relative;
}
.news-block .news-text .date span{   
    color: #adadad;   
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
}
.news-block .news-text p{
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
}
.news-block .news-text a.more, .single-event .event-text a.more{
    color: #5c5c61;  
    font-size: 13px;     
    text-transform: capitalize;
    text-decoration: none;        
}
.news-block .news-text a.more:hover, .single-event .event-text a.more:hover{
    color: #024388;   
}
.news-block .news-text a i, .single-event .event-text a i{
    color: #5c5c61;  
    font-size: 11px;
    margin-left: 5px;
}
.news-block .news-text a.more:hover i, .single-event .event-text a:hover i{
    color: #024388;   
}
.sidebar{
    background-color:#EFF3F8;    
    padding:15px;   
    margin-bottom: 30px;   
}
.sidebar li{
    position:relative;
    width:100%;
    padding-top:7px;
    padding-bottom:8px;
    border-bottom:1px #c0bfbf solid;
    opacity:.7;
    list-style: none;
    transition:opacity .2s ease
}
.sidebar li:last-child{
    border-bottom: none;
}
.sidebar a{
    display:block;  
    padding-left: 10px;
    padding-right: 10px; 
    text-decoration:none;
    font-size:14px;
    font-weight: 600;
    line-height:1.5;
    position: relative;
    overflow: hidden;   
} 
.sidebar li:first-child a{
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;    
}
.sidebar li.active a{
    color: #024388;
    font-weight: 700;
}
.sidebar a:hover {   
    color: #024388;
}
.sidebar li ul{
    display:none;
    width:100%;
    margin-top:5px;
    padding-right:0;
    font-weight:400
}
.sidebar li ul li{
    padding-left:10px;
    padding-right:0;
    border-top:0
}
.sidebar li ul a{
    font-size:14px;
    font-size:.875rem;
    line-height:1.5
}
.sidebar li.highlighted,
.sidebar li.opened,
.sidebar li.opened li,
.sidebar li.selected,
.sidebar li:hover{    
    opacity:1
}
.sidebar li.opened ul{
    display:block
}
.sidebar li.opened ul:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.item-wrap .item-wrap__row{
	display:flex;
	flex-direction: row;
	gap: 32px;	
	margin-bottom:32px;
}
.item-wrap .item-wrap__row .item{
	flex:1;
	padding: 31px 30px 29px;
    background-color: #fff;
    box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);   
}
.item-wrap .item-wrap__row .item:last-child{
	flex:none;
	width: calc(50% - 16px);
}
.item-wrap .item-wrap__row .item .title{
    width: 100;
    margin-bottom: 19px;
}
.item-wrap .item-wrap__row .item .title h2 a{
	font-size: 20px;
	line-height: 1.4;	
	text-transform: uppercase;	
    font-weight: 700;
    color: #034c98;
}
.item-wrap .item-wrap__row .item .text p{
	font-size:14px;
}

.section-heading{     
    width: 50%;    
    margin:auto;
    margin-bottom: 60px;
}
.section-heading .title{    
    font-size: 24px;
    line-height: 22px;    
    font-weight: 700;
    color: #034c98;
}
.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;  
    padding: 0; 
    text-align: center;
    height: 13px;
    opacity: .5;
    background-color: transparent;
}
.hr-text:before {
    content: '';  
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;   
}
.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;  
    padding: 0 .5em;
    height: 13px;
    line-height: 1em;
    color: #818078;
    background-color: #fcfcfa;   
}
.contact-form{    
    width: 100%;
    margin-top: 40px;
}






.card{      
    display:block;
    position:relative;
    -webkit-transition:none;
    transition:none;
}
.card__image{
    position:relative;
    margin:0;  
}
.card__image img{
    display:block;
    width:100%;
    height: 100%;
}
.card a{
    position:relative;
    z-index:3
}
.card.card--product{
    margin-top: 10px;   
    box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
    overflow:hidden;
    position: relative;     
}
.ui-dark .card.card--product {
   box-shadow: none;
   border: 2px #f1f1f1 solid;
}
.card.card--product:hover{
    cursor: pointer;
}
.card.card--product .card__content{       
    position:relative;   
    display: block;
    height:344px;
    padding:20px 24px  
}
.ui-dark .card.card--product .card__content{
    color: #FFF;
}
.card.card--product .card__content .card__title h4{     
    text-align:left;  
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.card.card--product .card__content .card__title h4 span{
    text-transform:uppercase;
    letter-spacing:.05rem;
    font-size:1.95rem;
    font-weight: 700;   
}
.card.card--product .card__button{          
    position:absolute;   
    bottom:1.5rem;
    left: 24px;
    right: 24px;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;    
}
.card.card--product .card__text p{    
    font-size:1.4rem;
    line-height:1.4;   
}
@media only screen and (min-width:980px){
    .card.card--product .card__text p{    
        font-size:1.5rem;
        line-height:1.4;   
    }
}
.card.card--product .card__image{    
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    z-index:1;   
}
.card.card--product .card__title h4{
    font-size:1.3rem;
    line-height:1.06667em
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .card.card--product .card__title h4{        
        font-size:1.5rem;
        line-height:1.06667em
    }    
}
@media only screen and (min-width:980px){
    .card.card--product .card__title h4{       
        font-size:1.5rem;
        line-height:1.33333em
    }   
}
@media only screen and (min-width:1200px) and (min-height:416px){
    .card.card--product .card__title h4{       
        font-size:1.8rem;
        line-height:1.33333em
    }   
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){    
    .card.card--product .card__button{ 
        left: 24px;  
        right: 24px;             
        bottom:20px
    }
    /*.card.card--product .card__button span{
        display: block;
    }*/
}
@media only screen and (min-width:980px){
    .card.card--product .card__content{
        height:368px;
        padding:28px 32px
    }    
    .card.card--product .card__button{   
        left: 32px;         
        bottom:28px
    }
}
@-moz-keyframes fadeInUp {
    from {
        -moz-transform: translate3d(0, 100%, 0); }
    from, 20%, 35% {
        opacity: 0; }
    100% {
        opacity: 1;
        -moz-transform: none; }
}
@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0); }
    from, 20%, 35% {
        opacity: 0; }
    100% {
        opacity: 1;
        -webkit-transform: none; }
}
@keyframes fadeInUp {
    from {
        transform: translate3d(0, 100%, 0); }
    from, 20%, 35% {
        opacity: 0; }
    100% {
        opacity: 1;
        transform: none; }
}
.card.card--service{
    background-color: #EFF3F8;
    box-shadow: 0px 2px 15px rgba(178, 212, 241, 0.1);
    margin-top: 10px;       
    overflow:hidden;
    position: relative;  
    height: 400px;  
    text-align: center;   
    padding: 40px 30px;   
}
.card.card--service .card-content .card-icon{     
    padding:0 20px 25px;   
    position:relative;   
    overflow:hidden;
}
@media (min-width: 992px){
    .iconBG {margin-top: 47px;  }
    .iconBG:before {    
        border-top: 3px solid #024388;    
        content: '';    
        display: block;    
        width: 67%;    
        margin: 0 auto;  
    }
}
.card.card--service .card-content .card-icon .icon-wrapper{    
    width: 80px;
    height: 80px;
    margin: 0 auto;   
}
@media (max-width: 991px) {
    .card.card--service .card-content .card-icon .icon-wrapper{ 
        width: 68px;
        height: 68px;
    }
}
.card.card--service .card-content .card-icon img{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.card.card--service .card-content .card-text{
    position: relative;
    display: block;
    width: 100%;
}
.card.card--service .card-content .card-text .title h3 {      
    margin-bottom: 20px;
    position: relative;
    font-size: 20px;
	line-height: 1.4;
    font-weight: 700;
    color: #034c98;
}
@media (max-width: 991px) {
    .card.card--service .card-content .card-text .title h3 {
        font-size: 18px;
        line-height: 26px;
    }
}
.card.card--service .card-content .description {
    font-size: 16px;
    line-height: 28px;
}
@media (max-width: 991px) {
    .card.card--service .card-content .description {       
        font-size: 15px;
        line-height: 26px;
    }
}

.section-title{
    margin-bottom: 3rem;
    transition: transform 800ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition: -webkit-transform 800ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: -moz-transform 800ms cubic-bezier(1, 0, 0, 1);   
}
.section.animation .section-title{
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
}
.section.animated .section-title{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}
.section .card.card--product {   
    visibility: hidden;   
    -moz-animation: 2s forwards;
    animation: 2s forwards;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}
.section.animated .card.card--product {
     visibility: visible;  
     -webkit-animation-name: fadeInUp;
     -moz-animation-name: fadeInUp;
     animation-name: fadeInUp;
 }
 .section.animated .card.card--product:nth-child(2) {
     animation-delay: 50ms;
     -webkit-animation-delay: 50ms;
     -moz-animation-delay: 50ms;
 }
 .section.animated .card.card--product:nth-child(3) {
     animation-delay: 100ms;
     -webkit-animation-delay: 100ms;
     -moz-animation-delay: 100ms;
 }


.card.card--location .card__content{
    position:relative;  
    margin-top: 15px;  
}   
.card.card--location .card__title{  
    position: relative;
    padding-bottom: 15px;
    font-size:1.3rem;
    line-height:1.06667em;
    font-weight: 600;   
}
.card.card--location .card__title:before{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #b3b9c0;
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){   
    .card.card--location .card__title{
        font-size:1.5rem;
        line-height:1.06667em
    }
}
@media only screen and (min-width:980px){   
    .card.card--location .card__title{
        font-size:1.8rem;
        line-height:1.33333em
    }
}
@media only screen and (min-width:1200px) and (min-height:416px){    
    .card.card--location .card__title{
        font-size:1.8rem;
        line-height:1.33333em
    }
}
.card.card--location .card__description{  
    position: relative;
    padding-bottom: 15px;
}
.card.card--location .card__description:before{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #b3b9c0;
}
.card.card--location .card__description span{
    display: block;   
}
.card.card--location .card__description {
    font-size:1.2rem;
    line-height:1.33333em
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){   
    .card.card--location .card__description{
        font-size:1.2rem;
        line-height:1.44444em
    }
}
@media only screen and (min-width:980px){   
    .card.card--location .card__description{
        font-size:1.3rem;
        line-height:1.44444em
    }
}
@media only screen and (min-width:1200px) and (min-height:416px){    
    .card.card--location .card__description{
        font-size:1.4rem;
        line-height:1.44444em
    }
}
.card.card--location .address{
    font-size:1.4rem;
    line-height:1.33333em
}
.card.card--location .address span{
    display: block;
}
.card.card--service .card__title{
    font-size:1.4rem;
    line-height:1.33333em;
    font-weight: 600;
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){  
    .card.card--service .card__title{
        font-size:1.5rem;
        line-height:1.06667em
    }
}
@media only screen and (min-width:980px){   
    .card.card--service .card__title{
        font-size:1.9rem;
        line-height:1.33333em
    }
}
.card.card--service .card__content{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start; 
    height: 280px;          
}
.card.card--service .card__content:after,
.card.card--service .card__content:before {
    content: "";
    position: absolute;   
}
.card.card--service .card__content:before {     
    right: 16px;
    top: 24px;    
    color: #83909d
}
.card.card--service .card__content:after {
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(20, 38, 55, .24)
}
.ui-dark .card.card--service .card__content:after{
    background-color: #ffffff
}
.ui-dark .card.card--service .card__number{
    color: #ffffff;
}
.card.card--service .card__number{
    position: absolute;
    top: 16px;
    left: 0;
    color: rgba(20, 38, 55, .24)
}
.card.card--service .card__icon {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;   
}
.card.card--service .card__title{
    margin-top: 62px;
    margin-bottom: 20px;  
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
    .card.card--service .card__title {
        margin-top: 62px;
        margin-bottom: 20px
    }   
}
@media only screen and (min-width:980px) {
    .card.card--service .card__title {
        margin-top: 72px;
        margin-bottom: 10px
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .card.card--service .card__content{        
        height: 344px;
        width: auto
    }
    .card.card--service .card__content:before {
        right: auto;        
        top: 22px;        
    }   
    .card.card--service .card__number {
        top: 20px;       
    }    
    .card.card--service .card__icon {
        top: 20px;       
    }
}
@media only screen and (min-width:980px) {
    .card.card--service .card__content{       
        height: 328px
    }
    .card.card--service .card__content:before {
        top: 34px;       
    }
    .card.card--service .card__number {
        top: 32px;       
    }   
    .card.card--service .card__icon{
        top: 32px;       
    }  
}
@media only screen and (min-width:1200px) and (min-height:416px){      
    .card.card--service .card__content{
        height: 360px;
    }
}
.ui-dark .card--service .card__text,
.ui-dark .card--service .card__title{
    color:#fff
}
.ui-dark .card--service .card__number{
    color:#83909d
}
.card.card--industry .card__content{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start; 
    height: 300px;          
}
.card.card--industry .card__content:before{
    content: "";
    position: absolute;   
}
.card.card--industry .card__content:before{     
    right: 16px;
    top: 24px;    
    color: #83909d
}
.card.card--industry .card__content{
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    margin: 10px 5px;  
}
.card.card--industry .card__number{
    position: absolute;
    top: 16px;
    left: 20px;
    color: rgba(20, 38, 55, .24);
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.card.card--industry:hover .card__number{
    color:#dc223e;
}
.card.card--industry .card__icon {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;   
}
.card.card--industry .card__icon img{
    width: 24px;
    height: 24px;
}
.card.card--industry .card__title{
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.26667em
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){  
    .card.card--industry .card__title{
        font-size:1.6rem;
        line-height:1.26667em
    }
}
@media only screen and (min-width:980px){   
    .card.card--industry .card__title{
        font-size:1.8rem;
        line-height:1.33333em
    }
}
.card.card--industry .card__title span{
    padding-bottom:1rem;
    display:block;   
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.card.card--industry:hover .card__title span{   
    padding-top: 0.5rem;
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:668px) and (min-height:416px),only screen and (min-width:980px){
    .card.card--industry .card__content{        
        height: 344px;
        width: auto
    }
    .card.card--industry .card__content:before{
        right: auto;        
        top: 22px;        
    }
    .card.card--industry .card__number {
        top: 20px;       
    }
    .card.card--industry .card__icon{
        top: 20px;       
    }
}
@media only screen and (min-width:980px) {   
    .card.card--industry .card__content {       
        height: 390px
    }    
    .card.card--industry .card__content:before {
        top: 34px;       
    }    
    .card.card--industry .card__number {
        top: 32px;       
    }      
    .card.card--industry .card__icon {
        top: 32px;       
    }  
}
.card.card--industry .card__title {
    margin-top: 42px;
    margin-bottom: 10px;  
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
    .card.card--industry .card__title{
        margin-top: 42px;
        margin-bottom: 20px
    }
}
@media only screen and (min-width:980px) {    
    .card.card--industry .card__title{
        margin-top: 62px;
        margin-bottom: 10px
    }
}
.card.card--industry .card__description{
    font-size: 1.5rem;
    line-height:1.26667em
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
    .card.card--industry .card__description{
        font-size: 1.5rem;
        line-height:1.26667em
    }
}
@media only screen and (min-width:980px) {    
    .card.card--industry .card__description{
        font-size: 1.6rem;
        line-height:1.33333em
    }
}
.card.card--industry .card__button{            
    position:absolute;   
    bottom: 3rem;
    left: 20px;  
    right: 20px; 
    height: 3rem;  
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center; 
    font-size: 1.5rem; 
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out  
}
.card.card--industry:hover .card__button{
    color:#dc223e;
}
.card__heading {
    font-size: 2.6rem;
    line-height: 1.07692em;
    letter-spacing: .02em
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
    .card__heading {
        font-size: 2.6rem;
        line-height: 1.04348em
    }
}
@media only screen and (min-width:1200px) and (min-height:416px) {
    .card__heading {
        font-size: 3rem;
        line-height: 1.06667em
    }
}


#data {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;	
	width: 100%;   
}
#data .item {
	position: absolute;	
}
#data .item a,
#data .item span {
	display: block;
	width: 111px; /* 117 */
	height: 124px; /* 130 */
	padding: 6px 0 0 6px;
	cursor: pointer;
	/*background: url(../images/go-hard.png) -1px 0 no-repeat;*/
}
#data .item a:hover,
#data .item.selected a {
    background-position: 0 -130px;
}
#data .item.selected a {
	background-position: 0 -260px;
	text-shadow: #09f1ef -1px -1px 0;
}
/* 105 */
#data .item.r1 {top:0}
#data .item.r2 {top:100px}
#data .item.r3 {top:200px}
#data .item.r4 {top:300px}
#data .item.r5 {top:400px}	

/* 115 */
#data .item.c1 {left:0}
#data .item.c2 {left:115px}
#data .item.c3 {left:230px}
#data .item.c4 {left:345px}
#data .item.c5 {left:460px}

/* 115 */
#data .item.even_row.c1 {left:58px}
#data .item.even_row.c2 {left:173px}
#data .item.even_row.c3 {left:288px}
#data .item.even_row.c4 {left:403px}
#data .item.even_row.c5 {left:518px}

.contact-form__wrap{
    background-color: #d5dcec;
    padding: 7px 25px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.group{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;     
}
.group-sm:first-child{   
    margin-top: -8px;
    margin-left: -8px;
}
.group-sm>*,.group-sm>:first-child{
    margin-top: 8px;
    margin-bottom: 0;   
    margin-left: 8px;
    max-width: calc(100% - 8px)
}
.group-md:first-child{   
    margin-top: -15px;
    margin-left: -15px;
}
.group-md>*,.group-md>:first-child{
    margin-top: 15px;
    margin-bottom: 0;   
    margin-left: 15px;
    max-width: calc(100% - 15px);  
}
.group-middle{-webkit-box-align:center;align-items:center}
.group-start{-webkit-box-align:start;align-items:flex-start}
.group-right{-webkit-box-align:end;align-items:flex-end}
.group-center{-webkit-box-pack:center;justify-content:center}
.group-end{-webkit-box-pack:end;justify-content:flex-end}
.group-left{-webkit-box-pack:start;justify-content:flex-start}
.group-between{-webkit-box-pack:justify;justify-content:space-between}
.group-full{-webkit-box-flex:1;flex-grow:1}
.group>.group-right{align-self:center;margin-left:auto}
.group-nowrap{flex-wrap:nowrap}
.group-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.cookies{
    position: fixed;
    top: auto;
    bottom: 0;  
    right: var(--padding-hr);   
    max-width: 60%;
    padding: calc(var(--padding-vr) * 0.12) calc(var(--padding-hr)*0.58);       
    background-color: var(--bg-lightgray);  
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    align-items: center;
    justify-content: center;
    z-index: 100;    
    display: none;
}
@media only screen and (max-width:979px){
    .cookies{  
        flex-direction: column;      
        left: var(--padding-hr);   
        max-width: 100%;
    }
}
.cookie-intro{margin-right: 2rem;}
.cookie-intro, .cookie-buttons{
    font-size: 1.3rem;
    line-height: 1.8;
}
.cookie-intro p{margin: 0;padding: 0;}
.section-service { 
    background-color: var(--bg-light);
}
.error-title, .error-text{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}