/* Theme Name: Bureau Vet Theme URI: http://www.bureauvet.nl/ Author: Bureau Vet Author URI: http://www.bureauvet.nl/ Description: This theme is created by Bureauvet Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Text Domain: Bureau Vet */ @font-face { font-family: Rajawalite; src: url(/wp-content/themes/bureauvet/fonts/Rajawalite.ttf); font-weight: normal; } @font-face { font-family: Glypha; src: url("/wp-content/themes/bureauvet/fonts/GlyphaLTStd-Light.otf") format("opentype"); font-weight: 300; } /* @font-face { font-family: Glypha; src: url("/wp-content/themes/bureauvet/fonts/GlyphaLTStd.otf") format("opentype"); } */ /*** Reset ***/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;} html{ scroll-behavior: smooth; } /*** admin ***/ body {} /*** Globals ***/ body {font-family: 'Source Sans Pro', sans-serif; line-height: 26px; font-size: 16px; color:#13100d; overflow-x: hidden;} * {box-sizing: border-box;} h1{font-size:25px; line-height: 28px; font-weight:400; margin-bottom:20px; font-family: 'Muli', sans-serif; text-transform: uppercase;} h2{font-size:25px; line-height: 28px; font-weight: 400; color:#35bcdc; margin-bottom: 14px; font-family: 'Muli', sans-serif; text-transform: uppercase;} h3{font-size:20px; line-height: 26px; font-weight:bold; color:#35bcdc; margin-bottom: 8px; font-weight:600;} h4,h5{font-size:15px; line-height: 25px; font-weight:bold; color:#35bcdc; margin-bottom: 8px; font-weight:600;} strong, b {font-weight: bold;} i, em {font-style: italic;} p{margin:0 0 30px 0;} a{color:#13100d; cursor: pointer; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;} img{display: block;max-width:100%;height:auto;border:0;margin:0;padding:0;} ul{padding:0 0 0 25px; margin-bottom: 30px;list-style-type:disc;} ul li{} ol{padding:0 0 0 25px; margin-bottom: 30px;list-style-type:decimal;} ol li{} sub {vertical-align: sub;font-size: smaller;} sup {vertical-align: super;font-size: smaller;} small{font-size:80%;} #cookie-notice{box-shadow:0 0 20px rgba(255,255,255,0.2);} #cookie-notice #cn-notice-text{vertical-align:middle;} #cookie-notice a{color:#fff; text-decoration:underline;} #cookie-notice .button{padding: 5px 6px;border-radius: 2px;background:transparent; box-shadow:0 0 0 1px #fff;text-decoration:none;font-size: 13px;line-height: normal;vertical-align: middle;height: auto;} #cookie-notice .button:hover{background-color:#fff; color:#13100d;} blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding:0.5em 10px 0.5em 40px;quotes: "\201C""\201D""\2018""\2019";position: relative;} blockquote:before {color: #ccc;content: open-quote;font-size: 70px;line-height: 30px;position: absolute;left: 4px;top: 20px;} blockquote p {display: inline;} .container table{min-width:500px; border: 1px dashed #bbb; margin:0 0 30px 0;} .container table td{padding:5px; border:1px dashed #bbb;} /*** buttons ***/ .btn, input[type=submit]{font-family: 'Muli', sans-serif;font-size: 16px;line-height: 26px;color:#fff;background: #35bcdc;font-weight: 400;padding: 12px 26px;text-decoration:none;text-transform: uppercase;display:inline-block;border:0;border-radius:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .btn:hover, input[type=submit]:hover{background-color: #2baac7;} .btn.invert{background-color:#000; color:#fff;} .btn.invert:hover{background-color:#444;} .btn.white{background-color:#fff; color:#13100d;} .btn.white:hover{background-color: #f1f1f1;} .btn.white.outline{background-color:transparent; box-shadow:inset 0px 0px 0px 1px #fff; color:#fff;} .btn.white.outline:hover{background-color:#fff; box-shadow:inset 0px 0px 0px 1px #fff; color:#13100d;} .btn.black.outline{background-color:transparent; box-shadow:inset 0px 0px 0px 1px #13100d; color:#13100d;} .btn.black.outline:hover{background-color:#13100d; box-shadow:inset 0px 0px 0px 1px #13100d; color:#fff;} .btn+.btn{margin-left:10px;} .edit-link {display: block; width: 100%; clear: both; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px;} .edit-link a { text-decoration: none; color:#e30612; display: block; width: 100%;padding: 10px;} .edit-link:hover {background:#f5f5f5;} /*** Forms***/ input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], textarea, select:not([class*="ui-datepicker"]) {display: block;width: 100%;padding: 10px;background: #ffffff;font-family: 'Source Sans Pro', sans-serif;color:#444;font-size: 16px;line-height: normal;border:0;border-radius:0;box-shadow: 0px 0px 0px 1px #bbbbbb inset;-webkit-appearance:none;-moz-appearance:none; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} select::-ms-expand {display: none;} input[type=submit] {border: none;} textarea {height: 220px; max-width:100%;} select:not([class*="ui-datepicker"]) {margin-bottom: 0; padding-right:36px;background-image: url(images/select.svg);background-repeat: no-repeat;background-position: right center;} input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="submit"]:focus, textarea:focus, select:focus{outline:none;box-shadow: 0px 0px 0px 1px #bbbbbb inset, 0px 0px 3px 0px rgba(0,0,0,0.5);} input[type="checkbox"]{display:none;} input[type="checkbox"] + label{cursor:pointer;display: inline-block;padding-left: 24px;position:relative;} input[type="checkbox"] + label:before{content:'';display:block;width: 16px;height: 16px;background: url(images/checkbox.svg) no-repeat center 16px #fff;box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.4) inset;position:absolute;left:0;top: 50%;margin-top: -8px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} input[type="checkbox"]:checked + label:before{background-position:center center;} input[type="checkbox"][disabled="disabled"] + label{opacity:.5;} input[type="radio"]{display:none;} input[type="radio"] + label{cursor:pointer;display: inline-block;padding-left: 24px;position:relative;} input[type="radio"] + label:before{content:'';display:block;width: 16px;height: 16px;border-radius: 100%;background: #fff;box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.4) inset;position:absolute;left:0;top: 50%;margin-top: -8px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} input[type="radio"]:checked + label:before{background-position:center center;box-shadow: 0px 0px 0px 1px rgb(153, 153, 153) inset, 0px 0px 0px 3px rgb(255, 255, 255) inset, 0px 0px 0px 10px rgb(53, 188, 220) inset;} input[type="radio"][disabled="disabled"] + label{opacity:.5;} /*** SlickNav Responsive Mobile Menu v1.0.3 ***/ .slicknav_menu:after,.slicknav_menu:before{display:table;content:" "} .slicknav_menu .slicknav_btn,.slicknav_menu .slicknav_nav .slicknav_item{cursor:pointer} .slicknav_menu,.slicknav_menu *{box-sizing:border-box} .slicknav_menu .slicknav_nav,.slicknav_menu .slicknav_nav ul{padding:0;list-style:none;overflow:hidden} .slicknav_menu .slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em} .slicknav_menu .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em} .slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000} .slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em} .slicknav_menu .slicknav_no-text{margin:0} .slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)} .slicknav_menu:after{clear:both} .slicknav_menu .slicknav_nav li,.slicknav_nav ul{display:block} .slicknav_menu .slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em;padding: 5px 0px;width: 50px;text-align: center;position: absolute;top: 0;right: 0;border-left: 1px solid #e5e5e5; font-family: "Times New Roman", Georgia, Serif;} .slicknav_menu .slicknav_nav .slicknav_item a{display:block;} .slicknav_menu .slicknav_nav .slicknav_row,.slicknav_nav a{display:block;position:relative;} .slicknav_menu .slicknav_nav .slicknav_parent-link a{display:inline} .slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px} .slicknav_menu .slicknav_icon-bar{background-color:#fff} .slicknav_menu .slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222} .slicknav_menu .slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em} .slicknav_menu .slicknav_nav ul{margin:0 0 0 20px} .slicknav_menu .slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px} .slicknav_menu .slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff} .slicknav_menu .slicknav_nav a{text-decoration:none;color:#fff} .slicknav_menu .slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222} .slicknav_menu .slicknav_nav .slicknav_txtnode{margin-left:15px} .slicknav_menu .slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}. .slicknav_menu .slicknav_nav .slicknav_arrow{font-family:arial;} .slicknav_menu {display:none; position:relative; top: 0; width:100%; background-color:rgba(255,255,255,0.95); z-index: 9999; -webkit-transition: top 0.2s ease-in-out;-moz-transition: top 0.2s ease-in-out;-ms-transition: top 0.2s ease-in-out;-o-transition: top 0.2s ease-in-out;transition: top 0.2s ease-in-out;} .slicknav_menu .slicknav_btn{background:#35bcdc; border-radius: 0; padding: 12px; margin:5px;height:36px;} .slicknav_menu .slicknav_nav a{outline:none; color:#444; font-size: 17px; line-height: 40px} .slicknav_menu .slicknav_nav a .expert-items:after{content:''; display:table; clear:both;} .slicknav_menu .slicknav_nav a .svg-icon{display:inline-block;float:left;margin: 0 10px 0 0;line-height: normal;} .slicknav_menu .slicknav_nav a .svg-icon svg{display:block;} .slicknav_menu .slicknav_nav a .desc{line-height:normal;} .slicknav_menu .slicknav_nav a .menu-title{display:block; font-weight:bold;} .slicknav_menu .slicknav_nav a .menu-desc{display:block;} .slicknav_menu .slicknav_nav a:hover{background:#35bcdc; color:#fff;border-radius:0;} .slicknav_menu .slicknav_nav .current-menu-item > a, .slicknav_menu .slicknav_nav .current-page-ancestor > a, .slicknav_menu .slicknav_nav .current-page-ancestor > a > a, .slicknav_menu .slicknav_nav .current-menu-ancestor > a, .slicknav_menu .slicknav_nav .current-menu-ancestor > a > a, .slicknav_menu .slicknav_nav .current_page_ancestor > a, .slicknav_menu .slicknav_nav .current_page_ancestor > a > a, body.post-5587 .slicknav_menu .slicknav_nav .current_page_parent > a{background:#35bcdc; color:#fff;} .slicknav_menu .slicknav_nav li > a .fill{fill:#000;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .slicknav_menu .slicknav_nav li > a:hover .fill, .slicknav_menu .slicknav_nav li[class*="current"] > a .fill{fill:#fff;} .slicknav_menu .current-menu-item > a > a{color:#35bcdc; color:#fff;} .slicknav_menu .slicknav_menutxt{text-shadow:0 0 0;} .slicknav_menu .logo{float:left;} .slicknav_menu .logo svg{display:block; height:46px; width:168px;} .slicknav_menu .logo a svg .logo-color-white{fill:#ffffff;} .slicknav_menu .logo a svg .logo-color-accent{fill:#3abddc;} .slicknav_menu .logo a svg .logo-color-gray{fill:#13100d;} body.red .slicknav_menu .logo a svg .logo-color-accent{fill: #dd4f3f;} body.red .slicknav_menu .slicknav_btn, body.red .slicknav_menu .slicknav_nav a:hover, body.red .slicknav_menu .slicknav_nav .current-menu-item > a, body.red .slicknav_menu .slicknav_nav .current-page-ancestor > a, body.red .slicknav_menu .slicknav_nav .current-page-ancestor > a > a, body.red .slicknav_menu .slicknav_nav .current-menu-ancestor > a, body.red .slicknav_menu .slicknav_nav .current-menu-ancestor > a > a, body.red .slicknav_menu .slicknav_nav .current_page_ancestor > a, body.red .slicknav_menu .slicknav_nav .current_page_ancestor > a > a, body.red .slicknav_menu .slicknav_nav .slicknav_row:hover, body.red .slicknav_nav .current-menu-parent > a{background-color: #dd4f3f;} body.yellow .slicknav_menu .logo a svg .logo-color-accent{fill: #d7b72d;} body.yellow .slicknav_menu .slicknav_btn, body.yellow .slicknav_menu .slicknav_nav a:hover, body.yellow .slicknav_menu .slicknav_nav .current-menu-item > a, body.yellow .slicknav_menu .slicknav_nav .current-page-ancestor > a, body.yellow .slicknav_menu .slicknav_nav .current-page-ancestor > a > a, body.yellow .slicknav_menu .slicknav_nav .current-menu-ancestor > a, body.yellow .slicknav_menu .slicknav_nav .current-menu-ancestor > a > a, body.yellow .slicknav_menu .slicknav_nav .current_page_ancestor > a, body.yellow .slicknav_menu .slicknav_nav .current_page_ancestor > a > a, body.yellow .slicknav_menu .slicknav_nav .slicknav_row:hover, body.yellow .slicknav_nav .current-menu-parent > a{background-color: #d7b72d;} .slicknav_menu .slicknav_nav .slicknav_row:hover, .slicknav_nav .current-menu-parent > a{border-radius:0; background:#3abddc;} .slicknav_menu .slicknav_nav .current-menu-parent > a, .slicknav_nav .current-menu-parent > a > a{color:#fff;} .slicknav_menu .slicknav_nav .slicknav_row:hover > a{background:none;color: #fff;} .slicknav_menu .slicknav_btn .slicknav_icon span{-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;box-shadow: 0 0 0;} .slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon span:nth-child(1){-webkit-transform:translateY(5px) rotate(45deg);-moz-transform:translateY(5px) rotate(45deg);-ms-transform:translateY(5px) rotate(45deg);-o-transform:translateY(5px) rotate(45deg);transform:translateY(5px) rotate(45deg);} .slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon span:nth-child(2){opacity:0;} .slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon span:nth-child(3){-webkit-transform:translateY(-5px) rotate(-45deg);-moz-transform:translateY(-5px) rotate(-45deg);-ms-transform:translateY(-5px) rotate(-45deg);-o-transform:translateY(-5px) rotate(-45deg);transform:translateY(-5px) rotate(-45deg);} .slicknav_menu.nav-up {top: -56px;} .slicknav_menu a.main {float: left;line-height: 50px;color: #fff;text-decoration: none;font-weight: 600;margin: 0 20px 0 5px;font-size: 20px;} .slicknav_menu > .wpml-ls{position: absolute; top:12px; right:64px;} /*** Default container settings ***/ .clr {clear: both;} .clrfix:after {content:''; display:table; clear: both;} .container {max-width: 1170px; width: 90%; position: relative; margin: 0 auto;} .container.xxsmall {max-width: 470px;} .container.xsmall {max-width: 740px;} .container.small {max-width: 960px;} .container.large {max-width: 1300px;} .container.xlarge {max-width: 1500px; } .container.full {max-width: inherit; width: 100%;} /*** Default image align ***/ .aligncenter {display: block;margin-left: auto;margin-right: auto;} .alignleft {float: left;margin: 0.5em 1em 0.5em 0;} .alignright {float: right;margin: 0.5em 0 0.5em 1em;} /* announcement */ #announcement{padding:20px 0; background:#e9465e; color:#fff; font-size:14px; line-height:20px;} #announcement *:not(.btn){color:#fff;} #announcement .inner{position:relative;padding-left:40px;} #announcement .inner:before{content:'!';display:inline-block;width:30px;height:30px;background:#fff;border-radius:100%;color:#e9465e;text-align:center;line-height:30px;font-weight:bold;font-size:24px;position:absolute;top:-6px;left: 0;} #announcement .inner p{margin:0 0 14px 0;} #announcement .inner p:last-child{margin-bottom:0;} /*** Head ***/ /* #head{position: relative;width:100%; z-index: 100;background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 20px rgba(0,0,0,0.1);} */ /* #head:before{content:'';position:absolute;top:0;left:0;right:0;height: 69px;background:#eef6f9;z-index: 1;} */ /* #head:after{content:'';position: absolute;top: 100%;left: 0;right: 0;height: 4px;background: url(images/head-balk.png) repeat top center;background-size: cover;} */ /*#head .container {height: 115px;*//* margin-bottom:-102px; */ /*z-index: 20;}*/ /* #head .logo {float: left;display: block;margin: 12px; position: relative; z-index: 2;} */ #head .logo a{display:block;} #head .logo a svg .logo-color-white{fill:#ffffff;} #head .logo a svg .logo-color-accent{fill:#3abddc;} #head .logo a svg .logo-color-gray{fill:#13100d;} #head .top {position: absolute; right: 10px; top: 10px; font-size: 13px;} #head .top .top-menu {display: inline-block; vertical-align: top;} #head .top .top-menu ul {padding: 0; } #head .top .top-menu ul li {list-style-type: none; display: block;padding: 0; margin: 0 0 0 20px; float:left; } #head .top .top-menu ul li a{display:block;height:30px;line-height:30px;padding: 0;color: #1989a3;text-decoration:none;font-weight:600;text-transform:uppercase;} #head .top .top-menu ul li[class*="current"] a, #head .top .top-menu ul li a:hover{color:#000;} #head .top .top-menu ul li.order-online a{color: #fff;padding:0 38px 0 12px;background: #35bcdc;position:relative;} #head .top .top-menu ul li.order-online[class*="current"] a, #head .top .top-menu ul li.order-online a:hover{color:#fff; background-color:#2baac7;} #head .top .top-menu ul li.order-online a .icon{position:absolute;top: 3px;right: 11px;} #head .top .top-menu ul li ul{display:none;} #head .top .widget {display: inline-block; vertical-align: middle;} #head .top .widget #searchform {margin-left: 20px;} #head .top .widget #searchform label {display: none;} #head .top .widget #searchform input[type='text'] {width: 190px;float: left;outline:none;padding: 5px 10px;line-height: normal;height: 30px;} #head .top .widget #searchform input[type='text']:focus{box-shadow:inset 0px 0px 0px 1px #2baac7;} #head .top .widget #searchform input[type='submit'] {display:block; width:30px; height:30px; padding:0; margin:0; background:url(images/search-top.svg) center center no-repeat #13100d; border:0; outline:none;} #head .top .widget #searchform input[type='submit']:hover{background-color: #000;} #head .top .widget #searchform span {cursor: pointer;height: 30px;background-color: #13100d;width: 30px;line-height: 30px;display: block;float: right;text-align:center;color: #fff;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;display:none;} .admin-bar .wpml-ls{display:inherit;} .wpml-ls{display:none; margin:0 0 0 20px;} .wpml-ls ul{margin:0; padding:0; list-style-type: none;} .wpml-ls ul li{margin:0; padding:0; display:block; vertical-align:top;} .wpml-ls ul li a{display:block; vertical-align:top; line-height:30px;text-decoration:none; color:#292929;} .wpml-ls > ul{} .wpml-ls > ul > li{position:relative;} .wpml-ls > ul > li > a{padding: 0px 35px 0 10px;position:relative;} .wpml-ls > ul > li > a:after{content:'';display:block;width:7px;height:7px;border:1px solid #292929;border-bottom:0;border-left:0;position:absolute;top:50%;right: 16px;margin-top: -5px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .wpml-ls > ul > li > a.open:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .wpml-ls > ul > li > a img{padding: 0;display: inline-block;vertical-align: middle;} .wpml-ls > ul > li > a .wpml-ls-native, .wpml-ls > ul > li > a .wpml-ls-display{display:inline-block;vertical-align:middle;margin: 0 0 0 10px;} .wpml-ls > ul > li > ul{display:none;position:absolute;width: 100%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index: 2;} .wpml-ls > ul > li > ul > li > a{padding: 5px 35px 5px 10px;position:relative;white-space: nowrap;} .wpml-ls > ul > li > ul > li > a:after{content:'';display:block;width:5px;height:5px;border:1px solid #292929;border-bottom:0;border-left:0;position:absolute;top:50%;right: 16px;margin-top: -3px;opacity: 0;-webkit-transform: translateX(-10px) rotate(45deg);-moz-transform: translateX(-10px) rotate(45deg);-ms-transform: translateX(-10px) rotate(45deg);-o-transform: translateX(-10px) rotate(45deg);transform: translateX(-10px) rotate(45deg);-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .wpml-ls > ul > li > ul > li > a:hover:after{-webkit-transform: translateX(0px) rotate(45deg);-moz-transform: translateX(0px) rotate(45deg);-ms-transform: translateX(0px) rotate(45deg);-o-transform: translateX(0px) rotate(45deg);transform: translateX(0px) rotate(45deg);opacity: 1;} .wpml-ls > ul > li > ul > li > a img{display: inline-block;vertical-align: middle;padding:4px 0;} .wpml-ls > ul > li > ul > li > a .wpml-ls-native, .wpml-ls > ul > li > ul > li > a .wpml-ls-display{display:inline-block;vertical-align:middle;margin: 0 0 0 10px;} /*** Main menu ***/ /* #head .mainmenu {position: absolute;right: 0px;width: 100%;text-align: right;bottom: 0;padding: 0 10px 0 0;} */ #head .mainmenu ul.menu {margin-bottom: 0; padding: 0} #head .mainmenu ul.menu li{list-style-type: none; display: inline-block; margin-left: 10px; position: relative; padding-bottom: 10px;} #head .mainmenu ul.menu li.hide{display:none;} #head .mainmenu ul.menu li a{font-size: 16px;text-decoration: none;padding: 0 5px;display:block;color: #6a6a6a;text-align: left;} #head .mainmenu ul.menu > li[class*="current"] > a{color:#42bdda;} #head .mainmenu ul.menu .current-menu-item > a, #head .mainmenu ul.menu .current-page-ancestor > a {text-decoration: underline} #head .mainmenu ul.menu > li > ul{position: absolute;margin: 0;padding: 10px;left: -5px;background: rgba(53,188,220,0.95);margin-top: 0;z-index:9; opacity:0; visibility: hidden; -webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #head .mainmenu ul.menu > li > ul > li{min-width: 200px;} #head .mainmenu ul.menu > li:hover > ul{opacity:1; visibility:visible; -webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);} #head .mainmenu ul.menu li ul li{margin-left: 0; margin-right: 0; padding-left: 0; padding-bottom: 0; display: block; } #head .mainmenu ul.menu li ul li a{padding: 2px 0; color:#fff; text-transform:inherit;} #head .mainmenu ul.menu > li ul{padding: 30px 30px 30px 20px;} #head .mainmenu ul.menu > li ul li:not(:last-child){margin:0 0 14px 0} #head .mainmenu ul.menu > li ul li a{font-size: 15px;font-weight: 600;padding: 2px 0px 2px 18px;line-height: 16px;position: relative;} #head .mainmenu ul.menu > li ul li a:after{content:'';display:block;width: 0;height: 0;border-style: solid;border-width: 4px 0 4px 6px;border-color: transparent transparent transparent #ffffff;position: absolute;top: 7px;left: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #head .mainmenu ul.menu li ul li ul{display: none; position: absolute; left: 100%; top:-20px; width: 100%; background: #fff;background: rgba(53,188,220,0.95);z-index:999;} #head .mainmenu ul.menu li ul li:hover > ul {display: block;} #head .mainmenu ul.menu li ul li ul li ul {display: none; position: absolute; left: 100%; top:-20px; width: 100%; background: #fff;background: rgba(53,188,220,0.95);z-index:999 } #head .mainmenu ul.menu li ul li ul li:hover > ul {display: block;} #head .mainmenu ul.menu li.blog a{font-weight:900;color:#35bcdc;} @-webkit-keyframes scale { 0%, 20%, 50%, 80%, 100% { -webkit-transform: scale(1); } 40% { -webkit-transform: scale(0.9); } 60% { -webkit-transform: scale(1); } } @-moz-keyframes scale { 0%, 20%, 50%, 80%, 100% { -moz-transform: scale(1); } 40% { -moz-transform: scale(0.9); } 60% { -moz-transform: scale(1); } } @keyframes scale { 0%, 20%, 50%, 80%, 100% { transform: scale(1); } 40% { transform: scale(0.9); } 60% { transform: scale(1); } } /*** Search results ***/ #search-results h1 {margin-bottom: 30px;} #search-results ul {padding: 0; float: left; max-width:100%;} #search-results ul li {list-style: none; float: left; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; padding-bottom: 20px; } #search-results ul li .link {display: block; opacity: 0.7; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;} #search-results ul li a {color: inherit;text-decoration: none;} #search-results ul li a img {float: left; width: 30%; } #search-results ul li .content {float: left; width: 100%;} #search-results ul li strong.search-excerpt { } #search-results ul li.image .content{width: 70%; padding-left: 20px} #search-results ul li .read-more {display: block; color: #35bcdc; margin-top:5px;font-weight: 600;} .search-no-results #search-results{text-align:center;} #search-results .searchform{max-width:350px; margin:0 auto 40px auto;} #search-results .searchform form{position:relative;} #search-results .searchform form label {display: none;} #search-results .searchform form input[type='submit'] {display:block; width:40px; height:40px; position:absolute; top:0; right:0; padding:0; background-image:url(images/search-page.svg); background-position: center center; background-repeat:no-repeat;} #search-results .searchform form input[type='text']{float:left;width: 100%; padding-right:50px;} #search-results .searchform form span.fakeInput {width: 30px;height: 32px;line-height:32px;position:absolute; top:0; right:0; background-color: #e30612;float:right;cursor: pointer;text-align:center;color: #fff;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;display:none;} #search-results .searchform form span.fakeInput:hover {opacity:0.8;} /*** 404 ***/ body.error404 #breadcrumbs{display:none;} body.error404 #breadcrumbs + .container{padding:40px 0; text-align:center;} /*** Default header ***/ #header-img {height: 200px; margin-bottom: 0; background-size: cover; background-position: center center;} #header-img .container {display: table; max-width: 1170px; margin: 0 auto; width: 90%; height: 100%;} #header-img .container h1 {display: table-cell; vertical-align: middle; text-align: left; color:#fff} #header{min-height:220px;position: relative;z-index: 2;} #header .header-img{height: 180px;background-position:center center;background-size:cover;position: absolute;top: 0;left: 0;width: 100%;} #header .wrapper{padding-top: 85px;margin-right: 50%;} #header .wrapper .inner{background: #013754;min-height: 135px;padding: 45px 40px;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);} #header .wrapper .inner h1{color:#fff; text-transform:uppercase; text-overflow: ellipsis; overflow:hidden;} #intro{margin: 0px 0 70px;} /*** Blog index.php ***/ #intro .filter{margin:0 0 20px 0;} #intro .filter.hide{display:none;} #intro .filter form ul h4{display:none;} #intro .filter form ul{margin:0; padding:0;} #intro .filter form ul li{margin:0; padding:0;} #intro .filter form ul li.sf-field-category > ul > li, #intro .filter form ul li[class^="sf-field-taxonomy"] > ul > li{display:inline-block;} #intro .filter form ul li.sf-field-category > ul > li > label, #intro .filter form ul li[class^="sf-field-taxonomy"] > ul > li > label{display: block;margin:4px 6px;padding:10px 14px;background:#a9aaaa;color:#fff;font-size:13px;text-transform:uppercase;line-height:normal;} #intro .filter form ul li.sf-field-category > ul > li > label:before, #intro .filter form ul li[class^="sf-field-taxonomy"] > ul > li > label:before{display:none;} #intro .filter form ul li.sf-field-category > ul > li > input[type="checkbox"]:checked + label, #intro .filter form ul li[class^="sf-field-taxonomy"] > ul > li > input[type="checkbox"]:checked + label{background:#35bcdc;} /*** Social media ***/ .sm a{} .sm a{margin:0 3px; border-radius:100%; display:inline-block; width: 34px; height:34px; background-color:#35bcdc; background-image:url(images/socialmedia_34x34.svg); background-position:left center; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .sm a span{border-radius:100%; display:inline-block; width: 34px; height:34px; background-image:url(images/socialmedia_34x34.svg); background-position:left center; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .sm a.facebook{background-position:0px center;} .sm a.twitter{background-position:-34px center;} .sm a.pinterest{background-position:-68px center;} .sm a.google_plus{background-position:-102px center;} .sm a.yt{background-position:-204px center;} .sm a.linkedin{background-position:-136px center;} .sm a.instagram{background:url(images/instagram_bg.png) bottom center #35bcdc; background-size: 100% auto;} .sm a.instagram span{background-position:-170px center;} .sm a:hover.facebook{background-position:0 34px; background-color:#3e5193!important;} .sm a:hover.twitter{background-position:-34px 34px; background-color:#95d6fd!important;} .sm a:hover.pinterest{background-position:-68px 34px; background-color:#bd081c!important;} .sm a:hover.google_plus{background-position:-102px 34px; background-color:#dc4e41!important;} .sm a:hover.yt{background-position:-204px 34px; background-color:#dc4e41!important;} .sm a:hover.linkedin{background-position:-136px 34px;background-color:#0065a1!important;} .sm a:hover.instagram{background-position:top center;} .sm a:hover.instagram span{background-position:-170px 34px;background-color:transparent!important;} /*** breadcrumbs ***/ /* #breadcrumbs, #flex-content .wrap.breadcrumbs {margin: 0; padding:40px 0 25px 0; font-size: 12px;} */ #breadcrumbs a, #flex-content .wrap.breadcrumbs a{color: #13100d; text-decoration: none;} #breadcrumbs a:hover, #flex-content .wrap.breadcrumbs a:hover {text-decoration: underline;} #breadcrumbs strong, #flex-content .wrap.breadcrumbs strong {color:#35bcdc; } #breadcrumbs .breadcrumb_last{color:#35bcdc;} /*** Flex content ***/ #flex-content .wrap{padding:100px 0;} #flex-content .wrap.none, #flex-content .white_space.none{background-color:transparent;} #flex-content .wrap.white, #flex-content .white_space.white, #flex-content .white.bg:before, .flex_color_white{background-color:#fff;} #flex-content .wrap.lightgray, #flex-content .white_space.lightgray, #flex-content .lightgray.bg:before, .flex_color_lightgray{background-color:#f5f5f5;} #flex-content .wrap.darkgray, #flex-content .white_space.darkgray, #flex-content .darkgray.bg:before, .flex_color_darkgray{background-color:#eaeaea;} #flex-content .wrap.black, #flex-content .white_space.black, #flex-content .black.bg:before, .flex_color_black{background-color:#000;} #flex-content .wrap.accent, #flex-content .white_space.accent, #flex-content .accent.bg:before, .flex_color_accent{background-color: #014b78; color:#fff;} #flex-content .wrap.accent h1, #flex-content .wrap.accent h2, #flex-content .wrap.accent h3, #flex-content .wrap.accent h4, #flex-content .wrap.accent h5, #flex-content .wrap.accent a:not(.btn){color:#fff;} #flex-content .bgcolor.transparent{background:transparent;} #flex-content .bgcolor.white{background:#fff;} #flex-content .bgcolor.img.white{background:rgba(255,255,255,0.8);} #flex-content .bgcolor.lightgray{background:#f5f5f5;} #flex-content .bgcolor.img.lightgray{background:rgba(243, 243, 243, 0.8);} #flex-content .bgcolor.darkgray{background:#3b3b3b;} #flex-content .bgcolor.img.darkgray{background:rgba(59, 59, 59, 0.8);} #flex-content .bgcolor.accent{background:#014b78;} #flex-content .bgcolor.img.accent{background:rgba(0, 56, 90, 0.8);} #flex-content .wrap.flex_header .bg{position:relative;} #flex-content .wrap.flex_header .bg.opacity0:before, #flex-content .wrap.flex_header .bg.opacity0 .custom_bg_color, #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color.opacity0{opacity:0;} #flex-content .wrap.flex_header .bg.opacity10:before, #flex-content .wrap.flex_header .bg.opacity10 .custom_bg_color, #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color.opacity10{opacity:0.1;} #flex-content .wrap.flex_header .bg.opacity20:before, #flex-content .wrap.flex_header .bg.opacity20 .custom_bg_color, #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color.opacity20{opacity:0.2;} #flex-content .wrap.flex_header .bg.opacity30:before, #flex-content .wrap.flex_header .bg.opacity30 .custom_bg_color, #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color.opacity30{opacity:0.3;} #flex-content .wrap.flex_header .bg.opacity40:before, #flex-content .wrap.flex_header .bg.opacity40 .custom_bg_color, #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color.opacity40{opacity:0.4;} #flex-content .wrap.flex_header .bg.opacity50:before, #flex-content .wrap.flex_header .bg.opacity50 .custom_bg_color, #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color.opacity50{opacity:0.5;} #flex-content .wrap.flex_header .bg.opacity60:before, #flex-content .wrap.flex_header .bg.opacity60 .custom_bg_color, #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color.opacity60{opacity:0.6;} #flex-content .wrap.flex_header .bg.opacity70:before, #flex-content .wrap.flex_header .bg.opacity70 .custom_bg_color, #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color.opacity70{opacity:0.7;} #flex-content .wrap.flex_header .bg.opacity80:before, #flex-content .wrap.flex_header .bg.opacity80 .custom_bg_color, #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color.opacity80{opacity:0.8;} #flex-content .wrap.flex_header .bg.opacity90:before, #flex-content .wrap.flex_header .bg.opacity90 .custom_bg_color, #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color.opacity90{opacity:0.9;} #flex-content .wrap.flex_header .bg.opacity100:before, #flex-content .wrap.flex_header .bg.opacity100 .custom_bg_color, #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color.opacity100{opacity:1;} #flex-content .wrap.flex_header .bg:before, #flex-content .wrap.flex_header .bg .custom_bg_color{content:''; position:absolute; top:0; right:0; bottom:0; ;left:0;} #flex-content .wrap.flex_header .flex_fix{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;} #flex-content .wrap.flex_header .wrap_content{margin:0;padding:0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;} #flex-content .wrap.flex_header .wrap_content .content{display:inline-block; position:relative;} #flex-content .wrap.flex_header .wrap_content .content .custom_block_bg_color{position:absolute; top:0; right:0; bottom:0; left:0;} #flex-content .wrap.flex_header .wrap_content .content .inner_content{position:relative; z-index:2; width:100%;} #flex-content .wrap.flex_header .wrap_content .content.light{background-color:#fff;} #flex-content .wrap.flex_header .wrap_content .content.dark{background-color:#333;} #flex-content .wrap.flex_header .wrap_content .content.lighttransparent{background-color:rgba(255,255,255,0.8);} #flex-content .wrap.flex_header .wrap_content .content.darktransparent{background-color:rgba(0,0,0,0.8);} #flex-content .wrap.flex_header .wrap_content.topleft{-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;} #flex-content .wrap.flex_header .wrap_content.topcenter{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;} #flex-content .wrap.flex_header .wrap_content.topright{-webkit-box-pack:end;-moz-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;} #flex-content .wrap.flex_header .wrap_content.centerleft{-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} #flex-content .wrap.flex_header .wrap_content.center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} #flex-content .wrap.flex_header .wrap_content.centerright{-webkit-box-pack:end;-moz-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} #flex-content .wrap.flex_header .wrap_content.bottomleft{-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;} #flex-content .wrap.flex_header .wrap_content.bottomcenter{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;} #flex-content .wrap.flex_header .wrap_content.bottomright{-webkit-box-pack:end;-moz-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;} #flex-content .wrap.spacing-none{padding:0;} #flex-content .wrap.spacing-small{padding:40px 0;} #flex-content .wrap.spacing-bottom{padding-top:0;} #flex-content .wrap.spacing-top{padding-bottom:0;} #flex-content .wrap.spacing-bottom-small{padding:0 0 40px 0;} #flex-content .wrap.spacing-top-small{padding:40px 0 0 0;} #flex-content .wrap.breadcrumbs.spacing-small{padding:20px 0;} #flex-content .wrap.default .content .btn{margin:0 10px 10px 0;} #flex-content .wrap.default .left{width:70%; float:left;} #flex-content .wrap.default .left .btn{margin:0 10px 10px 0;} #flex-content .wrap.default .right{width:28%; float:right;} #flex-content .wrap.default .right img{width:100%; height:auto;} /* fix flexbox */ #flex-content .wrap.default .flex_wrapper{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;} #flex-content .wrap.default .flex_wrapper.align_middle{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} #flex-content .wrap.default .flex_wrapper.align_bottom{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: end;-moz-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;} #flex-content .wrap.default.text-center .content .btn{margin: 0 5px 10px 5px} #flex-content .wrap.default.text-center .left{text-align:center;} #flex-content .wrap.default.text-center .left .btn{margin:0 5px 10px 5px;} #flex-content .wrap.default.text-center .content{text-align:center;} #flex-content .wrap.default.text-center .content .btn{margin:0 5px 10px 5px;} #flex-content .wrap.default.text-right .content .btn{margin:0 0 10px 10px;} #flex-content .wrap.default.text-right .left{text-align:right;} #flex-content .wrap.default.text-right .left .btn{margin:0 0 10px 10px;} #flex-content .wrap.default.text-right .content{text-align:right;} #flex-content .wrap.default.text-right .content .btn{margin:0 0 10px 10px;} #flex-content .wrap.default.left .left{float:right;} #flex-content .wrap.default.left .right{float:left;} /* fix flexbox */ #flex-content .wrap.default.left .flex_wrapper .left{-webkit-order: 2;-ms-flex-order: 2;order: 2;} #flex-content .wrap.default.left .flex_wrapper .right{-webkit-order: 1;-ms-flex-order: 1;order: 1;} #flex-content .wrap.default.left.prop80 .left {width: 76%} #flex-content .wrap.default.left.prop80 .right {width: 20%;} #flex-content .wrap.default.left.prop70 .left {width: 66%} #flex-content .wrap.default.left.prop70 .right {width: 30%;} #flex-content .wrap.default.left.prop60 .left {width: 58%} #flex-content .wrap.default.left.prop60 .right {width: 40%;} #flex-content .wrap.default.left.prop50 .left {width: 46%} #flex-content .wrap.default.left.prop50 .right {width: 48%;} #flex-content .wrap.default.left.prop40 .left {width: 48%} #flex-content .wrap.default.left.prop40 .right {width: 50%;} #flex-content .wrap.default.left.prop30 .left {width: 36%} #flex-content .wrap.default.left.prop30 .right {width: 60%;} #flex-content .wrap.default.left.prop20 .left {width: 26%} #flex-content .wrap.default.left.prop20 .right {width: 70%;} #flex-content .wrap.default.right.prop80 .left {width: 76%} #flex-content .wrap.default.right.prop80 .right {width: 20%;} #flex-content .wrap.default.right.prop70 .left {width: 66%} #flex-content .wrap.default.right.prop70 .right {width: 30%;} #flex-content .wrap.default.right.prop60 .left {width: 56%} #flex-content .wrap.default.right.prop60 .right {width: 40%;} #flex-content .wrap.default.right.prop50 .left {width: 48%} #flex-content .wrap.default.right.prop50 .right {width: 48%;} #flex-content .wrap.default.right.prop40 .left {width: 46%} #flex-content .wrap.default.right.prop40 .right {width: 50%;} #flex-content .wrap.default.right.prop30 .left {width: 36%} #flex-content .wrap.default.right.prop30 .right {width: 60%;} #flex-content .wrap.default.right.prop20 .left {width: 26%} #flex-content .wrap.default.right.prop20 .right {width: 70%;} #flex-content .wrap.default.text_form .right{border:1px solid #ebebeb; padding:25px; background:#fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.1);} #flex-content .wrap.default.text_form .right .desc p:last-child{margin-bottom:0;} #flex-content .wrap.fifty { display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: space-around; -ms-flex-align: stretch;-webkit-align-items: stretch;-webkit-box-align: stretch;align-items: stretch;} #flex-content .wrap.fifty .left{ width:50%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;} #flex-content .wrap.fifty .left .content {padding: 50px 0; max-width: 535px; float: right; margin: 0 50px } #flex-content .wrap.fifty .left.spacing-none .content{padding:0;} #flex-content .wrap.fifty .left.spacing-small .content{padding:40px 0;} #flex-content .wrap.fifty .left .content .btn{margin:0 10px 10px 0;} #flex-content .wrap.fifty .right{width:50%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; background-size: cover; background-position: center center} #flex-content .wrap.fifty.text-center .content .btn{margin: 0 5px 10px 5px} #flex-content .wrap.fifty.text-center .left{text-align:center;} #flex-content .wrap.fifty.text-center .left .btn{margin:0 5px 10px 5px;} #flex-content .wrap.fifty.text-center .content{text-align:center;} #flex-content .wrap.fifty.text-center .content .btn{margin:0 5px 10px 5px;} #flex-content .wrap.fifty.text-right .content .btn{margin:0 0 10px 10px;} #flex-content .wrap.fifty.text-right .left{text-align:right;} #flex-content .wrap.fifty.text-right .left .btn{margin:0 0 10px 10px;} #flex-content .wrap.fifty.text-right .content{text-align:right;} #flex-content .wrap.fifty.text-right .content .btn{margin:0 0 10px 10px;} #flex-content .wrap.fifty.left .left{-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2;} #flex-content .wrap.fifty.left .right{-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;} #flex-content .wrap.fifty.left .left .content {float: left;} #flex-content .wrap.fifty .left.none{background-color:transparent;} #flex-content .wrap.fifty .left.white{background-color:#fff;} #flex-content .wrap.fifty .left.lightgray{background-color:#f5f5f5;} #flex-content .wrap.fifty .left.darkgray{background-color:#eaeaea;} #flex-content .text_bg {background-repeat:no-repeat; background-position:center center; background-size:cover; } #flex-content .text_bg .bgcolor.white{background:rgba(255,255,255,0.7);} #flex-content .text_bg .container .content {-webkit-column-gap: 5%;-moz-column-gap: 5%;column-gap: 5%} #flex-content .text_bg .container.columns1 .content { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} #flex-content .text_bg .container.columns2 .content{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} #flex-content .text_bg .container.columns3 .content{ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} #flex-content .text_bg .container.columns2.margin .content, #flex-content .text_bg .container.columns3.margin .content {margin-bottom: 20px;} #flex-content .text_bg .container .btn{margin:0px 10px 0 0px;} #flex-content .text_bg.txt_color_light h2, #flex-content .text_bg.txt_color_light p{color:#fff;} #flex-content .text_bg.text-center h2{display: block; text-align: center;} #flex-content .text_bg.text-center .btns {text-align: center;} #flex-content .text_bg.text-right h2{display: block; text-align: right;} #flex-content .text_bg.text-right .btns {text-align: right;} #flex-content .wrap.quote{padding:0; background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:center;} #flex-content .wrap.quote p{margin-bottom:0;} #flex-content .wrap.quote .btn{margin:30px 5px 0 5px;} #flex-content .wrap.quote.txt-shadow .container > h2, #flex-content .wrap.quote.txt-shadow .container > p{text-shadow:1px 1px 4px rgba(0,0,0,0.7);} #flex-content .wrap.quote .bgcolor{padding:100px 0;} #flex-content .wrap.video-overview h2{} #flex-content .wrap.video-overview .videos-wrapper .video-single {width: 49%; float: left; margin-bottom: 40px;} #flex-content .wrap.video-overview .videos-wrapper .video-single:nth-of-type(2n+1) {clear: left; margin-right: 2%;} #flex-content .wrap.video-overview .videos-wrapper .video-single h3 {margin-top: 20px;} #flex-content .wrap.quote.quote-show .container{padding:0 78px;} #flex-content .wrap.quote.quote-show .container:before,#flex-content .wrap.quote.quote-show .container:after{font-weight: bold;color: #3d3d3d;font-size: 116px;opacity: 0.8;position: absolute;} #flex-content .wrap.quote.quote-show .container:before{content: "\201C";top: 40px;left: 0;} #flex-content .wrap.quote.quote-show .container:after{content: "\201D";bottom: -20px;right: 0;} #flex-content .wrap.quote.quote-hide{} #flex-content .wrap.highlight_pages .intro{max-width:740px; margin:0 auto 40px auto; text-align:center;} #flex-content .wrap.highlight_pages .highlight_pages_list{margin:0;padding:0;list-style-type: none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} #flex-content .wrap.highlight_pages .highlight_pages_list > li{margin:0 0 20px 2%;padding:0;width:23.5%;vertical-align: top;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} #flex-content .wrap.highlight_pages .highlight_pages_list > li:nth-child(4n+1){margin-left:0;} #flex-content .wrap.highlight_pages .highlight_pages_list > li > a{display:block;width:100%;text-decoration: none;background-color:#fff;box-shadow: 0 0 0 1px #e1e1e1 inset;position: relative;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #flex-content .wrap.highlight_pages .highlight_pages_list > li > a:hover{box-shadow: 0 0 0 1px #e1e1e1 inset, 0 0 10px rgba(0,0,0,0.2);} #flex-content .wrap.highlight_pages .highlight_pages_list > li > a > img{width:100%;} #flex-content .wrap.highlight_pages .highlight_pages_list > li > a .content{padding:20px 20px 70px 20px;} #flex-content .wrap.highlight_pages .highlight_pages_list > li > a .content p{margin-bottom:14px;} #flex-content .wrap.highlight_pages .highlight_pages_list > li > a .content .btn{position:absolute; bottom:20px; left:20px; } /* #flex-content .wrap.multi2_highlight{text-align:center;} #flex-content .wrap.multi2_highlight .container > h2{margin:0 auto 20px auto; max-width:540px;} #flex-content .wrap.multi2_highlight .container > p{max-width:540px; margin:0 auto 30px auto;} #flex-content .wrap.multi2_highlight .multi2-wrapper{ display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;} #flex-content .wrap.multi2_highlight .multi2-wrapper .multi2-single{width:49%; margin-right: 2%;border: 1px solid #dcdcdc; margin-bottom:20px; background-color:#fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex; flex-flow: row no-wrap; -webkit-flex-flow: row no-wrap;justify-content: space-around;} #flex-content .wrap.multi2_highlight .multi2-wrapper .multi2-single:nth-of-type(2n) {margin-right: 0} #flex-content .wrap.multi2_highlight .multi2-wrapper .multi2-single > a{width:40%; height:100%;position:relative; background-position:center center; background-size:cover;} #flex-content .wrap.multi2_highlight .multi2-wrapper .multi2-single .txtWrap{width: 60%; height:100%; padding:20px; text-align:left;} #flex-content .wrap.multi2_highlight .multi2-wrapper .multi2-single .txtWrap h3{margin:0 0 10px 0;} #flex-content .wrap.multi2_highlight .multi2-wrapper .multi2-single .txtWrap a.btn{margin-top:20px;}*/ #flex-content .wrap.pricing .intro{max-width:740px; margin:0 auto 40px auto; text-align: center;} #flex-content .wrap.pricing ul.pricing-list{margin:0;padding:0;list-style-type:none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} #flex-content .wrap.pricing ul.pricing-list > li{width:23.125%;display:inline-block;vertical-align:top;background:#fff;margin: 0 0 50px 2.5%;box-shadow: 0 1px 4px rgba(0,0,0,0.15);display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} #flex-content .wrap.pricing ul.pricing-list > li:nth-child(4n+1){margin-left:0;} #flex-content .wrap.pricing ul.pricing-list > li .title{padding: 4px 25px;color:#fff;font-size:14px;font-weight: bold;text-align:center;background-color:#35bcdc;} #flex-content .wrap.pricing ul.pricing-list > li .pricing{padding: 25px 25px;color:#35bcdc;font-size:60px;line-height:50px;font-weight: 100;text-align:center;} #flex-content .wrap.pricing ul.pricing-list > li .desc{padding: 0 25px;font-size: 14px;line-height: 22px;border-bottom: 1px solid #f5f5f5;} #flex-content .wrap.pricing ul.pricing-list > li .specs{padding: 25px 25px 0 25px;font-size: 14px;line-height: 22px;} #flex-content .wrap.pricing ul.pricing-list > li .specs > ul{list-style-type: none;padding: 0;} #flex-content .wrap.pricing ul.pricing-list > li .specs > ul > li{margin: 0 0 10px 0;padding-left:25px;position:relative;line-height: normal;} #flex-content .wrap.pricing ul.pricing-list > li .specs > ul > li:before{content:'';position:absolute;width:14px;height:14px;background:url(images/check.svg) no-repeat center center;top: 0;left:0;margin-top: 4px;} #flex-content .wrap.pricing ul.pricing-list > li .button_wrapper{text-align:center; -webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);} #flex-content .wrap.products{text-align:center;} #flex-content .wrap.products .product_list{margin:0; padding:0;} #flex-content .wrap.products h2{max-width:740px; margin:0 auto 20px auto;} #flex-content .wrap.products .desc{max-width:740px; margin:0 auto;} #flex-content .wrap.products .product_list .product_detail{margin:20px 20px 0 20px; padding:0; list-style-type:none; display: inline-block; vertical-align:top;} #flex-content .wrap.products .product_list .product_detail a{display:block;} #flex-content .wrap.products .product_list .product_detail a:after{content:''; display:table; clear:both;} #flex-content .wrap.products .product_list .product_detail a img{max-width:270px; height:auto; margin:0 auto;} #flex-content .wrap.products .product_list .product_detail a .btn{margin-top:20px;} #flex-content .wrap.quote h2{font-style:italic; font-weight:100; text-overflow: ellipsis; overflow:hidden;} #flex-content .wrap.quote.txt_color_light h2, #flex-content .wrap.quote.txt_color_light p, #flex-content .wrap.quote.quote-show.txt_color_light .container:before, #flex-content .wrap.quote.quote-show.txt_color_light .container:after{color:#fff;} #flex-content .wrap.logos {text-align: center;} #flex-content .wrap.logos ul {padding: 0; margin: 0;} #flex-content .wrap.logos ul li {position: relative; padding: 0; display: inline-block; vertical-align: top; margin: 20px 2%} #flex-content .wrap.logos ul li a {padding: 0; display: table; height: 100px; max-height: 100px;} #flex-content .wrap.logos ul li a span {display: table-cell; vertical-align: middle;} #flex-content .wrap.logos ul li a span img {margin-left:auto; margin-right: auto; display: inline-block; max-height: 100px;} #flex-content .wrap.logos ul li h3 {display: block;text-align: center; margin-top: 10px;} #flex-content .wrap.logos.gray {background:#f5f5f5;} #flex-content .wrap.multi .container.full {max-width: 90%;} #flex-content .wrap.multi .intro{max-width:540px; margin:0 auto; text-align:center;} #flex-content .wrap.multi .multiwrap{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;} #flex-content .wrap.multi .multispan a.btn{position: absolute; bottom: 20px; left: 15px;} #flex-content .wrap.multi .multispan p:last-child{margin: 0;} #flex-content .wrap.multi .multiwrap .multispan{position: relative;width: 100% ; margin-right: 0; margin-bottom: 30px;} #flex-content .wrap.multi .color-white, #flex-content .wrap.multi .color-white h1, #flex-content .wrap.multi .color-white h2, #flex-content .wrap.multi .color-white h3, #flex-content .wrap.multi .color-white h4, #flex-content .wrap.multi .color-white p{color:#fff;} #flex-content .wrap.multi .hide{display:none;} #flex-content .wrap.multi .multispan .content{padding:15px;} #flex-content .wrap.multi .multispan .content.btns{padding:15px 15px 75px 15px;} #flex-content .wrap.multi .multispan .image img{width: 100%; } #flex-content .wrap.multi .multispan.text-right{text-align:right;} #flex-content .wrap.multi .multispan.text-center{text-align:center;} #flex-content .wrap.multi .multispan.text-center .btn{margin:0 5px 10px 5px;} #flex-content .wrap.multi .multispan.none .content{padding:15px 0 75px;} #flex-content .wrap.multi .multispan.none .content a.btn {left: 0;} #flex-content .wrap.multi .multispan.none{background-color:transparent;} #flex-content .wrap.multi .multispan.white{background-color:#fff;} #flex-content .wrap.multi .multispan.lightgray{background-color:#f5f5f5;} #flex-content .wrap.multi .multispan.darkgray{background-color:#eaeaea;} #flex-content .wrap.multi.layout_width .multiwrap{display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap;} #flex-content .wrap.multi.layout_width .multispan{border: 1px solid #dcdcdc; margin-bottom:20px; background-color:#fff; /*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row no-wrap; -webkit-flex-flow: row no-wrap; justify-content: space-around;*/ /*****************************************/ /* http://the-echoplex.net/flexyboxes/ */ /*****************************************/ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } #flex-content .wrap.multi.layout_width .multispan:nth-of-type(2n) {margin-right: 0} #flex-content .wrap.multi.layout_width .multispan > .img{width:40%; height:100%;position:relative; background-position:center center; background-size:cover;} #flex-content .wrap.multi.layout_width .multispan .txtWrap{width: 60%; height:100%; padding:20px; text-align:left;} #flex-content .wrap.multi.layout_width .multispan .txtWrap h3{margin:0 0 10px 0;} #flex-content .wrap.multi.layout_width .multispan .txtWrap a.btn{margin-top:20px; position:static;} #flex-content .faq-detail{padding:100px 0;} #flex-content .faq-detail.none, #flex-content .white_space.none{background-color:transparent;} #flex-content .faq-detail.white, #flex-content .white_space.white{background-color:#fff;} #flex-content .faq-detail.lightgray, #flex-content .white_space.lightgray{background-color:#f5f5f5;} #flex-content .faq-detail.darkgray, #flex-content .white_space.darkgray{background-color:#eaeaea;} #flex-content .faq-detail.spacing-none{padding:0;} #flex-content .faq-detail.spacing-small{padding:40px 0;} #flex-content .faq-detail.textBesideQuestion1 .left{width:49%; float:left;} #flex-content .faq-detail.textBesideQuestion1 .right{width:49%; float:right;} #flex-content .faq-detail .left,#flex-content .faq-detail .right {width: 100%;} #flex-content .faq-detail .text-center {text-align:center;} #flex-content .faq-detail .text-right .left{text-align:right;} #flex-content .faq-detail .text-right .content{text-align:right;} #flex-content .faq-detail.left .left{float:right;} #flex-content .faq-detail.left .right{float:left;} #flex-content .timeline .timeline_list{margin:0;padding:0 0 20px 0;list-style-type: none;position: relative;} #flex-content .timeline .timeline_list:before{content:'';display:block;width:2px;position: absolute;top:0;left: 50%;bottom:0;margin-left:-1px;background:#000;z-index: 1;} #flex-content .timeline .timeline_list:after{content:'';display:block;width: 10px;height: 10px;position: absolute;left: 50%;bottom:0;margin-left: -5px;background:#000;z-index: 1;border-radius: 100%;} #flex-content .timeline .timeline_list > li{margin: 0;padding: 0 0 30px 0;position: relative;z-index: 4;} #flex-content .timeline .timeline_list > li.year{text-align:center; } #flex-content .timeline .timeline_list > li.year > .year{display:block; width:114px; height:114px; margin:0 auto; background:#000; color:#fff; line-height:114px; font-size:30px; font-weight:bold; border-radius:100%; box-shadow:0 0 0 3px #000 inset, 0 0 0 7px #fff inset} #flex-content .timeline .timeline_list > li.event > .item{position:relative;} #flex-content .timeline .timeline_list > li.event > .item .date{position:absolute;right:50%;top: 0px;height: 56px;line-height: 56px;margin-right: 45px;font-size: 20px;font-weight: bold;color: #35bcdc; text-transform: uppercase;} #flex-content .timeline .timeline_list > li.event > .item .content{margin-left:50%;} #flex-content .timeline .timeline_list > li.event > .item .content > .inner{margin-left:45px; position:relative;} #flex-content .timeline .timeline_list > li.event > .item .content > .inner:before{content:'';display:block;position:absolute;width:56px;height:56px;background: url(images/timeline-time.svg) center center no-repeat #35bcdc;left: -73px;top: 0;border-radius: 100%;box-shadow: 0 0 0 2px #000 inset, 0 0 0 5px #fff inset;} #flex-content .timeline .timeline_list > li.event > .item .content > .inner .title{display:block; font-size:20px; font-weight:bold; line-height:22px; color:#fff; background-color:#35bcdc; padding:15px; position:relative;} #flex-content .timeline .timeline_list > li.event > .item .content > .inner .title:before{content:'';display: block;width: 0;height: 0;border-style: solid;border-width: 12px 12px 12px 0;border-color: transparent #35bcdc transparent transparent;position: absolute;top: 50%;right: 100%;margin-top: -12px;} #flex-content .timeline .timeline_list > li.event > .item .content > .inner > img{width:100%;} #flex-content .timeline .timeline_list > li.event > .item .content > .inner .desc{background:#fff;padding:25px;box-shadow: 1px -1px 0 0px #e1e1e1 inset, -1px -1px 0 0px #e1e1e1 inset;} #flex-content .timeline .timeline_list > li.event > .item .content > .inner .desc p:last-child{margin:0;} #flex-content .timeline .timeline_list > li.event > .item.left .date{right:inherit;left:50%;margin: 0 0 0 45px;} #flex-content .timeline .timeline_list > li.event > .item.left .content{margin: 0 50% 0 0;} #flex-content .timeline .timeline_list > li.event > .item.left .content > .inner{margin:0 45px 0 0;} #flex-content .timeline .timeline_list > li.event > .item.left .content > .inner:before{left:inherit; right:-73px;} #flex-content .timeline .timeline_list > li.event > .item.left .content > .inner .title:before{left:100%;border-width: 12px 0 12px 12px;border-color: transparent transparent transparent #35bcdc;} #flex-content .newsletter {text-align: center; } #flex-content .newsletter .form > span {display: inline-block; vertical-align: top;line-height: 37px; margin-right: 10px;} #flex-content .newsletter .form .gform_wrapper {display: inline-block;vertical-align: top;vertical-align: top;} #flex-content .newsletter .form .gform_wrapper .gform_body {display: inline-block;vertical-align: top;} #flex-content .newsletter .form .gform_wrapper .gform_body ul li {margin-bottom: 0; } #flex-content .newsletter .form .gform_wrapper .gform_body ul li label {display: none; } #flex-content .newsletter .form .gform_wrapper .gform_body ul li input{height: 37px; width: 250px; margin-right: 10px;} #flex-content .newsletter .form .gform_wrapper .gform_footer {display: inline-block;vertical-align: top;} .videoWrapper {cursor:pointer; position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0; background-position:center center; background-repeat:no-repeat; background-size:cover;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .videoWrapper .play-button {width: 80px;height: 80px;background-color: transparent;box-shadow: 0 0 30px rgba( 0,0,0,0.6 );border: 2px solid #fff;z-index: 1;opacity: 0.8;border-radius: 6px;border-radius: 100%;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .videoWrapper .play-button:before {content: "";border-style: solid;border-width: 16px 0 16px 30px;border-color: transparent transparent transparent #fff;} .videoWrapper:hover .play-button{background:#35bcdc;} .videoWrapper .play-button {cursor: pointer;} .videoWrapper iframe, .videoWrapper .play-button, .videoWrapper .play-button:before {position: absolute;} .videoWrapper .play-button, .videoWrapper .play-button:before {top: 50%;left: 50%;-webkit-transform: translate3d( -50%, -50%, 0 );-moz-transform: translate3d( -50%, -50%, 0 );-ms-transform: translate3d( -50%, -50%, 0 );-o-transform: translate3d( -50%, -50%, 0 );transform: translate3d( -50%, -50%, 0 );} .videoWrapper iframe {height: 100%;width: 100%;top: 0;left: 0;} /*** Homepage ***/ .page-template-front-page #homepage-header{padding: 212px 0 100px 0;background-position: center center;background-size:cover;text-align: center;} .page-template-front-page #homepage-header .wrapper{min-height: calc(100vh - 412px);display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .admin-bar.page-template-front-page #homepage-header .wrapper{min-height: calc(100vh - 444px);} .page-template-front-page #homepage-header .wrapper .sub-title{font-size:20px;line-height:20px;margin-bottom: 20px;text-transform: uppercase;color:#fff;font-family: 'Muli', sans-serif;} .page-template-front-page #homepage-header .wrapper h1{font-size:65px;line-height:65px;color:#fff;font-weight: bold;font-family: 'Muli', sans-serif;max-width: 680px;margin-bottom: 40px;} .page-template-front-page #hp-header-2018{background-repeat:no-repeat;background-position: center center;background-size: cover;color:#fff;position: relative;min-height: 50vh;} .page-template-front-page #hp-header-2018:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background: linear-gradient(to bottom, rgba(37, 106, 122,0.8) 0%,rgba(37, 106, 122,0.1) 40%,rgba(37, 106, 122,0.1) 75%,rgba(37, 106, 122,0.9) 100%);} .page-template-front-page #hp-header-2018 .wrapper{padding: 70px 0 140px 0;} .page-template-front-page #hp-header-2018 .wrapper .intro{max-width: 100%;} .page-template-front-page #hp-header-2018 .wrapper .sub-title{font-size: 32px;line-height: 38px;font-weight: 400;text-transform: uppercase;font-family: inherit;text-align: center;} .page-template-front-page #hp-header-2018 .wrapper h1{font-size:24px; line-height:30px; margin:4px 0 0 0;} .page-template-front-page #hp-header-2018 .wrapper .intro_services{ margin: 70px 0 0 0;padding:0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; display:none;} .page-template-front-page #hp-header-2018 .wrapper .intro_services .service{width:31%;} .page-template-front-page #hp-header-2018 .wrapper .intro_services a{display:block;width:100%;height:0;padding-bottom: 90%;position:relative;background-position: center center;background-repeat: no-repeat;background-size: auto 100%; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .page-template-front-page #hp-header-2018 .wrapper .intro_services a:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .page-template-front-page #hp-header-2018 .wrapper .intro_services a:hover{background-size:auto 102%;} .page-template-front-page #hp-header-2018 .wrapper .intro_services a:hover:before{background-color:rgba(255,255,255,0.2);} .page-template-front-page #hp-header-2018 .wrapper .intro_services a h3{position:absolute;left:0;bottom:0;background:#000;margin:0;padding: 24px 20px;display:block;width:100%;text-overflow:ellipsis;color:#fff;} .page-template-front-page #hp-header-2018 .wrapper .extra_services{margin: 3.5% 0 0 0;padding:0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; display:none;} .page-template-front-page #hp-header-2018 .wrapper .extra_services .service{width:48.25%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} .page-template-front-page #hp-header-2018 .wrapper .extra_services .service a{display:block;background:#f1f1f3;padding: 20px 24px;text-decoration: none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .page-template-front-page #hp-header-2018 .wrapper .extra_services .service a:hover{box-shadow: 0px 15px 20px -10px rgba(0,0,0,0.4);} .page-template-front-page #hp-header-2018 .wrapper .extra_services .service a p{font-weight:bold;} .page-template-front-page #hp-header-2018 .wrapper .extra_services .service a .btn_wrapper{text-align:right;} .page-template-front-page #hp-header-2018 .wrapper .extra_services .service a .read-more{color:#3ebcda;text-transform:uppercase;font-size:19px;line-height:normal;margin: 0 10px 0 0;} .page-template-front-page #hp-header-2018 .wrapper .extra_services .service a .read-more:after{content:'';display:inline-block;border:1px solid #3ebcda;border-bottom: 0;border-left: 0;width: 8px;height: 8px;vertical-align:middle;margin-left: 4px;-webkit-transform: translate(0,-2px) rotate(45deg);-moz-transform: translate(0,-2px) rotate(45deg);-ms-transform: translate(0,-2px) rotate(45deg);-o-transform: translate(0,-2px) rotate(45deg);transform: translate(0,-2px) rotate(45deg);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .page-template-front-page #hp-header-2018 .wrapper .extra_services .service a:hover .read-more:after{-webkit-transform:translate(4px,-2px) rotate(45deg);-moz-transform:translate(4px,-2px) rotate(45deg);-ms-transform:translate(4px,-2px) rotate(45deg);-o-transform:translate(4px,-2px) rotate(45deg);transform:translate(4px,-2px) rotate(45deg);} .page-template-front-page #outsource.update{background-color:#fff; color:#13100d; text-align:center; padding:100px 0 130px 0; position:relative;} .page-template-front-page #outsource.update:after{dislay:none;} .page-template-front-page #outsource.update h2{font-size:50px; line-height:50px; color:#084c76; font-weight:100; position:relative; margin-bottom:30px; padding-bottom:30px;} .page-template-front-page #outsource.update h2:after{content:''; width:146px; height:2px; background-color:#35bcdc; position: absolute; left:50%; margin-left:-73px; bottom:0;} .page-template-front-page #base_title{cursor:pointer;} .page-template-front-page #base_title .title{color:#fff;font-size: 22px;line-height: 30px;font-weight:bold; text-transform:uppercase; font-family: 'Muli', sans-serif;text-align:center;padding: 30px;margin-bottom: 10px;background: #35bcdc;position: relative;} .page-template-front-page #base_title .title:after{content:'';display:block;width: 0;height: 0;border-style: solid;border-width: 10px 11px 0 11px;border-color: #35bcdc transparent transparent transparent;position: absolute;top: 100%;left: 50%;margin-left: -11px;} .page-template-front-page #services{text-align:center; padding:70px 0 120px 0;} .page-template-front-page #services h2{font-size:50px; line-height:50px; color:#000; margin-bottom:60px; padding-bottom:30px; position: relative;} .page-template-front-page #services h2:after{content:''; width:146px; height:2px; background-color:#35bcdc; position: absolute; left:50%; margin-left:-73px; bottom:0;} .page-template-front-page #services .sercice_list{margin:0; padding:0; list-style-type: none;} .page-template-front-page #services .sercice_list > li{vertical-align: bottom;display:inline-block;width: 19.2%;margin: 0 0 20px 1%;} .page-template-front-page #services .sercice_list > li:nth-child(5n+1){margin-left:0;} .page-template-front-page #services .sercice_list > li > a{text-decoration:none;} .page-template-front-page #services .sercice_list > li > a h3{font-family: 'Muli', sans-serif;} .page-template-front-page #services .sercice_list > li > a .img{border-top:2px solid transparent; margin-top:10px; padding-top:14px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .page-template-front-page #services .sercice_list > li > a:hover .img{border-color:#35bcdc;} .page-template-front-page #services .sercice_list > li > a .img img{box-shadow:0 0 15px rgba(0,0,0,0);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .page-template-front-page #services .sercice_list > li > a:hover .img img{box-shadow:0 0 5px rgba(0,0,0,0.4);} .page-template-front-page #service-intro{background-color:#42bdda; padding:0 0 20px 0;} .page-template-front-page #service-intro .services_list{margin:-85px 0 0 0; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} .page-template-front-page #service-intro .services_list .service{display:inline-block;vertical-align:top;width:23.5%;margin:0 0 0 2%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} .page-template-front-page #service-intro .services_list .service:nth-child(4n+1){margin-left:0;} .page-template-front-page #service-intro .services_list .service a{display:block;width:100%;height: 100%;background:#fff;text-decoration:none;font-size:14px;line-height:18px;position: relative;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .page-template-front-page #service-intro .services_list .service a:hover{box-shadow:0 4px 15px rgba(0,0,0,0.4);} .page-template-front-page #service-intro .services_list .service a:after{content:'';display:block;width:6px;height:6px;border:1px solid #42bdda;border-bottom:0;border-left:0;position:absolute;right: 20px;bottom: 15px;-webkit-transform: rotate(45deg);moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .page-template-front-page #service-intro .services_list .service a:hover:after{margin:0;padding:0;-webkit-transform: translateX(4px) rotate(45deg);moz-transform: translateX(4px) rotate(45deg);-ms-transform: translateX(4px) rotate(45deg);-o-transform: translateX(4px) rotate(45deg);transform: translateX(4px) rotate(45deg);} .page-template-front-page #service-intro .services_list .service a .img{width:100%; height:0; padding-bottom:56%; background-position:center center; background-size:cover; position:relative;} .page-template-front-page #service-intro .services_list .service a .img[class*="overlay"]:before{content:''; position: absolute; top:0; right:0; bottom:0; left:0; } .page-template-front-page #service-intro .services_list .service a .img.overlay-red:before{background:rgba(191, 81, 65,0.7);} .page-template-front-page #service-intro .services_list .service a .img.overlay-yellow:before{background:rgba(206, 181, 60,0.8);} .page-template-front-page #service-intro .services_list .service a .img.overlay-blue:before{background:rgba(25, 142, 170,0.9);} .page-template-front-page #service-intro .services_list .service a .img .icon{position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position: center center;} .page-template-front-page #service-intro .services_list .service a .content{padding: 15px;} .page-template-front-page #service-intro .services_list .service a .content .title{color:#42bdda;} .page-template-front-page #service-intro .services_list .service.style-black a{background: #000;color: #fff;} .page-template-front-page #service-intro .arrow{width:30px;height:30px;background: transparent;margin: 80px auto 0 auto;position: relative;cursor: pointer;} .page-template-front-page #service-intro .arrow:after{content:'';display:block;width:6px;height:6px;border:1px solid #fff;border-bottom:0;border-left:0;position:absolute;right: 50%;top: 50%;margin: -5px -3px -3px -3px;-webkit-transform: rotate(135deg);moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .page-template-front-page #service-intro .arrow:hover:after{-webkit-transform: translateY(4px) rotate(135deg);moz-transform: translateY(4px) rotate(135deg);-ms-transform: translateY(4px) rotate(135deg);-o-transform: translateY(4px) rotate(135deg);transform: translateY(4px) rotate(135deg);} .page-template-front-page #outsource{background-color:#014b78; color:#fff; text-align:center; padding:100px 0 130px 0; position:relative;} .page-template-front-page #outsource:after{content:'';display:block;width: 0;height: 0;border-style: solid;border-width: 10px 11px 0 11px;border-color: #fff transparent transparent transparent;position: absolute;top: 0;left: 50%;margin-left: -11px;} .page-template-front-page #outsource h2{font-size:50px; line-height:50px; color:#fff; font-weight:100; position:relative; margin-bottom:30px; padding-bottom:30px;} .page-template-front-page #outsource h2:after{content:''; width:146px; height:2px; background-color:#35bcdc; position: absolute; left:50%; margin-left:-73px; bottom:0;} .page-template-front-page #facts.update{background-color:#e2e6e9;} .page-template-front-page #facts.update:after{border-color:#e2e6e9 transparent transparent transparent;} .page-template-front-page #facts{text-align:center; padding:100px 0 130px 0; position:relative;} /* .page-template-front-page #facts:after{content:'';display:block;width: 0;height: 0;border-style: solid;border-width: 10px 11px 0 11px;border-color: #fff transparent transparent transparent;position: absolute;top: 100%;left: 50%;margin-left: -11px; z-index:4;} */ .page-template-front-page #facts h2{font-size:50px; line-height:50px; color:#000; font-weight:100; position:relative; margin-bottom:30px; padding-bottom:30px;} .page-template-front-page #facts h2:after{content:''; width:146px; height:2px; background-color:#35bcdc; position: absolute; left:50%; margin-left:-73px; bottom:0;} .page-template-front-page #facts img{width:100%;} /* .page-template-front-page #blogs{background-color:#35bcdc; padding:80px 0 100px 0; color:#fff;position:relative;} */ /* .page-template-front-page #blogs:before{content:'';position:absolute;top:0;left:0;right:50%;bottom:0;background: #438797 url(images/home-news-bg.jpg) no-repeat center center;background-size: cover;z-index:1;} */ .page-template-front-page #blogs .wrapper{position:relative; z-index:3;} .page-template-front-page #blogs .news{display:inline-block;width:42%; margin-right:8%; vertical-align:top;} .page-template-front-page #blogs h2{font-size:50px;line-height:50px;color:#fff;position:relative;margin-bottom: 30px;padding-bottom: 30px;} /* .page-template-front-page #blogs h2:after{content:''; width:146px; height:2px; background-color:#fff; position: absolute; left:0; bottom:0;} */ .page-template-front-page #blogs .news h2{text-align:right;} .page-template-front-page #blogs .news h2:after{left:inherit; right:0;} .page-template-front-page #blogs .blog{display:inline-block;width:42%; margin-left:8%; vertical-align:top;} .page-template-front-page #blogs .list{margin:0; padding:0; list-style-type:none;} .page-template-front-page #blogs .list > li{margin: 0 0 8px 0;padding: 0 0 5px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.45);} .page-template-front-page #blogs .list > li:last-child{margin:0; padding:0; border-bottom:0;} .page-template-front-page #blogs .list > li > a{display: block;color:#fff;text-decoration:none;} .page-template-front-page #blogs .list > li > a .date{font-size:16px; line-height:22px; margin-bottom:4px; font-family: 'Muli', sans-serif;} .page-template-front-page #blogs .list > li > a h3{color:#fff; font-size:18px; line-height:20px;} .page-template-front-page #blogs .btn_wrapper{margin-top:50px;} .page-template-front-page #blogs .news .btn_wrapper{text-align:right;} .page-template-front-page #team .wrapper{padding:100px 0 80px 0; text-align:center;} .page-template-front-page #team h2{font-size:50px; line-height:50px; color:#000; margin-bottom:30px; padding-bottom:30px; position: relative;} /* .page-template-front-page #team h2:after{content:''; width:146px; height:2px; background-color:#35bcdc; position: absolute; left:50%; margin-left:-73px; bottom:0;} */ .page-template-front-page #team .img{width:100%; height: 230px; background-position:bottom center; background-size:auto 100%; position:relative;} .page-template-front-page #team .img:before{content:'';position:absolute;top:0;right:60%;bottom:0;left:0;background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );} .page-template-front-page #team .img:after{content:'';position:absolute;top:0;right:0;bottom:0;left:60%;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );} /*** Contact page layout // Default layout set to Layout 1 ***/ /* Layout 1 */ .contact_wrapper{background-color: #f5f5f5; padding:40px 0 80px 0;} .container.contact{margin:0 auto 100px auto;} .page-template-contact .contact.contact_layout_1 .acf-map{width:100%; height:300px; border:0; margin:0 0 30px 0;} .page-template-contact .contact.contact_layout_1 .content {width: 48%;float: left;} .page-template-contact .contact.contact_layout_1 .contactdetails {float: right;width: 42%;} .page-template-contact .contact.contact_layout_1 .contactdetails .info{color:#000;} .page-template-contact .contact.contact_layout_1 .contactdetails .info .address{padding:0 0 30px 30px; position:relative;} .page-template-contact .contact.contact_layout_1 .contactdetails .info .po{padding:0 0 30px 30px; position:relative;} .page-template-contact .contact.contact_layout_1 .contactdetails .info .country{padding:0 0 30px 30px; position:relative;} .page-template-contact .contact.contact_layout_1 .contactdetails .info .contactinfo a{display:block;padding:0 0 0 30px;text-decoration:none;color: #000; position:relative;} .page-template-contact .contact.contact_layout_1 .contactdetails .info .fa{position:absolute; top:4px; left:0; width:24px; text-align:center; font-size:16px; color:#35bcdc;} .page-template-contact .contact.contact_layout_1 .contactdetails .info .fa-truck{-webkit-transform:rotateY(90deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} .page-template-contact .contact.contact_layout_1 .contactdetails .info .contactinfo a.tel .fa{font-size:22px;} /* .page-template-contact .contact.contact_layout_1 .contactdetails .info { background:#777777; padding: 30px; } .page-template-contact .contact.contact_layout_1 .contactdetails h3 {margin-bottom: 10px; color:#fff; font-size: 18px} .page-template-contact .contact.contact_layout_1 .contactdetails h4 {margin-top: 20px;} .page-template-contact .contact.contact_layout_1 .contactdetails a{display:block; color: #fff; text-decoration: none;} .page-template-contact .contact.contact_layout_1 .contactdetails a span {display: inline-block; width: 20px;font-weight: 700; clear:both; } .page-template-contact .contact.contact_layout_1 .contactdetails .contactinfo {margin-bottom: 0} .page-template-contact .contact.contact_layout_1 .contactdetails .address{margin:0 0 20px 0;} .page-template-contact .contact.contact_layout_1 .contactdetails .address span{font-weight: 600} .page-template-contact .contact.contact_layout_1 .contactdetails a.btn {display:inline-block;margin:0 0 20px 0;} .page-template-contact .contact.contact_layout_1 .contactdetails .address{margin:0 0 20px 0;}*/ /* Layout 2 */ .page-template-contact .contact.contact_layout_2 .gform_wrapper{margin:0;} .page-template-contact .contact.contact_layout_2 .gform_wrapper h3.gform_title{margin-top:0;} .page-template-contact .contact.contact_layout_2 .content{} .page-template-contact .contact.contact_layout_2 .content .contactform{float:left; width:47.5%; float:left; margin:0 0 20px 0;} .page-template-contact .contact.contact_layout_2 .contactdetails{float: right; width: 47.5%; color:#fff; font-size: 14px; line-height: 20px; margin: 0 0 20px 0; position: relative;} .page-template-contact .contact.contact_layout_2 .contactdetails .info {background-color:rgba(0,0,0,0.5); padding: 30px; position: relative; width: 100%;float:left;position: absolute; bottom: 0;} .page-template-contact .contact.contact_layout_2 .contactdetails .info h3{color:#fff;} .page-template-contact .contact.contact_layout_2 .acf-map {height: 400px;} .page-template-contact .contact.contact_layout_2 .contactdetails p{float: left; margin-right: 20px;} .page-template-contact .contact.contact_layout_2 .contactdetails .address span{font-weight: 600} .page-template-contact .contact.contact_layout_2 .contactdetails .address p{width: 30% float: left;} .page-template-contact .contact.contact_layout_2 .contactdetails a{display:block; color:#fff; text-decoration:none;} .page-template-contact .contact.contact_layout_2 .contactdetails .logo{float:right;} .page-template-contact .contact.contact_layout_2 .contactdetails .logo img{width:80px; height:auto;} .page-template-contact .contact.contact_layout_2 .contactdetails a.btn{display:inline-block; float:right;} .page-template-contact .contact.contact_layout_2 .contactdetails a:hover{text-decoration:none;} .page-template-contact .contact.contact_layout_2 .contact .logo{max-height: 80px; float:right; max-width: 80px;} .page-template-contact .acf-map.contact_layout_3{height:400px;} /* Layout 3 */ .container.contact{margin:0 auto 100px auto;} .page-template-contact .contact.contact_layout_3 .acf-map{width:100%; height:200px; border:0;} .page-template-contact .contact.contact_layout_3 .content {width: 70%; float: left; } .page-template-contact .contact.contact_layout_3 .contactdetails {float: right; width: 25%; font-size: 14px; line-height: 20px;} .page-template-contact .contact.contact_layout_3 .contactdetails .info {} .page-template-contact .contact.contact_layout_3 .contactdetails .info .location{margin-bottom:20px;} .page-template-contact .contact.contact_layout_3 .contactdetails h3 {margin-bottom: 10px; font-size: 18px} .page-template-contact .contact.contact_layout_3 .contactdetails h4 {margin-top: 20px;} .page-template-contact .contact.contact_layout_3 .contactdetails a{display:block; color: #444; text-decoration: none;} .page-template-contact .contact.contact_layout_3 .contactdetails a span {display: inline-block; width: 20px;font-weight: 700; clear:both; } .page-template-contact .contact.contact_layout_3 .contactdetails a.btn {display:inline-block;margin:10px 0 0 0; color:#fff;} .page-template-contact .contact.contact_layout_3 .contactdetails .contactinfo {margin-bottom: 0} .page-template-contact .contact.contact_layout_3 .contactdetails .address span{font-weight: 600} .page-template-contact .acf-map .marker p.address, .page-template-contact .acf-map .marker a.btn{display:none;} .page-template-contact .acf-map p.address{margin-bottom:12px;} .gform_wrapper:after{content:''; display:table; clear:both;} .gform_wrapper .hidden_label input.large, body.page-template-contact .gform_wrapper .hidden_label select.large, body.page-template-contact .gform_wrapper .top_label input.large, body.page-template-contact .gform_wrapper .top_label select.large{width:100%;} .gform_wrapper textarea.medium{width:100%;} .gform_wrapper .top_label .gfield_label{font-weight:normal; font-weight: bold; margin:1em 0 .5em;} .gform_wrapper .top_label .gfield_description{margin:0 0 10px 0;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required{margin-top:0!important; margin-bottom:0!important;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border-bottom: none!important; border-top: none !important; background: transparent !important;} .gform_wrapper .gfield_required{color:red; font-weight:bold;} .gform_wrapper li.gfield.gfield_error, .page-template-contact .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{border-top:0; border-bottom:0; background:transparent;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea{margin:0; max-width:100%; width:100%;} .gform_wrapper .gfield_description.validation_message, .gform_wrapper .top_label .gfield_description.validation_message{padding:4px 10px!important;} .gform_wrapper ul li.gfield {margin-top: 0!important; list-style: none; margin-bottom: 10px;} .gform_wrapper ul {padding: 0; margin-bottom: 0} .gform_wrapper ul.gform_fields:after{content:''; display:table; clear:both;} .gform_wrapper ul.gform_fields > li{float:left;width: 100%;} .gform_wrapper ul li.gfield.gform_validation_container, .gform_wrapper ul li.gfield.hide, .gform_wrapper ul li.gfield.gform_hidden, .gform_wrapper ul li.gfield.gfield_visibility_hidden{display:none;} .gform_wrapper ul li.gfield.gfield_html{line-height:normal;} .gform_wrapper ul li.gfield .ginput_container_checkbox > ul{margin:0; padding:0; list-style-type: none;} .gform_wrapper ul li.gfield .ginput_container_radio > ul{margin:0; padding:0; list-style-type: none;} .gform_wrapper ul li.gfield .ginput_container_radio > ul > li{display:inline-block;margin-right: 20px;} .gform_wrapper ul li.gfield.no-label > label, .gform_wrapper ul li.gfield.hide-label > label{display:none;} .gform_ajax_spinner{min-width:auto!important; max-width:auto!important; width:auto!important;} .gform_wrapper ul li.gfield.odd{width:49%; float:left; margin-right:2%;} .gform_wrapper ul li.gfield.even{width:49%; float:left;} .gform_wrapper .gform_footer{position:relative; z-index:2;} .gform_wrapper .gform_footer input[type=submit]{float:right;} .gform_wrapper div.validation_error{color: #dd0613 !important; border-top:0 !important; border-bottom:0 !important; padding:0 !important; margin-bottom:0px !important;;} form .validation_error {color: #dd0613; } form .validation_error:before {content:"!"; color:#fff; background: #dd0613; width: 20px; height: 20px; line-height: 20px; display: inline-block; border-radius: 50%; text-align: center; font-weight: 600; margin-right: 10px; margin-bottom: 0!;} form ul li.gfield_error .validation_message{position: relative;background:#dd0613; color:#fff; padding:0px 10px; font-size: 12px;margin-bottom:10px!important;} form ul li.gfield_error .validation_message:before {bottom: 100%;left: 10px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(213, 23, 68, 0);border-bottom-color: #d51744;border-width: 7px; } /******************************************************/ /******************* Color settings *******************/ /******************************************************/ /* Red accent */ body.red #head .top .top-menu ul li.order-online a{background-color:#dd4f3f;} body.red #head .top .top-menu ul li.order-online a:hover{background-color:#b33a2d;} body.red #head .mainmenu ul li.blog a{color:#dd4f3f;} body.red #head .mainmenu ul li.blog a:hover{color:#b33a2d;} body.red #head .logo a svg .logo-color-accent{fill:#dd4f3f;} body.red #breadcrumbs .breadcrumb_last{color:#dd4f3f;} body.red h2, body.red h3, body.red h4, body.red h5, body.red h6{color:#dd4f3f;} body.red [class="btn"], body.red input[type=submit]{background-color:#dd4f3f;} body.red [class="btn"]:hover, body.red input[type=submit]{background-color:#b33a2d;} body.red #meet-contact .wrapper > .info h2 a{color:#dd4f3f;} body.red #get_in_touch{background-color:#dd4f3f;} body.red #footer.footer_layout_3 .bottom .right .footer-links > ul > li > a{color:#dd4f3f;} body.red #footer.footer_layout_3 .top .logo .logo-color{fill:#dd4f3f;} body.red #head .mainmenu ul.menu li.big-menu > ul, body.red #head .mainmenu ul.menu > li > ul{background-color:rgba(221,79,63,0.95);} body.red #flex-content .bgcolor.accent{background-color:#a22e21;} body.red #flex-content .wrap.pricing ul.pricing-list > li .title{background-color:#dd4f3f;} body.red #flex-content .wrap.pricing ul.pricing-list > li .pricing{color:#dd4f3f;} body.red #flex-content .bgcolor.img.accent{background-color:rgba(162, 46, 33, 0.85);} body.red #flex-content .wrap.accent, body.red #flex-content .white_space.accent, body.red #flex-content .accent.bg:before, body.red .flex_color_accent{background-color:#a22e21;} body.red #flex-content .timeline .timeline_list > li.event > .item .content > .inner .title{background-color:#dd4f3f;} body.red #flex-content .timeline .timeline_list > li.event > .item .content > .inner .title:before{border-color: transparent #dd4f3f transparent transparent;} body.red #flex-content .timeline .timeline_list > li.event > .item.left .content > .inner .title:before{border-color:transparent transparent transparent #dd4f3f;} body.red #flex-content .timeline .timeline_list > li.event > .item .content > .inner:before{background-color:#dd4f3f;} body.red #flex-content .timeline .timeline_list > li.event > .item .date{color:#dd4f3f;} body.red #sticky a{background-color:#dd4f3f;} body.red #sticky a:hover{background-color:#b33a2d;} /* Yellow accent */ body.yellow #head .top .top-menu ul li.order-online a{background-color:#d7b72d;} body.yellow #head .top .top-menu ul li.order-online a:hover{background-color:#b79b21;} body.yellow #head .mainmenu ul li.blog a{color:#d7b72d;} body.yellow #head .mainmenu ul li.blog a:hover{color:#b79b21;} body.yellow #head .logo a svg .logo-color-accent{fill:#d7b72d;} body.yellow #breadcrumbs .breadcrumb_last{color:#d7b72d;} body.yellow h2, body.yellow h3, body.yellow h4, body.yellow h5, body.yellow h6{color:#d7b72d;} body.yellow [class="btn"], body.yellow input[type=submit]{background-color:#d7b72d;} body.yellow [class="btn"]:hover, body.yellow input[type=submit]:hover{background-color:#b79b21;} body.yellow #meet-contact .wrapper > .info h2 a{color:#d7b72d;} body.yellow #get_in_touch{background-color:#d7b72d;} body.yellow #footer.footer_layout_3 .bottom .right .footer-links > ul > li > a{color:#d7b72d;} body.yellow #footer.footer_layout_3 .top .logo .logo-color{fill:#d7b72d;} body.yellow #head .mainmenu ul.menu li.big-menu > ul, body.yellow #head .mainmenu ul.menu > li > ul{background-color:rgba(215,183,45,0.95);} body.yellow #flex-content .bgcolor.accent{background-color: #ab9223;} body.yellow #flex-content .wrap.pricing ul.pricing-list > li .title{background-color:#d7b72d;} body.yellow #flex-content .wrap.pricing ul.pricing-list > li .pricing{color:#d7b72d;} body.yellow #flex-content .bgcolor.img.accent{background-color: rgba(171, 146, 35, 0.85);} body.yellow #flex-content .wrap.accent, body.yellow #flex-content .white_space.accent, body.yellow #flex-content .accent.bg:before, body.yellow .flex_color_accent{background-color: #ab9223;} body.yellow #flex-content .timeline .timeline_list > li.event > .item .content > .inner .title{background-color:#d7b72d;} body.yellow #flex-content .timeline .timeline_list > li.event > .item .content > .inner .title:before{border-color: transparent #d7b72d transparent transparent;} body.yellow #flex-content .timeline .timeline_list > li.event > .item.left .content > .inner .title:before{border-color:transparent transparent transparent #d7b72d;} body.yellow #flex-content .timeline .timeline_list > li.event > .item .content > .inner:before{background-color:#d7b72d;} body.yellow #flex-content .timeline .timeline_list > li.event > .item .date{color:#d7b72d;} body.yellow #sticky a{background-color:#d7b72d;} body.yellow #sticky a:hover{background-color:#b79b21;} /*******************************************/ /******************* FAQ *******************/ /*******************************************/ /* faq overview */ .faq-overview ul {margin-left: 0; padding-left: 0;} .faq-overview ul li {width: 30%; margin-right: 3.3%; float: left; text-align: center; list-style: none;padding: 20px; border: 1px solid #ccc; margin-bottom: 30px;} .faq-overview ul li span {width: 90%; margin: 20px auto; height: 100px; display: block;} .faq-overview ul li span.img img {width: ; max-width: 100px; display: inline-block; height: auto; max-height: 100px} /* faq detail */ #faq {margin-bottom: 30px;} #faq h3 {} #faq .item{position:relative; border-top: 1px solid #ebebeb ;border-right: 1px solid #ebebeb ;border-left: 1px solid #ebebeb; background-color: #fff; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #faq .item:last-of-type { border-bottom: 1px solid #ebebeb ;} #faq .item .title{background-size: 19px auto; padding:15px 40px 15px 15px;position:relative;cursor:pointer;line-height:normal; font-weight: 700; color:#757473} #faq .item .title:after{content:''; display:block; position:absolute; top:50%; margin-top:-4px; right:16px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #35bcdc; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #faq .item.active .title {} #faq .item.active .title:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} #faq .item .desc{ font-size: 15px; padding: 0 15px 15px 15px;} #faq .item .desc p:last-of-type {margin-bottom: 0;} #faq .item:nth-child(odd) .title{} #faq .item:nth-child(even) .title{} #faq .item .desc{display:none;} #faq .item.active {background: #f6f6f6;} /********************************************/ /******************* Blog *******************/ /********************************************/ /*#list-overview {min-height: 200px;} #list-overview .intro {} #list-overview .filter {width: 250px; background:#f5f5f5; position: absolute;} #list-overview .filter .content {padding: 20px;} #list-overview .filter ul {padding: 0; margin: 0} #list-overview .filter ul li {margin: 0; padding: 0} #list-overview .filter+.item-list {padding-left: 270px; } */ /*#list-overview .item-list ul {padding-left: 0;list-style-type: none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} #list-overview .item-list ul li{width:100%;margin: 0 0 30px 0;} #list-overview .item-list ul li > a{text-decoration:none;color:inherit;display:block;height:100%;position:relative;border: 1px solid #f5f5f5;} #list-overview .item-list ul li > a:after {content:''; position:absolute; bottom:0; left:0; width:100%; display: block; height: 0; background: #35bcdc; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #list-overview .item-list ul li > a:hover:after {height: 5px;} #list-overview .item-list ul li a img {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #list-overview .item-list ul li a .content{padding: 20px;} #list-overview .item-list ul li a .content .read-more{text-decoration:underline; color:#35bcdc;} #list-overview .loader {position: absolute; left: 50%; margin-left: 40px; z-index: 1; } #list-overview .pagnitation {text-align: center;}*/ #list-overview{position:relative;} #list-overview .loader{display:none; position:absolute; left:50%; margin-left:-94px; top:40px;} #list-overview .loader.hide{display:none;} #list-overview .loader.show{display:block;} #list-overview .item-list ul{margin:0; padding:0;} #list-overview .item-list ul > li{margin:0 0 30px 0; padding:0; list-style-type: none;} #list-overview .item-list ul > li > a{display:block; padding:26px; border:1px solid #e1e1e1; text-decoration: none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #list-overview .item-list ul > li > a:hover{box-shadow:0 0 10px rgba(0,0,0,0.2);} #list-overview .item-list ul > li > a .wrapper{color:#13100d;} #list-overview .item-list ul > li.has-post-thumbnail > a .wrapper{margin-left:260px; } #list-overview .item-list ul > li > a .wrapper:after{content:''; display:table; clear:both;} #list-overview .item-list ul > li > a .wrapper .img{margin-left:-260px; width:230px;float:left;} #list-overview .item-list ul.post-type-team{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} #list-overview .item-list ul.post-type-team > li{ width: 23.125%;margin: 0 0 30px 2.5%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} #list-overview .item-list ul.post-type-team > li:nth-child(4n+1){margin-left:0;} #list-overview .item-list ul.post-type-team > li > a{width:100%;padding: 15px; } #list-overview .item-list ul.post-type-team > li.has-post-thumbnail > a .wrapper{margin-left:0;} #list-overview .item-list ul.post-type-team > li > a .wrapper {cursor: pointer;} #list-overview .item-list ul.post-type-team > li > a .wrapper .img{margin: 0;float: none;width: 100%;height: 0;padding-bottom: 130%;background-position:center center;background-size:cover;position: relative;} #list-overview .item-list ul.post-type-team > li > a .wrapper .img .img-hover{position:absolute; top:0; right:0; bottom:0; left:0; background-color:#fff; background-position:center center; background-size:cover; opacity:0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #list-overview .item-list ul.post-type-team > li > a .wrapper .content{margin-top:20px;} #list-overview .item-list ul.post-type-team > li > a .wrapper .content h2{margin:0;} #list-overview .item-list ul.post-type-team > li > a:hover .wrapper .img .img-hover{opacity:1;} #list-overview .item-list ul.post-type-team > li > a:hover{background-color:#35bcdc; cursor:default; } #list-overview .item-list ul.post-type-team > li > a:hover .wrapper, #list-overview .item-list ul.post-type-team > li > a:hover .wrapper .content h2{color:#fff;} .single-team-thumbnail {float: left; width: 250px; padding: 15px; border: 1px solid #e1e1e1; margin: 0 25px 25px 0;} .related_blogs_title{margin:60px 0 30px 0;} #related_blogs{margin:0;padding:0;list-style-type: none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} #related_blogs > li{width:31.333334%;margin:0 0 20px 3%;padding:0;vertical-align: top;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;} #related_blogs > li:nth-child(3n+1){margin-left:0;} #related_blogs > li > a{padding:18px; border:1px solid #e1e1e1; width:100%; text-decoration:none; color:##13100d; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #related_blogs > li > a:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);} #related_blogs > li > a .wrapper .img img{width:100%;} #related_blogs > li > a .content{margin-top:14px;} #related_blogs > li > a .content h3{font-size:20px; line-height:28px; font-weight:400; text-transform:uppercase; font-family: 'Muli', sans-serif; text-overflow:ellipsis; overflow:hidden; } body.single #default-single{} .single .more{padding: 50px 0; background:#f5f5f5;} .single .more .recent, .more-blogs .related{float: left; width: 45%;} .single .more .recent {margin-right: 10%;} .single .more ul {padding: 0; margin: 0;} .single .more ul li { margin: 0; list-style: none; border-bottom: 1px solid #ccc; padding: 20px 10px 20px 0px; border-left: 5px solid #f5f5f5; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .single .more ul li:hover {border-left: 5px solid #35bcdc; padding-left: 10px; padding-right: 0} .single .more ul li:last-of-type {border-bottom: 0;} .single .more ul li a {color:inherit; text-decoration: none; display: block} .single .more ul li a p {margin-bottom: 0;} .single .more ul li a span {color: #35bcdc;} .navigation {text-align: center; margin-bottom: 40px; position: relative;} .navigation > h2{display:none;} .navigation a{text-decoration:none;} .navigation > div{display: inline-block; text-align: center;} .pagnitation .navigation .page-numbers{color: #000;display:inline-block;height:50px;line-height:50px;padding: 0 10px;min-width: 40px;margin: 0;text-align:center;vertical-align: middle; font-size:20px;} .pagnitation .navigation .page-numbers.current{background: #35bcdc;color: #fff;min-width:50px;} .pagnitation .navigation .page-numbers.prev, .pagnitation .navigation .page-numbers.next{background:#000;color:#fff;font-size:30px;line-height: 45px;height: 50px;margin: 0;padding: 0;min-width:50px;} .pagnitation .navigation .page-numbers.prev{margin-right:100px;} .pagnitation .navigation .page-numbers.next{margin-left:100px;} .navigation a.btn{padding:7px 16px; background-image:none;} .navigation a.btn:hover{background-color:#35bcdc;background-image:none; color:#fff;border: 1px solid #35bcdc;} .navigation > .previous_page, .navigation > .next_page{border:1px solid transparent; padding:7px 0; display:inline-block; font-size:14px; text-decoration:none;line-height:19px;} .navigation > .previous_page a, .navigation > .next_page a{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .navigation > .previous_page {position: absolute; left: 0;} .navigation > .previous_page a{padding-left:36px; background:url(images/arrow_blue_left.svg) no-repeat center left;} .navigation > .previous_page a:hover{background-position:center left; background-position:center left -10px;} .navigation > .next_page {position: absolute; right: 0;} .navigation > .next_page a{padding-right:36px; background:url(images/arrow_blue.svg) no-repeat center right;} .navigation > .next_page a:hover{background-position:center right; background-position:center right -10px;} .socialMediaShare {text-align: center; margin-bottom: 10px;} .socialMediaShare a {text-decoration: none; font-size: 20px; margin: 0 10px; } .socialMediaShare a:hover {color:#333} /*******************************************/ /* Custom page styling */ /*******************************************/ body.post-6182 #header{min-height:280px;} body.post-6182 #breadcrumbs{display:none;} body.post-6182 #intro{margin:0; padding:40px 0; text-align: center; font-size:26px; font-weight:100; text-transform:uppercase;} body.post-6182 #intro p{margin:0; line-height:normal;} body.post-6182 #intro h1{font-size:38px;line-height:normal;font-weight:400;color: #35bcdc;margin: 0;} body.post-6182 #flexrow-1{background:url(images/easter-bg.jpg) no-repeat center center; background-size:cover; padding:160px 0;} body.post-6182 #flexrow-1 .text_form_wrapper{background: rgba(255,255,255,0.85);padding: 40px;max-width: 380px;margin: 0 auto;} body.post-6182 #flexrow-1 .text_form_wrapper h2{color:#fff;} body.post-6182 #flexrow-1 .text_form_wrapper input[type="submit"]{width:100%;} body.post-6182 #flexrow-1 .text_form_wrapper small{font-size:80%;} body.post-6554 #header{min-height:280px;} body.post-6554 #breadcrumbs{display:none;} body.post-6554 #intro{margin:0; padding:40px 0; text-align: center; font-size:26px; font-weight:100; text-transform:uppercase;} body.post-6554 #intro p{margin:0; line-height:normal;} body.post-6554 #intro h1{font-size:38px;line-height:normal;font-weight:400;color: #35bcdc;margin: 0;} body.post-6554 #flexrow-1{background:url(images/anniversary-bg.jpg) no-repeat center center; background-size:cover; padding:160px 0;} body.post-6554 #flexrow-1 .text_form_wrapper{background: rgba(255,255,255,0.6);padding: 40px;max-width: 380px;margin: 0 auto;} body.post-6554 #flexrow-1 .text_form_wrapper h2{color:#fff;} body.post-6554 #flexrow-1 .text_form_wrapper input[type="submit"]{width:100%;} body.post-6554 #flexrow-1 .text_form_wrapper small{font-size:80%;} body.page-id-6288{background:url(images/academics/bg-baseclear-for-academics.png) repeat-y top center;} body.page-id-6288 #flex-content .wrap.highlight_pages .highlight_pages_list > li > a .content h3{font-size:24px;line-height:26px;margin-bottom: 16px;} body.page-id-6288 #flex-content .wrap.highlight_pages .highlight_pages_list > li > a .content p{display:none;} body.page-id-6288 #flex-content .wrap.highlight_pages .highlight_pages_list > li > a .content{text-align: center;} body.page-id-6288 #flex-content .wrap.highlight_pages .highlight_pages_list > li > a .content .btn_wrapper{position: absolute;bottom: 20px;left:0;width:100%;} body.page-id-6288 #flex-content .wrap.highlight_pages .highlight_pages_list > li > a .content .btn_wrapper .btn{position: static; background-color:#000;} body.page-id-6288 div[id*="flexrow"][data-title="next-generation-sequencing"]{background-image:url(images/academics/bg-next-generation.jpg); background-position: top center; background-size:cover;} body.page-id-6288 [id*="flexrow"][data-title="gene-synthesis-by-basegene"]{background-image:url(images/academics/bg-gene-synthesis.jpg); background-position: right center; background-size:cover;} /*****************************************************************************************/ /************************ Footer / Default layout set to layout 1 ************************/ /*****************************************************************************************/ #meet-contact .wrapper{margin:0;padding:0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-moz-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: end;-moz-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;} #meet-contact .wrapper > .img{padding: 40px 0 0 0;display:inline-block;width:30%;-webkit-order: 1;-ms-flex-order: 1;order: 1;} #meet-contact .wrapper > .img img{margin:0 auto;} #meet-contact .wrapper > .info{padding:80px 0;display:inline-block;width: 65%;margin-left: 5%;-webkit-order: 2;-ms-flex-order: 2;order: 2;} #meet-contact .wrapper > .info h2 a{color:#35bcdc; text-decoration: none;} #sticky{position: absolute;top: 200px;right: 0;z-index: 9;overflow: hidden;} #sticky a{padding: 20px 20px 20px 82px;display: block;position: relative;width: 200px;color: #fff;font-size: 18px;line-height: 20px;font-weight: bold;text-decoration: none;background: #35bcdc;box-shadow: 0 0 10px rgba(0,0,0,0.1);} #sticky a:before{content:'';position:absolute; top:50%; left:15px; display:block; width:50px; height:50px; background:#fff url(images/sticky-icons.svg) top center; border-radius:100%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #sticky a.contact:before{background-position: bottom center;} #sticky a + a{margin-top: 15px;} #sticky a:hover{background-color:#2baac7;} #get_in_touch{background-color: #35bcdc;padding: 50px 0 60px 0;text-align:center;} #get_in_touch h2{ color:#fff; margin-bottom:30px;} #get_in_touch .btn{margin:12px;} #footer .vet{background:url(images/bureauvet.svg) no-repeat right center; padding:10px 35px 10px 0;} /*** Footer1 ***/ #footer.footer_layout_1 {font-size: 13px;line-height: 20px;position: relative;} #footer.footer_layout_1 a {text-decoration: none; color: inherit;} #footer.footer_layout_1 .top{padding: 40px 0 20px 0;background-color: #f6f6f6;} #footer.footer_layout_1 .top .title{font-weight:bold;} #footer.footer_layout_1 .top .container{border-bottom:1px solid #575757;padding-bottom: 30px;} #footer.footer_layout_1 .top .address{width: 16%;float:left;margin-right:2%;} #footer.footer_layout_1 .top .address a{display:block;} #footer.footer_layout_1 .top .address .tel{margin-top:20px;} #footer.footer_layout_1 .top .contact{width: 22%;float:left;margin-right:2%;} #footer.footer_layout_1 .top .contact a{display:block;} #footer.footer_layout_1 .top .info{width:20%; float:left; margin-right:2%;} #footer.footer_layout_1 .top .info span{display:block;} #footer.footer_layout_1 .top .contact_button{width: 18%;float:right;} #footer.footer_layout_1 .top .contact_button .btn{color:#fff; float:right;} #footer.footer_layout_1 .top .landingpage_wrap{margin:0;padding:0;float:left;width: 42%;} #footer.footer_layout_1 .top .landingpage_wrap > li{margin: 0;padding:0;display: inline-block;width: 100%;vertical-align:top;} #footer.footer_layout_1 .top .landingpage_wrap.row-1 > li{width:100%; margin-right:0%;} #footer.footer_layout_1 .top .landingpage_wrap.row-2 > li{width:48%; margin-right:4%;} #footer.footer_layout_1 .top .landingpage_wrap.row-3 > li{width: 30.6666667%;} #footer.footer_layout_1 .top .landingpage_wrap > li.no_title{margin-top: 20px;} #footer.footer_layout_1 .top .landingpage_wrap > li:last-child{margin-right:0;} #footer.footer_layout_1 .top .landingpage_wrap li .landingpage_list{margin:0; padding:0;} #footer.footer_layout_1 .top .landingpage_wrap li .landingpage_list > li{margin:0; padding:0; list-style-type:none;} #footer.footer_layout_1 .bottom{padding:0 0 60px 0;background-color: #f6f6f6;} #footer.footer_layout_1 .bottom .left{float:left; margin-right:2%;} #footer.footer_layout_1 .bottom .right{float:right; text-align:right;} /*** Footer 2 ***/ #footer.footer_layout_2 {background-color: #f7f7f7;font-size: 13px;line-height: 20px;color: black;position: relative;} #footer.footer_layout_2 a {text-decoration: none;} #footer.footer_layout_2 .top{padding:50px 0} #footer.footer_layout_2 .top .sm{text-align:center;} #footer.footer_layout_2 .top .footer-nav{margin:30px 0 15px 0;} #footer.footer_layout_2 .top .footer-nav ul{margin:0; padding:0; text-align:center;} #footer.footer_layout_2 .top .footer-nav ul li{list-style-type:none; margin:0 8px; padding:0; display:inline-block; } #footer.footer_layout_2 .top .footer-nav ul li a{font-weight:bold; font-size:17px; color:#000;} #footer.footer_layout_2 .top .address{text-align:center; } #footer.footer_layout_2 .top .address div{display: inline-block;} #footer.footer_layout_2 .top .address div:not(:last-child):after{content:'•'; margin:0 8px;} #footer.footer_layout_2 .top .address a{color:#000;} #footer.footer_layout_2 .bottom{background:#35bcdc;padding: 30px 0 20px 0;} #footer.footer_layout_2 .bottom .left{text-align:center; color:#fff; } #footer.footer_layout_2 .bottom .left div {display:inline-block; } #footer.footer_layout_2 .bottom .left div:not(:last-child):after{content:'-'; margin:0 8px;} #footer.footer_layout_2 .bottom .left a{color:#fff;} #footer.footer_layout_2 .bottom .right{text-align:center; } #footer.footer_layout_2 .bottom .right .vet{color:#fff; font-size:10px; float: none;margin: 5px 0 0 0;display: inline-block;} /*** Footer 3 ***/ #footer.footer_layout_3 {font-size: 16px;line-height: 30px; position: relative; background-color: #000;} #footer.footer_layout_3 a {text-decoration: none; font-weight:bold} /* #footer.footer_layout_3 .top{padding: 40px 0 30px 0;} */ #footer.footer_layout_3 .top .logo{float:left;} #footer.footer_layout_3 .top .logo a{display:block;margin-top: 9px;} #footer.footer_layout_3 .top .logo a svg{display:block; max-width:100%; height:auto;} #footer.footer_layout_3 .top .logo .logo-white{fill:#fff;} #footer.footer_layout_3 .top .logo .logo-none{fill:none;} #footer.footer_layout_3 .top .logo .logo-color{fill:#3abddc;} #footer.footer_layout_3 .top .info{float: right;} #footer.footer_layout_3 .bottom{padding: 0 0 40px 0;} /* #footer.footer_layout_3 .bottom .container{border-top:1px solid #fff;padding-top:15px;} */ #footer.footer_layout_3 .bottom .left{float:left;} #footer.footer_layout_3 .bottom .left .sm-links{display:inline-block; margin:0 40px 0 0} #footer.footer_layout_3 .bottom .left .sm-links a{color:#fff; font-size:18px; line-height:30px; display:inline-block; width:25px; text-align:center; } #footer.footer_layout_3 .bottom .left .contact-info{display:inline-block;} #footer.footer_layout_3 .bottom .left .contact-info > div{display:inline-block;} #footer.footer_layout_3 .bottom .left .contact-info > div + div:before{content:'•'; display:inline-block; color:#fff; margin:0 14px;} #footer.footer_layout_3 .bottom .left .contact-info a.tel .fa{font-size:25px;margin-right:4px;-webkit-transform: translateY(3px);-moz-transform: translateY(3px);-ms-transform: translateY(3px);-o-transform: translateY(3px);transform: translateY(3px);} #footer.footer_layout_3 .bottom .left .contact-info a.mail .fa{font-size:15px; margin-right:4px; -webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px);} #footer.footer_layout_3 .bottom .left .contact-info a{font-size: 18px;color:#fff;text-transform:uppercase;font-weight:300;} #footer.footer_layout_3 .bottom .right{float:right;} #footer.footer_layout_3 .bottom .right .footer-links > ul{margin: 0; padding:0;} #footer.footer_layout_3 .bottom .right .footer-links > ul > li{display:inline-block;} /* #footer.footer_layout_3 .bottom .right .footer-links > ul > li + li:before{content:'•'; display:inline-block; color:#fff; margin:0 14px;} */ #footer.footer_layout_3 .bottom .right .footer-links > ul > li > a{color:#3abddc; font-weight:300; text-transform:uppercase; font-size:16px;} /*** Footer 4 ***/ #footer.footer_layout_4{background:#cccccc;} #footer.footer_layout_4 a{text-decoration:none; color:inherit;} #footer.footer_layout_4 .top{text-align:center; padding:70px 0 0 0;} #footer.footer_layout_4 .top .name{font-size:40px;} #footer.footer_layout_4 .top .name span{color:red;position: relative;top: 0;} #footer.footer_layout_4 .top .slogan{margin:20px 0 30px 0; font-size:25px;} #footer.footer_layout_4 .top .address{font-size:14px; line-height:22px;} #footer.footer_layout_4 .top .sm{margin-top:20px;padding: 0 30px;background:#cccccc;position:relative;z-index:2;display: inline-block;} #footer.footer_layout_4 .top .sm a{border-radius:4px;} #footer.footer_layout_4 .bottom{font-size:12px;} #footer.footer_layout_4 .bottom .container{border-top:1px solid #333; margin-top:-28px; padding:40px 0 20px 0;} #footer.footer_layout_4 .bottom .container .left{float:left; text-align:left;} #footer.footer_layout_4 .bottom .container .left div{display:inline-block; } #footer.footer_layout_4 .bottom .left div:not(:last-child):after{content:'-'; margin:0 5px;} #footer.footer_layout_4 .bottom .container .right{text-align:right; float:right;} /* Lightbox styling Preload images */ body:after {content: url(images/lightbox/close.png) url(images/lightbox/loading.gif) url(images/lightbox/prev.png) url(images/lightbox/next.png);display: none;} body.lb-disable-scrolling {overflow: hidden;} .lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;} .lightbox {position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;} .lightbox .lb-image {display: block;height: auto;max-width: inherit;border-radius: 3px;} .lightbox a img {border: none;} .lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;border-radius: 4px;} .lb-outerContainer:after {content: "";display: table;clear: both;} .lb-container {padding: 4px;} .lb-loader {position: absolute;top: 43%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;} .lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(images/lightbox/loading.gif) no-repeat;} .lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;} .lb-container > .nav {left: 0;} .lb-nav a {outline: none;background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');} .lb-prev, .lb-next {height: 100%;cursor: pointer;display: block;} .lb-nav a.lb-prev {width: 34%;left: 0;float: left;background: url(images/lightbox/prev.png) left 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;} .lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;} .lb-nav a.lb-next {width: 64%;right: 0;float: right;background: url(images/lightbox/next.png) right 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;} .lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;} .lb-dataContainer {margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;} .lb-dataContainer:after {content: "";display: table;clear: both;} .lb-data {padding: 0 4px;color: #ccc;} .lb-data .lb-details {width: 85%;float: left;text-align: left;line-height: 1.1em;} .lb-data .lb-caption {font-size: 13px;font-weight: bold;line-height: 1em;} .lb-data .lb-number {display: block;clear: left;padding-bottom: 1em;font-size: 12px;color: #999999;} .lb-data .lb-close {display: block;float: right;width: 30px;height: 30px;background: url(images/lightbox/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;} .lb-data .lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;} /*===============================================================================*/ /*=========================== Start responsive layout ===========================*/ /*===============================================================================*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1300px) { /*** Globals ***/ #head .mainmenu ul li a{font-size:15px; } #head .mainmenu ul li{} /*** Default template parts ***/ .container{max-width:952px; width:100%;} .container.xxsmall {max-width: 470px;} .container.xsmall {max-width: 740px;} .container.small {max-width: 952px;} .container.large {max-width: 952px;} .container.xlarge {max-width: 952px; } .container.full {max-width: inherit; width: 100%;} /*** Default header ***/ #header-img .container {max-width: 952px;} #head .container{max-width:100%; width:100%;} /*** Flex content ***/ #flex-content .wrap.fifty .left .content{max-width: 436px; margin: 0 40px;} /*** Homepage ***/ /*** Contact page ***/ } @media only screen and (max-width : 1100px) { #head .mainmenu ul li a{font-size:14px;} #head .mainmenu ul li{margin-left:0px;} } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { /*** Globals ***/ #sticky a{margin-right:-120px;} /*** Default template parts ***/ .container{max-width:718px;} .container.xxsmall {max-width: 470px;} .container.xsmall {max-width: 718px;} .container.small {max-width: 718px;} .container.large {max-width: 718px;} .container.xlarge {max-width: 718px; } .container.full {max-width: inherit; width: 100%;} /*** Head ***/ #head{display:none;} .slicknav_menu{display:block;} /*** Default header ***/ #header{min-height:220px;} #header .header-img{height:180px;} #header .wrapper{padding-top:85px; margin-right:0;} /*** Flex content ***/ #flex-content .wrap.fifty .left .content{max-width: 319px;} #flex-content .wrap.multi .span3{width:48.5%; margin-bottom:20px;} #flex-content .wrap.multi .span3:nth-child(2n+2){margin-right:0;} #flex-content .text_bg .container.columns1 .content { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} #flex-content .text_bg .container.columns2 .content{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} #flex-content .text_bg .container.columns3 .content{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} #flex-content .text_bg .container.margin .content {margin-bottom: 0;} #flex-content .wrap.highlight_pages .highlight_pages_list > li{width:49%;} #flex-content .wrap.highlight_pages .highlight_pages_list > li:nth-child(odd){margin-left:0;} #flex-content .wrap.pricing ul.pricing-list > li{width:48.75%;} #flex-content .wrap.pricing ul.pricing-list > li:nth-child(odd){margin-left:0;} /*** Homepage ***/ .page-template-front-page #hp-header-2018 .wrapper{padding:40px 0;} .page-template-front-page #hp-header-2018 .wrapper .intro_services{margin:40px 0 0 0;} .page-template-front-page #hp-header-2018 .wrapper .intro_services a h3{padding:14px 20px;} .page-template-front-page #service-intro .services_list .service{width:49%;margin-bottom:2%;} .page-template-front-page #service-intro .services_list .service:nth-child(odd){margin-left:0;} .page-template-front-page #homepage-header{padding:60px 0;} .page-template-front-page #homepage-header .wrapper h1{font-size:45px; line-height:45px; max-width:500px;} .page-template-front-page #services h2, .page-template-front-page #outsource h2, .page-template-front-page #facts h2, .page-template-front-page #blogs h2, .page-template-front-page #blogs h2, .page-template-front-page #team h2{font-size:35px; line-height:35px;} .page-template-front-page #services .sercice_list > li{width:32.66667%; margin:0 0 40px 1%;} .page-template-front-page #services .sercice_list > li:nth-child(5n+1){margin-left:1%;} .page-template-front-page #services .sercice_list > li:nth-child(3n+1){margin-left:0;} /*** Blog overview ***/ #list-overview .item-list ul.post-type-team > li{width:31.666667%;} #list-overview .item-list ul.post-type-team > li:nth-child(4n+1){margin-left:2.5%;} #list-overview .item-list ul.post-type-team > li:nth-child(3n+1){margin-left:0;} /*** Contact page ***/ .page-template-contact .contact.contact_layout_1 .content{width:52%;} .page-template-contact .contact.contact_layout_1 .contactdetails{width:44%;} /*** Footer ***/ #footer.footer_layout_3 .bottom .left{float:none;display:block; text-align:center; width:100%;} #footer.footer_layout_3 .bottom .right{float:none;display:block; text-align:center; width:100%; margin:20px 0 0 0;} } /* Small Devices, Tablets */ @media only screen and (max-width : 767px) { /*** Globals ***/ .btn, .btn+.btn{margin:3px;} #sticky{display:none;} .gform_wrapper ul li.gfield .ginput_container_radio > ul > li{display:block;} /*** Default template parts ***/ .container{max-width:472px;} .container.xxsmall {max-width: 430px;} .container.xsmall {max-width: 430px;} .container.small {max-width: 430px;} .container.large {max-width: 430px;} .container.xlarge {max-width: 430px; } .container.full {max-width: inherit; width: 100%;} /*** Default header ***/ #header-img .container {max-width: 430px;} /*** Homepage ***/ .page-template-front-page #hp-header-2018 .wrapper .sub-title{font-size:42px; line-height:44px;} .page-template-front-page #hp-header-2018 .wrapper .intro_services .service{width:100%; margin:0 0 20px 0;} .page-template-front-page #hp-header-2018 .wrapper .intro_services .service:last-child{margin:0;} .page-template-front-page #services .sercice_list > li{width:49.5%;} .page-template-front-page #services .sercice_list > li:nth-child(3n+1){margin-left:1%;} .page-template-front-page #services .sercice_list > li:nth-child(odd){margin-left:0;} .page-template-front-page #blogs .news{width:100%; margin:0;} .page-template-front-page #blogs .news h2{text-align:left;} .page-template-front-page #blogs .news h2:after{left:0; right:inherit;} .page-template-front-page #blogs .news .btn_wrapper{text-align: left;} .page-template-front-page #blogs .blog{width:100%; margin:40px 0 0 0;padding:40px 0 0 0; border-top:1px solid rgba(255,255,255,0.8);} .page-template-front-page #blogs:before{right:0;} /*** Contact page ***/ .page-template-contact .contact.contact_layout_1 .content{width:100%;} .page-template-contact .contact.contact_layout_1 .contactdetails{width:100%; margin-top:20px;} .page-template-contact .contact.contact_layout_2 .content .contactform{width:100%;} .page-template-contact .contact.contact_layout_2 .contactdetails{width:100%;} .page-template-contact .contact.contact_layout_3 .content{width:100%;} .page-template-contact .contact.contact_layout_3 .contactdetails{width:100%; margin-top:20px;} /*** Flex content ***/ #flex-content .wrap.default.left .left{width:100%!important;} #flex-content .wrap.default.left .right{width:100%!important; margin-top:20px;} #flex-content .wrap.default.right .left{width:100%!important;} #flex-content .wrap.default.right .right{width:100%!important; margin-top:20px;} #flex-content .wrap.default .flex_wrapper, #flex-content .wrap.default .flex_wrapper.align_middle, #flex-content .wrap.default .flex_wrapper.align_bottom{display:block;} #flex-content .wrap.video-overview .videos-wrapper .video-single{width:100%;} #flex-content .wrap.video-overview .videos-wrapper .video-single:nth-of-type(2n+1){margin-right:0;} #flex-content .wrap.fifty {display: block;} #flex-content .wrap.fifty .left {width: 100%;} #flex-content .wrap.fifty .left .content{max-width:inherit;} #flex-content .wrap.fifty .left .content,#flex-content .wrap.fifty.left .left .content {float: none;} #flex-content .wrap.fifty .right {width: 100%; height: 0; padding-bottom:60%;} #flex-content .faq-detail.textBesideQuestion1 .left{width:100%; float:left;} #flex-content .faq-detail.textBesideQuestion1 .right{width:100%; float:right;} #flex-content .timeline .timeline_list:before{left:56px;} #flex-content .timeline .timeline_list > li.year > .year{margin:0;} #flex-content .timeline .timeline_list > li.event > .item .content{margin-left:0;} #flex-content .timeline .timeline_list > li.event > .item .date{position:static;margin: 0 0 0 100px;line-height: 30px;height: auto;padding: 10px 0;} #flex-content .timeline .timeline_list > li.event > .item .content > .inner{margin-left:100px;} #flex-content .timeline .timeline_list > li.event > .item.left .date{margin: 0 0 0 100px;} #flex-content .timeline .timeline_list > li.event > .item.left .content{margin:0;} #flex-content .timeline .timeline_list > li.event > .item.left .content > .inner{margin:0 0 0 100px;} #flex-content .timeline .timeline_list > li.event > .item.left .content > .inner:before{left:-73px; right:inherit;} #flex-content .timeline .timeline_list > li.event > .item.left .content > .inner .title:before{left:inherit;border-width: 12px 12px 12px 0;border-color: transparent #35bcdc transparent transparent;} body.red #flex-content .timeline .timeline_list > li.event > .item.left .content > .inner .title:before{border-color: transparent #dd4f3f transparent transparent;} body.yellow #flex-content .timeline .timeline_list > li.event > .item.left .content > .inner .title:before{border-color: transparent #d7b72d transparent transparent;} #flex-content .timeline .timeline_list:after{left:56px;} /*** Blog ***/ .showFilter {display: block; color:#fff; padding: 12px; background:#f00; width: 96px; margin-bottom: 10px;} #list-overview .filter {position: inherit; overflow: hidden; margin-bottom: 20px; width: 100%;} #list-overview .item-list {padding-left: 0;} #list-overview .item-list ul li {width: 100%; margin-right: 0!important; } #list-overview .item-list ul > li.has-post-thumbnail > a .wrapper{margin-left:0;} #list-overview .item-list ul > li > a .wrapper .img{margin:0 0 20px 0; width:100%; float:none;} #list-overview .item-list ul.post-type-team > li{width:48.75%;} #list-overview .item-list ul.post-type-team > li:nth-child(3n+1){margin-left:2.5%;} #list-overview .item-list ul.post-type-team > li:nth-child(odd){margin-left:0;} #meet-contact .wrapper{display:block;} #meet-contact .wrapper > .info{width:100%; margin:0; padding:60px 0 40px 0;} #meet-contact .wrapper > .img{width:100%; margin:0; padding:0; vertical-align: bottom;} #flex-content .wrap.pricing ul.pricing-list > li{width:100%; margin-left:0;} /*** Blog detail ***/ #related_blogs > li{margin-left:0; width:100%;} /*** Form fields ***/ .gform_wrapper ul li.gfield.odd{width:100%; margin-right:0;} .gform_wrapper ul li.gfield.even{width:100%;} /*** Footer ***/ #footer.footer_layout_1 .top .address{width:49%;} #footer.footer_layout_1 .top .landingpage_wrap{width:49%;} #footer.footer_layout_1 .top .info{width:49%; clear:both; margin-top:4%;} #footer.footer_layout_1 .top .contact_button{width:49%; margin-top:4%;} #footer.footer_layout_1 .top .contact_button .btn{float:left;} #footer.footer_layout_3 .top .container{} #footer.footer_layout_3 .top .about{width:100%; max-width:240px; margin:0 auto;} #footer.footer_layout_3 .top .address{width:100%; margin-right:0; margin-top:4%;} #footer.footer_layout_3 .top .customerservice{width:100%; margin-right:0; margin-top:4%;} #footer.footer_layout_3 .bottom .left .sm-links{display:block; margin:0 0 20px 0; text-align: center;} #footer.footer_layout_4 .bottom .container{text-align:center;} #footer.footer_layout_4 .bottom .container .left{display:block; float:none; text-align:center;} #footer.footer_layout_4 .bottom .container .right{display:block; margin-top:4%; float:none; text-align:center;} } @media only screen and (min-width : 481px) { #intro .filter form > ul > li > ul{display:block!important;} } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { /*** Globals ***/ /*** Head ***/ .wpml-ls .wpml-ls-native, .wpml-ls .wpml-ls-display, .wpml-ls > ul > li > a .wpml-ls-native, .wpml-ls > ul > li > a .wpml-ls-display, .wpml-ls > ul > li > ul > li > a .wpml-ls-native, .wpml-ls > ul > li > ul > li > a .wpml-ls-display{display:none;} /*** Search results ***/ #search-results ul li > a{display:none;} #search-results ul li.image .content{width:100%; padding-left:0;} /*** Filters ***/ #intro .filter form ul h4{display:block;color:#fff;padding: 6px 32px 6px 10px;cursor: pointer;background-color:#13100d;position:relative;} #intro .filter form ul h4:after{content:'\203A'; font-size:26px; position:absolute; top:50%; right:14px; height:30px; margin-top:-15px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #intro .filter form ul h4.open:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} #intro .filter form > ul > li > ul{display:none;} /*#intro .filter form > ul > li h4.open + ul{display:block;}*/ #intro .filter form ul li.sf-field-category > ul > li, #intro .filter form ul li[class^="sf-field-taxonomy"] > ul > li{display:block;} /*** Default template parts ***/ .container{width:90%; max-width:90%;} .container.xxsmall {max-width: 90%;} .container.xsmall {max-width: 90%;} .container.small {max-width: 90%;} .container.large {max-width: 90%;} .container.xlarge {max-width: 90%;} .container.full {max-width: inherit; width: 100%;} /*** Default header ***/ #header .wrapper .inner{padding:25px 20px;} /*** Homepage ***/ .page-template-front-page #hp-header-2018 .wrapper .extra_services .service{width:100%; margin:0 0 20px 0;} .page-template-front-page #hp-header-2018 .wrapper .extra_services .service:last-child{margin:0;} .page-template-front-page #service-intro .services_list .service{width:100%; margin-left:0;} /*** Blog overview ***/ #list-overview .item-list ul.post-type-team > li{width:100%; margin-left:0;} #list-overview .item-list ul.post-type-team > li:nth-child(3n+1){margin-left:0%;} /*** Flex content ***/ #flex-content .wrap {padding: 50px 0;} #flex-content .wrap.default.left .left, #flex-content .wrap.default.right .left {width: 100% !important;} #flex-content .wrap.default.left .right, #flex-content .wrap.default.right .right {width: 100% !important;} #flex-content .wrap.default .left img, #flex-content .wrap.default .right img {width: auto; margin: 20px auto 0;} #flex-content .wrap.video-overview .videos-wrapper .video-single {width: 100%; margin: 0 auto 20px !important;} #flex-content .wrap.quote h2{font-size:20px; line-height:24px;} #flex-content .wrap.products_highlight .products-wrapper .product-single .productWrap > .img, #flex-content .wrap.products_highlight .products-wrapper .product-single .productWrap > a{width:100%; display:block; padding-bottom:40%;} #flex-content .wrap.products_highlight .products-wrapper .product-single .productWrap .txtWrap{width:100%; display:block;} #flex-content .wrap.fifty .left .content {padding: 25px; margin: 0;} #flex-content .timeline .timeline_list:before{left:50%; opacity:0.2;} #flex-content .timeline .timeline_list > li.year > .year{margin:0 auto;} #flex-content .timeline .timeline_list > li.event > .item .content{margin-left:0;} #flex-content .timeline .timeline_list > li.event > .item .date{position:static;margin: 0; } #flex-content .timeline .timeline_list > li.event > .item .content > .inner{margin-left:0; } #flex-content .timeline .timeline_list > li.event > .item .content > .inner:before{display:none;} #flex-content .timeline .timeline_list > li.event > .item .content > .inner .title:before{display:none;} #flex-content .timeline .timeline_list > li.event > .item.left .date{margin:0;} #flex-content .timeline .timeline_list > li.event > .item.left .content > .inner{margin:0;} #flex-content .timeline .timeline_list:after{left:50%;} #flex-content .wrap.highlight_pages .highlight_pages_list > li{width:100%; margin-left:0;} #flex-content .wrap.highlight_pages .highlight_pages_list > li > a .content{padding:20px;} #flex-content .wrap.highlight_pages .highlight_pages_list > li > a .content .btn{position:static;} /*** Contact page ***/ .page-template-contact .gform_wrapper ul li.gfield.txtmessage{margin-bottom:0;} .page-template-contact .contact.contact_layout_2 .contactdetails .logo{display:none;} .page-template-contact .gform_wrapper ul li.gfield{width:100%; margin-right:0;} /*** Footer ***/ #footer.footer_layout_1 .top .container{text-align:center;} #footer.footer_layout_1 .top .address{width:100%; margin-right:0;} #footer.footer_layout_1 .top .landingpage_wrap{width:100%;margin: 20px 0 0 0;} #footer.footer_layout_1 .top .landingpage_wrap.row-1 > li, #footer.footer_layout_1 .top .landingpage_wrap.row-2 > li, #footer.footer_layout_1 .top .landingpage_wrap.row-3 > li{width:100%;} #footer.footer_layout_1 .top .landingpage_wrap.row-2 > li:not(:first-child), #footer.footer_layout_1 .top .landingpage_wrap.row-3 > li:not(:first-child){margin-top:20px;} #footer.footer_layout_1 .top .info{width:100%; margin-right:0; margin-top:4%; } #footer.footer_layout_1 .top .contact_button{width:100%; margin-top:4%; } #footer.footer_layout_1 .top .contact_button .btn{float:none;} #footer.footer_layout_1 .bottom .container{text-align:center;} #footer.footer_layout_1 .bottom .container .left{float:none; } #footer.footer_layout_1 .bottom .container .right{float:none; margin-top:20px;text-align:center;} #footer.footer_layout_2 .top .address div{display:block;} #footer.footer_layout_2 .top .address div:not(:last-child):after{display:none;} #footer.footer_layout_2 .top .address div.tel{margin-top:20px;} #footer.footer_layout_3 .top .logo{float:none; width:100%; text-align:center;} #footer.footer_layout_3 .top .logo svg{margin:0 auto} #footer.footer_layout_3 .top .info{float:none; width:100%; text-align:center; margin-top:20px;} #footer.footer_layout_3 .bottom .left .contact-info > div + div:before{display:none;} #footer.footer_layout_3 .bottom .left .contact-info > div{display: block; text-align: center;} } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { /*** Globals ***/ /*** Default template parts ***/ /*** Homepage ***/ } @media only screen and (min-width : 1100px) { #flex-content .wrap.multi.amount1 .multiwrap .multispan{width: 100% ; margin-right: 0;} #flex-content .wrap.multi.amount2 .multiwrap .multispan{width: 47.5%; margin-right: 5%} #flex-content .wrap.multi.amount3 .multiwrap .multispan{width: 30%; margin-right: 5%;} #flex-content .wrap.multi.amount4 .multiwrap .multispan{width: 23%; margin-right: 2.6666666%} #flex-content .wrap.multi.amount2 .multiwrap .multispan:nth-of-type(2n) {clear: right; margin-right: 0;} #flex-content .wrap.multi.amount3 .multiwrap .multispan:nth-of-type(3n) {clear: right; margin-right: 0;} #flex-content .wrap.multi.amount4 .multiwrap .multispan:nth-of-type(4n) {clear: right; margin-right: 0;} } @media only screen and (min-width : 992px) and (max-width : 1100px) { #flex-content .wrap.multi.amount1 .multiwrap .multispan{width: 100%; margin-right: 0;} #flex-content .wrap.multi.amount2 .multiwrap .multispan{width: 47.5%; margin-right: 5%} #flex-content .wrap.multi.amount3 .multiwrap .multispan{width: 47.5%; margin-right: 5%} #flex-content .wrap.multi.amount4 .multiwrap .multispan{width: 30%; margin-right: 5%;} #flex-content .wrap.multi.amount2 .multiwrap .multispan:nth-of-type(2n) {clear: right; margin-right: 0;} #flex-content .wrap.multi.amount3 .multiwrap .multispan:nth-of-type(2n) {clear: right; margin-right: 0;} #flex-content .wrap.multi.amount4 .multiwrap .multispan:nth-of-type(4n) {clear: none; margin-right: 5%;} #flex-content .wrap.multi.amount4 .multiwrap .multispan:nth-of-type(3n) {clear: right; margin-right: 0;} } @media only screen and (min-width : 768px) and (max-width : 992px) { #flex-content .wrap.multi.amount2 .multiwrap .multispan, #flex-content .wrap.multi.amount3 .multiwrap .multispan, #flex-content .wrap.multi.amount4 .multiwrap .multispan{width: 47.5%; margin-right: 5%} #flex-content .wrap.multi.amount2 .multiwrap .multispan:nth-of-type(2n), #flex-content .wrap.multi.amount3 .multiwrap .multispan:nth-of-type(2n), #flex-content .wrap.multi.amount4 .multiwrap .multispan:nth-of-type(2n){clear: right; margin-right: 0;} #flex-content .wrap.multi.layout_width .multispan{display:block;} #flex-content .wrap.multi.layout_width .multispan > .img{width:100%; height:0; padding-bottom:60%; display:block;} #flex-content .wrap.multi.layout_width .multispan .txtWrap{width:100%;} } @media only screen and (max-width : 768px) { #flex-content .wrap.multi.layout_width .multispan{display:block;} #flex-content .wrap.multi.layout_width .multispan > .img{width:100%; height:0; padding-bottom:60%; display:block;} #flex-content .wrap.multi.layout_width .multispan .txtWrap{width:100%;} } /* New styling */ #head{position: relative;width:100%; z-index: 100;background: #f3f3f4; box-shadow: 0 0 20px rgba(0,0,0,0.1);} /* #head:before{content:'';position:absolute;top:0;left:0;right:0;height: 69px;background:#fff;z-index: 1;} */ #head .mainmenu {width: 100%;text-align: right;padding: 0 10px 0 0;} #head .container {display:flex; } #head .mainmenu .container {display:flex; justify-content: flex-end; align-items: center;} #head .top-bar{background-color:#fff; } #head .mainmenu{background-color:#f3f3f4; height: 37px; line-height: 37px;} #head .logo {float: left;display: block;margin: 12px; position: relative; z-index: 2; height: 70px;} #head .mainmenu ul.menu li { padding-bottom: 0; } #head .mainmenu ul.menu li a { color: #366988; font-weight: 600; } .header h1{ font-family: "Rajawalite", sans-serif ; font-size: 90px; line-height: 70px; color: #fff; text-transform: capitalize; transform: rotate( -8deg); } section.home-banner{ background-color:rgba(0,0,0,0.2); position:relative; padding:0; } .text-large-media__inner{ padding: 73px 0; position:relative; width:calc(50% - 50px); z-index: 20; } .text-large-media__bg{ position:absolute; top:0; left:50%; width:50%; height:100%; } .header .btn { margin-top: 70px; background: transparent; border: 1px solid #fff; } img { max-width: 100%; height: auto; } .header { position:relative; height: 427px; } .header.page-header { height: 281px; } .header .header__image { display: inline-block; width:50%; position: absolute; top:0; height:100%; } .header .header__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .header .header__image--left { left:0; width: 50%; z-index:2; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 123px), calc(100% - 60.3px) calc(100% - 123px), calc(100% - 61px) 100%, 0 100%); } .header .header__image--right { right:0; width: calc(50% + 61px); } .container.lg-container{ max-width: 1310px; } .blocks__block{ display: block; height: 61px; width: 61px; position: absolute; z-index: 10; } .header__left-block-outside { background: #e9425b; left: 0; bottom: -61px; } .page-header .header__right-block-2 { background: #e9425b; left: 61px; bottom: 123px; top: unset; } .header__left-block-1{ background:rgba(255,255,255,0.3); right:0; bottom: 61px; } .header__left-block-2 { background: rgb(241 0 0 / 65%); right: 0; bottom: 123px; display: block; } .header__left-block-3 { right: 60px; bottom: 0px; background: #3abddc; } .header__left-block-4 { left: 18vw; top: 0; background: #3abddc; } .header__left-block-5 { left: 0; bottom: 0px; background: #366988; } .header__left-block-6 { left: 18vw; top: 0; background: #3abddc; } .header__right-block-1 { background:#ffffff; left: 60px; top: 0; } .header__right-block-2 { background: #e9425b; left: 60px; top: 61px; } .header__right-block-3 { background: #366988; left: 121px; top: 0; } .header__right-block-4 { background: #ffffff; right: 0; top: 0; } .header__right-block-5 { background: #3abddc; left: 121px; bottom: 0; } .header__right-block-6 { background: #b4dedf; left: 0; bottom: 62px; } a.btn.btn-primary { background: transparent; border: 1px solid #fff; margin-top: 21px; } h2{ font-family: "Glypha", sans-serif ; font-weight: 300; color:#002e4a; } #footer.footer_layout_3 { background-color: #002e4a; } .sm-links .fa { color: #fff; padding: 10px; font-size: 19px; background: #3abddc; text-align: center; height: 40px; width: 40px; } /* Product lines block */ .product-lines, .company-logos { padding-top: 68px; padding-bottom: 75px; } .product-lines__title, .company-logos__title{ text-align: center; margin-bottom: 30px; font-weight: 300; } body h1{ font-family: "Glypha", sans-serif ; } body h2{ font-family: "Glypha", sans-serif ; text-transform: initial; font-size: 37px; line-height: 42px; } .footer_layout_3 .logo .logo-st0 { fill: #fff!important; } /* .product-lines__list{ display: grid; list-style: none; grid-template-columns: repeat(5,1fr); gap: 20px; padding:0; } */ .product-lines__list{ width: calc(100% - 40px); margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(auto-fill,minmax(min(160px,100%),1fr)); gap: 20px; max-width: calc(1076px); } .product-lines__list a{ text-decoration: none; height: 100%; width:100%; } /* .product-lines__item{ position: relative; } */ .product-lines__item { position: relative; display: flex; flex-direction: column; height: 100%; } span.product-line-ico { top: 120px; background: red; position: absolute; } .product-lines__content { padding: 10px 48px; background: #002e4a; color: #fff; text-align: center; text-transform: uppercase; } .product-lines__content { padding: 10px 48px; display: block; padding: 15px; flex: 1 1 auto; background: #002e4a; color: #fff; text-align: center; text-transform: uppercase; } .product-lines img.product-lines__image { object-fit: cover; width: 100%; height: 150px; object-position: left; } @media (max-width: 1000px ){ body .company-logos__list{ grid-template-columns: repeat(3, 1fr); } } @media (max-width: 754px ){ body .company-logos__list{ grid-template-columns: repeat(2, 1fr); } } @media (max-width: 571px ){ body .company-logos__list{ grid-template-columns: repeat(1, 1fr); } } /* text video block */ .youtube-container .btn{ margin-top: 8px; } .youtube-container { display: block; width: 100%; max-width: 600px; margin: 30px auto; } .youtube-player { display: block; margin: 20px 0; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; } img.youtube-thumbnail { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto; } div.youtube-play-btn { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("https://freepngimg.com/thumb/categories/1398.png") no-repeat center center; background-size: 72px 72px; } .youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .content-block-left{ text-align: right; } .text-video-block{ background: linear-gradient(to right, #366988 0%,#366988 50%,#002e4a 50%,#002e4a 100%); } .content-block { display: inline-block; width: 100%; padding: 83px 0; } .content-block__item{ width:50%; float: left; padding: 0 68px; } .content-block__item > *{ color:#fff; } .page-template-front-page #blogs .news { text-align: right; } /* Company logos */ .company-logos__list{ display: grid; list-style: none; grid-template-columns: repeat(5,1fr); gap: 20px; padding:0; } .company-logos__list a{ text-decoration: none; height: 100%; width:100%; } .company-logos img.company-logos__image { object-fit: contain; width: 100%; height: 250px; } /* Blog items homepage */ .page-template-front-page #blogs{background: linear-gradient(to right, #3abddc 0%,#3abddc 50%,#366988 50%,#366988 100%); padding:80px 0 100px 0; color:#fff;position:relative;} .page-template-front-page #blogs h2 { font-size: 34px; line-height: 15px; margin-bottom: 30px; } #footer.footer_layout_3 .bottom .right .footer-links > ul > li + li:before{content:'|'; display:inline-block; color:#fff; margin:0 14px;} #footer.footer_layout_3 .bottom .left .contact-info > div + div:before { content: '|'; display: inline-block; color: #fff; margin: 0 14px; } .sm-links { margin-top: 16px; } @media (max-width: 1017px ){ .content-block__item { width: 100%; float: left; padding: 0 68px; } .content-block__item.content-block-left { background: #366988; padding: 27px 15px; } .content-block__item.content-right { background: #002e4a ; padding: 27px 15px; } .text-video-block { background: unset; } .text-video-block .container{ max-width: 100%; width: 100%; padding:0; margin:0; } .text-video-block{ background: linear-gradient( #366988 0%,#366988 50%,#002e4a 50%,#002e4a 100%); } .content-block__item.content-block-left { text-align: center; padding: 40px 36px; } .content-block__item.content-right { text-align: center; padding: 40px 36px; } p { text-align: center; } .content-block { display: inline-block; width: 100%; padding: 0; } } @media (max-width: 899px ){ .header { height: 300px; } .company-logos img.company-logos__image { object-fit: contain; width: 100%; height: 199px; } .text-large-media__inner { padding: 67px 18px; } .header h1 { font-size: 46px; line-height: 38px; } .header .btn { margin-top: 18px; } } @media (max-width: 1301px ){ .text-large-media__inner { padding: 105px 39px; } .container{ padding:0 15px; } .page-template-front-page #blogs .list { height: unset!important; } } @media (max-width: 767px ){ .content-block__item { width: 100%; float: left; padding: 0 68px; } .product-lines__content { padding: 10px 10px; } .page-template-front-page #blogs .news { text-align: left; } .text-block .container{ width: 100%; padding: 0; } .text-large-media__inner { padding: 66px 39px; background: #145b84b3; width: 100%; text-align: center; margin: 0 auto; } .page-template-front-page #blogs .blog { border-top: unset; } .page-template-front-page #blogs { background: linear-gradient( #3abddc 0%,#3abddc 50%,#366988 50%,#366988 100%); } body h2{ font-size: 34px!important; line-height: 36px!important; } body .page-template-front-page #team h2 { font-size: 34px; line-height: 36px; } } #footer.footer_layout_3 .bottom .container{padding-top:15px;} #footer.footer_layout_3 .top{padding: 40px 0 0px 0;} .page-template-front-page #team h2 { font-size: 44px; line-height: 50px; margin-bottom: 15px; padding-bottom: 0px; } /* .page-template-front-page #team h2:after{content:''; width:146px; height:2px; background-color:#35bcdc; position: absolute; left:50%; margin-left:-73px; bottom:0;} */ .btn.invert{background-color: #366988; color:#fff;} .page-template-front-page #blogs .list { height: 192px; } .head-title { margin-top: 45px; color: #3abddc; } #breadcrumbs, #flex-content .wrap.breadcrumbs {margin: 0; padding:0px 0 25px 0; font-size: 12px;} h1 { font-size: 40px; text-transform: initial; line-height: 40px; } #header .header-img { height: 281px; } #header { min-height: 281px; }