/* ==========================================================================
Defaults
========================================================================== */
*{max-height:1000000px}
/* disables android font booster */
html,body{width:100%;height:100%;margin:0;padding:0; background:#ecf0f1}
body,div,table,td,span,form,input,textarea,img{outline:none;padding:0;margin:0}
input,select,textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
button,input[type=submit],label{cursor:pointer}img{border:none;display:block}a{text-decoration:none}
a:hover,a:focus,a:active{text-decoration:none}
a.button{color:#fff;padding:1% 3%;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}
ul{list-style:none;margin:0;padding:0}
article ul {list-style: disc; padding-left: 20px;}
.__searchresult{background:#eee}
.__highlight{background:#ff0}
.transition, .link {-moz-transition-duration:0.3s;  -webkit-transition-duration:0.3s;  -o-transition-duration:0.3s;  transition-duration:0.3s}


/* wrapper & inner */
.wrapper{width:100%; max-width:1600px; min-width:320px; min-height:100%; height: auto !important; height: 100%; margin:0 auto -305px}
.inner{margin:0 auto; padding: 0}

/* add fixed width to make elements non-responsive */
.fixed-width .wrapper, .fixed-width .header-container, .fixed-width .footer-container {min-width: 1000px;}



/* heading */
h1{font-size:28px; }
h2{font-size:20px;}
h3{font-size:18px;}
p{font-size:13px;}

/* ==========================================================================
Header
========================================================================== */
.header-container{position: relative; display: block; width: 100%; padding: 20px 0;}
.fixed .header-container {position: fixed; top: 0; z-index: 999; max-width: 1600px;  background: #fff;}
.header-container .logo{display:block; float:left}
.header-container .topnavigation{float:left;}
.header-container .topnavigation ul{margin:0; padding:0; list-style-type:none}
.header-container .topnavigation ul li{float:left; padding:0 8px}
.header-container .topnavigation ul li a{color:#3f4857; text-decoration:none}
.header-container .topnavigation ul li a:hover{color:#94bee5}
.header-container .mainnavigation{float:left;}
.header-container .mainnavigation.mobile {display: none}
.header-container .mainnavigation ul{margin:0; padding:0; list-style-type:none}
.header-container .mainnavigation ul li{float:left;  font-size:16px; margin:0 0 0 10px}
.header-container .mainnavigation ul li a{color:#3f4857; text-decoration:none}
.header-container .mainnavigation .topnavigation{display:none}
.header-container .header-right{float:right;  -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s}
.header-container .languages{float:left; margin-left:20px}
.header-container .languages a{color:#3f4857}
.header-container .languages a.active{font-weight:bold}
.header-container .mainnavigation ul li a:hover,
.header-container .mainnavigation ul li.active a{color: #94bee5}

/* Navigation of navigation-left theme */
.header-container .mainleftnavigation >ul >li{padding: 5px 0; text-transform: uppercase; font-size: 18px; }
.header-container .mainleftnavigation >ul >li >ul >li{padding:4px 0; text-transform: none; font-weight: normal; font-size: 14px;}
.header-container .mainleftnavigation ul li ul li ul li {padding: 2px 0 5px 5%;}
.header-container .mainleftnavigation ul li ul li ul  {padding: 5px 0 0}
.header-container .mainleftnavigation ul li a, .header-container .mainleftnavigation li.children.active ul li.active ul li a {color:#999;  display:block}
.header-container .mainleftnavigation > ul > li.active > a, .header-container .mainleftnavigation ul li a:hover, .header-container .mainleftnavigation ul  li  ul  li.active a, .header-container .mainleftnavigation li.children.active ul li.active ul li.active a {color:#3f4857}
.header-container .mainleftnavigation li.children ul, .header-container .mainleftnavigation li.children.active ul li ul {display:none}
.header-container .mainleftnavigation li.children.active ul{display:block}
.header-container .mainleftnavigation li.children.active ul li ul {display: none}
.header-container .mainleftnavigation li.children.active ul li.active ul {display: block}
.dropdown {display: none !important;}

.header-container .googlemaps-icon {float: left}
.header-container .googlemaps-icon .fa {font-size: 30px; cursor: pointer}
.header-container .googlemaps-icon .fa:hover,
.header-container .googlemaps-icon.open .fa {color: #ff870f}

.header-right .icons {float: left}

.header-container .search { position:absolute; }
.header-container .search-icon {float: left; margin: 0 10px; display:none; position: absolute; z-index: 999; }
.header-container .search-icon .fa {font-size: 26px; cursor: pointer}
.header-container .search-icon .fa:hover,
.header-container .search-icon.open .fa {color: #ff870f}

.header-container .search-container {float: left; width: 100%; background: #fff; padding:5px 4%; width: 100%; display: none; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.header-container .search-container .form {width: 100%; margin: 0 auto;}
.header-container .searchinput {display: block; background: #fff; border-radius: 0; height: 50px; width: 100%; float: left; border: 0; font-size: 18px; padding-left: 2%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.header-container .searchsubmit {background: #ff870f; color: #fff; border: none; padding: 0; height: 50px; width: 20%; text-align: center}


.header-container .slide-in-cta {float: left; background: red; margin-left: 40px; margin-right: -9999px; white-space: nowrap; text-align: center;  -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s }
.header-container .slide-in-cta a {color: #fff; padding: 20px; color: #fff; display: inline-block}
.header-container .slide-in-cta.show {margin-right: 0;}


/* mobile device slide */




/* ==========================================================================
Social media
========================================================================== */
.socialmedia{float:right; padding-top:10px}
.socialmedia .item{float:left; font-size: 18px; color: #3f4857; margin:0 0 0 5px; cursor:pointer; -moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s; background: #fff; padding: 5px 8px;}
.socialmedia .item:hover{color: #fff; background: #3f4857;}

/* ==========================================================================
Content
========================================================================== */
.content {padding-top: 0}
.fixed .content {padding-top: 110px;}
.cblock{padding:1% 0}
.contentcolumn{padding:1% 0; width: 100%}
.subpages .contentcolumn{float: right; width: 73%}
.contentcolumn.fullwidth{margin-left:0}
.content-inner.subpages{padding:0 5%}
.content-inner.subpages .inner{padding:0 0 0 5%}


/* leftcol */
.leftcol { float: left; padding-top: 0; width: 20%;  max-width: 200px;}
.subdropdown {display: block}
.subdropdown-title {display: none}
.leftcol .subnav >ul >li {padding:  10px 0;}
.leftcol .subnav >ul >li:first-child {padding:  0 0 10px;}
.leftcol .subnav >ul >li {font-size: 14px;}
.leftcol .subnav >ul >li a {color: #707b8b}
.leftcol .subnav >ul >li a:hover {color: #3e4856}
.leftcol .subnav >ul >li.active > a {font-weight: bold; color: #3e4856;}
.leftcol .subnav >ul >li >ul {margin: 10px 0 0; display: none !important;}
.leftcol .subnav >ul >li.active >ul {display: block !important;}
.leftcol .subnav >ul >li >ul >li {border-left: 1px solid #ddd; padding-left: 10px; text-transform: none; }



/* archive label for newsitems in subnavigation */
.leftcol .archive{display:block;color:#000;font-weight:bold;margin-top:5px}

/* ==========================================================================
A1 Paragraph
========================================================================== */

/* ==========================================================================
A2 Paragraph
========================================================================== */
.a2paragraph{float:left;width:100%}
.a2paragraph .image{float:left;margin:0 20px 10px 0}
.a2paragraph .image.right{float:right;margin:0 0 10px 20px}
.a2paragraph .image img{width:100%;height:auto}
.a2paragraph .image .caption{width:98%;background:#ddd;padding:1%;color:#000;font-size:11px;font-style:italic}


/* ==========================================================================
A3 Paragraph
========================================================================== */
.a3paragraph .body {float: left; width: 50%;}
.a3paragraph .map {height: 300px;}
.a3paragraph .googlemaps {float:left; width: 48%; margin-right: 2%;}
.a3paragraph .googlemaps.right{float:right; margin: 0 0 0 2%; }


/* ==========================================================================
B1 Image
========================================================================== */
.b1image .image .caption{width:98%;background:#ddd;padding:1%;color:#000;font-size:11px;font-style:italic}
.b1image .image img{width:100%;height:auto}

/* ==========================================================================
B2 Image Highlight
========================================================================== */
.b2imagehighlight .bg{display:block;width:100%;position:relative}
.b2imagehighlight .image{float:left;width:65%}
.b2imagehighlight .image.right{float:right}
.b2imagehighlight .image img{width:100%;height:auto;display:block}
.b2imagehighlight .small-column{width:25%;padding:0 5%;min-height:100%;margin:auto;position:absolute;top:0;bottom:0;display:inline-block;text-align:center}
.b2imagehighlight .small-column.right{right:0}
.b2imagehighlight .body a.link{border:1px solid #fff;padding:7px 10px;display:inline-block;margin-top:10%;-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s}


/* ==========================================================================
C1 Call to Action
========================================================================== */
.c1calltoaction{text-align:center;padding:5% 0; display: table; width: 100%; margin: 0 auto}
.c1calltoaction .title {font-size: 56px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #fff;}
.c1calltoaction .button {background: #fff; color: #000;  font-size: 18px; display: inline-block; margin-top: 3%; border: 1px solid #fff;}
.c1calltoaction .button .fa{display: none}
.c1calltoaction .button:hover {background: none;  color: #fff;}

/* parallax or background image */
.c1calltoaction.parallax {background-attachment: fixed !important;}
.c1calltoaction.parallax, .c1calltoaction.bg {height: 350px; background-repeat: no-repeat; background-size: cover !important; background-position: 50% 50%; padding: 0; position: relative}
.c1calltoaction.parallax .inner, .c1calltoaction.bg .inner {position: relative; z-index: 10; padding: 0;   display: table-cell;
    vertical-align: middle;}
.c1calltoaction.parallax .overlay,  .c1calltoaction.bg .overlay {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2)}

/* arrow */
.c1calltoaction.hover-arrow .button {position: relative;}
.c1calltoaction.hover-arrow .button .fa {display: block; position: absolute; right: 15px; bottom: 16px; opacity: 0; font-size: 15px; padding-left: 3px; -moz-animation: fadeOutRight 0.1s ease-out 0s backwards; -webkit-animation: fadeOutRight 0.1s ease-out 0s backwards; animation: fadeOutRight 0.1s ease-out 0s backwards; opacity: 0;}
.c1calltoaction.hover-arrow .button:hover {background: #ff870f;}
.c1calltoaction.hover-arrow .button:hover .fa { display: block; -moz-animation: fadeInRight 0.2s ease-in 0.1s backwards; -webkit-animation: fadeInRight 0.2s ease-in 0.1s backwards; animation: fadeInRight 0.2s ease-in 0.1s backwards; opacity: 1;}


/* ==========================================================================
C2 Download Call to Action
========================================================================== */
.c2downloadcta{text-align:center;padding:5% 0}
.c2downloadcta .title{font-size:16px;font-weight:bold;margin-bottom:1%}
.c2downloadcta .button{font-size:28px;padding:1.5% 5%;background:red}
.c2downloadcta .text{position:relative;display:block;margin:1% 0 3%}
.c2downloadcta .button:hover{background:#3f4857}

/* ==========================================================================
D1 Accordion
========================================================================== */
.d1accordion .accordion{border-bottom:1px dashed #ddd; background:none; }
.d1accordion .fa-minus, .d1accordion .fa-plus {display: none; position:absolute; right:5%; top:23px; font-size:18px;}
.d1accordion .accordion .head{cursor:pointer; color:#3f4857; padding:20px 20px 20px 0; font-size:14px; line-height:22px;}
.d1accordion .accordion .head:hover, .d1accordion .accordion.open .head { z-index: 999; border-bottom:1px solid #4f9fd6; border-top:1px solid #4f9fd6; transition:0.2s all ease; }
.d1accordion .accordion .head .fa-plus {display: inline-block;}
.d1accordion .accordion.open .head .fa-minus {display: inline-block;}
.d1accordion .accordion.open .head .fa-plus {display: none;}
.d1accordion .accordion h2{margin-top:0}
.d1accordion .accordion .call-to-action{float:none}
.d1accordion .accordion:first-child{border-top:1px solid #c8c5c6}
.d1accordion .accordion .body{padding:30px 5%;}
.d1accordion .accordion .body{display:none}

/* ==========================================================================
D1 Apply Now Accordion
========================================================================== */
.d1applynowaccordion .accordion{border-bottom:1px dashed #ddd; background:none}
.d1applynowaccordion .accordion .head{cursor:pointer; color:#3f4857; padding:20px 20px 20px 0; font-size:14px; line-height:22px;}
.d1applynowaccordion .accordion .head .fa-chevron-up {display: none;}
.d1applynowaccordion .accordion .head .fa-chevron-down {display: inline-block;}
.d1applynowaccordion .accordion.open .head .fa-chevron-up {display: inline-block;}
.d1applynowaccordion .accordion.open .head .fa-chevron-down {display: none;}
.d1applynowaccordion .accordion h2{margin-top:0}
.d1applynowaccordion .accordion .call-to-action{float:none}
.d1applynowaccordion .accordion:first-child{border-top:1px solid #c8c5c6}
.d1applynowaccordion .accordion .body{padding:0}
.d1applynowaccordion .accordion .body{display:none}

/* ==========================================================================
E1 Photo Gallery Thumbnails
========================================================================== */
.e1photogallerythumbnails{position:relative; display:block}
.e1photogallerythumbnails .image{float:left; margin:0 2% 2% 0; width:23%;}
.e1photogallerythumbnails .image img { width:100%; }
.e1photogallerythumbnails .title h2 { color:#4f9fd6; font-weight:normal; font-size:24px; margin-top:0; }

/* ==========================================================================
E2 PhotoSlideshow
========================================================================== */
.e2photoslideshow .cycle-prev,
.e2photoslideshow .cycle-next{position:absolute; bottom:20px; top:auto;}
.e2photoslideshow .cycle-prev{right:50px; left:auto;}
.e2photoslideshow .cycle-next{right:0;}

/* ==========================================================================
E3 PhotoSlideshow with lightbox
========================================================================== */

/* ==========================================================================
F1 Video
========================================================================== */
.f1video{width:100%; position:relative}
.f1video .video{float:left; width:100%; position:relative; display:block; overflow:hidden}
.f1video iframe{width:100%}
.f1video .thumbnail{position:absolute; z-index:10}
.f1video .video .playbutton{width:100px; height:100px; top:50%; margin-top:-50px; left:50%; margin-left:-50px; font-size: 100px; cursor:pointer;  z-index:101;  position:absolute; color: #fff; text-align: center; line-height: 100px;}
.f1video .video .playbutton{width:100px; height:100px; top:50%; margin-top:-50px; left:50%; margin-left:-50px; font-size: 100px; cursor:pointer;  z-index:101;  position:absolute; color: #fff; text-align: center; line-height: 100px;}
.f1video .thumbnail img{width:100%;  height:auto}

/* ==========================================================================
F2 Video Highlight
========================================================================== */
.f2videohighlight .bg{display:block; width:100%; position:relative}
.f2videohighlight .video{float:left; width:65%; position:relative; display:block; overflow:hidden}
.f2videohighlight .video.right{float:right}
.f2videohighlight .video iframe{width:100%; height:100%; display:block}
.f2videohighlight .small-column{width:25%; padding:0 5%; min-height:100%; margin:auto; position:absolute; top:0; bottom:0; display:inline-block; text-align:center}
.f2videohighlight .small-column.right{right:0}
.f2videohighlight .body a.link{border:1px solid #fff; padding:7px 10px; display:inline-block; margin-top:10%; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s}
.f2videohighlight .body a.link:hover{background:#fff;}
.f2videohighlight .thumbnail{position:absolute; z-index:10}
.f2videohighlight .video .playbutton{width:100px; height:100px; top:50%; margin-top:-50px; left:50%; margin-left:-50px; font-size: 100px; cursor:pointer;  z-index:101;  position:absolute; color: #fff; text-align: center; line-height: 100px; }
.f2videohighlight .thumbnail img{width:100%;  height:auto}


/* ==========================================================================
G1 Googlemaps
========================================================================== */
.g1googlemaps {padding: 0}
#googlemaps {width:100%; display: none}


/* ==========================================================================
G2 Google Maps multiple locations
========================================================================== */
.g2googlemaps .map {height: 500px}
.g2googlemaps .tab_content {padding: 0}
.g2googlemaps ul.tabs {padding-bottom: 10px; margin-bottom: 0}
.g2googlemaps ul.tabs li {color: #999; opacity: 1}
.g2googlemaps ul.tabs li.active {color: #222;}


/* ==========================================================================
Defaults for all the Sliders
========================================================================== */
.slideshow-container {position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.cycle-slideshow{width:100%}
.cycle-slideshow .item{width:100%}
.cycle-slideshow img{width:100%}
.cycle-slideshow img.mobile {display: none}
.alt-caption{height:20px}
.cycle-pager{display: none; text-align:center; width:100%; z-index:800; position:absolute;  overflow:hidden}
.cycle-pager span{font-family:arial; font-size:50px; width:20px; height:40px; display:inline-block; color:#ddd; cursor:pointer}
.cycle-pager span.cycle-pager-active{color:#d69746}
.cycle-pager >*{cursor:pointer}
.cycle-caption{position:absolute; color:#fff; bottom:15px; right:15px; z-index:700}
.cycle-overlay{position:absolute; bottom:0; width:100%; z-index:600; background:#000; color:#fff; padding:15px; opacity:.5}
.slider-nav{display: none; color: #fff; position:absolute; font-size: 48px; height: 48px; z-index:800; cursor:pointer; top:50%; margin-top:-24px;}
.cycle-prev{left: 1%;}
.cycle-next{right: 1%;}
.cycle-prev:hover,
.cycle-next:hover{color: #ccc;}
#progress {display: none; position: absolute; top: 0; height: 6px; width: 0px;  background: rgba(255, 255, 255, 0.7); z-index: 500; }
#adv-custom-pager {display: none}


/* ==========================================================================
H2 Slider with Description and link button
========================================================================== */
.h2slider a.link{display: inline-block; background:#3f4857;  color:#fff;  padding:10px; margin-top: 30px;}
.h2slider .title{font-size:28px;  font-weight:bold}
.h2slider .text{font-size:14px;  position:relative;  display:block;  padding:5% 0}
.h2slider .desc{position:relative;  z-index:1000; }

.h2smallslider a.link{display: inline-block; background:#3f4857;  color:#fff;  padding:10px; margin-top: 30px;}
.h2smallslider .title{font-size:28px;  font-weight:bold}
.h2smallslider .text{font-size:14px;  position:relative;  display:block;  padding:5% 0}
.h2smallslider .desc{position:relative;  z-index:1000; }

/* display if active */
.slideshow-container.pager .cycle-pager,
.slideshow-container.arrows .slider-nav,
.slideshow-container.progress #progress {display: block;}


/* slider with fade in effects */
.h2slider.effects .item {background: #111;}
.h2slider.effects .item img {opacity:0.9; filter:alpha(opacity=90)}
.h2slider.effects .item.cycle-slide-active  .desc .title {
    -moz-animation: fadeInRight 1s ease-in 1.3s backwards; -webkit-animation: fadeInRight 1s ease-in 1s backwards; animation: fadeInRight 1s ease-in 1.3s backwards; opacity: 1;}
.h2slider.effects .item.cycle-slide-active  .desc .text { -moz-animation: fadeInLeft 1.5s ease-in 2s backwards;
    -webkit-animation: fadeInLeft 1.5s ease-in 2s backwards;
    animation: fadeInLeft 1.5s ease-in 2s backwards;
    opacity:1;}
.h2slider.effects .item.cycle-slide-active  .desc a.link { -moz-animation: fadeInUp 1.8s ease-in 2.5s backwards; -webkit-animation: fadeInUp 1.8s ease-in 2.5s backwards; animation: fadeInUp 1.8s ease-in 2.5s backwards; opacity:1;}

/* slider with thumbnails */
.h2slider.thumbnails #adv-custom-pager {display: block; position: absolute; bottom: 0; z-index: 999; width: 100%; background: rgba(7,7,7,0.5);}
.h2slider.thumbnails #adv-custom-pager img { float: left; display: block; width: 200px; height: auto; margin: 10px;}

.h2slider.thumbnails.vertical #adv-custom-pager {position: absolute; bottom: auto; top: 0;width: auto; right: 100px;}
.h2slider.thumbnails.vertical #adv-custom-pager img { float: none; margin: 20px;}


/* slider with description background */
.h2slider.background .desc { left: 0;  top: 0;  width:50%; height: 100%; min-height: 100%; background: rgba(0,0,0, 0.7); color: #fff}
.h2slider.background .desc .desc-inner { padding: 10%}
.h2slider.background .text {font-size:  22px; line-height: 28px;}
.h2slider.background a.link {background: none; border:  2px solid #fff; font-size: 20px;}

/* description right */
.h2slider.desc-right .desc {left: auto; right: 0}

/* slider text align */
.h2slider.text-center {text-align: center}
.h2slider.text-center .desc {left: 0; right: 0; margin: 0 auto}
.h2slider.text-right {text-align: right}


/* ==========================================================================
H3 Slider Fullscreen
========================================================================== */
.cblock.h3sliderfullscreen{padding:0}
.h3sliderfullscreen.slideshow-container{height:100%;  width:100%}
.h3sliderfullscreen .cycle-slideshow{height:100%;  width:100%}
.h3sliderfullscreen .cycle-slideshow .item{display:block;  height:100%;  width:100%}
.h3sliderfullscreen .cycle-slideshow .image{height:100%;  width:100%;  background-repeat:no-repeat;  background-size:cover;  background-position:top center}
.h3sliderfullscreen .alt-caption{position:absolute;  bottom:5%;  z-index:1000;  left:2%;  font-size:28px;  font-weight:bold}
.h3sliderfullscreen .example-pager{position:absolute;  bottom:1%;  z-index:1000;  left:2%;  font-size:36px;  font-weight:bold}
.h3sliderfullscreen .example-pager span:hover{cursor:pointer;  color:#fff}
.h3sliderfullscreen a.link{background:#3f4857;  color:#fff;  padding:10px; }
.h3sliderfullscreen a.link:hover{background:#94bee5}
.h3sliderfullscreen .title{font-size:28px;  font-weight:bold}
.h3sliderfullscreen .text{font-size:18px;  position:relative;  display:block;  padding:5% 0}
.h3sliderfullscreen .desc{position:absolute;  z-index:1000;  right:5%;  top:100px;  width:30%}

/* ==========================================================================
H4 Slider with zoom &Magazine
========================================================================== */
.magazine .desc{padding:1% 25% 2% 0}
.magazine .item img{width:auto; max-width:100%; max-height:100%; margin:0 auto; overflow:hidden}
.magazine .item{max-height:600px; overflow:hidden; background:#eee}
.magazine .alt-caption{padding:1% 0 1% 0; color:#3f4857}
.magazine .desc p{line-height:24px}
.magazine .title{text-transform:uppercase; font-size:18px; color:#3f4857; padding-bottom:10px}
.magazine .title .date,
.magazine .all-items ul li a .date{font-size:18px; color:red; font-weight:bold}
.magazine .cycle-prev,
.magazine .cycle-next{position:absolute; top:43%; height:42px; opacity:1; filter:alpha(opacity=0); z-index:800; cursor:pointer}
.magazine .cycle-prev:hover,
.magazine .cycle-next:hover{opacity:0.7; filter:alpha(opacity=70)}
.magazine .cycle-next.disabled,
.magazine .cycle-prev.disabled{display:none}
.magazine .all-items{float:left; width:100%; padding:1% 0 3%}
.magazine .all-items ul li{float:left; width:23.5%; margin-left:2%; margin-bottom:3%}
.magazine .all-items ul li.magazine_1,
.magazine .all-items ul li.magazine_5,
.magazine .all-items ul li.magazine_9{margin:0}
.magazine .all-items ul li img{max-width:100%; max-height:100%; margin:0 auto}
.magazine .all-items ul li .title,
.magazine .all-items ul li a .date{font-size:14px; padding:10px 0}
.magazine .item .overlay{background:url('/images/enlarge.png') no-repeat center center;  display:none;  left:0;  height:100%;  position:absolute;  top:0;  width:100%;  z-index:0}
.touch .magazine .item .overlay{display:block !important}

/* ==========================================================================
H5 Slider Highlight
========================================================================== */
.h5sliderhighlight .bg{display:block; width:100%; position:relative}
.h5sliderhighlight .image{float:left; width:65%}
.h5sliderhighlight .image.right{float:right}
.h5sliderhighlight .image img{width:100%; height:auto; display:block}
.h5sliderhighlight .small-column{width:25%; padding:0 5%; min-height:100%; margin:auto; position:absolute; top:0; bottom:0; display:inline-block; text-align:center}
.h5sliderhighlight .small-column.right{right:0}
.h5sliderhighlight .body a.link{border:1px solid #fff; padding:7px 10px; display:inline-block; margin-top:10%; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s}
.h5sliderhighlight .body a.link:hover{background:#fff; color:#8b005a !important}
.h5sliderhighlight .cycle-prev,
.h5sliderhighlight .cycle-next{position:absolute; bottom:0px; top:auto;z-index:800; cursor:pointer; background: #000; width: 48px; text-align: center; line-height: 48px;}
.h5sliderhighlight .cycle-prev{right:50px; left:auto; }
.h5sliderhighlight .cycle-next{right:0; }


/* ==========================================================================
H7 360 Slider
========================================================================== */
.h7slider {padding: 0}
.h7slider .virtualtour {overflow:hidden; position: relative; padding: 0}
.h7slider .nexttour {cursor:pointer;z-index:200;width:25%;height:100%;display:block;position:absolute;right:0;top:0;background:url('/images/slide_arrow_right.png') right 50% no-repeat;}
.h7slider .pause {cursor:pointer;z-index:200;width:50%;height:100%;display:block;position:absolute;left:25%;top:0;}
.h7slider .prevtour {cursor:pointer;z-index:200;width:25%;height:100%;display:block;position:absolute;left:0;top:0;background:url('/images/slide_arrow_left.png') left 50% no-repeat;}
.h7slider ul {list-style-type:none;margin:0;padding:0;}
.h7slider ul li {display:block;float:left;top:0;left:0;position:relative;}
.h7slider ul li, .h7slider ul li img {width: 800px; overflow: hidden}
.notselectable {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.clickable {cursor:pointer;}


/* ==========================================================================
Slider with prev and next slide partly visible
#slide-rotator .cycle-slide-active{opacity:0.4 !important;  filter:alpha(opacity=40);  transition:opacity 1.25s ease-in-out;  -moz-transition:opacity 1.25s ease-in-out;  -webkit-transition:opacity 1.25s ease-in-out}
#slide-rotator .cycle-slide-active+.cycle-slide{opacity:1 !important;  filter:alpha(opacity=100);  transition:opacity 2.25s ease-in-out;  -moz-transition:opacity 2.25s ease-in-out;  -webkit-transition:opacity 2.25s ease-in-out}
.h6slider .cycle-prev,
========================================================================== */
#slide-rotator .cycle-slide,
.h6slider .cycle-next{position:absolute;  top:0;  height:100%;  width:33.334%;  opacity:1;  filter:alpha(opacity=0);  z-index:800;  cursor:pointer}
.h6slider .cycle-prev:hover,
.h6slider .cycle-next:hover{opacity:0.7;  filter:alpha(opacity=70)}

/* ==========================================================================
I Hightlights
========================================================================== */
.highlights{position:relative; display:block; width:100%; margin-bottom:2%}
.highlights .highlight{float:left; overflow:hidden; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s}
.highlights .highlight .image{margin-bottom:5%}
.highlights .highlight img{width:100%; height:auto}
.highlights .highlight a.link{color:#3f4857; text-transform:uppercase; font-size:11px;}
.highlights .highlight a.link .fa {vertical-align: middle; font-size: 12px; padding-left: 10px;}
.highlights .highlight a.link:hover{color:#94bee5}
.highlights .highlight .title {color:#3f4857;  font-weight:bold;  font-size:16px}
.i1twohighlights .highlight{width:49%;  margin-left:2%}
.i2threehighlights .highlight{width:32%;  margin-left:2%}
.i3fourhighlights .highlight{width:23.5%;  margin-left:2%}
.i3fourhighlights .highlight .title a{font-size:14px}
.highlight.highlight_1{margin:0}

/* i5 highlights */
.i5highlights a {display: block}
.i5highlights .highlight { float: left; margin: 0; color: #fff; position: relative; height: 400px; overflow: hidden;}
.i5highlights.highlights_1 .highlight {width: 100%;}
.i5highlights.highlights_2 .highlight {width: 50%;}
.i5highlights.highlights_3 .highlight {width: 33.33333%;}
.i5highlights.highlights_4 .highlight {width:25%;}
.i5highlights .highlight .title{ color: #fff;}
.i5highlights .highlight .el-inner {padding: 0 10%; position: relative; z-index: 10;   width: 80%; height: 50%; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.i5highlights .highlight {background-repeat: no-repeat; background-size: cover !important; background-position: center center; padding: 0; position: relative;}
.i5highlights .highlight .overlay {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(7,7,7, 0.1); -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s}
.i5highlights .highlight:hover .overlay { background: rgba(7,7,7, 0.8)}

/* highlights with image left or right */
.highlights.left .image { float: left; margin: 0 5% 5% 0;}
.highlights.left .desc {overflow: hidden}
.highlights.right .image { float: right; margin: 0 0 5% 5%;}

/* highlights with round images */
.highlights.round .image img {border:1px solid #; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width: 200px; height: 200px; margin: 0 auto;}

/* highlights zoom in effect on hover */
.highlights.scale.round .image {margin-top: 5%;}
.highlights.scale.round.left .image  {margin-left: 5%;}
.highlights.scale.round.right .image  {margin-right: 5%;}
.highlights.scale .image img {transition: all .3s ease-in-out; -webkit-transform: all .3s ease-in-out; -ms-transform: all .3s ease-in-out; -o-transform: all .3s ease-in-out; -moz-transform: all .3s ease-in-out;}
.highlights.scale .image:hover img {transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04); -ms-transform: scale(1.04,1.04); -o-transform: scale(1.04,1.04); -moz-transform: scale(1.04,1.04); }


.highlights.zoom .image  {overflow: hidden}
.highlights.zoom .image img { -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.highlights.zoom .image:hover img {cursor: pointer; -moz-transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5);}


/* ==========================================================================
I4 Auto Highlights
========================================================================== */
.i4autohighlights .highlight{width:23.5%; margin-left:2%}
.i4autohighlights .highlight .title a{font-size:14px}
.i4autohighlights .highlight.highlight_1{margin:0}
.i4autohighlights .all-link{float:right; display:inline-block; text-transform:uppercase; font-weight:bold;}
.i4autohighlights .all-link:hover {color: #94bee5;}
.i4autohighlights .all-link .fa {padding-left: 10px;}


/* ==========================================================================
K1 Tabs
========================================================================== */
.k1tabs {background: #222; color: #fff; text-align: center; padding: 5% 0}
.k1tabs .inner {max-width: 960px}
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; width: 100%; margin: 4% 0; border-bottom: 1px solid #555; padding-bottom: 50px}
ul.tabs li { display: inline-block; cursor: pointer;position: relative; margin: 0 3%; opacity: 0.7;}
ul.tabs li .image { overflow: hidden; text-align: center; margin: 0 auto}
ul.tabs li .image img {margin: 0 auto}
ul.tabs li .fa { opacity: 0; position: absolute; bottom: -63px; left: 0; right: 0; margin: 0 auto; display: block; color: #555; font-size: 30px;}
.tab_last {  }
ul.tabs li:hover { }
ul.tabs li.active, ul.tabs li.active .fa { opacity: 1;}
.tab_container {  clear: both; float: left; width: 100%; overflow: auto; }
.tab_content { padding: 0 20%; display: none;}
.tab_content p {font-size: 16px; line-height: 24px;}
.tab_drawer_heading { display: none; }


/* ==========================================================================
N Facebook Feeds
========================================================================== */
/* defaults */
.facebook {}
.facebook .item {float: left; width: 100%; margin: 0.5% 0; background: #fff}
.facebook .item .photo-thumb img {width: 100%; height: auto;}
.facebook .item .item-inner {padding: 20px}
div#blueimp-gallery div.modal {overflow: visible; }
.facebook .item ul li, .facebook .item .misc, .facebook .item .likes, .facebook .item .more-comments{ float: left; width: 98%; background: #edeff4; padding: 7px 1%; font-size: 11px}
.facebook .item .more-comments {width: 94%}
.facebook .item .misc {font-size: 12px; margin-bottom: 2px;}
.facebook .item .likes .small {text-transform: lowercase;}
.facebook .item .likes {margin-bottom: 1px;}
.facebook .item .post-date {color: #777; font-size: 11px;}
.facebook .item .more-comments {text-align: center; font-weight: bold; padding: 10px 3%; margin-top: 1px;  color: #fff; background: #3b5998 }
.facebook .item .more-comments:hover {background: #3e4856}
.facebook .item .misc .fa {margin-right: 5px; color: #6d8297 }
.facebook .item .misc .view {font-size: 11px; float: right;color: #3e4856}
.facebook .item .misc .like {font-size: 11px;color: #3e4856}
.facebook .item ul {}
.facebook .item .misc .fb-comment {display: inline-block; margin: 0 4px 0 10px}
.facebook .item ul li .commentor .image { float: left; width: 35px; height: 35px; border: 1px solid rgba(0, 0, 0, .1); margin-left: -45px}
.facebook .item ul li .commentor .image img {width: 35px; height: auto}
.facebook .item ul li .commentor .comment-message {display: block; margin-bottom: 3px}
.facebook .item ul li .commentor .name{font-weight: bold; margin-bottom: 3px}
.facebook .item ul li .commentor .comment-tags {margin-bottom: 7px}
.facebook .item ul li .commentor .name a {color: #3e4856}
.facebook .item ul li .commentor .name a:hover {color: #d58512}
.facebook .item ul li .commentor .commentor-content { float: left; margin-left: 45px;}
.facebook .item ul li .commentor .comment-like {}
.facebook .amount-photos {font-size: 11px; font-weight: bold; margin-bottom: 10px;}

/* n1facebookphotofeeds */
.n1facebookphotofeeds .item {width: 24%; margin: 0.5%;}
.n1facebookphotofeeds .item ul li, .n1facebookphotofeeds .item .misc, .n1facebookphotofeeds .item .likes, .n1facebookphotofeeds .item .more-comments{padding: 7px 3%; width: 94%}



/* n3facebookpostfeeds */
.n3facebookpostfeeds {}
.n3facebookpostfeeds .item .image, .n3facebookpostfeeds .item .video { float: left; width: 20%; margin-right: 2%}
.video-lightbox {height: 100%; background: rgba(1,1,1,0.9); position: fixed; z-index: 9999; top: 0; width: 100%; left: 0; display: none}
/*.video-lightbox .fa {color: #ccc; font-size: 30px; position: absolute; right: 20px; top: 15px; cursor: pointer}
.video-lightbox .fa:hover {color: #fff}*/
.n3facebookpostfeeds .item .video {position: relative;  cursor: pointer}
.n3facebookpostfeeds .item .fb-video {display: none; width: 50%; top: 20%; position: absolute; margin: 0 auto; left: 0; right: 0; z-index: 99999}
.n3facebookpostfeeds .item .video .fa {color: #fff; background: rgba(1, 1, 1, 0.7); font-size: 24px; position: absolute; left: 0; right: 0; margin: 0 auto; width: 24px; padding: 20px; top: 50%; margin-top: -32px; text-align: center; border-radius: 7px}
.n3facebookpostfeeds .item .video video {background-size: contain;}
.n3facebookpostfeeds .item .video.spinbox iframe {width: 100%}
.n3facebookpostfeeds .item .video .yt-link {position: absolute; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 0; line-height: 1.1; border: none;}
.n3facebookpostfeeds .item .item-content { float: left; width: 78%;}
.n3facebookpostfeeds .item .image img, .n3facebookpostfeeds .item .video img {width: 100%; height: auto}
.n3facebookpostfeeds .item.shared img.image{width: auto; float: left; margin-right: 15px}
.n3facebookpostfeeds .item.shared .item-content {width: 100%}
.n3facebookpostfeeds .item.shared .shared-content {margin-bottom: 1%}
.n3facebookpostfeeds .item.shared .message {margin: 1.5% 0 1% 0}
.n3facebookpostfeeds .item.shared .shared-content .name {font-weight: bold}
.n3facebookpostfeeds .item.shared .shared-content .caption {font-size: 11px; color: #777;}
.n3facebookpostfeeds .item.shared .shared-content .description {margin: 20px 0}
.n3facebookpostfeeds .item.shared .shared-content .shared-inner {background: #f9f9f9; border: 1px solid #eee; padding: 10px;}
.n3facebookpostfeeds .item .poster .thumb {float: left; margin-right: 7px;}
.n3facebookpostfeeds .item .poster .name {font-weight: bold}
.n3facebookpostfeeds .item .message {margin: 2.5% 0}
.n3facebookpostfeeds .item p {white-space: pre-wrap}


/* n4facebookphotoalbumsfeeds */
.n4facebookphotoalbumsfeeds .item {width: 24%; margin: 0.5%;}
.n4facebookphotoalbumsfeeds .item ul li, .n4facebookphotoalbumsfeeds .item .misc, .n4facebookphotoalbumsfeeds .item .likes, .n4facebookphotoalbumsfeeds .item .more-comments{padding: 7px 3%; width: 94%}
.n4facebookphotoalbumsfeeds .item .photos {display: none}



/* ==========================================================================
Y Columns
========================================================================== */
.y1columns{width:100%;  display:block}
.column .inner{padding:0}
.y1columns .column{float:left}
.y1columns.columns_1 .column{width:100%}
.y1columns.columns_2 .column{width:49%;  margin-left:2%}
.y1columns.columns_3 .column{width:32%;  margin-left:2%}
.y1columns.columns_4 .column{width:23.5%;  margin-left:2%}
.y1columns .col_1{margin-left:0 !important}

/* ==========================================================================
Y2 Media Columns
========================================================================== */
.y2mediacolumns{position:relative; width:100%; display:block}
.y2mediacolumns .column:first-child .el-inner{border-right:2px solid #fff; overflow:hidden}
.y2mediacolumns .column{float:left; width:50%}
.y2mediacolumns .column .el-inner div.half{height:165px; overflow:hidden}
.y2mediacolumns .column .el-inner div.full{height:330px; overflow:hidden}
.y2mediacolumns .column iframe{display:block; width:100%; height:100%}
.y2mediacolumns .column .image{background-position:center center; background-size:cover}
.y2mediacolumns .column a,
.y2mediacolumns .column h2{color:#fff}
.y2mediacolumns .column .mimage,
.y2mediacolumns .column .mvideo,
.y2mediacolumns .column .cycle-slideshow{position:relative; overflow:hidden}
.y2mediacolumns .column .mimage .inner,
.y2mediacolumns .column .mvideo .inner,
.y2mediacolumns .column .slider .inner{border-top:2px solid #fff}
.y2mediacolumns .column .mimage:first-child .inner,
.y2mediacolumns .column .mvideo:first-child .inner,
.y2mediacolumns .column .slider:first-child .inner{border-top:0}
.y2mediacolumns .column .desc{position:absolute; bottom:20px; left:20px; color:#fff; padding-right:30px; z-index:99}
.y2mediacolumns .video .thumbnail{position:absolute; z-index:10}
.y2mediacolumns .video .playbutton{width:100px; height:100px; top:50%; margin-top:-50px; left:50%; margin-left:-50px; font-size: 100px; cursor:pointer;  z-index:101;  position:absolute; color: #fff; text-align: center; line-height: 100px;}
.y2mediacolumns .video .thumbnail{width:100%}
.y2mediacolumns .video .thumbnail img{width:100%; height:auto}
.y2mediacolumns .slider .cycle-prev,
.y2mediacolumns .slider .cycle-next{position:absolute; bottom:0; top:auto; z-index:800; cursor:pointer;}
.y2mediacolumns .slider .cycle-prev{right:50px; left:auto;}
.y2mediacolumns .slider .cycle-next{right:0;}
.video .playbutton:hover {color: #000;}

/* y2mediacolumns hide */
.y2mediacolumns.hide .desc {opacity:0; filter:alpha(opacity=0); text-align: center; left: auto; bottom: auto; margin: 0 auto; left: 0; right: 0; top: 30%; color: #000; padding-right: 0; -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; transition-duration:0.9s}
.y2mediacolumns.hide .desc .title h2 {color: #000;}
.y2mediacolumns.hide .column .mimage, .y2mediacolumns.hide .column .item {cursor: pointer; position: relative;}
.y2mediacolumns.hide .column .mimage:hover .desc, .y2mediacolumns.hide .column .item:hover .desc {opacity:1; filter:alpha(opacity=100); -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; transition-duration:0.9s}

.y2mediacolumns.hide .column .mimage .overlay, .y2mediacolumns.hide .column .item .overlay {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(7,7,7, 0); -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; transition-duration:0.7s}
.y2mediacolumns.hide .column .mimage:hover .overlay, .y2mediacolumns.hide .column .item:hover .overlay {background: rgba(255,255,255, 0.6);}


/* y4twocolumnimages  */
.y4twocolumnimages {padding: 0}
.y4twocolumnimages, .y4twocolumnimages .image-column {max-height: 620px; overflow: hidden}
.y4twocolumnimages .image-column {float: left; width: 65%; position: relative; }
.y4twocolumnimages .image-column .desc, .y4twocolumnimages.bottom.left .image-column .desc {position: absolute; bottom: 5%; z-index: 10; padding: 0 5%}
.y4twocolumnimages.top .image-column .desc {bottom: auto; top: 5%;}
.y4twocolumnimages.right .image-column .desc {text-align: right}
.y4twocolumnimages.center .image-column .desc {text-align: center}
.y4twocolumnimages .image-column .desc p, .y4twocolumnimages .image-column .desc a, .y4twocolumnimages .image-column .desc .title {color: #fff;}
.y4twocolumnimages .image-column .desc .title {text-transform: uppercase; font-size: 24px; font-weight: bold}
.y4twocolumnimages .image-column .image {width: 100%; height: 100%; overflow: hidden}
.y4twocolumnimages .image-column_1 { width: 35%;}
.y4twocolumnimages .image-column .image {background: #000}
.y4twocolumnimages .image-column .image img {width: 100%; height: auto; opacity: 0.9;}


/* y5contentwithcolumn */
.y5contentwithcolumn {position: relative; width: 100%; display: block}
.y5contentwithcolumn .item {margin-bottom: 10%}
.y5contentwithcolumn .column {float: right; width: 70%;}
.y5contentwithcolumn .small.column {float: left; width: 20%;}

/* ==========================================================================
J1 SimpleNewsitems
========================================================================== */
.articles{float:left;  width:100%}
.articles article{float:left;  width:47%;  margin:0 0 5%;  clear:left}
.articles article.right{float:right;  clear:none}
.articles article .image{float:left;  margin:0 3% 1.5% 0}
.articles article h3 a{color:#3f4857}
.articles article .date{color:#94bee5}
.articles article p{overflow:hidden}
.pagination{float:left;  padding:1% 0;  width:100%;  text-align:center}
.pagination ul{display:inline-block;  zoom:1; display:inline}
.pagination ul li{float:left}
.pagination ul li{padding:0 2px}
.pagination a,
.pagination ul li a{color:#94bee5}
.pagination a:hover,
.pagination ul li.active a{color:#000}
.pagination .prev{float:left;  width:80px;  height:10px;  text-align:left}
.pagination .next{float:right;  width:80px;  height:10px;  text-align:right}
.pagination a.inactive{opacity:0.5}
.article article .image{margin:0 0 0.5% 0}

/* share icons */
.share-icons .title{font-weight:bold;  margin-bottom:5px;  color:#000}

/* ==========================================================================
J2 NewsItems
========================================================================== */
.a1paragraph article{margin:0}
.j2newsitem .inner .inner{padding:0}


/* ==========================================================================
O1 Photo & Video Gallery
========================================================================== */
.o1photovideogallery .item {float: left; width: 24%; margin: 0 0.5%}
.o1photovideogallery .item img {width: 100%; height: auto}


.o1photovideogallery .thumbnail {position: relative; z-index:10}
.o1photovideogallery .thumbnail .playbutton{position: absolute; width:100px; height:100px; top:50%; margin-top:-50px; left:50%; margin-left:-50px; font-size: 100px; cursor:pointer;  z-index:101;  position:absolute; color: #fff; text-align: center; line-height: 100px;}


/* ==========================================================================
Z1 Form and default form css
========================================================================== */
.z1form{width:100%;}
.form{margin:0}
.form .general_error{display:none;  color:red}
.form.formerror .general_error{display:block}
.form fieldset{margin:0;  padding:0;  border:0;  display:block}
.form fieldset >legend{font-size:18px;  text-transform:uppercase;  margin:0 0 5px 0;  padding:0;  font-weight:bold}
/*.form fieldset >.text{display:block;  font-size:13px;  padding:0 0 25px 0}*/
.form fieldset >.text p{margin:0;  padding:5px 0}
.form_fields_container {
    display: flex;
    flex-flow: row wrap;
}
.form_fields_container .text {
    width: 100%;
}
.form .form_item { width: 48%;}
.form .form_item.full {width: 100%;}
.form .form_item.file { width: 48%;}
.form .form_item.file input { margin-top: 10px !important;}
/*.form .form_item{display:block;  width:49%;  margin:10px 0 10px 2%;  float:left}
.form .form_item.odd{clear:left;  margin-left:0%}
.form .form_item.full{margin-left:0;  clear:left}*/
.form .form_item.textarea{margin-right:0;  width:100%}
.form .form_label{display:block;  margin:0 0 5px 0}
.form .form_label label{font-size:16px;  line-height:18px}
.form .form_field{display:block}
.form .form_field textarea,
.form .form_field select,
.form .form_field input[type=text]{height:30px;  width:100%;  padding:6px 4px;  font-size:14px;  display:block;  border:0;  background:#e6e9ee;  color:#333;  font-family:Arial,sans-serif}
.form .form_field textarea:focus,
.form .form_field select:focus,
.form .form_field input:focus{-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);  -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);  box-shadow:inset 0 1px 3px rgba(0,0,0,0.2)}
.form .form_field textarea{height:120px;  min-height:120px;  width:100%;  max-width:100%;  min-width:100%}
.form .form_action{width:100%;  margin:20px 0}
.form .form_action button{width:auto;  text-align:center;  cursor:pointer;  font-size:18px; font-weight:bold;  height:42px;  color:#fff;  padding:0 30px;  background:#404757;  border:0;  font-family:Arial,sans-serif}
.form .form_action button:hover{background-color:#3f4857}
.form .form_action button.busy{background-color:#ccc}
.form .form_item .error{display:none; color:#555;  font-size:12px}
.form .form_item.error .error{display:block}
.form .form_item.error .form_label label{color:red}
.form .form_item.error textarea,
.form .form_item.error select,
.form .form_item.error input[type=text]{border:1px solid red}
.form .hcfield{display:none}

/* ==========================================================================
Z2 Form
========================================================================== */
.z2formwithcolumn .formcolumn{float:left;  width:48%}
.z2formwithcolumn .contentcolumn{float:right;  width:48%;  margin:0;  padding:0}

/* ==========================================================================
SPIN Messenger
========================================================================== */
.spinmessengerform { font-family: 'Roboto', Arial, Helvetica, sans-serif; position:relative; }
.spinmessengerform .form-arrow { position:absolute; top:0; right:45px; }
.spinmessengerform .form_item.error input {border: 1px solid red}
.spinmessengerform .form_item.error, .spinmessengerform .general_error {color: red}
.spinmessengerform .general_error {position: relative; display: block; margin: 10px 0;}
.spinmessengerform header h2 { color:#000; font-weight:lighter; font-size:48px; text-align:center; margin:0 0 10px 0; }
.spinmessengerform h3 { color:#777777; font-weight:lighter; text-align:center; font-size:28px; margin:10px 0 60px 0; }
.spinmessengerform .benefits { width:70%; float:left;  margin:0; }
.spinmessengerform .benefits .highlight { width:45%; margin:0 5% 5% 0; }
.spinmessengerform .benefits .highlight .title a { color:#3e4856; font-weight:lighter; font-size:20px; }
.spinmessengerform .benefits .highlight .text p { color:#777; margin-top:10px; font-size:13px; }
.spinmessengerform .benefits .highlight_1, .spinmessengerform .benefits .highlight_3, .spinmessengerform .benefits .highlight_5, .spinmessengerform .benefits .highlight_7, .spinmessengerform .benefits .highlight_9, .spinmessengerform .benefits .highlight_11 { clear:both; }
.spinmessengerform .benefits .highlight .image img { width:80px; }
.spinmessengerform form { width:340px; position:relative; float:right; color:#3e4856; padding:20px; background:#e4ebec; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; }
.spinmessengerform form input { width:100%; height:35px; margin:5px 0 10px 0; background:#fff; border:1px solid #cfdbdc; padding:5px 10px; color:#3e4856; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.spinmessengerform form label { font-size:14px; }
.spinmessengerform form select { width:100%; height:35px; margin:5px 0 10px 0; padding:0 5px; background:#fff; border:1px solid #cfdbdc; color:#3e4856; appearance: menulist-button; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius:5px; }
.spinmessengerform form .form_item.error select {border: 1px solid red}
.spinmessengerform form button { width:100%; height:40px; margin:5px 0 0 0; background:#e44d2a; border:none; color:#fff; font-weight:lighter; font-size:16px; padding:3px 0 0 0; text-transform:uppercase; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.spinmessengerform form h2 { margin:0 0 10px 0; font-weight:normal; font-size:20px; }
.multiple-select-options {color: #777; font-size: 11px; display: block;}
.spinmessengerform form select.multiple {height: auto; line-height: auto; padding: 10px 5px 0; }
.spinmessengerform form select.multiple option {min-height: none; line-height: 1; padding: 3px 5px;}
.spinmessengerform .form .form_item.multi {width: 100%; clear: both}


/* ==========================================================================
Search results on search page
========================================================================== */
.searchresults{display:block;  border-top:1px solid #ddd;  margin:20px 0 0 0}
.searchresults h2{margin:2% 0 1%}
.searchresults .result{padding:15px 0;  display:block;  border-bottom:1px solid #ddd}
.searchresults .result .pagetitle a{font-size:14px;  font-weight:bold;  color:#3f4857}
.searchresults .result .pagetitle a:hover{color:#94bee5}
.searchresults .result .text p{font-size:13px;  line-height:15px;  color:#555}
.searchresults .result .link{font-size:11px;  color:#999;  text-decoration:underline}
.searchresults .result .link a{color:#94bee5}
.searchresults .result .link a:hover{color:#3f4857}
.searchform{display:block;  margin:20px 0}
.searchform input[type=text]{width:200px;  height:42px;  border:1px solid #ccc;  background:#fff;  color:#555;  padding:5px 3px;  display:block;  float:left}
.searchform button{height:42px;  width:auto;  color:#fff;  border-radius:0;  border-top-right-radius:5px;  border-bottom-right-radius:5px;  padding:5px 15px;  display:block;  float:left;  background:#3f4857}
.searchform button:hover{background:#94bee5}


/* ==========================================================================
Lightbox
========================================================================== */
.lb-overlay {background:#000; width:100%; height:100%; opacity:0.75; min-height:100%; z-index:1000; position:fixed; top:0; left:0; }
.lb-wrapper {z-index:1001; width: 90%; max-width: 750px; margin:50px auto 0 auto; position:fixed; left:0; right:0; }
.lb-box {background:#FFF; padding:23px; }
.lb-box .b1image .image img {width: auto;}
.lb-box .body .cblock {padding: 0;}
.lb-box .close {position:absolute; top:2px; right:5px; cursor:pointer; font-size: 20px; transition:all 0.3s ease-in-out; color: #3f4857}
.lb-box .close:hover {color: #94bee5}
.lb-box .inner {padding: 0;}


/* ==========================================================================
Footer
========================================================================== */
.footer-container{width:100%; margin:0 auto; max-width:1600px; position: relative}
.footer-container .footer-columns .column {float: left; padding-top: 5%;}
.footer-container .footer-columns .column a, .footer-container h3 {color: #3e4856}
.footer-container h3 {text-transform: uppercase; font-size: 16px;}
.footer-container .footer-columns_1 .column {width: 100%;}
.footer-container .footer-columns_2 .column {width: 50%;}
.footer-container .footer-columns_3 .column {width: 33.333%;}
.footer-container .footer-columns_4 .column {width: 25%;}
.footer-container .footer-columns_5 .column {width: 20%;}
.footer-container .b1image {float: left; margin-left: 10px;}
.footer-container .b1image img {width: auto;}
.footer-container .column .socialmedia {float: left; clear: left}
.footer-container .bottom-column .fa {font-size: 18px; vertical-align: middle;margin-right: 5px;}

/* ==========================================================================
Helper classes
========================================================================== */
::-moz-selection{background:#b3d4fc;  text-shadow:none}
::selection{background:#b3d4fc;  text-shadow:none}
img{vertical-align:middle}
fieldset{border:0;  margin:0;  padding:0}
textarea{resize:vertical}
.chromeframe{margin:0.2em 0;  background:#ccc;  color:#000;  padding:0.2em 0}
.ir{background-color:transparent;  border:0;  overflow:hidden;  *text-indent:-9999px}
.ir:before{content:"";  display:block;  width:0;  height:150%}
.hidden{display:none !important;  visibility:hidden}
.visuallyhidden{border:0;  clip:rect(0 0 0 0);  height:1px;  margin:-1px;  overflow:hidden;  padding:0;  position:absolute;  width:1px}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;  height:auto;  margin:0;  overflow:visible;  position:static;  width:auto}
.invisible{visibility:hidden}
.clearfix:before,
.clearfix:after{content:"";  display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}


/* spin icon  on the right */
.spinicon {float: right; width:17px; position: relative; top: 25px; height:15px;display:block;cursor:pointer;}
.spinicon>a {padding:2px 25px 0 0; color: #16a0c2 !important; right:0;top:0;text-decoration:none;font-size:11px;line-height:12px;font-family:Arial,sans-serif;position:absolute;z-index:3;display:none;white-space:nowrap; -moz-transition-duration:0s;-webkit-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.spinicon>a:hover {}

/* spin icon on the left
.spinicon {float:left;width:20px;height:17px;display:block;position:relative;background:url('/images/spin-internet-media-curacao-icon.png') 0 0 no-repeat;background-size:100% auto;cursor:pointer;}
.spinicon>a {padding:2px 0 0 25px;color:#333;left:0;top:0;text-decoration:none;font-size:11px;line-height:12px;font-family:Arial,sans-serif;position:absolute;z-index:3;display:none;white-space:nowrap;}
*/