@import url(general.css);

:root {

    font-size: 16px;
    /* Font Family */
    --fontFamilyBase:  Arial, sans-serif;
    --fontHeadings: "nimbus-sans", sans-serif;

    --Blue:     #68BDE0;
    --BlueDark: #011748;

    
    /* Main Colors */
    --colorWhite: #fff;
    --colorBlack: #000;
    --colorPrimary: #371b52;
    --colorSecondary: #083a66;
    --colorAccent: #b71821;
    --colorBlue: #16a0ea;
    --BlueDark: #011748;
    --colorPink: #d176b0;
    
    /* Text Colors */
    --colorTextDark: #505050;
    --colorTextMedium: #A09C9C;
    --colorTextLight: #9a9a9a;
    --colorTextFooter: #6cb1ee;
    --colorTextPlaceholder: #cdcdcd;
    --colorTextGray: #636363;
    --colorTextMediumGray: #747474;
    
    /* Background Colors */
    --colorBgGray: #f3f3f3;
    --colorBgLightGray: #e7e7e7;
    --colorBgDarkGray: #e9e9e9;
    --colorBgMediumGray: #d4d4d4;
    --colorBgInputGray: #8c8781;
    --colorBgTransparent: transparent;
    
    /* Border Colors */
    --colorBorderGray: #dfdfdf;
    --colorBorderLight: #e2e2e1;
    --colorBorderActive: #0094df;
    
    /* State Colors */
    --colorError: #d13e3e;
    --colorSuccess: #5baef7;
    --colorWarning: #888888;
    
    /* Special Colors */
    --colorOverlay: rgba(8,58,102,0.66);
    --colorOverlayLight: rgba(8,58,102,0.8);
    --colorOverlayDark: rgba(0,0,0,0.4);
    --colorOverlayBlack: rgba(0,0,0,0.77);
    --colorWhiteTransparent: rgba(255,255,255,0.80);
    --colorWhiteTransparent90: rgba(255,255,255,0.90);
    --colorWhiteTransparent60: rgba(255,255,255,0.60);
    --colorBlackTransparent50: rgba(0,0,0,0.50);
    
    /* Additional Colors */
    --colorDarkPurple: #361f56;
    --colorMediumPurple: #3c1552;
    --colorGrayMedium: #7e7e7e;
    --colorGrayDark: #6f6f6f;
    --colorBlueDark: #005392;
    --colorBlueSecondary: #083b67;
    --colorGrayLight: #bbb;



	/* Checkbox */
	--gf-input-border-color: #DFDFDF;
    --gf-input-text-color: var(--primaryColor);
    --gf-label-color: #a8a8a8;
    --gf-label-color_active: var(--primaryColor);
    --gf-checkbox-bg: #fff;
    --gf-checkbox-border: #fff;
    --gf-link-color: #000
    --gf-checkbox-label-font-size: 0.9rem;
    --gf-checkbox-size: 26px;
    --gf-checkbox-radius: 0px;
    --gf-image-checkbox-bg: url("../images/326572_check_icon.svg");
}


html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ }
body {  margin: 0; font-family: var(--fontFamilyBase); background: var(--colorWhite); font-size:1rem; padding-top: 63px; background-color: #f3f3f3;  }
.clear { height: 0; clear: both; line-height: 0; }
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
/*.clearfix, .content, .row, .form_row { display: inline-block; }*/
* html .clearfix { height: 1%; }
.clearfix{ display: block; }
.equal_height {}
.trigger_btn {}

img { border: none; }
a { text-decoration: none; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; color: var(--colorPrimary); }
button { transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; cursor:pointer }
input[type=submit] { transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; cursor:pointer }
a:hover { }
select, input[type=text], input[type=button], input[type=submit], input[type=password], input[type=email], input[type=number], input[type=tel], textarea { -webkit-appearance: none; border-radius: 0; box-shadow: none }
form { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style: none; }
ul li { margin: 0; padding: 0;}
.content { max-width: 1440px; margin: 0 auto; padding:0; }
.small .content { max-width: 760px }
.medium .content { max-width: 960px } 
.big .content { max-width: 1640px }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: var(--colorTextPlaceholder);}
input:-moz-placeholder, textarea:-moz-placeholder {color: var(--colorTextPlaceholder);}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: var(--colorTextPlaceholder);}
*:focus { outline: 0; }
.text_center { text-align: center !important }
.show_mobi { display: none !important }
.text_center { text-align:center}
.full_width { max-width:100%}
.space_30 { padding-bottom:2rem}
img.center_img { display:block; margin-left:auto !important; margin-right:auto !important}
.table { display:table}
.black_text { color: var(--colorBlack)}
.text_uppercase { text-transform: uppercase; }

/* Layout */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; padding: 0; font-weight:normal; font-family: var(--fontHeadings); }
h1, .h1 { color: var(--colorBlack); font-size:3.1rem;  margin: 0; padding-bottom: 1.2rem; padding-top: 0px;  font-weight: 600 }
h2, .h2 { color: var(--colorBlack); font-size: 2rem; margin: 0;padding-bottom:.6rem; font-weight:700;}
h3, .h3 { color: var(--colorSecondary); font-size: 1.5rem; margin: 0;padding-bottom:.6rem; font-weight:700 }
h4, .h4 { font-size: 1.25rem; line-height: normal; font-weight: 300; padding-bottom: 1rem; color: var(--colorTextDark);   }
h5, .h5 {color: var(--colorTextDark); font-size: 1.2rem; padding-bottom: .5rem; padding-top: 0px; font-weight:300; max-width: 1000px; margin: 0 auto}
h6, .h6 { font-size: 1.1rem; line-height: 1.5rem;color: var(--colorBlack); padding-bottom: .6rem; text-align: center; max-width: 750px; margin: 0 auto}

h6.maxwidth960 {max-width: 960px;}
h4 a {color: var(--colorBlack); text-decoration: underline}
h4 a:hover {text-decoration: none}
h5 a {color: var(--colorSecondary)}
h5 a:hover {color: var(--colorBlack)}
.section h1 {font-family: var(--fontFamilyBase); color: var(--colorDarkPurple); font-size:36px; font-weight: normal }
.content h5:last-child {padding-bottom: 0}


p {font-size: 1.1rem; padding-bottom: 1.25rem; line-height: normal; color: var(--colorTextDark); margin: 0; }
p a {color: var(--colorBlack); text-decoration: underline}
p a:hover {text-decoration: none}
.half ul {font-size: 1.1rem;padding-bottom: 0.7rem;line-height: normal;color: var(--colorTextDark);margin: 0;}
.half ul li {padding-bottom: 0.4rem; list-style: disc; margin-left: 1.5rem;}
.third {  width: 33.3333%; padding: 0 1rem; box-sizing: border-box }
.third.last { }
.third img { max-width:100%; height:auto}
.half { margin-right: 0; width: 50%; padding-right:1.5rem; box-sizing:border-box; position: relative }
.half:last-child,.half:nth-child(2n) { margin-right: 0; float:right; padding-right:0; padding-left:1.5rem }
.half.last.first { float:left; padding-left:0; padding-right:0px}
.grey_bg .half,.purple_bg .half {padding: 0 !important}

.reverse .half { padding-right:0; padding-left:3rem; }
.reverse .half:last-child,.reverse .half:nth-child(2n) { margin-right: 0; padding-right:0; padding-left:0; }

