/*
Theme Name: IxoTheme Visor
Author: Ixotype
Version: 1.3.0
*/

body { font-size: 18px; line-height: 1.25; color: #555; font-family: 'lato', sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #444; font-weight: 600; line-height: 1.5; font-family: 'raleway', sans-serif; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span, p span { /*color: #008bc8;*/ color: #175b78; }
p { font-weight: 400; }
small { display: block; font-size: .8em; line-height: 1.3; }
a { /*color: #008bc8;*/ color: #175b78; text-decoration: none !important; }
a:hover { color: #222; }
:active, :focus { outline: none !important; }
ins, ::selection { color: #fff;background: #008bc8; text-shadow: none; text-decoration: none; }
::-moz-selection { color: #fff; background: #008bc8; text-shadow: none; text-decoration: none; }
dl, dt, ol, ul, li { margin: 0; padding: 0; }
dd { margin-left: 15px; }
img, embed, iframe, object { max-width: 100%; }
hr { display: block; clear: both; }
table { border-collapse: separate; border-spacing: 0; }
blockquote { padding: 0 2vw; margin: 1vw 0; border-left: .75vw solid #eee; /*border-left: .75vw solid #ccc;*/ }
.uppercase{text-transform:uppercase!important}
.lowercase{text-transform:lowercase!important}
.capitalize{text-transform:capitalize!important}
.nott{text-transform:none!important}
.tright{text-align:right!important}
.tleft{text-align:left!important}
.tcenter{text-align:center!important}
.fright{float:right!important}
.fleft{float:left!important}
.fnone{float:none!important}
.line { clear: both; position: relative; width: 100%; border-top: 1px solid #eee; }
.line-transp { clear: both; position: relative; width: 100%; }
.line-xs { margin: 15px 0; }
.line-sm { margin: 30px 0; }
.line-md { margin: 40px 0; }
.line-lg { margin: 50px 0; }
.line-xl { margin: 80px 0; }
.line.light{border-top:1px solid #fff}
.line.dark{border-top:1px solid #c1c1c1}
.line.type2{height:14px;width:100%;margin:0px 0px 20px 0px;background-color:#fff;}
.double-line{border-top:3px double #E5E5E5}
.allmargin{margin:50px!important}
.leftmargin{margin-left:50px!important}
.rightmargin{margin-right:50px!important}
.topmargin{margin-top:50px!important}
.bottommargin{margin-bottom:50px!important}
.clear-bottommargin{margin-bottom:-50px!important}
.spacer-0, .spacer-5, .spacer-10, .spacer-20, .spacer-30, .spacer-40, .spacer-50, .spacer-75, .spacer-100 { clear:both; }
.spacer-5 { height:5px; }
.spacer-10 { height:10px; }
.spacer-20 { height:20px; }
.spacer-30 { height:30px; }
.spacer-40 { height:40px; }
.spacer-50 { height:50px; }
.spacer-75 { height:75px; }
.spacer-100 { height:100px; }
.allmargin-sm{margin:30px!important}
.leftmargin-xs{margin-left:15px!important}
.leftmargin-sm{margin-left:30px!important}
.rightmargin-xs{margin-right:15px!important}
.rightmargin-sm{margin-right:30px!important}
.topmargin-xs{margin-top:15px!important}
.topmargin-sm{margin-top:30px!important}
.bottommargin-xs{margin-bottom:15px!important}
.clear-bottommargin-xs{margin-bottom:-15px!important}
.bottommargin-sm{margin-bottom:30px!important}
.padding-xs{padding:15px!important}
.padding-sm{padding:30px!important}
.leftpadding-xs{padding-left:15px!important}
.leftpadding-sm{padding-left:30px!important}
.rightpadding-xs{padding-right:15px!important}
.rightpadding-sm{padding-right:30px!important}
.toppadding-xs{padding-top:15px!important}
.toppadding-sm{padding-top:30px!important}
.bottompadding-xs{padding-bottom:15px!important}
.bottompadding-sm{padding-bottom:30px!important}
.clear-bottommargin-sm{margin-bottom:-30px!important}
.allmargin-lg{margin:80px!important}
.leftmargin-lg{margin-left:80px!important}
.rightmargin-lg{margin-right:80px!important}
.topmargin-lg{margin-top:80px!important}
.bottommargin-lg{margin-bottom:80px!important}
.clear-bottommargin-lg{margin-bottom:-80px!important}
.allmargin-xl{margin:140px!important}
.leftmargin-xl{margin-left:140px!important}
.rightmargin-xl{margin-right:140px!important}
.topmargin-xl{margin-top:140px!important}
.bottommargin-xl{margin-bottom:140px!important}
.clear-bottommargin-xl{margin-bottom:-140px!important}
.nomargin{margin:0!important}
.noleftmargin{margin-left:0!important}
.norightmargin{margin-right:0!important}
.notopmargin{margin-top:0!important}
.nobottommargin{margin-bottom:0!important}
.noborder{border:none!important}
.noleftborder{border-left:none!important}
.norightborder{border-right:none!important}
.notopborder{border-top:none!important}
.nobottomborder{border-bottom:none!important}
.noradius{-webkit-border-radius:0!important;-moz-border-radius:0!important;-ms-border-radius:0!important;-o-border-radius:0!important;border-radius:0!important}
.col-padding{padding:60px}
.nopadding{padding:0!important}
.noleftpadding{padding-left:0!important}
.norightpadding{padding-right:0!important}
.notoppadding{padding-top:0!important}
.nobottompadding{padding-bottom:0!important}
.noabsolute{position:relative!important}
.noshadow{box-shadow:none!important}
.hidden{display:none!important}
.nothidden{display:block!important}
.inline-block{float:none!important;display:inline-block!important}
.center{text-align:center!important}
.divcenter{position:relative!important;float:none!important;margin-left:auto!important;margin-right:auto!important}
.bgcolor1{background-color:#008bc8!important}
.color1{color:#008bc8!important}
.border-color1{border-color:#008bc8!important}
.bgcolor2{background-color:#777!important}
.color2{color:#777 !important}
.border-color2{border-color:#777 !important}
.bgcolor3{background-color:#f9f9f9!important}
.color3{color:#f9f9f9 !important}
.border-color3{border-color:#f9f9f9 !important}
.bgcolor4{background:transparent url(images/ptn/patt-7.png)!important;}
.nobg{background:none!important}
.nobgcolor{background-color:transparent!important}
.text-xs{font-size:.45em!important;line-height:1.2em;}
.text-sm{font-size:.65em!important;line-height:1.2em;}
.text-lg{font-size:1.35em!important;line-height:1.1em;}
.text-xl{font-size:1.7em!important;line-height:1.1em;}
.hspecial{font-weight:300;margin:0px 0px 10px 0px}
.medium{font-size:1.4em;line-height:1.3;}
.t300{font-weight:300!important}
.t400{font-weight:400!important}
.t500{font-weight:500!important}
.t600{font-weight:600!important}
.t700{font-weight:700!important}
.ls0{letter-spacing:0!important}
.ls1{letter-spacing:1px!important}
.ls2{letter-spacing:2px!important}
.ls3{letter-spacing:3px!important}
.ls4{letter-spacing:4px!important}
.ls5{letter-spacing:5px!important}
.noheight{height:0!important}
.nolineheight{line-height:0!important}
.font-body{font-family:'lato',sans-serif}
.font-primary{font-family:'raleway',sans-serif}
.font-secondary{font-family:'lato',sans-serif}
.font-h{font-family:'raleway',sans-serif}
.bgicon{display:block;position:absolute;bottom:-60px;right:-50px;font-size:210px;color:rgba(0,0,0,0.1)}
.fluidimg { max-width: 100%; height: auto; }
.imagescale,.imagescalein{display:block;overflow:hidden}
.imagescale img,.imagescalein img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 1s ease;transition:all 1s ease}
.imagescale:hover img{-webkit-transform:scale(1);transform:scale(1)}
.imagescalein img{-webkit-transform:scale(1);transform:scale(1)}
.imagescalein:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.grayscale{filter:brightness(80%) grayscale(1) contrast(90%);-webkit-filter:brightness(80%) grayscale(1) contrast(90%);-moz-filter:brightness(80%) grayscale(1) contrast(90%);-o-filter:brightness(80%) grayscale(1) contrast(90%);-ms-filter:brightness(80%) grayscale(1) contrast(90%);transition:1s filter ease;-webkit-transition:1s -webkit-filter ease;-moz-transition:1s -moz-filter ease;-ms-transition:1s -ms-filter ease;-o-transition:1s -o-filter ease}
.grayscale:hover{filter:brightness(100%) grayscale(0);-webkit-filter:brightness(100%) grayscale(0);-moz-filter:brightness(100%) grayscale(0);-o-filter:brightness(100%) grayscale(0);-ms-filter:brightness(100%) grayscale(0)}
.bganimate{-webkit-animation:BgAnimated 30s infinite linear;-moz-animation:BgAnimated 30s infinite linear;-ms-animation:BgAnimated 30s infinite linear;-o-animation:BgAnimated 30s infinite linear;animation:BgAnimated 30s infinite linear}
@-webkit-keyframes BgAnimated {
from{background-position:0 0}
to{background-position:0 400px}
}
@-moz-keyframes BgAnimated {
from{background-position:0 0}
to{background-position:0 400px}
}
@-ms-keyframes BgAnimated {
from{background-position:0 0}
to{background-position:0 400px}
}
@-o-keyframes BgAnimated {
from{background-position:0 0}
to{background-position:0 400px}
}
@keyframes BgAnimated {
from{background-position:0 0}
to{background-position:0 400px}
}
.button { display: inline-block; cursor: pointer; /*color: #008bc8;*/ color: #175b78; background-color: #fff; font-weight: 600; letter-spacing: 2px; /*white-space: nowrap;*/ text-transform: uppercase; /*border: 1px solid #008bc8;*/ border: 1px solid #175b78; border-radius: 3px; /*text-shadow: 1px 1px 1px rgba(0,0,0,.2);*/ }
body:not(.device-touch) .button { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.button:hover { color: #fff; background-color: #008bc8; opacity: .9; }
.button:focus { /*color: #008bc8;*/ }
.button-sm { padding: 0 22px; font-size: 14px; /*height: 40px; line-height: 40px;*/ }
.button-lg { padding: 0 32px; font-size: 18px; /*height: 52px;*/ /*line-height: 52px;*/ padding: 16px 32px; line-height: 1.4em; }
label { font-size: 13px; font-weight: 700; font-family: 'raleway', sans-serif; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.input-form-control { display: block; width: 100%; padding: 8px 14px; font-size: 15px; line-height: 1.4; border: 2px solid #ddd; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; }
.input-form-control:focus { border-color: #aaa; }
input, button, select, textarea { padding: 10px; width: 100%; }
.wpcf7-form input[type="radio"], .wpcf7-form  input[type="checkbox"] { float: left; width: 30px; }
#wpcf7-f642-p325-o1 { margin-top: -20px; }
#downloadinputform { margin-top: 10px; padding: 10px; }
form.sent div.wpcf7-response-output { color: #008bc8; }
div.wpcf7-response-output { margin: 0 !important; padding: 0 !important; border: none !important; text-align: center; }
span.wpcf7-list-item { margin: 0; }
span.wpcf7-not-valid-tip { color: #bb1212; font-size: .75em; font-weight: normal; line-height: 1.2em; text-align: left; display: block; float: left; padding: 10px 5px; }
div.wpcf7-spam-blocked { border: 1px solid #bb1212; }
div.wpcf7-validation-errors { border: none; }
div.wpcf7-mail-sent-ok { border: none; }
div.legaltx { font-size: .75em; text-align: left; float: left; margin-bottom: 10px; }
[class*='acceptance-'] { float: left; }
div[id^='wpm_download'] a{ padding: 10px; }
.form-allowed-tags { margin-bottom: 20px; }
.col-1_2, .col-1_3, .col-1_4, .col-3_5, .col-2_5, .col-1_5 { display: block; position: relative; margin-right: 2%; float: left; }
.col-1_2 { width: 48%; }
.col-1_3 { width: 30.63%; }
.col-1_4 { width: 23.5%; }
.col-3_5 { width: 58.4%; }
.col-2_5 { width: 37.6%; }
.col-1_5 { width: 18.8%; }
.col-full { display: block; position: relative; width: 100%; clear: both; }
.col-last { margin-right: 0 !important; clear: right; }
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* .ixo-toggle { background-color: #fff; padding: 0; } */
/* .ixo-toggle:hover { background-color: #fff; } */
.ixo-child.ixo-toggle .ixo-toggle-trigger, .ixo-child.ixo-toggle .ixo-toggle-trigger.active, .ixo-child.ixo-toggle .ixo-toggle-trigger.active:hover { background-color: #fff; }
.ixo-toggle.togglevideo .ixo-toggle-container { padding: 0; }

#masthead { background: transparent /*url("images/ptn/patt-7.png")*/ /*url("images/visornets-visor-fall-arrest-nets-4.jpg")*/ /*url("/media/visornets-fall-arrest-nets-header.jpg")*/ no-repeat; background-size: cover; }
#masthead .container { position: relative; }
#masthead, #header-wrap { position: relative; margin: 0 auto; }
#header-wrap { /*border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;*/ }
#masthead > .container { text-align: center; line-height: 1; overflow: hidden; }
.site-title { font-family: 'raleway', sans-serif; font-size: 40px; line-height: 100%; }
.site-title a, .site-title a:hover { color: #333; font-weight: 600; }
.main-navigation ul { list-style: none; }
.main-navigation ul ul { display: none; position: absolute; left: 0; margin: 0; width: 220px; height: auto; z-index: 999; background-color: #fff; box-shadow: 0px 13px 42px 11px rgba(0,0,0,.05); border: 1px solid #eee; border-top: 2px solid #008bc8; }
.main-navigation ul ul ul { top: -2px !important; left: 218px; }
.main-navigation ul ul.menu-pos-invert { left: auto; right: 0; }
.main-navigation ul ul ul.menu-pos-invert { right: 218px; }
.main-navigation ul ul a { font-size: 12px !important; font-weight: 600 !important; height: 42px !important; line-height: 42px !important; color: #666 !important; letter-spacing: 0 !important; font-family: 'lato', sans-serif !important; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.main-navigation ul li { position: relative; float: left; margin-left: 2px; }
.main-navigation ul li:first-child { margin-left: 0; }
.main-navigation > div > ul > li a { display: block; padding: 0 7px; overflow: hidden; color: #444; font-size: 13px; font-weight: bold; letter-spacing: 0px; font-family: 'raleway', sans-serif; }
.main-navigation > div > ul > li.current-menu-item a { /*color: #008bc8;*/ color: #175b78; }
.main-navigation ul ul li { float: none; margin: 0; }
.main-navigation ul li:hover > a { color: #008bc8 !important; }
.main-navigation ul ul li a.sf-with-ul { background-position: right center; background-repeat: no-repeat; }
.main-navigation ul ul li a.sf-with-ul:after { content: "\f105"; font-family: fontawesome; position: absolute; top: 0; right: 5%; }
#main-navigation-trigger { opacity: 0; pointer-events: none; cursor: pointer; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; }
#main-navigation-trigger i.fa, #menu-main-menu .submenu-trigger i.fa { font-size: 2rem; }
.ixobread { margin-top: 20px; }
h2.blog-title, h2.portfolio-title, h2.about-us-title, h2.quality-title, h2.traceability-title, h2.netting-title, h2.services-title, h2.distribution-title, h2.work-title, h2.contact-title, .h2.blog-title, .h2.portfolio-title, .h2.about-us-title, .h2.quality-title, .h2.traceability-title, .h2.netting-title, .h2.services-title, .h2.distribution-title, .h2.work-title, .h2.contact-title{ font-size: 30px; margin: 0 0 30px 0; padding: 20px; background: transparent url("images/ptn/patt-7.png"); }
h2.contact-title, .h2.contact-title { font-size: 38px; background: transparent; text-transform: uppercase; font-weight: bold; }
.heading-block { margin-bottom: 20px; }
.heading-block h1, .heading-block .h1 { /*font-size: 32px;*/ /*font-weight: 500;*/ /*letter-spacing: 1px;*/ color: #333; }
.heading-block > span { display: block; max-width: 500px; margin: 10px auto 0; font-size: 24px; font-weight: 400; color: #777; }
h2.heading-block, .h2.heading-block { margin: 0; padding: 0; }

.home-img-hero { width: 100%; /*height: 675px;*/ height: auto; /*aspect-ratio: 16 / 9;*/ aspect-ratio: auto;}
.home-img-block { max-width: 100%; /*height: 420px;*/ height: auto; /*aspect-ratio: 16 / 9;*/ aspect-ratio: auto; }

.portfolio-items, .about-us-items, .quality-items, .traceability-items, .netting-items, .services-items, .distribution-items, .generic-items { margin: 0 -12px -12px 0; }
.portfolio-item, .about-us-item, .quality-item, .traceability-item, .netting-item, .services-item, .distribution-item { float: left; width: 276px; margin: 0 12px 12px 0; }
.generic-item { float: none; text-align: center; width: 276px; margin: 0 auto; }
.portfolio-item .portfolio-image, .about-us-item .about-us-image, .quality-item .quality-image, .traceability-item .traceability-image, .netting-item .netting-image, .services-item .services-image, .distribution-item .distribution-image, .generic-item .generic-image { position: relative; overflow: hidden; border: 1px solid #eee; }
.portfolio-item .portfolio-image, .portfolio-item .portfolio-image img, .about-us-item .about-us-image, .about-us-item .about-us-image img, .quality-item .quality-image, .traceability-item .traceability-image, .netting-item .netting-image, .quality-item .quality-image img, .traceability-item .traceability-image img, .netting-item .netting-image img, .services-item .services-image, .services-item .services-image img, .distribution-item .distribution-image, .distribution-item .distribution-image img, .generic-item .generic-image, .generic-item .generic-image img { display: block; width: 276px; height: 207px; border: 1px dotted #eee; }
.portfolio-item:hover .portfolio-overlay, .generic-item:hover .generic-overlay { opacity: 1; }
.portfolio-item:hover a.center-icon, .generic-item:hover a.center-icon { opacity: 1; }
.portfolio-overlay, .generic-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; text-align: center; background-color: rgba(0,0,0,0.5); }
.portfolio-overlay a, .generic-overlay a { position: absolute; top: 50%; left: 50%; background-color: #f5f5f5; width: 40px !important; height: 40px !important; font-size: 18px; line-height: 40px; text-align: center; color: #444; border-radius: 50%; }
.portfolio-overlay a:hover, .generic-overlay a:hover { color: #008bc8; background-color: #eee; }
.portfolio-overlay a.center-icon, .generic-overlay a.center-icon { margin: -20px 0 0 -20px; opacity: 0; }
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay, body:not(.device-touch):not(.device-xs):not(.device-xxs) .generic-overlay { -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; }
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a, body:not(.device-touch):not(.device-xs):not(.device-xxs) .generic-overlay a { -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; }
.portfolio-desc, .generic-desc { padding: 15px 5px 10px; height: 105px; overflow: hidden; }
.about-us-desc, .quality-desc, .traceability-desc, .netting-desc, .services-desc, .distribution-desc, .generic-desc { padding: 15px 5px 10px; height: 260px; overflow: hidden; }
.portfolio-desc h3, .about-us-desc h3, .quality-desc h3, .traceability-desc h3, .netting-desc h3, .services-desc h3, .distribution-desc h3, .generic-desc h3 { margin: 0; padding: 0; font-size: 19px; }
.portfolio-desc h3 a, .about-us-desc h3 a, .quality-desc h3 a, .traceability-desc h3 a, .netting-desc h3 a, .services-desc h3 a, .distribution-desc h3 a, .generic-desc h3 a { color: #222; }
.portfolio-desc h3 a:hover, .about-us-desc h3 a:hover, .quality-desc h3 a:hover, .traceability-desc h3 a:hover, .netting-desc h3 a:hover, .services-desc h3 a:hover, .distribution-desc h3 a:hover, .generic-desc h3 a:hover { color: #008bc8; }
.portfolio-desc span, .about-us-desc span, .quality-desc span, .traceability-desc span, .netting-desc span, .services-desc span, .distribution-desc span, .generic-desc span { display: block; margin-top: 3px; /*color: #888;*/ /*color: #008bc8;*/ color: #175b78; }
.portfolio-desc p, .about-us-desc p, .quality-desc p, .traceability-desc p, .netting-desc p, .services-desc p, .distribution-desc p, .generic-desc p { line-height: 1.5em !important; }
#infscr-loading, #portfolio-ajax-loader { display: none; position: fixed; z-index: 999; top: 50%; left: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; background-color: rgba(0,0,0,.7); border-radius: 3px; line-height: 48px; font-size: 24px; color: #fff; text-align: center; }
#portfolio-ajax-wrap { position: relative; max-height: 0; overflow: hidden; -webkit-transition: max-height .6s ease; -o-transition: max-height .6s ease; transition: max-height .6s ease; }
#portfolio-ajax-wrap.portfolio-ajax-opened { max-height: 1200px; }
#portfolio-ajax-container { display: none; padding-bottom: 60px; }
#portfolio-ajax-single h2 { font-size: 26px; }
#portfolio-navigation { position: absolute; top: 50%; left: auto; right: 10px; height: 28px; margin-top: -15px; }
#portfolio-navigation a { display: block; float: left; margin-left: 5px; width: 28px; height: 28px; text-align: center; color: #666; -webkit-transition: color .3s linear; -o-transition: color .3s linear; transition: color .3s linear; }
#portfolio-navigation a:first-child { margin-left: 0; }
#portfolio-navigation a:hover { color: #008bc8; }
#portfolio-navigation a i { position: relative; font-size: 28px; line-height: 1; }
.portfolio-single-image img, .portfolio-single-image > a { display: block; }
.portfolio-meta { list-style: none; }
.portfolio-meta li { margin: 10px 0; color: #666; }
.portfolio-meta li:first-child { margin-top: 0; }
.portfolio-meta li span { display: inline-block; width: 150px; font-weight: 700; color: #333; }
.portfolio-meta li span i { position: relative; top: 1px; width: 14px; margin-right: 7px; text-align: center; }
a.tooltip { outline: none; }
a.tooltip strong { line-height: 30px;}
a.tooltip:hover { text-decoration: none; }
a.tooltip span { z-index: 11; display: none; /*padding: 14px 20px;*/ margin-top: 40px; margin-left: -160px; width: 300px; line-height: 16px; }
a.tooltip:hover span { display: inline; position: absolute; border: 2px solid #FFF; color: #EEE; background: #333; }
.ttp-arrow { z-index: 20; position: absolute; border: 0; top: -16px; left: 120px; }
a.tooltip span { border-radius: 2px; box-shadow: 0px 0px 6px 0px #999; /*opacity: 0.8;*/ }
a.tooltip span p { padding: 10px 10px 0px 10px; }
.blog-carousel .entry-image { position: relative; overflow: hidden; margin-bottom: 0; /*height: 180px;*/ height: auto; }
.blog-carousel .entry-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; text-align: center; background-color: rgba(0,0,0,0.5); }
.blog-carousel .blog-item:hover .entry-overlay { opacity: 1; }
body:not(.device-touch):not(.device-xs):not(.device-xxs) .blog-carousel .entry-overlay { -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; }
.blog-carousel .entry-overlay a { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -28px 0 0 -44px; font-size: 18px; line-height: 40px; color: #444; border-radius: 50%; background-color: #f5f5f5; }
.blog-carousel .entry-overlay a:hover { color: #008bc8; background-color: #eee; }
body:not(.device-touch):not(.device-xs):not(.device-xxs) .blog-carousel .entry-overlay a { -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; }
.blog-carousel .blog-item:hover .entry-overlay a.left-icon, .blog-carousel .blog-item:hover .entry-overlay a.right-icon { margin-top: -18px; }
.blog-carousel .entry-overlay a.right-icon { left: auto; right: 50%; margin-left: 0; margin-right: -44px; }
.blog-carousel .entry-meta { margin: 0; padding: 15px 5px 10px; }
.blog-carousel .entry-meta h3, .blog-carousel .entry-meta .h3 { margin: 0; padding: 0; /*font-size: 19px;*/ font-size: 1em; }
.blog-carousel .entry-meta h3 a, .blog-carousel .entry-meta .h3 a { color: #222; }
.blog-carousel .entry-meta h3 a:hover, .blog-carousel .entry-meta .h3 a:hover { color: #008bc8; }
.blog-carousel .entry-meta span { display: block; margin-top: 3px; }
.blog-carousel .entry-meta span a { /*color: #888;*/ color: #777; }
.blog-carousel .entry-meta span a:hover { color: #000; }
.promotion { position: relative; margin-top: 20px; /*padding: 30px 330px 30px 30px;*/ padding: 30px 500px 30px 30px; border-radius: 3px; border: 1px solid #e5e5e5; }
.promotion h3, .promotion .h3 { font-weight: 700; margin: 0; }
.promotion > span { display: block; margin-top: 6px; font-size: 16px; font-weight: 300; }
.promotion a.button { position: absolute; top: 50%; right: 30px; left: auto; margin: -25px 0 0; }
.content-wrap { padding: 10px 0; }
#content p { line-height: 1.8; }
.sidebar, .post-content { display: block; position: relative; }
.sidebar { /*width: 240px; float: right;*/ width: 100%; float: none; }
#infscr-loading img { display: none; }
.sticky { display: block; }
.load-more { display: none; }
.byline, .updated:not(.published) { display: none; }
.single .byline, .group-blog .byline, .single .post-format, .group-blog .post-format { /*display: inline;*/ display: none; }
.page-content .wp-smiley,.entry-content .wp-smiley, .comment-body .wp-smiley { border: none; padding: 0; margin-top: 0; margin-bottom: 0; }
/* .cat-page .heading-block:after, .blog-page .heading-block:after, .single-page .heading-block:after { content: ''; display: block; margin: 30px auto 0; width: 40px; border-top: 2px solid #444; } */
.cat-page .edit-link, .blog-page .edit-link { float: right; }
.cat-page .entry-meta .byline, .cat-page .entry-meta .cat-links, .cat-page .entry-footer .tags-links, .blog-page .entry-meta .byline, .blog-page .entry-meta .cat-links, .blog-page .entry-footer .tags-links { display: none; }
.post-masonry { margin-right: -28px; }
.post-masonry .post { float: left; width: 264px; margin: 0 28px 40px 0; padding: 0 0 40px; border-bottom: 2px solid #f5f5f5; }
.post-masonry .entry-summary { margin-top: 10px; }
.entry-header span { font-size: 20px; }
h2.entry-title, .h2.entry-title { font-size: 17px; }
.post-content { /*width: 860px; margin-right: 40px; float: left;*/ width: 100%; float: none; }
.entry { position: relative; margin: 0 0 50px; padding: 0 0 50px; border-bottom: 2px solid #f5f5f5; }
.entry-title { margin: 0 0 1em 0; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; text-align: center; }
.entry-title::after { content: ''; display: block; margin: 30px auto 0; width: 40px; border-top: 2px solid #444; }
/* h1.entry-title, .h1.entry-title { font-size: 3rem; } */
.entry-title h2 a, .entry-title .h2 a { color: #333; }
.entry-title h2 a:hover, .entry-title .h2 a:hover { color: #008bc8; }
.entry-image { /*max-height: 400px;*/ margin-bottom: 20px; }
.home .entry-image { max-height: none; }
.entry-meta { margin: 10px -10px -15px 0; }
h2, .h2 { font-size: 2.5rem; }
h3, .h3 { font-size: 2.2rem; }
ul.entry-meta { list-style: none; }
.entry-meta li { float: left; font-size: 13px; line-height: 14px; margin: 0 10px 15px 0; font-style: italic; }
.entry-meta li, .entry-meta li a { color: #999; }
.entry-meta li a:hover { color: #008bc8; }
.entry-meta li:not(:first-child):before { content: '/'; display: inline-block; margin-right: 10px; opacity: .5; }
.entry-meta li i { font-size: 14px; margin-right: 3px; }
.comment-body ul, .comment-body ol, .entry-content ul, .entry-content ol { margin: 0 0 10px; padding: 0; }
.more-link { display: inline-block; border-bottom: 1px solid #008bc8; padding: 0 2px; font-style: italic; }
.more-link:hover { border-bottom-color: #555; }
.single-post .entry-meta { margin-bottom: 20px; }
.single-post .more-link { display: none; }
.error-404 { line-height: 1.4; margin: 0; font-family: 'lato', sans-serif; font-weight: 700; font-size: 240px; color: #ddd; letter-spacing: 4px; }
.error-message { margin: 0 0 100px; font-size: 20px; letter-spacing: 1px; }
.error404 .ixobread { display: none; }
.error404 .entry-image { display: none; }
.not-found { margin-top: -50px; text-align: center; }
.widget { margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee; position: relative; }
.widget:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
.widget > h2, .widget > .h2 { margin: 0 0 15px 0; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; }
.widget ul, article ul, .ixo-popup ul { list-style: none; }
.widget ul li, article ul li, .ixo-popup ul li, .widget ol li, article ol li, .ixo-popup ol li { font-family: "Lato", Helvetica, Arial, sans-serif; /*font-size: 1rem;*/ font-weight: 300; line-height: 1.36; padding: 4px 4px 4px 10px; list-style-position: inside; background: url("images/widget-link.png") left 5px no-repeat; }
/* .widget ul li, article ul li, .ixo-popup ul li { background: url("images/widget-link.png") left 5px no-repeat; } */
.widget ul li a, article ul li a, .ixo-popup ul li a, .widget ol li a, article ol li a, .ixo-popup ol li a { color: #444; }
.widget ul li a:hover, article ul li a:hover, .ixo-popup ul li a:hover, .widget ol li a:hover, article ol li a:hover, .ixo-popup ol li a:hover { color: #000; }
li h1, li .h1, li h2, li .h2, li h3, li .h3, li h4, li .h4, li h5, li .h5, li h6, li .h6 { margin: 0; }
.tagcloud { display: inline-block; }
.tagcloud a { display: block; float: left; margin-right: 4px; margin-bottom: 4px; padding: 3px 6px; border: 1px solid #e5e5e5; font-size: 13px; color: #666; border-radius: 2px; }
body:not(.device-touch) .tagcloud a { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.tagcloud a:hover { color: #008bc8; border-color: #008bc8; }
.bypostauthor { display: block; }
.comments-title { margin: 0 0 30px; }
.comment-list { list-style: none; padding-bottom: 50px; border-bottom: 1px solid #eee; }
.comment-list > li { position: relative; margin: 30px 0 0 30px; }
.comment-list > li:first-child { margin-top: 0; padding-top: 0; }
.comment-list .children { margin-left: 30px; list-style: none; }
.comment-list .children li { margin: 30px 0 0 0; }
.comment-list .children .comment-body { margin-left: 25px; padding-left: 20px; }
.comment-list .children .comment-avatar { left: -25px; }
.comment-list .children .comment-avatar img { width: 40px; height: 40px; }
.comment-avatar { position: absolute; top: 15px; left: -35px; padding: 4px; background: #fff; border: 1px solid #e5e5e5; border-radius: 50%; }
.comment-avatar img { display: block; border-radius: 50%; }
.comment-body { position: relative; border: 1px solid #e5e5e5; border-radius: 5px; padding: 20px 20px 20px 35px; }
.comment-content { padding: 0 0 0 15px; position: relative; overflow: hidden; }
.comment-author { font-size: 16px; font-weight: bold; }
.comment-author span { display: block; line-height: 16px; }
.comment-author span a { font-size: 12px; font-weight: normal; font-style: italic; color: #aaa; }
.comment-author span a:hover { color: #888; }
.comment-author a { color: #333; }
.comment-author a:hover { color: #008bc8; }
.comment-content p { margin: 10px 0 0; }
.comment-reply-link { position: absolute; top: 4px; left: auto; right: 0; color: #ccc; line-height: 1; }
.comment-reply-link:hover { color: #888; }
.comment-navigation { margin: 20px 0; }
.comment-list .pingback .vcard { display: none; }
.no-comments { margin: 10px 30px; }
.comment-respond { margin: 50px 0; }
.comment-respond h3, .comment-respond .h3 { margin: 0 0 30px; }
.comment-respond .col-1_3, .comment-respond .col-full { margin-bottom: 20px; }
.mfp-preloader { left: 50%; width: 48px; height: 48px; font-size: 24px; line-height: 48px; margin: -24px 0 0 -24px; background-color: rgba(0,0,0,.7); }
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: .8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.mfp-bottom-bar { position: relative; margin-top: 0; }
.ixo-popup { position: relative; background: #fff; padding: 30px; width: auto; max-width: 720px; margin: 20px auto; }
#contact-form.ixo-popup, #installer-form.ixo-popup, #work-form.ixo-popup { display: table; }
.owl-carousel { cursor: move; cursor: -webkit-grab; cursor: -ms-grab; cursor: -o-grab; cursor: grab; }
.owl-theme .owl-controls .owl-nav [class*=owl-] { opacity: 0; position: absolute; top: 50%; left: -36px; width: 36px; height: 36px; margin-top: -18px; color: #666; font-size: 18px; line-height: 25px; background-color: #fff; border-radius: 50%; border: 1px solid rgba(0,0,0,.2); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { color: #fff; background-color: #008bc8; }
.owl-theme .owl-controls .owl-nav .owl-next { left: auto; right: -18px; }
.owl-theme:hover .owl-controls .owl-nav [class*=owl-] { opacity: 1; left: -22px; }
.owl-theme:hover .owl-controls .owl-nav .owl-next { left: auto; right: -22px; }
.admin-bar #masthead.site-header { margin-top: 32px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.img-thumbnail { border: 0; border-radius: .5rem; padding: 0; }
.img-thumbnail.img-circle { /*border: none;*/ border: 1px solid #ddd; border-radius: 50%; width: 220px; height: 220px; margin: 20px; }
.img-thumbnail.img-border { border: 1px solid #ddd; border-radius: 2px; padding: 4px; }
figure { position: relative; }
figure.gallery-item { position: relative; max-width: 200px; max-height: 200px; float: left; overflow: hidden; }
figure.gallery-item .img-thumbnail { /*padding: 4px;*/ line-height: 1.42857143; background-color: #fff; border: none; border-radius: 0px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; /* display: inline-block; */  max-width: 100%; height: auto; float: left; }
figcaption { position: absolute; bottom: 15px; left: 20px; background-color: rgba(0,0,0,.6); color: #eee; border-radius: 2px; }
.gallery-caption { display: block; }
.wp-caption { margin-bottom: 1em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; }
.wp-caption-text { margin-right: 20px; padding: 5px 10px; font-style: italic; }
.flexslider { width: 100%; margin: 0; padding: 0; }
.flexslider .slides { margin: 0; padding: 0; list-style: none; }
.flexslider .slides > li { display: none; padding: 0; background: none; }
.flexslider .slides img { width: 100%; max-width: 100%; display: block; -moz-box-shadow: 0 0 10px rgba(153,153,153,0.3); -webkit-box-shadow: 0 0 10px rgba(153,153,153,0.3); box-shadow:  0 0 10px rgba(153,153,153,0.3); }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
#slider-wrap { width: 100%; position: relative; margin-bottom: 30px; }
.full-slides img { width: 100%; display: block; margin: 0; padding: 0; }
.full-slides .slides_container { width: 100%; display: none; }
.full-slides .slides_container .slide { display: block; width: 100%; }
.full-slides .caption { position: absolute; /*width: 100%;*/ bottom: 0; background: #000; color: #fff; font-weight: 700; font-size: 13px; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; text-align: left; }
.slides .caption p { /*padding: 15px;*/ padding: 0px; margin: 0px; }
.slides .caption { padding:20px; }
.slides .caption h1, .slides .caption h2, .slides .caption h3, .slides .caption h4, .slides .caption h5, .slides .caption h6, .slides .caption .h1, .slides .caption .h2, .slides .caption .h3, .slides .caption .h4, .slides .caption .h5, .slides .caption .h6 { color:#CCC; margin:0px; padding:0px; }
.slides .caption a, .slides .caption a, .slides .caption a, .slides .caption a, .slides .caption a, .slides .caption a { color:#008BC8; }
.slides .caption a:hover, .slides .caption a:hover, .slides .caption a:hover, .slides .caption a:hover, .slides .caption a:hover, .slides .caption a:hover { color:#c4c4c4; }
.slides .caption h1, .slides .caption .h1 { font-size: 3em; }
.slides .caption h2, .slides .caption .h2 { font-size: 2.6em; }
.slides .caption h3, .slides .caption .h3 { font-size: 2.2em; }
.slides .caption h4, .slides .caption .h4 { font-size: 1.8em; }
.slides .caption h5, .slides .caption .h5 { font-size: 1.4em; }
.slides .caption h6, .slides .caption .h6 { font-size: 1.2em; }
.flex-control-nav{ display: none; }
.flex-direction-nav li a.next, .flex-direction-nav li a.prev { position: absolute; display: block; z-index: 101; font-size: 21px; height: 80px; width: 50px;  line-height: 80px; color: #fff; background: #000; display: block; position: absolute; top: 50%; margin-top: -40px; cursor: pointer; text-align: center; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.flex-direction-nav li a.next { right: 0; }
.flex-direction-nav li a.prev { left: 0; }
.flex-direction-nav li a.prev:hover, .flex-direction-nav li a.next:hover { text-decoration: none; background: #008bc8; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
#faset img { /*width: 50%;*/ }
#colophon { /*border-top: 1px solid #ddd;*/ margin: 0 auto; font-size: 12px; }
.site-footer { padding: 20px 0; line-height: 1.8; }
.site-footer .col-1_2 { margin-bottom: 0 !important; }
.footer-link ul { list-style: none; }
.footer-link ul li { display: inline-block; }
.footer-link ul li:not(:last-child):after { content: "/"; }
.footer-link a { display: inline-block; margin: 0 5px; color: #333; border-bottom: 1px dotted #444; }
.footer-link li:first-child a { margin-left: 0; }
.footer-link a:hover { color: #555; border-bottom: 1px solid #666; }
.go-to-top { display: none; z-index: 999; cursor: pointer; position: fixed; top: auto; left: auto; right: 30px; bottom: 50px; width: 40px; height: 40px; color: #fff; font-size: 20px; line-height: 36px; text-align: center; border-radius: 2px; background-color: rgba(0,0,0,.3); }
.go-to-top:hover { background-color: #008bc8; }
body:not(.device-touch) .go-to-top { -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; }
.wsp-color { color: #25D366; }
div.a2a_full_footer { font-size: 12px; text-align: center; padding: 8px 14px; display: none !important; }
.a2a_svg.a2a_s__default.a2a_s_a2a { background-color: #ccc !important; }
.ixo-back-btn { background: none repeat scroll 0 0 #ccc; border-bottom-right-radius: 4px; border-top-right-radius: 4px; color: #fff; height: 50px; left: 0; position: fixed; top: 250px; width: 50px; z-index: 1000; }
.ixo-back-btn-tx { font-size: 66px; margin: -31px 0 0 8px; }
.ixo-back-btn-tx a { color: #fff; }
.ixo-back-btn-tx a:hover { color: #828282; }
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; }

.w3eden a { color: #008bc8 !important; }
.w3eden .package-title a { color: #646464 !important; pointer-events: none; }
.w3eden label { width: 100%; }
.w3eden .text-muted { display: none !important; }
.w3eden a.btn { font-family: 'raleway', sans-serif !important; background-color: #008bc8 !important; color: #fff !important; }
.w3eden a.btn.wpdm-login-link, .w3eden a.btn.wpdm-reg-link { color: #008bc8 !important; }
.w3eden div.wpdmcard, .w3eden div#wpdmreg, .w3eden div#wpdmlogin { border-top: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; }
.w3eden .input-group-lg > .form-control:not(textarea), .w3eden .input-group-lg > .custom-select { height: calc(2.8em + 1rem + 2px); }
.w3eden #registerform-submit { background-color: #008BC8 !important; }
.w3eden #wpdmlogin .panel-footer { background: none !important; }


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-top: 0; }

/* .data-sheet th, .data-sheet td { width: 1%; line-height: 1.2; padding: 0 .25rem .5rem 0; }
.data-sheet td { color: #999; } */

.data-sheet th, .data-sheet td, .data-sheet th p, .data-sheet td p { vertical-align: middle; width: 1%; font-size: .9em; font-weight: 300; text-align: left; line-height: 1.45 !important; padding: .5rem; }
.data-sheet th { background: #f6f6f6; font-weight: 400; }
.data-sheet td { color: #999; }
.data-sheet th p, .data-sheet td p { display: table-row; padding: 0; }


.form-row { display: flex; flex-direction: row; flex-wrap: wrap; }
.form-column { flex: 1; margin: 1em; }

.boxzilla { border: 0; -webkit-box-shadow: -3px -2px 9px -1px rgba(0,0,0,.15) !important; -moz-box-shadow: -3px -2px 9px -1px rgba(0,0,0,.15) !important; box-shadow: -3px -2px 9px -1px rgba(0,0,0,.15) !important; padding: 25px 25px 0 25px !important; }

.flBtn-position-br { top: 30% !important; left: 10px !important; right: initial !important; bottom: initial !important; }
.flBtn-size-medium a { width: 44px !important; height: 44px !important; line-height: 44px !important; font-size: 18px !important; }
/* .flBtn-position-br .flBtn-first { left: -5px !important; transform: translateX(0) !important; bottom: 50px !important; } */
.flBtn-position-br .flBtn-first { left: -4px !important; transform: translateX(0) !important; top: 50px !important; }

.visorlang-es { background-image: url('/media/es-flag.png'); background-repeat: no-repeat; background-position: right; padding-left: 12px; }
.visorlang-es .text-uppercase { display: none; }
.visorlang-en { background-image: url('/media/en-flag.png'); background-repeat: no-repeat; background-position: right; padding-left: 6px; }
.visorlang-en .text-uppercase { display: none; }
.visorlang-de { background-image: url('/media/de-flag.png'); background-repeat: no-repeat; background-position: right; padding-left: 6px; }
.visorlang-de .text-uppercase { display: none; }







/*-____________________-*/

body { font-family: "Lato", Helvetica, Arial, sans-serif; }
p { font-family: "Lato", Helvetica, Arial, sans-serif; /*font-size: 1rem;*/ font-weight: 300; line-height: 1.36; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Raleway", Helvetica, Arial, sans-serif; line-height: 1.2; }
h1.claim, h2.claim, h3.claim, h4.claim, h5.claim, h6.claim, .h1.claim, .h2.claim, .h3.claim, .h4.claim, .h5.claim, .h6.claim { font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 3rem; font-weight: 100; color: #999; text-align: justify !important; letter-spacing: -.055vw; width: 100%; max-width: 1900px; margin: 2rem auto 2rem auto; padding: 0; }
h4.claim, h5.claim, h6.claim, .h4.claim, .h5.claim, .h6.claim { /*color: #555;*/ line-height: 1.3; }
h1.claim, .h1.claim { font-size: 4.3em; }
h2.claim, .h2.claim { font-size: 2.8em; }
h3.claim, .h3.claim { font-size: 2.2em; }
h4.claim, .h4.claim { font-size: 1.7em; }
h5.claim, .h5.claim { font-size: 1.45em; }
h6.claim, .h6.claim { font-size: 1.2em; }
h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a { color: #444; }
strong { font-weight: 500; }
img { border-radius: .25rem; }
p#breadcrumbs, #breadcrumbs p, #breadcrumbs p a { font-size: 1.15rem; text-align: center; margin: 0; }
p#breadcrumbs span, #breadcrumbs p span, #breadcrumbs p a span { color: #333; }
.knowmore, .knowmore a { /*font-family: 'Saira Semi Condensed', sans-serif;*/ font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 2rem; font-weight: 900; line-height: 1.36; color: #7a7a7a; }
.knowmore a:hover { color: #008bc8; }
.ixo-button { /*font-family: 'Saira Semi Condensed', sans-serif !important;*/ font-family: "Raleway", Helvetica, Arial, sans-serif; border-radius: 0.25rem; border: 1px solid #242424; background: transparent !important; }
.ixo-button span.ixo-button-inner { color: #242424 !important; font-weight: 500 !important; text-transform: uppercase; }
.shadow { /*-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .065) !important; -moz-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .065) !important; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .065) !important;*/ box-shadow: none !important; border: 1px solid #dfdfdf !important; }


/*-_-*/

.button { font-family: "Raleway", Helvetica, Arial, sans-serif; margin-right: 5px; margin-top: 10px; display: inline-block; background: #222; color: #fff; padding: 1em 2em; font-size: 1em; font-weight: 500; }
.button:hover, .button.hover { opacity: 0.8; color: #fff; }
.button:active, .button.active { top: 1px }
.submit-btn { font-family: "Raleway", Helvetica, Arial, sans-serif; display: inline-block; background-color: #008BC8; color: #fff; padding: .5em 1em; font-size: 1em; font-weight: 500; height: auto; min-width: 200px; border: 0; }
.submit2-btn { font-family: "Raleway", Helvetica, Arial, sans-serif; display: inline-block; background-color: #008BC8; color: #fff; padding: .5em 1em; font-size: 1em; font-weight: 500; height: auto; min-width: 200px; border: 0; }

.button.white { background-color: #ffffff !important; }
.button.black { background-color: #333333 !important; }
.button.teal { background-color: #008080 !important; }
.button.gray { background-color: #666666 !important; }
.button.light-gray { background-color: #D5D2D2 !important; color: #666 !important; }
.button.red { background-color: #e62727 !important; }
.button.orange { background-color: #f24919 !important; }
.button.magenta { background-color: #A9014B !important; }
.button.yellow { background-color: #ffb515 !important; }
.button.blue { background-color: #008BC8 !important; }
.button.pink { background-color: #e22092 !important; }
.button.green { background-color: #91bd09 !important; }
.button.rosy { background-color: #F16C7C !important; }
.button.brown { background-color: #804000 !important; }
.button.purple { background-color: #800080 !important; }
.button.cyan { background-color: #46C7C7 !important; }
.button.gold { background-color: #D4A017 !important; }

/*-_-*/

.white { background-color: #ffffff !important; }
.black { background-color: #333333 !important; }
.teal { background-color: #008080 !important; }
.gray { background-color: #666666 !important; }
.light-gray { background-color: #D5D2D2 !important; color: #666 !important; }
.red { background-color: #e62727 !important; }
.orange { background-color: #f24919 !important; }
.magenta { background-color: #A9014B !important; }
.yellow { background-color: #ffb515 !important; }
.blue { background-color: #008BC8 !important; }
.pink { background-color: #e22092 !important; }
.green { background-color: #91bd09 !important; }
.rosy { background-color: #F16C7C !important; }
.brown { background-color: #804000 !important; }
.purple { background-color: #800080 !important; }
.cyan { background-color: #46C7C7 !important; }
.gold { background-color: #D4A017 !important; }

/*-_-*/

.white-bdr { border-color: #ffffff !important; }
.black-bdr { border-color: #333333 !important; }
.teal-bdr { border-color: #008080 !important; }
.gray-bdr { border-color: #666666 !important; }
.light-gray-bdr { border-color: #D5D2D2 !important; color: #666 !important; }
.red-bdr { border-color: #e62727 !important; }
.orange-bdr { border-color: #f24919 !important; }
.magenta-bdr { border-color: #A9014B !important; }
.yellow-bdr { border-color: #ffb515 !important; }
.blue-bdr { border-color: #008BC8 !important; }
.pink-bdr { border-color: #e22092 !important; }
.green-bdr { border-color: #91bd09 !important; }
.rosy-bdr { border-color: #F16C7C !important; }
.brown-bdr { border-color: #804000 !important; }
.purple-bdr { border-color: #800080 !important; }
.cyan-bdr { border-color: #46C7C7 !important; }
.gold-bdr { border-color: #D4A017 !important; }

/*-_-*/

.white-tx { color: #ffffff !important; }
.black-tx { color: #333333 !important; }
.teal-tx { color: #008080 !important; }
.gray-tx { color: #666666 !important; }
.gray-lt-tx { color: #aaa !important; }
.light-gray-tx { background-color: #D5D2D2 !important; color: #666 !important; }
.red-tx { color: #e62727 !important; }
.orange-tx { color: #f24919 !important; }
.magenta-tx { color: #A9014B !important; }
.yellow-tx { color: #ffb515 !important; }
.blue-tx { color: #008BC8 !important; }
.pink-tx { color: #e22092 !important; }
.green-tx { color: #91bd09 !important; }
.rosy-tx { color: #F16C7C !important; }
.brown-tx { color: #804000 !important; }
.purple-tx { color: #800080 !important; }
.cyan-tx { color: #46C7C7 !important; }
.gold-tx { color: #D4A017 !important; }

.fx-hue-15 { filter: hue-rotate(15deg) !important; }
.fx-hue-30 { filter: hue-rotate(30deg) !important; }
.fx-hue-60 { filter: hue-rotate(60deg) !important; }
.fx-hue-90 { filter: hue-rotate(90deg) !important; }
.fx-hue-120 { filter: hue-rotate(120deg) !important; }
.fx-hue-150 { filter: hue-rotate(150deg) !important; }
.fx-hue-180 { filter: hue-rotate(180deg) !important; }
.fx-hue-210 { filter: hue-rotate(210deg) !important; }
.fx-hue-240 { filter: hue-rotate(240deg) !important; }
.fx-hue-270 { filter: hue-rotate(270deg) !important; }
.fx-hue-300 { filter: hue-rotate(300deg) !important; }
.fx-hue-330 { filter: hue-rotate(330deg) !important; }
.fx-hue-345 { filter: hue-rotate(345deg) !important; }

/*-_-*/

.contactfix { position: fixed; bottom: 3em; z-index: 99; }

/* .ixobox { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } */
/* .ixoitem { position: relative; display: flex; flex-direction: column; min-width: 0; height: 100%; } */

.ixoitem { width: 100%; /*max-width: 100%;*/ /*max-width: 48%;*/ /*flex: 1;*/ /*flex: auto;*/ /*background: #fff;*/ /* border: 1px solid #ddd; */ border-radius: 0.35em; /*padding: .5rem;*/ /*margin: 0 1vw 3vw 1vw; -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 6%); -moz-box-shadow: 4px 4px 6px rgba(0, 0, 0, 6%); box-shadow: 4px 4px 20px rgba(0, 0, 0, 6%);*/ }

.ixoitem:nth-of-type(4n) { margin-right: 0; }   /* 4 cols */
.ixoitem:nth-of-type(4n+1) { margin-left: 0; }   /* 4 cols */
/*.ixoitem:nth-of-type(2n) { margin-right: 0; }*/    /* 2 cols */
/*.ixoitem:nth-of-type(2n+1) { margin-left: 0; }*/   /* 2 cols */
.ixoitem .card-body { padding: 1rem; }
.ixoitem .ixothumb { /*height: 12vw;*/ overflow: hidden; position: relative; }
.ixoitem .ixothumb > * { height: 100%; width: 100%; object-fit: cover; display: block; }
.ixoitem img { /*width: 100%; max-width: 100%;*/ /*border-radius: 0.35rem 0.35rem 0 0;*/ border-radius: 0.35rem; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; margin-bottom: 0; /*filter: grayscale(100%);*/ }
.ixoitem .title { font-size: .975em; font-weight: 500; text-transform: uppercase; text-align: left; /*padding: .5rem 1rem .25rem 1rem;*/ /*margin: 0;*/ }
.ixoitem h3.title, .ixoitem h4.title, .ixoitem h5.title, .ixoitem h6.title { margin-top: 0; }
.ixoitem h3.title { font-size: 1.75em; }
.ixoitem h4.title { font-size: 1.15em; }
.ixoitem h5.title { font-size: .975em; }
.ixoitem h6.title { font-size: .815em; }
.ixoitem .desc p { font-size: 1em; font-weight: 300; line-height: 1.36 !important; /*padding: .25rem 1rem 1rem 1rem;*/ /*margin: 0;*/ }
.ixoitem a { color: #242424; }

.ixoitem .ixoverlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; /*background: #008BC8;*/ /*background: #165A6F;*/ /*background: #22596A;*/ background: #315F75; border-top-left-radius: .35rem; border-top-right-radius: .35rem; mix-blend-mode: hard-light; }
.ixoitem .ixotrans { transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; }
.ixoitem:hover .ixoverlay { opacity: 0; }
.ixoitem:hover img { filter: grayscale(0); }

.dot-green { height: 12px; width: 12px; background-color: rgb(72, 161, 84); border: 1px solid #808080; border-radius: 50%; display: inline-block; margin-right: .25em; }
.dot-blue { height: 12px; width: 12px; background-color: rgb(46, 116, 174); border: 1px solid #808080; border-radius: 50%; display: inline-block; margin-right: .25em; }
.dot-red { height: 12px; width: 12px; background-color: rgb(189, 46, 38); border: 1px solid #808080; border-radius: 50%; display: inline-block; margin-right: .25em; }
.dot-orange  { height: 12px; width: 12px; background-color: rgb(174, 91, 49); border: 1px solid #808080; border-radius: 50%; display: inline-block; margin-right: .25em; }
.dot-white { height: 12px; width: 12px; background-color: rgb(255, 255, 255); border: 1px solid #808080; border-radius: 50%; display: inline-block; margin-right: .25em; }
.dot-black { height: 12px; width: 12px; background-color: rgb(0, 0, 0); border: 1px solid #808080; border-radius: 50%; display: inline-block; margin-right: .25em; }

@media only screen and (min-width: 1025px) {  }
@media only screen and (max-width: 1024px) { #page-heading h1, h1.heading, h2.heading, #page-heading .h1, .h1.heading, .h2.heading { font-size: 4vw; } #page-heading h1, h1.heading, #page-heading .h1, .h1.heading { max-width: none; } .knowmore, .knowmore a { font-size: 3vw; } }
@media only screen and (max-width: 768px) { h1.claim, h2.claim, h3.claim, .h1.claim, .h2.claim, .h3.claim { font-size: 1.72em; } h4.claim, h5.claim, h6.claim, .h4.claim, .h5.claim, .h6.claim { font-size: 1.34em; } .ixoitem { flex: auto; width: 48%; margin: 0 1vw 5vw 1vw; } .ixoitem:nth-of-type(2n+1) { margin-left: 0; } }
@media only screen and (max-width: 767px) { #page-heading h1, #page-heading .h1 { font-size: 2.4rem !important; } .ixoitem { width: 100%; } h1.claim, h2.claim, h3.claim, .h1.claim, .h2.claim, .h3.claim { font-size: 1.34em !important; } h4.claim, h5.claim, h6.claim, .h4.claim, .h5.claim, .h6.claim { font-size: 1.04em !important; } }