.half img { max-width:100%; height:auto;  }
.half_page .animated_img img {width: 100%; height: auto; display: block; margin: 0 auto;}
.half_page {padding-top: 1.5rem; padding-bottom: 1.5rem;}
.half_page.half_page_contact .half_page_contact_inner {background-color: #E3E3E3; display: flex; align-items: flex-start; justify-content: center; padding: 2rem 5rem; flex-direction: column; box-sizing: border-box; height: 100%}

.half p:last-child { padding-bottom: 0; }
.fifth { width:20%}
.fourth { width:25%; box-sizing: border-box; padding: 0 1rem}
.col_small {width: 30%; box-sizing: border-box; padding-right: 1.2rem;}
.col_big {width: 70%;  box-sizing: border-box; padding-left: 1.2rem;}
.reverse .col_small {width: 35%; box-sizing: border-box; padding-right: 0px; padding-left: 1.2rem}
.reverse .col_big {width: 65%;  box-sizing: border-box; padding-left: 0px; padding-right: 1.2rem}

.no_PaddTop { padding-top:0 !important}
.no_PaddBottom { padding-bottom:0 !important}
.no_padd {padding: 0}
.no_Mar { margin:0 !important} 
.marginB20 { margin-bottom:1.2rem !important} 
.paddingT20 { padding-top:1.2rem !important} 
.right { float: right }
.left { float: left }
strong { font-weight: bold;}
#mobile-menu { display:none}
.row {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between}
.row.center {justify-content: center; }
.row.reverse {flex-direction: row-reverse}
.row.middle {align-items: center; }
.row.bottom {align-items: flex-end}
.row.top {align-items: flex-start}
.row.flex_start {justify-content: flex-start;}
.row.flex_end {justify-content: flex-end;}
.vertical_align {align-items: center; }
.vertical_align2 {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center} 
.white_text {color: var(--colorWhite)}
.white_text h2,.white_text p, .white_text h5, .white_text h3,.white_text h4,.white_text .learn_more {color: var(--colorWhite)}
.pink_text {color: var(--colorPink)} 
.hide_sec {display: none !important}


.half .inner_half { margin: 0 auto; max-width: 450px;    padding: 2rem 0;}
.separator { border-bottom:2px solid var(--colorBorderGray); margin-bottom: 2rem}
.section { width:100%; background-repeat: no-repeat; background-size: cover;  background-position: center; background-color: var(--colorBgGray); box-sizing: border-box; margin: 0; padding: 0}
.section.border_bottom {border-bottom: 8px solid var(--colorBlueDark)}
.section .content { padding: 6rem 0}
.section.big_space .content {padding: 10rem 0}
.section.small_space .content {padding: 3.5rem 0}
.full_width .content {max-width: 100%}
.NoPaddingBottom .content {padding-bottom:0 !important;}
.NoPaddingTop .content {padding-top:0 !important;}
.NoPadding .content {padding:0 !important;}

.section.grey {background-color: var(--colorBgLightGray)}
.section.white {background-color: var(--colorWhite)}
.section.transparent {background-color: var(--colorBgTransparent) }
.paddingT25 {padding-top: 1.5rem !important}
.transparent_white {max-width: 1300px; margin: 60px auto;padding: 60px}


/* Header */
.header {background: var(--colorWhite); width:100%; padding:0; box-sizing:border-box; position: fixed; top: 0; left: 0; z-index: 1001; }
.admin-bar .header {top: 32px;}
.header.scrolled {box-shadow: 0px 20px 2rem 20px rgba(0, 0, 0, 0.35);}
.header .content {padding:7px 40px;max-width: none  }
.logo { max-width:162px;width: 100%; font-size:0; line-height:0; padding-top: 0px; display: block; position: relative; overflow: hidden }
.logo img { width:100%; height:auto; }  
.header_right {padding-right: 0px; position: relative; z-index: 4}
.header_phone {background: url(../images/phone_icon.png) 13px center no-repeat var(--BlueDark); background-size: 1.2rem; color: var(--colorWhite); border-radius: 6px; font-weight: 600; font-size: 1rem; display: block; width: 200px; height: 49px; text-align: center; line-height: 49px; letter-spacing: 1px; padding-left: 1rem; box-sizing: border-box }
.header_phone:hover {background-color: var(--Blue)}

/* End Header */
/* Banner */
.banner { padding:0; box-sizing:border-box; background: no-repeat center ; background-size: cover; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative }
.banner:before {content: ""; background: var(--colorOverlay); position: absolute; top: 0; bottom: 0; left: 0; right: 0}
.banner.without_space {}
.banner .content { padding:250px 0; max-width: 1440px; }

#internal .banner .content {padding: 180px 0;}
.inner_banner {position: relative}
.video_popup_btn span.video_img {display: block; position: relative; font-size: 0; overflow: hidden; margin: 0 auto 1rem;}
.video_popup_btn span.video_img:after {content: "\f04b"; font-family: 'FontAwesome'; width: 80px; height: 80px; display: flex; background: var(--colorOverlayLight); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; align-items: center; justify-content: center; border-radius: 100%; color: var(--colorWhite); font-size: 32px; transition: all 0.3s  }
.video_popup_btn span.video_img:hover:after {background: var(--colorWhite); color: var(--colorBlue)}
.video_popup_btn span.video_img img {transition: all 0.8s}
.video_popup_btn span.video_img:hover img {transform: scale(1.15)}


.banner .content.bottom_content {align-items: flex-end; position: relative}
.banner .half:first-child {padding-right: 85px}
.banner h1 {margin: 0; padding: 0 0 1.2rem 0; font-size: 3.1rem; color: var(--colorWhite);position: relative; line-height: 50px}
.banner p {color: var(--colorWhite); font-size: 1.1rem; padding-bottom: 2.5rem}
#internal .banner h1 {padding: 0; font-size: 2.5rem}
.banner h5 {color: var(--colorWhite);  margin: 0; font-size: 1.25rem}
.banner .cta_btn {min-width: 287px}
.second_menu { width: 100%; background:rgba(0, 0, 0, 0.4); box-sizing: border-box; padding: 0 1.2rem; bottom: 0; top: auto !important; position: absolute;}
.second_menu.scroll-to-fixed-fixed {bottom: auto; left: 0 !important;background: var(--colorOverlayBlack); top: 63px !important}
.admin-bar .second_menu.scroll-to-fixed-fixed {top: 95px !important}

.second_menu ul {display: flex; justify-content: space-around; align-items: center; text-align: center; width: 100%; flex-wrap: wrap; padding: 7px 0;    max-width: 1200px; margin: 0 auto;}
.second_menu ul li {padding: 0;} 
.second_menu ul li a { display: block; padding: 8px 1.2rem; color: var(--colorWhite); font-size: 1rem; font-weight: 600; text-transform: uppercase;}
.second_menu ul li a:hover {color: var(--colorGrayLight)}

.cta_btn{ background: var(--BlueDark); color: var(--colorWhite); font-size:1rem; display:inline-flex; justify-content: center; align-items: center; margin:0; line-height:1.2rem; padding:0rem 2rem;  box-sizing:border-box; min-height: 3.6rem; font-weight:bold; text-align:center;  position:relative; border: none;  min-width: 13rem; font-family: var(--fontHeadings); border-radius: 8px; text-decoration: none;  }
.cta_btn.white {background-color: var(--colorWhite); color: var(--BlueDark)}
.cta_btn:hover {background-color: var(--Blue); color: var(--colorWhite)}
.white_text .cta_btn:hover {background-color: var(--colorWhite); color: var(--colorBlack)}
.cta_btn.white:hover {background-color: var(--BlueDark); color: var(--colorWhite)}
.cta_btn.play:after {content: "\f04b"; font-family: 'FontAwesome'; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; color: var(--colorWhite); font-size: 1rem; height: 1.2rem}
.cta_btn.center { margin:0 auto }
.cta_btn.full_width { padding: 12px 0 14px; width: 100%; min-width: inherit }

.cta_btn.border_btn {background: var(--colorWhite); border: 2px solid var(--colorBlack); color: var(--colorBlack)}
.cta_btn.border_btn:hover,.cta_btn.border_btn.active {background: var(--colorBlack); color: var(--colorWhite) }
.button-group {display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
.button-group > * {margin: 5px .6rem;border-radius: 0;}

.buttons {margin: 0 -.6rem; font-size: 0; max-width: 565px; text-align: center; margin: 0 auto}
.buttons > * {display: inline-block; margin: 0 .6rem;  vertical-align: top; min-width: inherit !important; width: 100%; max-width: calc(50% - 1.2rem);padding-left: 0; padding-right: 0;}


/* Menu */ 
#my-menu {font-size: 0px; width: calc(100% - 364px);}
#my-menu > ul { width: 100%; box-sizing: border-box; padding: 1rem 0 0 1.2rem }
#my-menu .menu > li { padding: 0 1.2rem; }
.menu li a {font-size: 1.1rem; color: var(--colorTextMedium); border-bottom: 7px solid var(--colorWhite); padding: 0 5px; padding-bottom:14px; margin-bottom: 0px; display: table;  font-family: var(--fontHeadings); font-weight: bold; text-transform: uppercase}
.menu li a:hover,.menu li.sfHover a {color: var(--Blue); border-bottom-color: var(--Blue)}
.menu li.current_page_item a {color: var(--Blue); border-bottom-color: var(--Blue)}
#my-menu li:last-child {min-width: inherit}
#my-menu li {position: relative}
#my-menu li a  {color: var(--colorTextMedium); text-decoration: none; font-size: 1rem; }
#my-menu li.account_item a {color: var(--colorTextMediumGray);}
#my-menu li.account_item a:before {content: "\f007"; font-family: 'FontAwesome'; display: inline-block; margin-right: .6rem; vertical-align: middle; font-size: 1.2rem; font-weight: 100; margin-top: -5px;}
.menu#my-menu .current_page_item > a {border-color: var(--Blue) !important}

#my-menu li a:hover {color: var(--Blue);}
.mm-menu { background: var(--BlueDark) !important;}
.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top: 0px;}
.mm-navbar.mm-hasbtns { padding: 0 2.5rem 0 1.2rem!important }
.mm-close.mm-btn,
.mm-listview>li>a,
.mm-listview>li>span{ font-weight:600 !important; color: var(--colorPrimary) !important;  margin: 0; border: none }
.mm-listview.sub-menu>li>a {font-family: var(--fontFamilyBase); font-weight: bold !important; font-size: 0.8rem; padding-left: 2rem !important;}
.mm-menu .mm-listview>li .mm-next:after { border-color: rgba(255,255,255,.9);}
.mm-navbar .mm-title { font-weight:700 !important; font-size: 1rem; color: var(--colorWhite) !important; text-transform: uppercase;}
.sub-menu.mm-listview { display: block!important }
.mm-listview>li.mm-vertical>.mm-next, .mm-vertical .mm-listview>li>.mm-next {height: 44px;}
.mm-listview>li>a,
.mm-listview>li>span { color: var(--colorWhite) !important; font-size: 1rem; padding:12px 1.2rem !important; text-transform: uppercase;display: block;}
.mm-listview>li.current_page_item > a {color: var(--colorSuccess) !important;}
.mm-navbar .mm-btn { color: var(--colorMediumPurple)!important; display: none }
.menu_trigger { padding: 0px; font-size: 0; border-radius: 0; box-sizing: border-box; width: 60px; position: relative; height:49px; display: none; margin-left: .6rem}
.slicknav_icon,
.slicknav_icon span { display: block; position: absolute; left: 0 }
.slicknav_icon {width: 34px; height: 1.5rem; margin: auto; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; top: 0; bottom: 0; right: 0 }
.slicknav_icon span { height: 4px; width: 100%; background: var(--colorSecondary); border-radius: 0px; opacity: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out }
.slicknav_icon span:nth-child(1),
.slicknav_icon span:nth-child(2) { -webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center }
.slicknav_icon span:nth-child(1) { top: 0; transform-origin: left center }
.slicknav_icon span:nth-child(2) { top: .6rem; transform-origin: left center }
.slicknav_icon span:nth-child(3) { top: 1.2rem; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center }
#mm-blocker {z-index: 1002}
.mm-opened .slicknav_icon span:nth-child(1) { top: -1px; left: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.mm-opened .slicknav_icon span:nth-child(2) { width: 0; opacity: 0 }
.mm-opened .slicknav_icon span:nth-child(3) { top: 23px; left: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }
.menu_box {}
.menu_box.menu_bottom { padding-bottom:0; border-bottom:none; padding-top:2rem;}
#menu .mm-listview li { width: 100%; float: none; text-align: left }
.mm-listview>li:not(.mm-divider):after { left: 0 }
.mm-listview>li>a:hover { color: var(--colorSuccess) !important}   
.mega-sub-menu h4 {font-size: 14px; text-transform: uppercase; color: #636363;padding:0; display:none}
.mega-sub-menu { padding:0}
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { padding:0 !important}

.mm-listview  .textwidget { display:block !important}
.mm-listview  .menu_item_icon .icon { display:none !important}
.mm-listview  .menu_item_icon .right_text { width:100%; display:block;}
.mm-listview  .menu_item_icon .right_text p { display:none}
.mm-listview  .menu_item_icon .right_text h3 {font-size: 14px; text-transform: uppercase; display: block; color: var(--colorTextGray); font-weight: bold; padding: 5px 1.2rem 4px;letter-spacing: 0;}
.mm-listview  .menu_item_icon .right_text h3 a { color: var(--colorTextGray)}

.su-lightbox { cursor:pointer}

.menu_ctn#my-menu .menu {margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-around; position: relative; padding: 0;padding-top: 1rem; margin-bottom: -7px; 	max-width: 600px; padding-right: 29px; }
.close_menu {position: absolute; top: -37px; right: 71px;}
.header .sub-menu {position: absolute; background: var(--colorWhite); width: 270px; top: 100%; left: 1.2rem}
.header #my-menu .sub-menu li a { display: block; padding: 13px 1.2rem; border-bottom: 1px solid var(--colorTextMedium)}
.header #my-menu .sub-menu li:last-child a {border: none}
.header #my-menu .sub-menu li a:hover {}
.header #my-menu li.menu-item-has-children > a {padding-right: 23px;background-image: url(../images/dropdown_menu_arrow_hover.png); background: url(../images/dropdown_menu_arrow.png) no-repeat right 6px; background-size: 1rem}
.header #my-menu li.menu-item-has-children > a:hover {background-image: url(../images/dropdown_menu_arrow_hover.png)}


/* Home */
.blog_posts {padding: 1.2rem 0 2rem; justify-content: center} 
.blog_posts .blog_item {overflow: hidden}
#list_posts .blog_item { margin-bottom: 2.5rem}
.blog_posts .blog_item > a {display: flex; height: 360px;  color: var(--colorWhite);align-items: center; justify-content: center; flex-wrap: wrap; position: relative;overflow: hidden   }
.blog_posts .blog_item > a span.post_bg_img {background: no-repeat center; background-size: cover;transition: all 0.8s; position: absolute; top: 0; bottom: 0; right: 0; left: 0}
.blog_posts .blog_item > a:hover span.post_bg_img {transform: scale(1.1)}
.blog_posts .blog_item > a > span.inner_post {position: absolute; bottom: 0; left: 0; right: 0; background: var(--colorWhiteTransparent); padding: .6rem 2rem; transition:all 0.3s; height: 70px}
.blog_posts .blog_item > a:hover > span.inner_post {background: var(--colorWhiteTransparent60)}
.blog_posts .blog_item > a span.post_title  {font-size: 1rem; font-weight: 700; color: var(--colorSecondary); width: calc(100% - 105px); }
.blog_posts .blog_item > a span.post_link {font-size: 1rem; font-weight: 400; color: var(--colorSecondary); padding-bottom: 5px; border-bottom: 1px solid var(--colorAccent)}
.blog_posts .blog_item > a:hover span {color: var(--colorAccent)}

.blog_links {text-align: center}
.blog_links a {font-weight: bold; color: var(--colorBlack); text-decoration: underline; padding: 5px 1rem; display: inline-block}

.home_halfs .half {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.home_halfs .home_image img {max-width: 100%; height: auto; position: relative; width: 100%}
.home_halfs .home_image { width: 533px; padding-right:0px; box-sizing: border-box; text-align: center;margin-top: -285px; }
.home_image_text_inner {max-width: 71rem; padding-top: 2.5rem}
.learn_more {color: var(--colorBlue); display: table; font-size: 1.2rem; font-weight: bold; padding-right: 1.2rem; position: relative }
.learn_more:after {content: "\f105"; position: absolute; right: 0; font-family: 'FontAwesome'; font-weight: normal; font-size: 1.25rem}
.learn_more:hover {color: var(--colorBlack)}
.news_section .content {padding: 1.2rem 0 0 0}

.logos_ctn {align-items: center; justify-content: space-around; padding-top: 1rem}
.logos_ctn > div {padding: 7px .6rem}

/* Footer */
.footer {background: #485F79; padding: 3rem 0 2.2rem; position: relative;  font-size: 1rem}
.footer p {color: var(--colorWhite); padding: 1rem 0; font-size: .95rem}
.footer a {color: var(--colorWhite); text-decoration: none}
.footer a:hover { text-decoration: underline}
.footer .content {padding: 0 !important; max-width: 1140px;}
.footer_links a {color: var(--colorWhite); text-transform: uppercase; display: block;height: 1.25rem; line-height: 1.25rem }
.footer_links a.mail_link { background: url(../images/footer_icon_email.png) no-repeat left center; background-size: 1.25rem; padding-left: 2rem;}
.footer_links a.footer_phone { background: url(../images/footer_icon_phone.png) no-repeat left center;background-size: 1.1rem; padding-left: 1.5rem;}
.footer_links a.footer_linkedin { background: url(../images/footer_icon_linkedin.png) no-repeat left top;background-size: 1.2rem; padding-left: 33px;}
.footer_links a.footer_facebook { background: url(../images/footer_icon_facebook.png) no-repeat left top;background-size: 11px; padding-left: 1.5rem;}
.footer .copy {text-align: right}
.footer .copy a {padding-left: 1.25rem; margin-left:1.2rem; position: relative}
.footer .copy a:before {content: "|"; left: 0; position: absolute}
.footer_links {width: calc(100% - 650px);}

.footer_col {max-width: 230px; padding: 0 20px;}
.footer_col h3 {text-transform: uppercase; color: var(--colorWhite); font-size: 1rem; padding-bottom: .2rem; margin-bottom: 1rem; font-weight: 600; border-bottom: 2px solid var(--colorWhite);}
.footer_col p {margin: 0; padding:0 0 .7rem 0; font-size: 1rem;}
.footer_logo {position: absolute; left: 20px;} 
.footer_icon_link {display: flex; align-items: center;}
.footer_icon_link span.footer_icon {width: 24px; margin-right: .7rem; line-height: 0;}
p[style="text-align: center;"] .footer_icon_link {justify-content: center;}
.footer_icon_link.footer_phone span.footer_icon { text-align: center;}
.section .footer_icon_link span.footer_icon {filter: invert();}


.footer_top {background: var(--colorBgDarkGray); padding: 0}
.footer_menu .sub-menu {display: none !important}
.footer_menu .menu li a {border: none; padding: .6rem 5px; text-decoration: none }
.footer_menu .menu li.current-menu-item a {color: var(--colorSecondary)}
#my-footer-menu .menu {margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between; position: relative; padding: 2rem 0; flex-wrap: wrap }



#cookie-notice{    font-size: 1rem; line-height: 1.25rem; background: var(--colorWhite); color: var(--colorPrimary);  box-sizing: border-box; padding: 0px; position: fixed; bottom: 0; width: 100%; left: 0;z-index: 9;}
#cn-notice-text {padding: .6rem 1.2rem}
#cookie-notice .cookie-notice-container {width: 100%;align-items: center; display: flex; flex-wrap: wrap; justify-content: center; padding: 0 }
#cookie-notice #cn-accept-cookie {padding: 14px 45px 12px;background: var(--colorWhite); color: var(--colorGrayDark); font-size:1rem; display:table; line-height:1.2rem; box-sizing:border-box; font-weight:600; text-align:center;  position:relative; border: none; margin: .6rem 1.2rem }
#cookie-notice #cn-accept-cookie:hover {background: var(--colorBlack); color: var(--colorWhite)}
#cookie-notice span a {color: var(--colorWhite); text-decoration: underline}
#cookie-notice span a:hover {text-decoration: none}

/* 2.0 Om Os */


.full_img {font-size: 0}
.full_img img {max-width: 100%; height: auto}
.NoPadding .half {padding: 0 !important}
.gallery_item {display: block}
.gallery_item img {width: 100%; height: auto}
.gallery_item {font-size: 0; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; position: relative}
.gallery_item:after {content: "\f06e"; background: var(--colorBlackTransparent50);  top: 0; bottom: 0; left: 0; right: 0; position: absolute; transition: all 0.3s; opacity: 0;    display: flex; align-items: center; justify-content: center; font-weight: 300; font-size:0; color: var(--colorWhite); font-family: 'FontAwesome'}
.gallery_item:before {content: ""; top: 2px; bottom: 0; left: 0; right: 0; position: absolute; transition: all 0.3s; opacity: 0; display: flex; align-items: center; justify-content: center; font-weight: 300; width: 0; height: 0; border: 2px solid var(--colorWhite); border-radius: 100%; margin: auto; z-index: 1; }
.gallery_item:hover:after {opacity: 1; font-size: 50px}
.gallery_item:hover:before {opacity: 1;width: 100px; height: 100px;}

.gallery_ctn {}
.owl-nav > * {width: 11.2rem; position: absolute; top: 0; bottom: 0px; display: flex; align-items: center; justify-content: flex-start; font-size: 0}
.owl-prev {left: 0;background: 
    -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(125,185,232,0) 100%);}
.owl-next {right: 0; background: -moz-linear-gradient(left, rgba(125,185,232,0) 0%, rgba(0,0,0,0.1) 100%); background: -webkit-linear-gradient(left, rgba(125,185,232,0) 0%,rgba(0,0,0,0.1) 100%); background: linear-gradient(to right, rgba(125,185,232,0) 0%,rgba(0,0,0,0.1) 100%);  justify-content: flex-end}
.owl-prev:after,.owl-next:after {font-family: "FontAwesome"; color: var(--colorWhite); font-size:80px; font-weight: 300; transition: all 0.3s}
.owl-prev:after {content: "\f104"; margin-left: 1.2rem; }
.owl-next:after {content: "\f105"; margin-right: 1.2rem;}
.owl-prev:hover:after,.owl-next:hover:after {color: #555555;}

.mfp-arrow {opacity: 1}
.mfp-arrow:before, .mfp-arrow:after { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: none; font-family: "FontAwesome"; color: var(--colorWhite); font-size: 70px; font-weight: 300; transition: all 0.3s; margin: auto; padding: 0; line-height: 70px; text-align: center; height: 70px; width: 100%;}
.mfp-arrow-right:after {content: "\f105"; border-top-width: 0px; border-bottom-width: 0px;  top: 0px;}
.mfp-arrow-left:after {content: "\f104"; border-top-width: 0px; border-bottom-width: 0px;  top: 0px;}
.mfp-arrow:before {display: none}
.mfp-close {opacity: 1}
.mfp-close:hover {opacity: 0.65}

/* Kotakt */
.acf-map {width: 100%;  margin:0;}
.acf-map > .marker {display: none;}
#acf_map {width: 100%; height: 700px; margin:0;}
.acf-map img { max-width: inherit !important;}
.infohtml {text-align: center; padding:0 0 1.2rem 0; font-size: 14px; min-width: 190px;}
.infohtml img {margin-bottom: 1rem; max-width: 136px !important;}
.infohtml a {color: var(--colorBlack); text-decoration: underline}
.infohtml a:hover {text-decoration: none}
.infohtml p { font-size: 14px; padding-bottom: 14px; line-height: 1.25rem; color: var(--colorBlack);font-weight: 300;}
.infohtml span { display: block}
.gm-style .gm-style-iw {text-align: center}
/* Ensure AdvancedMarker content can't collapse due to global img rules */
.gm-style .advanced-marker-layer img {
  display: block !important;
  max-width: none !important;
  height: auto;
}


.members {margin: 0 -1.2rem; padding-top: 1.2rem;justify-content: center;}
.member {width: 20%; padding: 0 1.2rem 2.5rem; box-sizing: border-box}
.member img {width: 100%; height: auto; display: block; margin: 0 0 1rem}
.member .member_info {font-weight: 300;}
.member .member_info a {color: var(--colorBlack)}
.member .member_info a:hover {text-decoration: underline}
.member .member_info > * {display: block}
.member .member_info strong {font-size: 1.1rem;}

#contact_details .row .half {padding: 60px 2.5rem !important}
#contact_details .row .half:last-child {background: var(--colorBgMediumGray)}
#contact_details h2 {padding-bottom: 1.5rem}
#contact_details .fa {font-size: 1.25rem; display: inline-block; vertical-align: middle; margin-right: .6rem; margin-top: -3px; width: 33px; height: 33px; color: var(--colorWhite); background: var(--colorSecondary);line-height: 33px;
    text-align: center;}

.form_ctn {max-width: 500px; margin: 0 auto}
.form_row {display: flex; align-items: flex-start; justify-content: space-between; padding-bottom:12px; flex-wrap: wrap }
.form_row p {padding: 0 !important; margin: 0 !important;}
.form_row > label {display: block; font-weight: 300;font-size: 1.2rem; color: var(--colorBlack); width: 100%}
span.wpcf7-list-item { display: inline-block; margin: 1rem 1.5rem 0 0;}
input[type=radio] {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.form_row .wpcf7-list-item {}


.acceptance_row  {padding-bottom: 1rem;}
.acceptance_row a {text-decoration: underline; }
.acceptance_row a:hover {text-decoration: none}
.acceptance_row input[type=checkbox] {display: inline-block; width: var(--gf-checkbox-size); height: var(--gf-checkbox-size); min-width: var(--gf-checkbox-size); border-radius: var(--gf-checkbox-radius); background: var(--gf-checkbox-bg); border: 1px solid var(--gf-checkbox-border); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; vertical-align: middle; margin-right: 11px; cursor: pointer; margin-left: 0; }
.acceptance_row input[type=checkbox]:checked {background-image: var(--gf-image-checkbox-bg); background-position: 50% 50%; background-size: 17px; background-repeat: no-repeat;}
.acceptance_row .wpcf7-list-item {margin: 0;}

.form_row input[type="radio"] + span,.form_row .wpcf7-list-item input[type="checkbox"] + span { padding-left:38px; position:relative; color: var(--colorBlack); font-size:1.2rem; display: flex;font-weight: 300; align-items: center; cursor:pointer; transition:background-color 0.3s linear;line-height: 1.2rem; padding-top: 5px; padding-bottom: 7px;}
.form_row  input[type="radio"] + span:after,.form_row .wpcf7-list-item input[type="checkbox"] + span:after { content:""; display:block; position:absolute; left:0; top:0; width:2rem; height:2rem; vertical-align:middle; background: var(--colorBgInputGray) no-repeat center; background-size:100%; cursor:pointer; box-sizing:border-box; bottom: 0; margin: auto}
.form_row input[type="radio"]:checked + span:after,.form_row .wpcf7-list-item input[type="checkbox"]:checked + span:after { background-image: url(../images/checkbox.png); background-size:100%; background-color: var(--colorPink)}
.checkboxes {padding-bottom: .6rem}
.checkboxes label {display: block} 
.form_row .wpcf7-not-valid .wpcf7-list-item input[type="radio"] + span:after, .form_row .wpcf7-not-valid .wpcf7-list-item input[type="checkbox"] + span:after {background-color: var(--colorError)}
.form_row .wpcf7-not-valid .wpcf7-list-item input[type="radio"]:checked + span:after, .form_row .wpcf7-not-valid .wpcf7-list-item input[type="checkbox"]:checked + span:after {background-color: var(--colorPink)}
h2.row {align-items: center}
.input_row {background: var(--colorWhite); position: relative; height: 75px; width: 100%; margin-bottom: 12px}
.input_row.no_bg {background: none}
.input_row.textarea_ctn {height: 138px;}
.third_form_row .input_row {width: calc(33.3333% - 7px)}
.input_row.full {width: 100%}
.input_row > label {position: absolute; line-height: 1.25rem; font-size: 1.2rem; color: var(--colorTextLight); transition: all 0.3s; width: 100%; text-align: left; padding: 0 1rem 0 1rem; box-sizing: border-box;  font-weight: 300;display: flex; align-items: center; height: 75px}
.input_row input[type=text],.input_row input[type=email],.input_row input[type=tel],.input_row input[type=password] {height: 75px; background: none; width: 100%; text-align: left; padding: 0 1rem; box-sizing: border-box; position: relative; z-index: 1; color: var(--colorBlack); font-size: 1.2rem; border: 2px solid var(--colorWhite); font-weight: 400;font-family: var(--fontFamilyBase); }
.input_row textarea{height:138px; background: none; width: 100%; text-align: left; padding: 5px 1rem; box-sizing: border-box; position: relative; z-index: 1; color: var(--colorBlack); font-size: 1.2rem; border: 2px solid var(--colorWhite); font-weight: 400;font-family: var(--fontFamilyBase); }
.input_row input.wpcf7-not-valid,.input_row textarea.wpcf7-not-valid {border-color: var(--colorError) !important}
.input_row.input--filled label {line-height: 1rem; padding-top: 0; padding-left: 14px; font-size: 14px; height: 2.5rem; display: flex; align-items: center;}
.input_row.input--filled input,.input_row.input--filled textarea { padding: 1.5rem 12px 0;border-color: var(--colorBorderActive) }
.input_row.input--filled textarea {padding-top: 33px}
.message_error {width: 100%; box-sizing: border-box; background: var(--colorError); color: var(--colorWhite); text-align: center; line-height: 1.25rem; padding: 1.2rem 1.2rem; margin-bottom: .6rem; font-weight: 300; font-size: 1.1rem;}
span.mandatory {font-style: italic; font-size: 17px; color: var(--colorBlack);font-family: var(--fontFamilyBase); font-weight: 400}
body .wpcf7 form .wpcf7-response-output {margin: 2em 0.5em 1em;padding: 1.2em 2em;border: 2px solid #00a0d2;text-align: center;}
.wpcf7-not-valid-tip {display: none !important}
.ajax-loader {display: none !important}
.thanks_msg {display: none; text-align: center;padding: 12rem 0;}
.thanks_msg h2 {margin-bottom:8px}
.thanks_msg p {padding-bottom:0px; font-size: 1.2rem; color: var(--colorWhite)}
.sent .form_ctn {display: none}
.sent .thanks_msg {display: block;}
.messages_error {display: none}
.invalid .messages_error {display: block}
.wpcf7-submit.cta_btn {padding:1.2rem 0 17px; margin:0 auto 1rem; border-radius: 4px}
.share_ctn.center {padding: 2rem 0 2rem}
.thank_you_message {display: none}

.white_trans {max-width: 1460px; background: var(--colorWhiteTransparent); margin: 0px auto; width: calc(100% - 2.5rem)}
.white_trans .content {margin: 0px auto; padding:150px 2.5rem}
.white_spacer {padding: 70px 0}

.rectangle-bounce {height: 60px; width: 60px; margin: 0px auto; display: block; position: relative; -webkit-transition: all 0.3s ease-in-out 0; transition: all 0.3s ease-in-out 0; text-align: center; font-size: 0}
.rectangle-bounce div {	height: 100%;width: 5px;margin: 0 3px 0 0;background-color: var(--colorWarning);display: inline-block;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;	animation: stretchdelay 1.2s infinite ease-in-out}
.rectangle-bounce .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s}
.rectangle-bounce .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s}
.rectangle-bounce .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s}
.rectangle-bounce .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s} 
@-webkit-keyframes stretchdelay {0%, 40%, 100% {-webkit-transform:scaleY(0.4)}20% {-webkit-transform:scaleY(1)}}  
@keyframes stretchdelay {0%, 40%, 100% {transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20% {transform:scaleY(1);-webkit-transform:scaleY(1)}}


/* Blog Posts */
#list_posts {margin-top: 1rem;}
#list_posts .third {margin-bottom: 2rem;}

.content_simple {background: var(--colorWhiteTransparent90); box-sizing: border-box; padding: 45px; max-width: 71.2rem;    position: relative; text-align: left}
.post_date {font-size: 1.1rem; font-weight: 400; padding-bottom:8px; color: var(--colorSecondary); font-style: italic; margin-top: -1.2rem}

.socials {display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; padding-bottom: 2rem}
.socials h3 {padding: 0 1.2rem 0 0; font-weight: 600; font-size: 1.1rem;}
.socials ul {display: flex; justify-content: center; align-items: center; flex-wrap: wrap}
.socials li {margin: 0 6px}
.socials li a {width: 36px; height: 36px; background: var(--colorSecondary); color: var(--colorWhite); text-align: center; font-size: 1.2rem; display: flex; align-items: center; justify-content: center}
.socials li a:hover {background: var(--colorAccent); color: var(--colorWhite)}
.blog_post_content {  padding-right: 0px}
.blog_post_content p {color: var(--colorTextDark) }
.blog_post_content h1 {color: var(--colorBlack); font-size: 1.5rem; font-weight: bold; padding-bottom: 1rem }
.blog_post_content h2 {color: var(--colorBlack); font-size: 1rem; font-weight: bold; padding-bottom: .6rem;padding-top: .6rem }
.blog_images { padding-left: 100px !important}
.blog_images img {margin-bottom: 2rem;}
.blog_images img:last-of-type {margin-bottom: 0}


/* Cases */
.cases_holder {margin: 0 -1rem;}
.cases_holder .cases_img {background: center no-repeat; background-size: cover; height: 232px; margin-bottom: 1rem;}
.cases_holder .cases_img a {display: block; width: 100%; height: 100%; position: relative}
.cases_holder .cases_img a:before {content: ""; background: rgba(8,58,102,0.0); position: absolute; top: 0; bottom: 0; left: 0; right: 0;transition: all 0.3s}
.cases_holder .cases_img a:hover:before {background: rgba(8,58,102,0.2);}
.cases_holder .case_text {padding-top: 1rem}
.cases_holder h6 {font-weight: bold; padding-bottom: 5px}
.cases_holder .third {padding: 1.2rem 1rem;margin: 0;}
.third .cta_btn {min-width: inherit; max-width: 280px; width: 100% }
.cases_holder .video_img {display: block; height: 100%; margin: 0}

/* About */
.full_width .half_img_bg {min-height: 600px; background: no-repeat center / cover; padding: 0 !important; }
.half_img_bg { padding: 0 !important; background-image: none}
.full_width .half_img_bg img {display: none}
.image_halfs .inner {max-width: 500px; margin: 0 auto; padding: 2.5rem 1.2rem}
.normal .image_halfs .inner {padding: 0 1.2rem}

/* Flood */
.gallery { margin: 0 -1rem !important; padding:0; width: auto }
.gallery img {border:none !important}
.gallery-item {box-sizing: border-box; padding: 0 1rem; overflow: hidden; font-size: 0}
.gallery-item .gallery-icon {overflow: hidden}
.gallery-item a img {transition: all 0.8s}
.gallery-item a:hover img {transform: scale(1.2);}
.video_popup_btn span.button_text {color: var(--colorBlack); font-weight: bold; text-align: center; padding-top: 5px; display: block; text-decoration: underline}
.video_popup_btn span.button_text:hover {text-decoration: none}
.image_side_holder {margin-bottom: 50px}
.image_side_holder:last-child {margin-bottom: 0px}
.image_side_holder > * {box-sizing: border-box}
.image_holder {width: 45%; padding-right: 1rem; font-size: 0}
.text_holder {width: 55%;padding-left: 1rem;}
.text_holder p {padding: 0}
.text_holder h5 {color: var(--colorBlack); padding-bottom: 7px}
.versatile_use .half:first-child {width: 56%}
.versatile_use .half:last-child {width: 44%}
#versatile_use {padding: 80px 0; background-position: top center}
#versatile_use .white_trans .content {padding: 60px 0}

/* Security Product */
.row_icons_holder {padding: 1.2rem 0 50px}
.icons_side {width: 44%; box-sizing: border-box; padding-right: 0}
.slide_img {font-size: 0}
.slide_img img {width: 100%; height: auto; }
.images_slider {padding: 0 50px 0px; box-sizing: border-box; margin-bottom: 1.2rem}
.icons_holder {width: 54%; box-sizing: border-box}
.icons_holder .half {padding-top: .6rem; padding-bottom: .6rem}
.icon_holder {font-size: 0; margin-bottom: 1rem}
.icon_holder img {width: auto;}
#the_barrier {background-position: bottom center}
#the_barrier .content {padding-bottom: 150px}

.compasison_slider {padding: 2.5rem 60px 175px; box-sizing: border-box}
.compasison_slider + .buttons {margin-bottom: 60px; margin-top: -136px}
.page-id-1090 .compasison_slider {padding-bottom:100px;}
.compasison_slider .rsBullets {bottom: 23px;}
.compasison_slider .rsArrow { width: 43px; height: 83px; background: no-repeat center / cover; font-size: 0; top: 50%; margin-top: -1.25rem}
.compasison_slider .rsArrow.rsArrowLeft {background-image: url(../images/prev_slider.png); left: -1.2rem}
.compasison_slider .rsArrow.rsArrowRight {background-image: url(../images/next_slider.png); right: -1.2rem}
.compasison_slider .rsArrow:hover {opacity: 0.5}
.small_inner {max-width: 360px; margin: 0 auto}
.big_text_blue {color: var(--colorSecondary); font-size: 60px; font-weight: 300;}
.compasison_slider h5 {padding-bottom: .6rem; color: var(--colorBlack)}
.aplications_row {margin: 0 -1.2rem}
.aplication {max-width: 365px; padding: 2rem 1.2rem; box-sizing: border-box; width: 33.3333%}
.aplication img {width: 100%; height: auto}
.aplication > a {font-size: 0; margin-bottom: 1rem}
.aplication h5 {padding: 0; color: var(--colorBlack)}
.page-id-1090 .aplications_row.row {justify-content:flex-start}
.page-id-1090 .aplication {max-width:inherit}



#models .white_trans .content {padding: 80px 2.5rem 2.5rem}
.models_table {width: 100%; border-spacing: 4px; font-size: 1.2rem; margin-top: 1.2rem}
.models_table th {font-weight: 600;background: var(--colorWhite); text-align: center; padding: 1rem 1rem; color: var(--colorSecondary)}
.models_table th.empty_cel {background: none}
.models_table tbody td {background: var(--colorWhite); text-align: center; padding: 1rem 1rem}
.models_table tbody td:first-child {text-align: left; color: var(--colorWhite); background: var(--colorGrayMedium); font-weight: 600; width: 300px; padding:1rem 1.5rem}

/* Contact */
.form_ctn.full_width {max-width: none}
.form_row > label.select_robot {font-size: 1rem; font-weight: 300; padding: 1.2rem; border: 2px solid var(--colorBorderLight); cursor: pointer}
.form_row > label.select_robot.selected {border-color: var(--colorBlue); background: var(--colorBorderLight)}
.form_row > label.select_robot.selected .select_robot_title {color: var(--colorBlue);}
.form_row .select_robot input[type="radio"] + span:after {background: var(--colorBorderLight)}
.form_row .select_robot input[type="radio"]:checked + span:after {content: "\f00c"; background: var(--colorBlue); font-family: 'FontAwesome'; color: var(--colorWhite); text-align: center; font-size: 1.2rem; line-height: 2rem}
.select_robot br {display: none}
.form_row > label.select_robot {display: flex}
.select_robot .input_radio { width: 2rem;}
.select_robot .image_robot {width: 100px; padding-left: 1.2rem}
.select_robot .select_robot_text {width: calc(100% - 150px)}
.select_robot_title {display: block; font-size: 2rem; color: #959595; font-weight: bold; padding-bottom: 7px}
.select_robot strong {display: block}
#internal.page-id-929 .banner h1 {font-size: 60px}

.animated_img {display: block;position: relative;font-size: 0;overflow: hidden;}
.animated_img img {transition: all 0.8s}
.animated_img:hover img {transform: scale(1.15)}
.half:hover .animated_img img {transform: scale(1.15)}
.page_link {background-color: var(--BlueDark); color: var(--colorWhite); display: block; font-weight: 600; font-family: var(--fontHeadings); text-align: center; padding: 1.2rem 0; text-transform: uppercase; text-decoration: none; box-sizing: border-box;}
.half:hover .page_link {background-color: var(--Blue);}
.page_link:hover {background-color: var(--Blue);}

.boxes_with_grey_row {margin: 0 -1.5rem;}
.boxes_with_grey_row .third {padding: 1.5rem; display: flex;flex-direction: column;}
.boxes_with_grey_row .boxes_with_grey_content {background: var(--colorBgMediumGray); padding: 1.5rem 2.5rem; flex: 1;}
.box_image {font-size: 0; margin-bottom: 0; line-height: 0;}

@media screen and (max-width: 1600px) {
	.footer_logo {position: static; max-width: 1100px; margin: 0 auto; display: block; padding: 0 20px 2rem;}


}
@media screen and (max-width: 1500px) {
	.content { padding-left:1.2rem !important; padding-right:1.2rem !important}
	
	.NoPadding .content { padding-left:0px !important; padding-right:0px !important}
	.blog .NoPadding .content {padding-left:1.2rem !important; padding-right:1.2rem !important}
	.footer .content { padding: 0 0 !important;}
    .boxes_with_grey_row {margin: 0 -1rem;}
    .boxes_with_grey_row .third {padding: 1rem;}
    .boxes_with_grey_row .boxes_with_grey_content {padding: 1.5rem 1.5rem;}
}
@media screen and (max-width: 1350px) {
	
	.home_halfs .half .home_image img {width: 250px}
	.home_halfs .home_image_text {width: calc(100% - 42rem);    background-size: 100% auto;}
	.home_image_text_inner {padding-top: 0}
	.home_halfs .home_image {    margin-top: -250px;width: 42rem;}
	.banner .half:first-child { padding-right: 1.2rem;}
	.footer_links {width: 100%; max-width: 600px; margin: 0 auto;}
	.footer .copy {width: 100%; text-align: center}
	.compasison_slider .rsArrow.rsArrowLeft {left: 0}
	.compasison_slider .rsArrow.rsArrowRight {right: 0}

    .half_page.half_page_contact .half_page_contact_inner {padding: 2rem 2rem}

    .header .content {padding: 7px 20px !important}
	
}
@media screen and (max-width: 1050px) { 
	.members {margin: 0 -1rem;}
	.member {width: 25%; padding: 0 1rem 2rem}
	
	#my-menu li a {font-size: 0.9rem;}
	#my-menu .menu > li {padding: 0 0.5rem;}
	.header .sub-menu {left: .5rem;}
	.banner .cta_btn {min-width: 287px;}
}
@media screen and (max-width: 960px) {
	:root {
		font-size: 15px;
	}
	.home_halfs .half .home_image { width: 100%; padding-right: 0;}
	#my-footer-menu .menu {padding: 5px 0}
	.footer p {padding: .6rem 0}
	.blog_posts .blog_item > a span.post_title {width: 100%; }
	.blog_posts .blog_item > a > span.inner_post {padding: .6rem 1.2rem}
	.blog_posts .blog_item > a span.post_link {display: none}
	.half {padding-right: 1rem}
	.half:last-child, .half:nth-child(2n) {padding-right: 0; padding-left: 1rem;}
	.transparent_white {padding: 1.2rem 0}
	.white_trans .content {padding: 80px 1.2rem}
	.big_space .content { padding: 80px 0;}
	h1, .h1 { font-size:2.5rem;  }
	h2, .h2 { font-size: 1.8rem;}
	h3, .h3 {font-size: 1.4rem;}
	h4, .h4 { font-size: 1.2rem;  }
	h5, .h5 {color: var(--colorTextDark); font-size: 1.2rem; padding-top: 0px; font-weight:300; max-width: 1000px; margin: 0 auto}


	.row.reverse.row_icons_holder {flex-direction: column-reverse}
	.icons_holder {width: 100%}
	.icons_side {width: 100%; padding: 0; margin-top: 1.2rem}	
	.third {padding: 0 .6rem}
	.footer_col {padding: 0 20px;}
	.image_halfs .inner {padding: 60px 1.2rem} 
	.blog_images { padding-left: 2.5rem !important;}
	.content_simple {max-width: 100%}
	#kontaktformular .row .half { padding: 60px 1.2rem !important;}
	.members {margin: 0 -.6rem;}
	.member {width: 33.3333%; padding: 0 .6rem 1.2rem}
	.banner .content { padding: 90px 0;}
	.banner h1 {font-size: 2.5rem; line-height: 45px;}
	.home_image_text_inner {padding-bottom: 217px;}
	.home_halfs .home_image_text {width: calc(100% - 32.5rem);}
	.home_halfs .home_image { margin-top: -193px; width: 32.5rem;}
	.col_small {width: 40%;}
	.col_big {width: 60%;}
	#gallery-1 .gallery-item {margin: 0;padding: 0 5px}
	.gallery {margin: 0 -5px !important;}
	.versatile_use .half {width: 100% !important; padding: 0}
	.versatile_use > .half:first-child {padding-bottom: 2.5rem}
	#versatile_use .white_trans .content { padding: 1.2rem;}
	.image_side_holder { margin-bottom: 2rem;}
	#benefits {background-image: none !important}
	.aplications_row {margin: 0 -.6rem}
	.aplication {padding: 1.2rem .6rem;}
	
	.reverse .col_small {width: 45%;}	
	.reverse .col_big {width: 55%;}	
	.slick-arrow {width: 11.2rem;}
	.slick-prev:before {left: 0}
	.slick-next:before {right: 0}
	.select_robot .select_robot_text { width: 100%;}
	.form_row > label.select_robot {justify-content: flex-start}
	
		.models_table {width:100%;}
		.models_table thead {display: none;}
		.models_table tr:nth-of-type(2n) {background-color: inherit;}
		.models_table tr td:first-child {}
	.models_table tr {display: flex; flex-wrap: wrap}
		.models_table tbody td {display: block;  text-align:center;width: 33.3333%; box-sizing: border-box;}
		.models_table tbody td:before { content: attr(data-th); display: block;	text-align:center;}
	.models_table tbody td:first-child {width: 100%; box-sizing: border-box; text-align: center }
	#contact_details .row .half { padding: 60px 1.2rem !important;}
	
	
	
}
@media screen and (max-width: 900px) {
#my-menu {display: none}
	.menu_trigger {display: block; float: right}
	.header_phone {float: left}

    .header .content {padding-right: 12px !important}
}
@media screen and (max-width: 760px) {
	
	

	.banner .half {width: 100%; text-align: center; padding: 0 !important}
	.banner .cta_btn {margin: 0 auto 2rem}
	.banner .content { padding: 60px 0;}
	
	.home_halfs .home_image {width: 100%}
	.home_halfs .home_image_text { width: 100%;background-size: 490px auto;}
	.home_halfs .home_image img {max-width:  300px; margin-left: -1.2rem;}
	.home_halfs .home_image {margin-top: -180px; text-align: left}
	.big_space .content { padding: 11.5rem 0;}
	.col_small {width: 100%; padding: 0}
	.col_big {width: 100%; padding: 2rem 0 0 0}
	
	.reverse .col_small {width: 100%; padding: 0;text-align: center;}	
	.reverse .col_big {width: 100%; padding: 0}	
	.video_popup_btn span.button_text {text-align: center;display: block;}
	.specifications_row .half, .bestil_row .half {width: 100% !important; padding: 0 !important}
	.bestil_row .full_img { margin-bottom: -292px;}
	.bestil_row .full_img img { max-width: 400px; margin-left: 0; width: 100%;}
	.compasison_slider .rsArrow {display: none !important}
	.compasison_slider {padding: 2.5rem 0px 175px;}
	
	.third {width: 50%; margin-bottom: 1.2rem}
	.blog_posts {padding-bottom: .6rem}
	.news_content .blog_posts {padding-bottom: 1.2rem}
	.second_menu ul {justify-content: center}
	#internal .banner .content {padding: 90px 0;}
	#internal .banner .content.bottom_content { padding: 90px 0 150px;}
	.content_simple {padding: 2rem 1.2rem}
	.news_content .half:not(.blog_item) {width: 100%; padding-right: 0;}
	.blog_post_content {padding-bottom: 1.2rem}
	.blog_images { padding-left: 0px !important;}
	.blog_images img { margin-bottom: 1rem;}
	.socials {justify-content: flex-start}
	#kontaktformular .row .half {width: 100%}
	#kontaktformular h2 { padding-bottom: 1rem;}
	.rsArrow {width: 50px;}
	.full_width .half_img_bg { min-height: 450px;}
	#list_posts .blog_item { margin-bottom: 1.2rem;}
	.normal .image_halfs .inner {max-width: inherit; padding: 0}
	.aplication {width: 50%}
}
 
@media screen and (max-width: 760px) and (min-width: 475px){
	
}
@media screen and (max-width: 650px) {
	.footer_links {justify-content: center;}
	.footer_links a {margin: 5px .6rem}
	.footer_top .content { padding: 0 0px !important;}
	.footer_menu .menu li a { padding: 5px 1rem !important;}
	#my-footer-menu .menu {justify-content: center; padding: .6rem 0}
	.half {width: 100%; padding: 0}
	.half:last-child, .half:nth-child(2n) {padding: 0; padding-top: 1.5rem} 
	#list_posts .blog_item {padding-top: 0}
	#list_posts { margin-top: 0; padding-top: 0;}
	.home_halfs .half:last-child .home_image {margin: 0; padding-top: 2rem}
	.big_space .content { padding: 60px 0;}
	.member {width: 50%;}
	.section .content { padding: 60px 0;}
	.properties_slider .content {min-height: 41.5rem;}
	.aplications_first {padding-bottom: .6rem;}
	#powerTip {padding: 1rem}
	.hotspot_img {width: 90px;}
	.hotspot_text {width: calc(100% - 105px);}
	.slider_tabs_menu .rsTmb {padding: 0 1rem 1rem;}
	.bestil_row .full_img img {	max-width: 200px;}
	.bestil_row .full_img { margin-bottom: -217px;}
	.second_menu {display: none}
	#internal .banner .content.bottom_content { padding: 90px 0 90px;}
	.blog_posts .blog_item > a {height: 280px;}
	.images_slider {padding: 0 0px 0px;}
	.images_slider .rsArrow {display: none !important}
	.owl-nav > * {width: 60px; opacity: 0.6}
	.owl-prev:after {margin-left: .6rem;}
	.owl-next:after {margin-right: .6rem;}
	.image_holder {width: 100%; margin: 0 auto 1rem; max-width: 250px}
	.text_holder { width: 100%; padding-left: 0px; text-align: center}

	.footer_col {padding: 0 20px 2rem; max-width: none;}
	.footer_col:last-child {padding-bottom: 0px;}

	.reverse .half {padding-left: 0;}
	.icons_holder .half {width: 50%; padding: .6rem !important;}
	
}
@media screen and (max-width: 525px) {
	.third {width: 100%; padding: 0}
	.footer_col {padding: 0 20px 2rem; max-width: none;}
	.footer_col:last-child {padding-bottom: 0px;}

	.blog_posts { margin: 0;}
	.button-group > * {margin: 5px 0px; width: 100%;}
	.specifications_table > tbody >tr > td {width: 100% !important; display: block}
	.specifications_table > tbody >tr > td:first-child {border-right:none }
	body #powerTip { background-color: #fff; width: auto}
	.header_phone {font-size: 0; width: 48px}
	.banner h1 { font-size: 2rem; line-height: 2rem;}
	#internal .banner h1 { font-size: 2rem;}
	.banner p { color: #fff; font-size: 1rem; padding-bottom: 2rem;}
	.video_popup_btn span.video_img:after {width: 50px; height: 50px; font-size: 1.25rem}
	.buttons {margin-left:-.6rem; margin-right: -.6rem }
	.models_table {font-size: 17px}
}
@media screen and (max-width: 475px) {
	.socials li { margin: 0 4px;}
	.socials h3 { padding: 5px .6rem 5px 0; font-size: 1rem;}
	.member {width: 100%;}
	.cta_btn {width: 100%;min-width: auto;}
	.slick-arrow { width: 2.5rem;	}
	.aplication {width: 100%; max-width: inherit}
	.models_table tbody td {width: 100%}
}