/* Theme Name: ARI Fleet Theme URI: https://www.arifleet.com Author: ARI Fleet Author URI: https://www.arifleet.com Description: A WordPress theme for ARI Fleet Version: 3.0 */ /* Font Weight Reference: Extra Light: 200 Light: 300 Book: 400 Bold: 700 Black: 800 */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto;background:#f5f5f5 none repeat scroll 0 0;border:medium none}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}input[type=checkbox],input[type=radio]{width:15px!important;height:15px!important} /*! Slick Slider */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-dots,.slick-next,.slick-prev{padding:0;display:block}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;margin-top:-10px;cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'???'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'?'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'???'}.slick-slider{margin-bottom:30px}.slick-dots{bottom:-45px;width:100%;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'�';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /* Select 2 */ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{padding: 0; border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /*marketo css*/ .mktoOffset { display: none; } .mktoForm { /*padding-left: 30px;*/ } .mktoForm * { font-family: "Gotham A", "Gotham B", Arial, sans-serif !important; color: #666666 !important; font-weight: 500; } .mktoForm .mktoFieldWrap { /*float: left; width: 330px !important;*/ width: 100%; } .mktoForm { margin-top: 32px; width: 100% !important; } .mktoHasWidth { width: 100% !important; } .main-wrapper .mktoForm .mktoFormCol { float: none; } @media only screen and (min-width: 768px) { .mktoForm { width: 100%; } .mktoForm .mktoFormRow { display: flex; margin: 0 -15px; justify-content: center; } .mktoForm .mktoFormCol { /*width: 50%; flex-basis: 50%;*/ margin: 0 15px; flex-grow: 1; flex-shrink: 1; flex-basis: 50%; } .mktoForm .mktoFormRow .mktoFieldWrap { width: 100%; } .mktoForm .mktoFormRow .mktoClear { display:none; } } .mktoForm .mktoFormRow .mktoLabel { font-size: 18px; line-height: 14px; flex-direction: row-reverse; display: flex; align-items: flex-start; float: none; min-width: 19px; width: auto !important; margin-bottom: 9px; } .mktoForm .mktoFormRow .mktoLabel .mktoAsterix { color: inherit; } .mktoForm hr { margin: 30px 0; } .mktoForm .mktoFormRow .mktoLabel span, .mktoForm .mktoFormRow .mktoLabel { line-height: 16px; font-weight: normal !important; font-family: "Gotham A", "Gotham B", Arial, sans-serif !important; color: #666666 !important; display: block; color: #333; font-weight: 500; margin-bottom: 11px; font-size: 16px; } .mktoForm .mktoFormRow .mktoFieldWrap { margin-bottom: 10px; } .mktoForm .mktoFormRow .mktoFieldWrap .mktoTelField, .mktoForm .mktoFormRow .mktoFieldWrap .mktoEmailField, .mktoForm .mktoFormRow .mktoFieldWrap .mktoNumberField, .mktoForm .mktoFormRow .mktoFieldWrap .mktoTextField { background:#F5F5F5; border: none; box-shadow: none; height: 40px; display: block; border: 1px solid #ccc !important; padding: 0 20px; background-color: #fff; border-radius: 5px; font-size: 16px; width: 100% !important; } .mktoForm textarea.mktoField { padding: 14px 20px !important; width: 100% !important; } /*.mktoForm .mktoFormRow .mktoFieldWrap .select2-choice, .expandable-content .select2-choice { background-color: #fff !important; border: none; box-shadow: none; display: block; border: 1px solid #ccc !important; background-color: #fff; border-radius: 5px; font-size: 16px; width: 100% !important; background-image: none; } body .mktoForm .select2-container .select2-choice .select2-arrow { background-color: #fff !important; } .mktoForm .mktoFormRow .mktoFieldWrap input:focus { border: 1px solid #F5F5F5 !important; } .mktoForm .mktoFormRow .select2-container .select2-choice > .select2-chosen, .expandable-content .form-control .select2-container .select2-choice > .select2-chosen { padding: 13px 0 13px 14px; font-size: 16px; } .expandable-content .select2-container { float: none; } .select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice abbr, .select2-search-choice-close { display: none; }*/ body .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { color:#fff !important; } .mktoForm .mktoFormRow .mktoFieldWrap .mktoError .mktoErrorArrowWrap { display: none; } .mktoForm .mktoFormRow .mktoFieldWrap .mktoError { position: inherit; bottom: inherit !important; right: inherit !important; } .mktoForm .mktoFormRow .mktoFieldWrap .mktoError .mktoErrorMsg { background: transparent; border: none; color: #e51b00; border-radius: 0px; position: inherit; float: left; box-shadow: none; text-shadow: none; padding: 0; font-size: 14px; line-height: 16px; } .mktoButtonWrap{ margin:0px !important; } .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ border: transparent !important; border-radius: 3px !important; padding: 13px 15px !important; background: #00c2f3 !important; color: #fff; font-size: 15px !important; font-weight: 400; width: auto; height: auto; margin: 0; text-shadow: none !important; box-shadow: none !important; font-family: "Gotham A", "Gotham B", Arial, sans-serif !important; } .mktoForm .mktoButtonWrap.mktoSkip button.mktoButton:hover, .mktoForm .mktoButtonWrap.mktoSkip button.mktoButton:focus { background: #00c2f3 !important; box-shadow: none; } .mktoForm .mktoButtonWrap.mktoSkip { padding: 0 !important; margin: 0 !important; } .two-column-text span::before { content: "" !important; } .mktoForm textarea.mktoField { display: block; width: 100%; border: 1px solid #ccc; padding: 14px 20px; background-color: #fff; border-radius: 5px; font-size: 16px; box-shadow: none !important } /*#contact .select2-container .select2-choice, .mktoForm .select2-container .select2-choice { height: auto !important; }*/ .mktoForm input[type=checkbox], .mktoForm input[type=radio] { opacity: 1 !important; } .main-wrapper .mktoForm .mktoButtonWrap.mktoInset .mktoButton { border: none; background-color: #58cae8; color: #fff !important; height: 40px; padding: 0 20px; width: auto; border-radius: 5px; font-size: 16px; box-shadow: none; background-image: none; } .mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover { border: none !important; } /* Video.js CSS */ .video-js .vjs-big-play-button,.video-js .vjs-captions-button,.video-js .vjs-chapters-button,.video-js .vjs-fullscreen-control,.video-js .vjs-mouse-display,.video-js .vjs-mute-control,.video-js .vjs-mute-control.vjs-vol-0,.video-js .vjs-mute-control.vjs-vol-1,.video-js .vjs-mute-control.vjs-vol-2,.video-js .vjs-play-control,.video-js .vjs-play-control.vjs-playing,.video-js .vjs-play-progress,.video-js .vjs-subtitles-button,.video-js .vjs-volume-level,.video-js .vjs-volume-menu-button,.video-js .vjs-volume-menu-button.vjs-vol-0,.video-js .vjs-volume-menu-button.vjs-vol-1,.video-js .vjs-volume-menu-button.vjs-vol-2,.video-js.vjs-fullscreen .vjs-fullscreen-control,.vjs-icon-audio-description,.vjs-icon-captions,.vjs-icon-chapters,.vjs-icon-circle,.vjs-icon-circle-inner-circle,.vjs-icon-circle-outline,.vjs-icon-cog,.vjs-icon-fullscreen-enter,.vjs-icon-fullscreen-exit,.vjs-icon-pause,.vjs-icon-play,.vjs-icon-play-circle,.vjs-icon-share,.vjs-icon-spinner,.vjs-icon-subtitles,.vjs-icon-volume-high,.vjs-icon-volume-low,.vjs-icon-volume-mid,.vjs-icon-volume-mute{font-weight:400;font-style:normal;font-family:VideoJS}.video-js,.vjs-no-js{color:#fff;background-color:#000}.video-js .vjs-big-play-button:before,.video-js .vjs-control:before{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}@font-face{font-family:VideoJS;src:url(fonts/vjs.eot?) format('eot')}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAi0AAoAAAAADnwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD0AAABWQLpNY2NtYXAAAAE0AAAAOgAAAUriJhC2Z2x5ZgAAAXAAAATAAAAH/CNovTZoZWFkAAAGMAAAACwAAAA2BEqUO2hoZWEAAAZcAAAAGAAAACQELwIWaG10eAAABnQAAAAPAAAAVCoAAABsb2NhAAAGhAAAACwAAAAsEBQSZm1heHAAAAawAAAAHwAAACABJgBkbmFtZQAABtAAAAElAAACCtXH9aBwb3N0AAAH+AAAALsAAAElJXNJs3icY2BkYmCcwMDKwMHowpjGwMDgDqW/MkgytDAwMDGwMjNgBQFprikMDh8ZP4owgbh6TBBhRhABAFl1B6YAAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD6K/P8PUvCREUTzM0DVAwEjG8OIBwCEVQbLAAB4nIVVzW/jRBSf5zieJE2bOPVH0jRpEidxsZumW8f20orWi6C7rKoKqSQUVUjdQ6RVAkekHi047AEOvbSqxIFed8OBO3voDSE4gRohLmi1N/Z/SHljp90uJSLRvJn5vZn3Pc8ECP7gBE4IR8is6A7+huPR8JhEAnwIQ8RnyBwhm6C7M0CLoG6AuwyRZdBxgdsZuPB9c/+Q4w73Q/rgEcc9ehDQs4ODL67x/cPRl1cMpEwj6vBRd4RQQlxL1CzREv12e9DugzEagkH44Mw5nBOBZEiF1HDXquuy6rgSRYJmyEWoUVWTLdVWBSo7rupGqAoHhWwL7KmSDLB7r7k2+inf7bb7+8rcUmUpf95oACk0kk2b0uJc+a2VrW56KbX9Tb7r94/2xdhSYt7Mw4eNRqA+IB0YkCjGCPWI9LjT64Hn96HTJ2M/vka+QJK4YjZtQC04iHAhmy2MXrT7/UDj98nGp+N7kbFvz1FukuSuZKvMv43ALwn9CcLt4fVfmCC7ubbWvLeLPo3Ve6HMP9D6x9uppXR3a6uLYvnrvEbJFBGJivHFENmabtlIIVzLFk7HRs8zDK8HxOsZnmdc9IwTz7gkRu8c0Qmy2EUtlDgbSHRttul7KAzF+HjTMHoDr+cbvdHQM3zcMzFhrAYYqxSZxVUZa0rEKiqjmyKWVVksg39JMlmAbAbG8yWmAO+wxWsGlgeKEq7rlGIMZ0melMgiRtKtaxWBqjXMBdYG1qzdiuozIEuqxWrYtahirTqu/nNXyervze9ANP3u8s7vZ5/NFUcvdueK/Nm3DNB2x+zSD9Gc+qTSvC8+kX8sfGAoyhGjssyQI8YjrDoCW0LfVLRlIfRQFiWFeWiLrXrUkjVVsy02bBwwGD3LZNGlDtLRaaczHA59Rm85/Mxsm6ZpmNd1w/ToZPO2DqoFybDkGTChUn8HWs46rCoLcIVLAsN1ewMYLrMnn8nlMmAgfV4yzRIk4148GRA4ZkC4DOFblh1PeVMKO95hRHljd52jc+gH73xqHB2socCaIA5q2S7LOGwknhn82mCOLsLxyvBN/CMdmObVezzHnFcIqQlUd1q6q6w6rTqmXFIpTpKy6qqCLAUo+DnxlONOMna16lQhXNiZU67aqlafQvoTmqZ7YtWtVucp3UvjmfQepXkNozWu199Ql0s81MZUOU2op6COFKOYAjQAt8ICCKgbJ2UTMNQKRnYTsBnh1tHpMuZgVZEE+A6gIfBGNOakpRgX6+CQ0nacN3mhEbBMPm7fYv1awhdqGK8SSkITYg9pRJ6O3Y3H78am5Qh9GBO0SYxZYPc843UfY29lCl/IVSfHV2HeaNFAbrTyq/ca3sGcwYRPwBu3bn4A4GJi+7/xjWGyS5Olo4mVOovfRDUxwKyx5E5U9zTP+FWmkoaNCA7INFGwW6yRbfIR+Rgr0naKHEUjBE1fcbE9OHUqK6riuKx/1HVNUdEeSRgjaKEmISL/FxK1NoFVtyprL+vrxhzH36lJufxKthjhSgX4PJ7gE0llOg6RRAoy84k4n5gGeSbGJ1L/2o1q72e8O+vJxa/+BL7gVBddHuDtrFIow2PO5VIx0cxVWxmBz6zMlx35fwF1Hgp/7dwn/wCHsUmOeJxjYGRgYADi2RquW+L5bb4ycDMxgMDFaZpbkGkmBsZrQIqDASwNAAmYCNZ4nGNgZGBgYgACPTAJYjMyoAJRAAXjAEx4nGNiYGBgojIGAAeMACsAAAAAAAAMAD4AUACSAKIAvgDsARIBOAFgAaYB2gIyAloCkAL2AxADPgN6A/54nGNgZGBgEGWIYGBnAAEmIOYCQgaG/2A+AwATugGLAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtjlkOwjAMRDNAy1KgrMfIoUJqqKU0KVlYbk+hReKD+bCfrdHYYiR6ZeK/jkJghDEmyJBjihnmWKDAEiusUWKDLXbY44DjpDXqWbyL1Oy1oaxVKVBxcyY1JJsUaTGwcfcvNlx9HTVf6s05GRO0J7KSbCRf/i4eHPNwTcrTNLRsLfl5SKfI0VCYadVGdraDuiPyIQt15xxrd8n7h9Z9ky5Fw5b2w/gJGn7eqlSxkxV1J/mTJ8QLQRVRWgA=) format('woff'),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMkC6TWMAAAEoAAAAVmNtYXDiJhC2AAAB1AAAAUpnbHlmI2i9NgAAA0wAAAf8aGVhZARKlDsAAADQAAAANmhoZWEELwIWAAAArAAAACRobXR4KgAAAAAAAYAAAABUbG9jYRAUEmYAAAMgAAAALG1heHABJgBkAAABCAAAACBuYW1l1cf1oAAAC0gAAAIKcG9zdCVzSbMAAA1UAAABJQABAAACAAAAAC4CAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAFQABAAAAAQAAmyhx5F8PPPUACwIAAAAAANGWKbQAAAAA0ZYptAAAAAACAAHWAAAACAACAAAAAAAAAAEAAAAVAFgABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQIAAZAABQAIAUQBZgAAAEcBRAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxFAIAAAAALgIAAAAAAAABAAAAAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxFP//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAPgBQAJIAogC+AOwBEgE4AWABpgHaAjICWgKQAvYDEAM+A3oD/gABAAAAAAGWAZYAAgAAExE3q+oBlf7WlQADAAAAAAHWAdYAAgAOABoAAD8BJzcOAQceARc+ATcuAQMuASc+ATceARcOAdWAgCtbeAICeFtbeAICeFtIYQICYUhIYQICYaBgYHUCeFtbeAICeFtbeP6CAmFISGECAmFISGEAAgAAAAABgAGWAAMABwAANzMRIzMRMxGAVVWrVWsBKv7WASoABAAAAAABwAHAAAYAEgAiACUAAAE0JicVFzY3FAcXNjcuAScVHgElBxcjFTMXNRcGBxU2Nxc3AwcXAWAdGDQBNQsgFQEBU0EvOv7HG2VlVWtbFhosIiwbwC0tAQAdLQwvNQcHHhohKTBGZRAsD0yMG2WAa5BbEQgsChwrGwFQLS0AAAAAAQAAAAABVgGrAAUAABMVMxcRB5VWamoBQIBrAVZrAAACAAAAAAGLAasABgAMAAABLgEnFT4BJRUzFxEHAYsBHRgYHf7hVWtrAQAdLQysDC1dgGsBVmsAAAMAAAAAAcABvAAFAAwAGQAAExUzFxEHFzQmJxU+AScVHgEUBgcVPgE3LgFAVWtryx0YGB01Lzo6L0FTAQFTAUCAawFWa0AdLQysDC3YLA9MaEwPLBBlRkZlAAAABAAAAAABlgGWAAUACwARABcAADcjFTM1IyczNTM1IwEjFTM1IycVMxUzNZUqakAqKkBqAQBAaipAQCrVaiqWQCr/ACpqwCpAagAAAAQAAAAAAZYBlgAFAAsAEQAXAAA3MxUzNSM3IxUzNSMTMzUzNSM3NSMVMzVrQCpqQEBqKoAqQGoqKmqrQGqAKmr+1kAqgEBqKgAAAAACAAAAAAGrAasADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQGA/wASGAEBGBIBABIYAQEYEv8AAQABqwEYEv8AEhgBARgSAQASGP7WAQAAAAYAAAAAAdYB1gAHAAwAEwAbACAAKAAAEzcmIyIGBxclLgEnBxcjFz4BNTQFJw4BFRQXMwceARc3MwcWMzI2NyfJZRYYJ0QcTgEFEEIuTtOgbBoe/uFTGh4EoJsQQi5OI1MWGCdEHE4BILAFGReHIi9HEYcVux1JKhYWkB1JKhYVFS9HEYeQBRkXhwAABQAAAAAB1gGrAA8AEwAXABsAHwAAASEOARURFBYXIT4BNRE0JgUzFSMXIzUzFyM1MzUjNTMBq/6qEhgYEgFWEhgY/phWVtbW1oBWVtbWAasBGBL/ABIYAQEYEgEAEhiqK1UrKysqKwADAAAAAAHAAasADwAnAD8AAAEhDgEVERQWFyE+ATURNCYHIzUjFTM1MxUOASsBIiY9ATQ2OwEyFh8BIzUjFTM1MxUUBisBIiYnNT4BOwEyFhUBlf7WEhkZEgEqEhkZvCArKyABDAlACQwMCUAJDAGVICsrIAwJQAkMAQEMCUAJDAGrARgS/wASGAEBGBIBABIYlQtACxYJDAwJVgkMDAkWC0ALFgkMDAlWCQwMCQAAAAYAAAAAAcABawADAAcACwAPABMAFwAANzM1IxUzNSM1MzUjFyE1IRUhNSE1FSE1QCsrKysrK1UBK/7VASv+1QEr6yqAK4ArgCqAK6srKwAAAQAAAAABwAHWACIAACUGByc2NCc3FjI2NCYiBgcUFwcmIgYUFjI3FwYVFBYyNjQmAYAZEZgCApYSNSQkNiQBApYSNSQkNRKYAiQ0JCSpARBZBxAHWBEkNyQkHAcHWBAkNiQQWAcHGyMjNSMAAgAAAAAB0gHWADcAQAAAJTY0Jzc2LwEmDwEmLwEmKwEiDwEGBycmDwEGHwEGFBcHBh8BFj8BFh8BFjsBMj8BNjcXFj8BNicHLgE0NjIWFAYBnwEBLQYEKgUINhAUCAIIVggCCBQQNQkEKwQGLQEBLQYEKwQJNRAUCAIIVggCCBQQNQkEKwQGzCAqKkAqKusKFgojBghKBwMVDQg4CQk4CA0VAwdKCAYjChYKIwYISgcDFQ0IOAkJOAgNFQMHSggGEwEqQCoqQCoAAAAAAQAAAAAB1gHWAAsAABMeARc+ATcuAScOASsCeFtbeAICeFtbeAEAW3gCAnhbW3gCAngAAAIAAAAAAdYB1gALABcAAAEOAQceARc+ATcuAQMuASc+ATceARcOAQEAW3gCAnhbW3gCAnhbSGECAmFISGECAmEB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYQAAAwAAAAAB1gHWAAsAFwAgAAABDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgEnDgEiJjQ2MhYBAFt4AgJ4W1t4AgJ4W0hhAgJhSEhhAgJhCAEkNiQkNiQB1QJ4W1t4AgJ4W1t4/oICYUhIYQICYUhIYakbJCQ2JCQAAAAABwAAAAACAAFgAA0AFgAoADoATABUAFcAADc1Nh4CBw4BBwYjJzA3MjY3NiYHFRYXFjY3PgE1NCYnIxYXHgEXFAYXFjY3PgE1LgEnIxQXHgEVFAYXFjY3PgE1LgEnIxQXHgEVFAYFMz8BFTM1IxcVI+MmOyoaAgQxJRQZGzAYHgMCIB0BbQkKBAoMFg0JAQMKDwESHAoJBAoNARUOCAQKDxIcCgkECg0BFQ4IBAoPEv4lRRJAMTsMKIPaAQQdNiQoNwQBATkYFh0hAWgCNwIPCBErGSQ0EgYEEjAcITYVAg8IESsZJDQSBgQSMBwhNhUCDwgRKxkkNBIGBBIwHCE2FxwBHd9ORwAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUAAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZRFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format('truetype');font-weight:400;font-style:normal}.video-js .vjs-big-play-button:before,.video-js .vjs-play-control:before,.vjs-icon-play:before{content:'\f101'}.vjs-icon-play-circle:before{content:'\f102'}.video-js .vjs-play-control.vjs-playing:before,.vjs-icon-pause:before{content:'\f103'}.video-js .vjs-mute-control.vjs-vol-0:before,.video-js .vjs-volume-menu-button.vjs-vol-0:before,.vjs-icon-volume-mute:before{content:'\f104'}.video-js .vjs-mute-control.vjs-vol-1:before,.video-js .vjs-volume-menu-button.vjs-vol-1:before,.vjs-icon-volume-low:before{content:'\f105'}.video-js .vjs-mute-control.vjs-vol-2:before,.video-js .vjs-volume-menu-button.vjs-vol-2:before,.vjs-icon-volume-mid:before{content:'\f106'}.video-js .vjs-mute-control:before,.video-js .vjs-volume-menu-button:before,.vjs-icon-volume-high:before{content:'\f107'}.video-js .vjs-fullscreen-control:before,.vjs-icon-fullscreen-enter:before{content:'\f108'}.video-js.vjs-fullscreen .vjs-fullscreen-control:before,.vjs-icon-fullscreen-exit:before{content:'\f109'}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:'\f10a'}.vjs-icon-spinner:before{content:'\f10b'}.video-js .vjs-subtitles-button:before,.vjs-icon-subtitles:before{content:'\f10c'}.video-js .vjs-captions-button:before,.vjs-icon-captions:before{content:'\f10d'}.video-js .vjs-chapters-button:before,.vjs-icon-chapters:before{content:'\f10e'}.vjs-icon-share:before{content:'\f10f'}.vjs-icon-cog:before{content:'\f110'}.video-js .vjs-mouse-display:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before{content:'\f111'}.vjs-icon-circle-outline:before{content:'\f112'}.vjs-icon-circle-inner-circle:before{content:'\f113'}.vjs-icon-audio-description:before{content:'\f114'}.video-js{display:block;vertical-align:top;box-sizing:border-box;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js .vjs-tech,.video-js.vjs-fill{height:100%;width:100%}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js .vjs-tech{position:absolute;top:0;left:0}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66A8CC}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;z-index:2;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2B333F;background-color:rgba(43,51,63,.7);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{outline:0;border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-menu-button{cursor:pointer}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;overflow:auto}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li:focus,.vjs-menu li:hover{outline:0;background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2B333F}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu ul{background-color:#2B333F;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.video-js .vjs-menu-button-inline.vjs-slider-active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:2.2222222em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2B333F;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media \0screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{outline:0;position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-control:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.vjs-live .vjs-progress-control{display:none}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-mouse-display:after,.video-js .vjs-progress-control:hover .vjs-play-progress:after{display:block;font-size:.6em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:.3em;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-mouse-display:before{display:none}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{position:absolute;top:-.3333333333em;right:-.5em;font-size:.9em}.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{display:none;position:absolute;top:-2.4em;right:-1.5em;font-size:.9em;color:#000;content:attr(data-current-time);padding:.2em .5em;background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em}.video-js .vjs-play-progress:after,.video-js .vjs-play-progress:before{z-index:1}.video-js .vjs-load-progress{background:ligthen(#73859f,25%);background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:ligthen(#73859f,50%);background:rgba(115,133,159,.75)}.video-js.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after{display:none}.video-js .vjs-progress-control .vjs-mouse-display:after{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;margin:0 .45em;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control,.video-js .vjs-volume-menu-button{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.video-js .vjs-volume-control{width:5em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-js .vjs-volume-bar{margin:1.35em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:.5em}.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu{left:-2em}.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content{height:0;width:0;overflow-x:hidden;overflow-y:hidden}.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content,.vjs-volume-menu-button-vertical:hover .vjs-menu-content{height:8em;width:2.9em}.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content,.vjs-volume-menu-button-horizontal:hover .vjs-menu-content{height:2.9em;width:8em}.vjs-error .vjs-error-display,.vjs-poster{position:absolute;left:0;top:0;height:100%}.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content{background-color:transparent!important}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;cursor:pointer;margin:0;padding:0;right:0;bottom:0}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-controls-disabled .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.vjs-no-flex .vjs-current-time,.vjs-no-flex .vjs-duration{display:none}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em}.vjs-time-divider{display:none;line-height:3em}.video-js .vjs-play-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}.video-js .vjs-fullscreen-control{width:3.8em;cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error-display{display:none}.vjs-error .vjs-error-display{display:block;width:100%}.vjs-error .vjs-error-display:before{content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;color:#fff;line-height:1;text-shadow:.05em .05em .1em #000;text-align:center;vertical-align:middle;position:absolute;left:0;top:50%;margin-top:-.5em;width:100%}.vjs-error-display div{position:absolute;bottom:1em;right:0;left:0;font-size:1.4em;text-align:center;padding:3px;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-error-display a,.vjs-error-display a:visited{color:#66A8CC}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:#fff transparent transparent}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%,100%,20%,60%{border-top-color:#73859f}35%{border-top-color:#fff}}@-webkit-keyframes vjs-spinner-fade{0%,100%,20%,60%{border-top-color:#73859f}35%{border-top-color:#fff}}.vjs-chapters-button .vjs-menu{left:-10em;width:0}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.vjs-caption-settings{position:relative;top:1em;background-color:#2B333F;background-color:rgba(43,51,63,.75);color:#fff;margin:0 auto;padding:.5em;height:15em;font-size:12px;width:40em}.vjs-caption-settings .vjs-tracksettings{top:0;bottom:2em;left:0;right:0;position:absolute;overflow:auto}.vjs-caption-settings .vjs-tracksettings-colors,.vjs-caption-settings .vjs-tracksettings-font{float:left}.vjs-caption-settings .vjs-tracksettings-colors:after,.vjs-caption-settings .vjs-tracksettings-controls:after,.vjs-caption-settings .vjs-tracksettings-font:after{clear:both}.vjs-caption-settings .vjs-tracksettings-controls{position:absolute;bottom:1em;right:1em}.vjs-caption-settings .vjs-tracksetting{margin:5px;padding:3px;min-height:40px}.vjs-caption-settings .vjs-tracksetting label{display:block;width:100px;margin-bottom:5px}.vjs-caption-settings .vjs-tracksetting span{display:inline;margin-left:5px}.vjs-caption-settings .vjs-tracksetting>div{margin-bottom:5px;min-height:20px}.vjs-caption-settings .vjs-tracksetting>div:last-child{margin-bottom:0;padding-bottom:0;min-height:0}.vjs-caption-settings label>input{margin-right:10px}.vjs-caption-settings input[type=button]{width:40px;height:40px} .video-js .vjs-big-play-button { display: none; } /* mCustomScrollbar */ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* mCustomScrollbar: Overrides; */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 50px !important; } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 10px !important; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #6e6f71; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #999; } .mCustomScrollBox>.mCSB_scrollTools { opacity: 1 !important; } .mCustomScrollBox:hover .mCSB_dragger_bar { background-color: #999 !important; } .mCustomScrollBox:hover .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0,0,0,.1) !important; } /*------------------------------------- Global -------------------------------------*/ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } * { box-sizing: border-box; } body { font-family: "Gotham A", "Gotham B", Arial, sans-serif; } .stop-scrolling { height: 100%; overflow: hidden; } @media only screen and (max-width: 767px) { #page { padding-top: 48px; } } /* AMM Template Width Adjustment */ .container { max-width: 1162px; margin:0 auto; } @media only screen and (min-width: 768px) { .container { width: 75%; } } section .container { padding: 0 20px; } .container:before, .container:after, .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .container:after, .clearfix:after { clear: both; } a { -webkit-transition: background-color 0.3s ease-out, color 0.3s ease; -moz-transition: background-color 0.3s ease-out, color 0.3s ease; -ms-transition: background-color 0.3s ease-out, color 0.3s ease; -o-transition: background-color 0.3s ease-out, color 0.3s ease; transition: background-color 0.3s ease-out, color 0.3s ease; } nav ul { list-style: none; } img { display: block; max-width: 100%; height: auto; } sup, sub { vertical-align: baseline; font-size: .65em; position: relative; top: -0.4em; } sub { top: 0.4em; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Buttons */ .btn { margin:0 auto; /* display: block;*/ position: relative; border-radius: 3px; font-size: 15px; font-weight: 400; text-decoration: none; /*width: 145px;*/ padding: 5px 37px 5px 15px; line-height: 30px; transition: all 300ms ease; min-width: 120px; display: inline-block; } .btn:active { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .btn span { position: absolute; right: 15px; top: 50%; margin-top: -8px; width: 9px; height: 17px; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; background-position: center center; background-repeat: no-repeat; } .btn .over { opacity: 0; } .btn:hover .up { opacity: 0; } .btn:hover .over { opacity: 1; } /* link */ .btn.link { margin: 0; border: 0; padding: 5px 0; width: 68px; font-size: 18px; } .btn.link { color: #00c2f3; } .btn.link .up { background-image: url(img/arrow-blue-new.png); } .btn.link .over { background-image: url(img/arrow-blue-new.png); } article a:hover { text-decoration: underline; } /* White */ .btn.white { color: #232d6b; background-color: #fff; } .btn.white:hover { background-color: #00c2f3; color: #fff; } .btn.white .up { background-image: url(img/arrow-blue-new.png); } .btn.white .over { background-image: url(img/arrow-white.png); } /* Blue */ .btn.blue { background-color: #00c2f3; color: #fff; } .btn.blue:hover { color: #00c2f3; background-color: #fff; } .btn.blue .up { background-image: url(img/arrow-white.png); } .btn.blue .over { background-image: url(img/arrow-blue-new.png); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .btn span { background-size:9px 17px; } .btn.white .up { background-image: url(img/arrow-blue-new.png); } .btn.white .over { background-image: url(img/arrow-white@2x.png); } .btn.blue .over { background-image: url(img/arrow-blue-new.png); } .btn.blue .up { background-image: url(img/arrow-white@2x.png); } } .green { color: #a0cd39; } .columns > .col { display: block; margin-bottom: 30px; } .columns > .col:first-child { margin-left: 20px !important; } .columns > .col:first-child { margin-left: 0 !important; } @media only screen and (min-width: 768px) { .columns.two > .col{ margin: 0 0 0 6%; width: 46%; padding-bottom: 30px; } .columns.three > .col{ margin: 0 0 0 4%; width: 30.6%; padding-bottom: 30px; } .columns > .col { display: block; float: left; } } h2 { font-size: 24px; color:#666666; font-weight:normal; } p, li { color:#666666; } p a, li a { color:#28B873; } .parallax-window { min-height: 400px; background: transparent; } input { outline: none; } @media only screen and (min-width: 768px) { .btt-wrap { display: block; z-index: 9; width: 65px; height: 65px; position: fixed; bottom: 90px; right: 45px; opacity: 0; } .btt { opacity: .4; display: block; width: 65px; height: 65px; background-image:url(img/btt.png); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; cursor: pointer; } .btt:hover { opacity: 1; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .btt { background-image:url(img/btt@2x.png); background-size: 65px 65px; } } } /* iOS Zoom Fix */ /*input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea { font-size: 16px; }*/ /*------------------------------------- Header -------------------------------------*/ .header-logo p { margin: 0; } .header-logo > a > img { display: block; width: auto; height: 80px; } /* AMM Template Width Adjustment */ header.main .container { max-width: 100%; width: 100%; } @media only screen and (min-width: 768px) { header.main { background-color:#fff; } header.main .container { position: relative; z-index: 12; } } .header-logo { position: absolute; width: 120px; /*height: 49px; overflow:hidden;*/ } .header-logo .ari svg { width: 72px; height: 23px; } .header-logo .ari { position: absolute; width: 72px; height: 23px; top: 50%; left: 50%; margin-left: -36px; margin-top: -12px; } .header-logo .globe svg { width: 93px; height: 49px; } .header-logo .globe { position: absolute; width: 93px; height: 49px; } /* Logo */ @media only screen and (min-width: 768px) { .header-logo { top: 66px; margin-left: 20px; } } @media only screen and (max-width: 767px) { .header-logo { float: left; margin:6px 0 7px 20px; } .header-logo .tag { display: none; } .header-logo a { display: block; /*background-image:url(img/site-logo-mobile.png);*/ width: 69px; height: 35px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .header-logo a { /* background-image:url(img/site-logo-mobile@2x.png);*/ background-size: 69px 35px; } } } /* Utilities (Region & Web Tools) */ @media only screen and (min-width: 768px) { .header-utilities { float: right; height: 40px; display: none; } .header-utilities a { display: block; color:#fff; text-decoration: none; text-align: left; font-size: 12px; padding: 12px 0 0 0; width: 190px; height: 40px; } .header-utilities.lg a { width: 220px; } .header-utilities.ex-lg a { width: 240px; } .header-utilities > nav { float: left; position: relative; z-index: 100; } .utilities-region { margin-right: 1px; } .header-utilities ul { width: 190px; margin:0; padding:0; } .header-utilities.lg ul { width: 220px; } .header-utilities.ex-lg ul { width: 240px; } .header-utilities nav > ul, .header-utilities nav li { float: left; } .header-utilities li { background-color: #999999; border-top: 1px solid #adadad; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .header-utilities li:hover { background-color:#7f7f7f; } .header-utilities .sub-menu .sub-menu li { border-left: 1px solid #adadad; } .header-utilities ul > li > .sub-menu { display: none; } .header-utilities ul > li:hover > .sub-menu { display: block; } /* Region */ #menu-region > li > ul.sub-menu > li > a { text-align: left; } #menu-region > li > .sub-menu > li { position: relative; z-index:999; } #menu-region > li > .sub-menu > li > .sub-menu { display: none; } #menu-region > li > .sub-menu > li:hover > .sub-menu { display: block; position: absolute; left: 190px; top: 0px; } .header-utilities.lg #menu-region > li > .sub-menu > li:hover > .sub-menu { left: 220px; } .header-utilities.ex-lg #menu-region > li > .sub-menu > li:hover > .sub-menu { left: 240px; } #menu-region .sub-menu .sub-menu a { width: 35px; text-align: center !important; } #menu-region .sub-menu .sub-menu li { border-top: none; float: left; } #menu-region > li > a { text-align:left; background-image: url(img/icon-region.png); background-repeat: no-repeat; background-position: 17px center; padding-left:49px !important; } #menu-web-tools > li > a { text-align:left !important; background-image: url(img/icon-webtools.png); background-repeat: no-repeat; background-position: 17px center; padding-left:49px !important; } #menu-web-tools > li a { padding-left: 20px; } #menu-region > li > .sub-menu > li > a { background-repeat: no-repeat; background-position: 21px center; padding-left: 55px; background-size: 24px 13px; } #menu-region li.usa > a { background-image: url(img/flag-usa.png); } #menu-region li.canada > a { background-image: url(img/flag-canada.png); } #menu-region li.mexico > a { background-image: url(img/flag-mexico.png); } #menu-region li.uk > a { background-image: url(img/flag-uk.png); } #menu-region li.germany > a { background-image: url(img/flag-germany.png); } #menu-region li.western-europe > a { background-image: url(img/flag-eu.png); background-size: 24px 16px !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #menu-region > li > a { background-image: url(img/icon-region@2x.png); background-size: 20px 19px; } #menu-region > li > .sub-menu > li > a { background-size: 24px 13px; } #menu-region li.usa > a { background-image: url(img/flag-usa@2x.png); } #menu-region li.canada > a { background-image: url(img/flag-canada@2x.png); } #menu-region li.mexico > a { background-image: url(img/flag-mexico@2x.png); } #menu-region li.uk > a { background-image: url(img/flag-uk@2x.png); } #menu-region li.germany > a { background-image: url(img/flag-germany@2x.png); } #menu-region li.western-europe > a { background-image: url(img/flag-eu@2x.png); background-size: 24px 16px !important; } } /* Web Tools */ .header-utilities #menu-web-tools > li, .header-utilities #menu-web-tools > li:hover, .header-utilities #menu-region > li, .header-utilities #menu-region > li:hover { background-image: url(img/arrow-down.png); background-repeat: no-repeat; background-position: center right 12px; height: 41px; } #menu-web-tools li.external span { display: inline-block; height: 12px; width: 11px; background-image: url(img/icon-external-white.png); background-repeat: no-repeat; margin-left: 9px; vertical-align: middle; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #menu-web-tools li.external span { background-image: url(img/icon-external-white@2x.png); background-size: 12px 11px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #menu-web-tools > li { background-image: url(img/arrow-down@2x.png); background-size: 9px 6px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #menu-web-tools > li > a { background-image: url(img/icon-webtools@2x.png); background-size: 18px 20px; } } } /* Header Main Nav and Search Area */ @media only screen and (min-width: 768px) { .header-nav-search { margin-top: 130px; position: relative; } /* Search Area */ .header-search { position: absolute; top:122px; right: 20px; z-index:100; } nav.header { float: right; clear: both; margin-top: 25px; position: relative; z-index: 2; } #menu-header { text-align: right; margin:0 0 25px 0; padding:0; } #menu-header > li { margin-left: 20px; display: inline-block; } #menu-header > li:first-child { margin-left: none; } #menu-header a { color:#999; font-size: 13px; text-decoration: none; } #menu-header a:hover { color:#666; } } @media only screen and (max-width: 767px) { nav.header, .header-utilities, .header-search { display:none; } } /* Mobile Buttons */ @media only screen and (min-width: 768px) { header.main .mobile-btn { display: none; } } @media only screen and (max-width: 767px) { header.main .mobile-btn { float: right; } #btn-burger { position: relative; float: left; width: 44px; height: 40px; outline: none; margin-left: 14px; margin-right: 4px; } #btn-burger .line { display: block; background: #999999; width: 24px; height: 3px; position: absolute; left: 0; transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53); } #btn-burger .line.line-1 { top: 32%; } #btn-burger .line.line-2 { top: 50%; } #btn-burger .line.line-3 { top: 68%; } #btn-burger.active .line-1 { transform: translateY(7px) translateX(0) rotate(45deg); -webkit-transform: translateY(7px) translateX(0) rotate(45deg); -moz-transform: translateY(7px) translateX(0) rotate(45deg); } #btn-burger.active .line-2 { opacity: 0; } #btn-burger.active .line-3 { transform: translateY(-7px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg); -moz-transform: translateY(-7px) translateX(0) rotate(-45deg); } #btn-search { position: relative; float: left; width: 44px; height: 40px; outline: none; background-image: url(img/btn-search.png); background-position: 15px 13px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #btn-search { background-image: url(img/btn-search@2x.png); background-size: 17px 17px; } } } /*------------------------------------- Navigation: Desktop -------------------------------------*/ @media only screen and (min-width: 768px) { nav.main { position: absolute; top: 87px; z-index: 12; /*left: 105px;*/ } #menu-main { bottom: 0; left:0; margin:0; padding:0; margin-left: -20px; } #menu-main > li { white-space: nowrap; float: left; margin:0; padding:0; } #menu-main > li:not(:first-child) { margin-left: 40px; } nav.main #menu-main .sub-menu { display: none; } #menu-main > li > a { /*-webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1); transition: all 400ms cubic-bezier(1, 0, 0, 1);*/ color:#666d70; display: block; text-transform: uppercase; font-size: 14px; line-height: 16px; text-decoration: none; font-weight: 700; position: relative; } .menu-main-container { padding-left: 20px; } .no-touch #menu-main > li > a:hover, #menu-main > li > a.active { /*border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;*/ cursor: pointer; color:#28B873; } #menu-main > li > a.active:after { content:''; position: absolute; background-image: url(img/nav-down-arrow-green.svg); width: 10px; height: 5px; left: 50%; top: 23px; transform: translateX(-50%); } #menu-main > li.menu-item-has-children > a.active { background-color:#ffffff; padding-bottom: 31px; } #menu-main > li.current-menu-ancestor > a { color:#28B873; } .desktop-drop { visibility: hidden; opacity:0; padding: 30px 20px 60px 20px; position: absolute; left: 0; top: 155px; width: 100%; background: #fff; border-bottom: 5px solid #28B873; box-shadow: 0px 0px 11.64px 0.36px rgba(1, 2, 2, 0.2); z-index: 11; transition: opacity 300ms ease, visibility 300ms ease; } .desktop-drop.active { opacity: 1; visibility: visible; } .desktop-drop .container { transition: transform 500ms ease; } .desktop-drop ul { list-style: none; margin:0; padding:0; } .desktop-drop a { text-decoration: none; } .desktop-drop a:hover { text-decoration: underline; } .desktop-drop > .container > ul.sub-menu > li > a { font-size: 16px; color:#28B873; font-weight: 500; } .desktop-drop > .container > ul.sub-menu > li > ul.sub-menu > li > a { font-size: 13px; color:#666d70; font-weight: 500; } .desktop-drop span.sub { margin-top: 4px; font-size: 13px; color:#666d70; font-weight: 400px; } .desktop-drop span.sub { display: block; margin-top: 5px; } .desktop-drop li.menu-item-has-children span.sub { display: none; } .desktop-drop li { width: 24%; display: inline-block; vertical-align: top; padding-right: 3%; line-height: 1em; } img.iconinmenu { margin-top: 10px; margin-bottom: 18px; } .desktop-drop > .container > ul.sub-menu > li.menu-item-object-custom > a { font-size: 13px; border-top: none; padding-top: 0; margin-top: 0; } .desktop-drop > .container > ul.sub-menu > li.menu-item-object-custom .menuimg { display: block; padding-bottom: 5px; } .desktop-drop > .container > ul.sub-menu > li.menu-item-object-custom .sub { margin-bottom: 5px; } .desktop-drop > .container > ul.sub-menu > li:nth-child(-n+4) > a { display: block; border-top: none; padding-top: 0; margin-top: 0; } .desktop-drop > .container > ul.sub-menu > li > a { display: block; border-top: 1px solid #cccccc; padding-top: 20px; margin-top: 20px; } .desktop-drop > .container > ul.sub-menu > li.menu-item-has-children > a { display: inline; border-top: none; padding-top: 0; margin-top: 0; } .desktop-drop > .container > ul.sub-menu > li.menu-item-has-children { line-height: 23px; } .desktop-drop li.menu-item-has-children ul { margin-top: 9px; } .desktop-drop li.menu-item-has-children li { width: 100%; margin: 0 0 9px 0; } /* Provides border and spacing if item is less than third and re-wrapping */ .desktop-drop > .container > ul.sub-menu > li.menu-border-top a { border-top: 1px solid #cccccc; padding-top: 20px; margin-top: 20px; } /* Provides space on regular menu items to accomodate menu with children in fourth column */ .menu-with-second-column { display: block !important; } .desktop-drop > .container > ul.sub-menu > li.menu-with-second-column:first-child a { display: block; border-top: none; padding-top: 0; margin-top: 0; } .desktop-drop > .container > ul.sub-menu > li.menu-with-second-column > a { display: block; border-top: 1px solid #cccccc; padding-top: 20px; margin-top: 20px; } /* Provides space on regular menu items to accomodate menu with children in fourth column */ .menu-with-fourth-column { margin-right: 26%; } /* Moves menu with children over to 2nd column */ .menu-second-column { left: 25%; position: absolute; top: 0px; padding-left: 36px; margin-top: -4px; } /* Moves menu with children over to 3rd column */ .menu-third-column { left: 50%; position: absolute; top: 0px; padding-left: 36px; margin-top: -4px; } /* Moves menu with children over to 4th column */ .menu-fourth-column { left: 75%; position: absolute; top: 0px; padding-left: 36px; margin-top: -4px; } /* Icons */ .menu-item.has-icon { padding-top: 87px; background-repeat: no-repeat; background-position: top left; } .menu-item.has-icon.technology { background-image: url(img/menu-icon-techoloogy.png); background-size: 55px 60px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .menu-item.has-icon.technology { background-image: url(img/menu-icon-techoloogy@2x.png); } } .menu-item.has-icon.business { background-image: url(img/menu-icon-business.png); background-size: 55px 60px; background-position: 36px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .menu-item.has-icon.business { background-image: url(img/menu-icon-business@2x.png); } } .menu-item.has-icon.vehicle { background-image: url(img/menu-icon-vehicle.png); background-size: 55px 60px; background-position: 36px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .menu-item.has-icon.vehicle { background-image: url(img/menu-icon-vehicle@2x.png); } } .menu-item.has-icon.driver { background-image: url(img/menu-icon-driver.png); background-size: 55px 60px; background-position: 36px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .menu-item.has-icon.driver { background-image: url(img/menu-icon-driver@2x.png); } } } @media only screen and (min-width: 1280px) { .desktop-drop .container { padding: 0 80px; } } @media only screen and (min-width: 1024px) { header.main nav.main { padding-left: 148px; } } /* Desktop nav adjustments for smaller screens */ @media only screen and (max-width: 1023px) and (min-width: 768px) { header.main nav.main { left: 135px; } #menu-main > li:not(:first-child) { margin-left: 22px; } #menu-main > li > a { font-size: 12px; } #menu-header > li { margin-left: 10px; } } /* EN */ @media only screen and (max-width: 1023px) and (min-width: 768px) { .lang-en #menu-main > li { } } /* FR */ @media only screen and (max-width: 1075px) and (min-width: 948px) { .lang-fr #menu-main > li > a { padding: 31px 12px; font-size: 13px; line-height: 15px; } } @media only screen and (max-width: 947px) and (min-width: 858px) { .lang-fr #menu-main > li > a { padding: 31px 8px; font-size: 12px; line-height: 15px; } } @media only screen and (max-width: 857px) and (min-width: 768px) { .lang-fr #menu-main > li > a { padding: 31px 4px; font-size: 11px; line-height: 15px; } } /* DE */ @media only screen and (max-width: 1105px) and (min-width: 978px) { .lang-de #menu-main > li > a { padding: 31px 12px; font-size: 13px; line-height: 15px; } } @media only screen and (max-width: 977px) and (min-width: 892px) { .lang-de #menu-main > li > a { padding: 31px 8px; font-size: 12px; line-height: 15px; } } @media only screen and (max-width: 891px) and (min-width: 768px) { .lang-de #menu-main > li > a { padding: 31px 6px; font-size: 10px; line-height: 15px; } } /* EU */ .lang-eu #menu-main > li > a { padding: 29px 20px; font-size: 14px; line-height: 18px; } @media only screen and (max-width: 995px) and (min-width: 884px) { .lang-eu.extra #menu-main > li > a { padding: 29px 12px; font-size: 13px; line-height: 18px; } } @media only screen and (max-width: 883px) and (min-width: 768px) { .lang-eu.extra #menu-main > li > a { padding: 29px 9px; font-size: 11px; line-height: 18px; } } /*------------------------------------- Navigation: Mobile -------------------------------------*/ @media only screen and (max-width: 767px) { nav.main #menu-main { display:none; } img.iconinmenu { display: none; } header.main { position: fixed; height: 48px; top: 0; z-index: 999; width: 100%; background-color:#fff; } #page { background-color:#fff; width: 100%; position: fixed; min-height: 100%; position: absolute; z-index: 99; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75); } nav.mobile { position: fixed; right: 0; height: 100%; overflow: scroll; width: 250px; top: 0; } nav.mobile span.sub, nav.mobile .menuimg { display: none; } nav.mobile a { display: block; color:#333; font-size: 14px; padding: 16px 0 16px 21px; text-decoration: none; border-bottom: 1px solid #cccccc; } nav.mobile ul { margin: 0; padding:0; } nav.mobile .current_page_item > a { color:#00c2f3 !important; } .btn-top { background-color:#eeeeee; font-weight: bold; } .btn-parent a { font-weight: bold; } .btn-top a { background-image: url(img/mobile-arrow-left.png); background-repeat: no-repeat; background-position: 20px center; padding-left:40px !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .btn-top a { background-image: url(img/mobile-arrow-left@2x.png); background-size: 9px 16px; } } .btn-top a.home { background-image: url(img/icon-home.png); background-repeat: no-repeat; background-position: 20px center; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .btn-top a.home { background-image: url(img/icon-home@2x.png); background-size: 16px 16px; } } nav.mobile .menu-item-has-children > a { background-image: url(img/mobile-arrow.png); background-repeat: no-repeat; background-position: right 10px center; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { nav.mobile .menu-item-has-children > a { background-image: url(img/mobile-arrow@2x.png); background-size: 9px 16px; } } nav.mobile .menu-item-181 > a { background-image: url(img/icon-webtools-mobile.png); background-repeat: no-repeat; background-position: right 10px center; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { nav.mobile .menu-item-181 > a { background-image: url(img/icon-webtools-mobile@2x.png); background-size: 14px 16px; } } nav.mobile .menu-item-182 > a { background-image: url(img/icon-region-mobile.png); background-repeat: no-repeat; background-position: right 10px center; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { nav.mobile .menu-item-182 > a { background-image: url(img/icon-region-mobile@2x.png); background-size: 16px 16px; } } /*Color for Utility Nav in mobile*/ nav.mobile .menu-item-182 > a, nav.mobile .menu-item-181 > a, nav.mobile .menu-item-587 > a, nav.mobile .menu-item-171 > a, nav.mobile .menu-item-541 > a, nav.mobile #menu-header a { color: #999; } } /*------------------------------------- Module: Header Tabs -------------------------------------*/ .header-tabs { height: 300px; background-color: #00c2f3; position: relative; } .header-tabs h2 { color: #fff !important; font-size: 40px !important; font-weight: 200 !important; text-align: center !important; } .header-tabs h1 { color: #fff !important; font-size: 40px !important; font-weight: 200 !important; text-align: center !important; margin: 0; } .header-tabs nav ul { margin: 0; padding: 0; position: absolute; bottom: 40px; } .header-tabs nav li { float: left; margin-right: 80px; } .header-tabs nav a { font-size: 18px; font-weight: 400; color: #fff; opacity: 0.6; text-decoration: none; display: block; padding: 3px 0; -webkit-transition: all .3s linear; transition: all .3s linear; } .header-tabs nav a.selected, .header-tabs nav a:hover { opacity: 1; } .tab-indicator { position: absolute; top: 65px; margin-left: 10px; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #00c2f3; opacity: 0; -webkit-transition: all .5s linear; transition: all .5s linear; } .header-tabs nav a.selected .tab-indicator { opacity: 1; } @media only screen and (max-width: 767px) { .header-tabs { height: auto; } .header-tabs nav ul { bottom: inherit; position: relative; padding-top: 60px; margin-right: 0; } .header-tabs nav li { float: none; margin-right: 0; } .header-tabs nav a { padding: 8px 5px 2px 0; } .tab-indicator { display: none; } } /*------------------------------------- Module: What's Trending -------------------------------------*/ .module__whats-trending .container { padding: 104px 20px 63px 20px; } @media only screen and (max-width: 767px) { .module__whats-trending .container { padding: 60px 20px; } } .module__whats-trending h1.homeh1 { margin-top: 0; font-size: 40px; color:#666; font-weight: 200; margin-bottom: 0; text-align: center; } .module__whats-trending h2 { margin-top: 0; font-size: 40px; color:#666; font-weight: 200; margin-bottom: 0; text-align: center; } .module__whats-trending h3 { font-size: 18px; color:#666; font-weight: 400; text-align: center; margin-bottom: 0; } .module__whats-trending .clearfix { background-color: #000; } .trending-item { padding: 40px; position: relative; background-position: center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); } .trending-item div { -webkit-transition: all .3s linear; transition: all .3s linear; } .trending-item .tint { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:black; opacity: .3; background-image: none; } .no-opacity .trending-item .tint { display: none; } .trending-item .content { position: relative; z-index: 2; } .trending-item h2 { margin-top: 0; font-size: 28px; color:#fff; font-weight: 200; text-align: left; -webkit-transition: all .3s linear; transition: all .3s linear; } .trending-item p { font-size: 14px; color:#fff; font-weight: 400; text-align: left; margin-bottom: 30px; } @media only screen and (min-width: 768px) { .trending-item { height: 380px; } .no-touch .trending-item p { -webkit-transition: all .3s linear; transition: all .3s linear; } .trending-item .content p { opacity: 0; } .module__whats-trending .clearfix:hover .trending-item h2 { opacity: .5; } .module__whats-trending .clearfix:hover .trending-item:hover h2 { opacity: 1; } .module__whats-trending .clearfix:hover .trending-item .tint { opacity: .7; } .module__whats-trending .clearfix:hover .trending-item:hover .tint { opacity: .4; } .module__whats-trending .clearfix:hover .trending-item:hover .content { opacity: 1; } .module__whats-trending .clearfix:hover .trending-item:hover .content p { opacity: 1; } .trending-item { float: left; width: 33.3%; } .trending-item.large { width: 50%; } .trending-item p { width: 60%; } .trending-item.large p { width: 50%; } } @media only screen and (max-width: 767px) { .trending-item { padding: 0; padding-top: 56%; background-position: top left; background-size: 100% auto; } .trending-item .content { background-color: #333; padding: 20px; } .trending-item .tint { opacity: 0; } } /*------------------------------------- Extra: Extra Spacing -------------------------------------*/ .extra__padding-bottom { padding-bottom: 20px !important; } @media only screen and (max-width: 767px) { .extra__padding-bottom { padding-bottom: 20px !important; } } /*------------------------------------- Module: Lead Info -------------------------------------*/ .module__lead-info { background-color: #ececec; } #locations.module__lead-info { border-top: 1px solid #e5e5e5; } #locations.module__lead-info h1 { margin-top: 20px; margin-bottom: 0; font-size: 60px; font-weight: 200; text-align: center; color: #666666; } .module__lead-info .container { /* padding: 40px 20px; */ } .module__lead-info.with-video > .container { padding-bottom: 31px; } .module__lead-info .container.icon-container { padding-right: 0; } .module__lead-info header > .container { max-width: 768px; padding: 40px 40px 10px 40px; } .module__lead-info p { margin-top: 10px; margin-bottom: 10px; } .lead-item { background-color: #fff; text-align: left; } .bg-white .lead-item { background-color: #f5f5f5; } .icon-item { background-color: #fff; text-align: left; float: left; width: 190px; height: 190px; line-height: 190px; padding: 0 30px; margin: 0 38px 38px 0; position: relative; text-align: center; } .icon-item img { vertical-align: middle; display: inline-block; } .module__lead-info h1 { margin-top: 0; font-size: 40px; color: #666; font-weight: 300; margin-bottom: 0; text-align: center; word-wrap: break-word; } .module__lead-info.with-video h1 { font-weight: 200; } .module__lead-info h2 { margin-top: 0; font-size: 40px; color: #666; font-weight: 300; margin-bottom: 0; text-align: center; word-wrap: break-word; } .bg-white.module__lead-info h2 { color: #00bce2 !important; } .module__lead-info h3 { font-size: 18px; line-height: 23px; color: #666; font-weight: 400; margin-top: 40px; /*text-align: center;*/ } .module__lead-info h3 a { color:#3dc5e6; text-decoration:none; } .module__lead-info h4 { font-weight: 300; text-align: center; color:#3dc5e6; font-size: 40px; margin: 0; } .module__lead-info.extra__padding-bottom h2 { font-weight: 200; } .module__lead-info.with-bottom-border { border-bottom: 1px solid #e5e5e5; } .lead-item h3 { font-size: 24px; text-align: left; } .module__lead-info p { color: #666; font-size: 14px; font-weight: 400; } .last-item-centered { float: none !important; margin: 0 auto !important; clear: both !important; } .module__lead-info .lead-item h2, .module__lead-info .lead-item h3, .module__lead-info .lead-item p { color: #666 !Important; } .module__lead-info h5 { margin-top: 0; margin-bottom: 25px; font-size: 24px; color: #666666; font-weight: 400; } .module__lead-info .columns p { margin-top: 0; } .module__lead-info.with-video .vjs-poster { background-size: cover; } .module__lead-info .video-js { background-color: transparent; } #lead-info-video { position: relative; } #lead-info-video:after { content:''; position: absolute; width: 74px; height: 74px; background-color: #000; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; transition: background-color 300ms ease, opacity 300ms ease; background-image: url(img/play-icon@2x.png); background-size: 26px 32px; background-repeat: no-repeat; background-position: 27px center; pointer-events: none; } #lead-info-video:hover:after { background-color:#00bce2; } #lead-info-video.vjs-has-started:after { opacity: 0; } @media only screen and (min-width: 768px) { .lead-item { width: 44%; margin: 35px 3%; float: left; padding: 30px 60px 40px 60px; } .module__lead-info .columns.three > .col { padding-bottom: 20px; } .module__lead-info.with-video h1 { font-size: 60px; } } @media only screen and (max-width: 767px) { .module__lead-info .container { padding-top: 0; padding-bottom: 0; } .lead-item { padding: 30px; margin: 20px 0; } .icon-item { width: 150px; height: 150px; line-height: 150px; padding: 0 15px; margin: 0 22px 22px 0; } .module__lead-info.with-video h1 { font-size: 40px; } .module__lead-info header > .container { padding-top: 60px !important; } } /*------------------------------------- Module: Two Column -------------------------------------*/ .bg-white { background-color: #fff !important; color: #666666 !important; } .bg-grey { background-color: #ececec !important; color: #666666 !important; } .bg-light-grey { background-color: #f5f5f5 !important; color: #666666 !important; } .bg-blue { background-color: #0068b3 !important; color:#fff !important; } .bg-light-blue { background-color: #00c2f3 !important; color:#fff !important; } .bg-white h2, .bg-white h3, .bg-white p, .bg-white .two-column-item, .bg-grey h2, .bg-grey h3, .bg-grey p, .bg-grey .two-column-item, .bg-light-grey h2, .bg-light-grey h3, .bg-light-grey p, .bg-light-grey .two-column-item { color: #666 !important; } .bg-blue h2, .bg-blue h3, .bg-blue p, .bg-blue .two-column-item, .bg-light-blue h2, .bg-light-blue h3, .bg-light-blue p, .bg-light-blue .two-column-item { color: #fff !important; } .module__column .container { padding: 60px 20px 60px 20px; } .module__column .container div { max-width: 760px; } .module__column .container h2 { font-size: 40px; font-weight: 200; } .module__column .container p, .module__column .container li { font-size: 18px; font-weight: 400; } .module__two-column .container { padding-top: 30px; padding-bottom: 8px; position: relative; } .module__two-column.magazine .container { padding: 100px 20px 60px 20px; } .module__two-column.magazine > .container { padding-top: 0; } .two-column-item { text-align: left; background-position: center left; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); } .magazine .two-column-item.img { min-height: 300px; padding-top: 28%; background-repeat: no-repeat; background-position: center center; } .two-column-item.with-icon { margin-bottom: 60px; } .two-column-icon { height: 70px; width: 70px; float: left; margin-left: 15px; background-position: center center; background-size: cover; background-size: 70px 70px; } .two-column-item.with-icon .two-column-text { float: none; padding-top: 0; margin-left: 100px; padding-right: 135px; } .two-column-image { padding: 26px 20px 20px 20px; } .two-column-image img { margin: 0 auto; } .two-column-image img.image-left { margin: 0; } .module__two-column.magazine .clearfix { /* padding-top: 100px; margin-bottom: 100px; */ } .two-column-image img.image-right { margin: 0 0 0 auto; } @media only screen and (min-width: 768px) { .pardotlistpage .eight-column-item{ width:60%; float:left; } .pardotlistpage .four-column-item{ width:40%; float:left; } .two-column-item { width: 50%; float: left; } } @media only screen and (max-width: 767px) { .module__two-column .container { padding-top: 50px; padding-bottom: 30px; } .two-column-item { padding: 0; margin: 0 0 30px 0; } .two-column-item.img { margin: 0 !important; } .magazine .two-column-item, .magazine .two-column-item.right { padding: 30px 20px; margin: 20px 0 30px 0; } .magazine .two-column-item.img { border-left: 0; border-right: 0; } .two-column-image { padding: 0; } .module__two-column.magazine .clearfix { padding-top: 0; margin-bottom: 20px; } .two-column-icon { margin-left: 0; } .two-column-item.with-icon { margin-bottom: 40px; } .two-column-item.with-icon .two-column-text { margin-left: 110px; padding-right: 0; } } .module__two-column h2 { margin-top: 0; font-size: 40px; color: #666; font-weight: 400; margin-bottom: 0; text-align: center; word-wrap: break-word; } .module__two-column h3 { font-size: 24px; line-height: 30px; color: #666; font-weight: 400; text-align: center; margin-bottom: 0; } .module__two-column h4 { font-size: 18px; color: #666; font-weight: 400; text-align: center; } .module__two-column .two-column-item h2 { margin-top: 0; font-size: 40px; line-height: 45px; color: #666; font-weight: 200; margin-bottom: 20px; text-align: left; } .module__two-column .two-column-item h3, .module__two-column .two-column-item h4 { text-align: left; } .module__two-column .two-column-item.with-icon h3 { margin-top: 0; } .module__two-column p, .module__two-column li { font-size: 14px; color: #666; font-weight: 400; line-height:20px; } /* AMM Adjusted Text Size */ .module__two-column p, .module__two-column li { font-size: 16px; line-height: 20px; } @media only screen and (min-width: 768px) { .pardotlistpage .eight-column-item .two-column-text{ max-width:630px; padding:0px 80px 0px 20px; float:left; } .pardotlistpage .eight-column-item .two-column-text h2{ text-align:left; font-weight:200; } .two-column-text { max-width: 562px; padding: 20px 80px 30px 20px; float: right; width: 100%; } .right .two-column-text { padding: 20px 20px 30px 80px; float: left; } .magazine .two-column-item.img { border-left: 40px solid rgba(0,0,0,0); background-position: center left; } .no-rgba .magazine .two-column-item.img { border-left: 0px solid white; } .magazine .right .two-column-item.img { border-left: none; border-right: 0px solid rgba(0,0,0,0); background-position: center right; } .no-rgba .magazine .right .two-column-item.img { border-right: 0px solid white; } .magazine .two-column-text { padding: 0 40px 0 20px; } .magazine .two-column-text.right { padding: 0 20px 0 40px; float: left; } section:not(.pardotformpage) .two-column-text span { display: inline; } .two-column-text span:before { content: "\a "; white-space: pre; } } @media only screen and (max-width: 1200px) and (min-width: 768px) { .two-column-text { padding-right: 20px; } .magazine .two-column-text { padding: 0 40px 0 20px; } .magazine .two-column-text.right { padding: 0 20px 0 40px; } } @media only screen and (max-width: 767px) { .two-column-text { padding-right: 0; } .module__two-column .two-column-item h2 { font-size: 30px; } } /*------------------------------------- Module: History -------------------------------------*/ .module__history .container { max-width: 760px; padding: 75px 20px 70px 20px; } .module__history .slick-slider { margin-bottom: 0; } .module__history h2 { margin-top: 0; font-size: 48px; color: #00c2f3; font-weight: 400; margin-bottom: 0; text-align: center; } .module__history h3 { font-size: 18px; line-height: 30px; color: #666; font-weight: 400; text-align: center; margin-bottom: 0; } .module__history p { color: #666; font-weight: 400; font-size: 14px; text-align: center; } .down-arrow { background-image: url(img/arrow-blue-down.png); background-repeat: no-repeat; background-position: 0 0; width: 37px; height: 17px; margin: 40px auto 20px auto; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .down-arrow { background-image: url(img/arrow-blue-down@2x.png); background-size: 37px 17px; } } .history-item { height: 383px; background-position: center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); position: relative; } @media only screen and (min-width:1701px) { .history-item { height: 450px; } } @media only screen and (min-width:1401px) and (max-width: 1700px) { .history-item { height: 383px; } } @media only screen and (min-width:1151px) and (max-width: 1400px) { .history-item { height: 300px; } } @media only screen and (min-width:1001px) and (max-width: 1150px) { .history-item { height: 260px; } } @media only screen and (min-width:768px) and (max-width: 1000px) { .history-item { height: 225px; } } @media only screen and (min-width:581px) and (max-width: 767px) { .history-item { height: 300px; } } @media only screen and (min-width:461px) and (max-width: 580px) { .history-item { height: 250px; } } @media only screen and (min-width:381px) and (max-width: 460px) { .history-item { height: 360px; } } @media only screen and (max-width: 380px) { .history-item { height: 300px; } } .history-item p { position: absolute; bottom: 0; color: #fff; background-color: rgba(0, 0, 0, 0.6); margin: 0; padding: 20px 10px; width: 100%; } .slick-dots li { margin: 0 7px; } .slick-dots li.slick-active button::before { color: #00c2f3; opacity: 1; } .slick-dots li button::before { font-size: 15px; color: #ececec; opacity: 1; } .slick-dots li button:hover::before { color: #00c2f3; } /*------------------------------------- News & Events -------------------------------------*/ .alert-msg { background-color: #00c2f3; width: 100%; z-index: 10; font-size: 14px; color:#fff; overflow: hidden; position: relative; } .alert-msg.closed { height: 0; } .alert-msg .container { padding: 30px 20px !important; } .alert-msg p { margin: 0; } .alert-msg a { color: #fff; text-decoration: underline; } .alert-msg .current { width: 70%; min-height: 36px; padding: 10px 30px 10px 60px; background-image: url(img/icon-alert.png); background-repeat: no-repeat; background-position: left center; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .alert-msg .current { background-image: url(img/icon-alert@2x.png); background-size: 36px 36px; } } .alert-msg .links { float: right; width: 30%; padding: 10px 0; } .alert-msg .links p { float: right; } .alert-msg .links .close { display: block; margin-left: 10px; background-image: url(img/icon-x.png); background-repeat: no-repeat; background-position: 0 0; width: 21px; height: 20px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .alert-msg .links .close { background-image: url(img/icon-x@2x.png); background-size: 21px 20px; } } @media only screen and (max-width: 767px) { .alert-msg .container { padding: 20px 20px; } .alert-msg .links p span { display: none; } .alert-msg .current { padding-left: 50px; } } .module__hero.hero-case-study { opacity: 1; } @media only screen and (min-width: 768px) { .module__hero.hero-case-study, .module__hero.hero-case-study-details { height: 720px; } } .module__hero.hero-case-study .hero-tint { background-image:url(img/cs-tint.png); background-position: 0 0; background-repeat: no-repeat; } @media only screen and (max-width: 767px) { .module__hero.hero-case-study .hero-tint { display: none; } .module__hero.hero-case-study .container { position: relative; } .module__hero.hero-case-study .hero-text { background-color: #333; padding: 20px 20px 40px 20px; position: relative; top: auto; } .module__hero.hero-case-study .hero-content { height: 0; padding-top: 56%; } } .module__hero.hero-case-study-details .hero-tint { background-image:url(img/cs-detail-tint.png); background-position: 0 0; background-repeat: no-repeat; } .module__hero-news { position: relative; background:#0068b3; } .module__hero-news .hero-tint { opacity: .3; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); background-position: 0 0; } .module__hero-news .news-text h2, .hero-case-study .hero-text h2 { font-size: 40px; font-weight: 200; text-align: left; margin: 0; margin-bottom: 30px; max-width: 760px; color:#fff; } .module__hero-news .news-text h1, .hero-case-study .hero-text h1 { font-size: 40px; font-weight: 200; text-align: left; margin: 0; margin-bottom: 30px; max-width: 760px; color:#fff; } .hero-case-study .hero-text h2 { margin-bottom: 5px; } .hero-case-study .hero-text p.desc { margin-bottom: 40px; } .module__hero-news .news-text h3, .hero-case-study .hero-text h3 { font-family:'Rockwell W01'; font-weight: 400; font-size: 15px; font-style: italic; text-align: left; line-height: 20px; border: 0; padding: 0; margin-bottom: 15px; } .module__hero-news .news-text { padding: 150px 0; z-index: 10; position: relative; } .module__hero-news .news-text h3 { color:#fff; margin-top: 0; } @media only screen and (max-width: 767px) { .module__hero-news .news-text h2, .hero-case-study .hero-text h2 { font-size: 25px; } .home .hero-text { padding-right: 40px !important; } } .module__hero-news .news-text p, .hero-case-study .hero-text p { font-size: 14px; color:#fff; font-weight: 400; text-align: left; } /* Master transparent button style */ .module__hero-news .news-text a, .hero-case-study .hero-text a, .trending-item a, .video-page-container a, .video-page-container .video-text a, .module__video-slider .video-text a { font-size: 15px; font-weight: 400; color: #fff; text-decoration: none; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.3); padding: 12px 18px; white-space: nowrap; } .no-rgba .module__hero-news .news-text a, .no-rgba .hero-case-study .hero-text a, .no-rgba .trending-item a, .no-rgba .video-page-container a, .no-rgba .video-page-container .video-text a, .no-rgba .module__video-slider .video-text a { border: 1px solid white; } .module__hero-news .news-text a:hover, .hero-case-study .hero-text a:hover, .trending-item a:hover, .video-page-container a:hover, .video-page-container .video-text a:hover, .module__video-slider .video-text a:hover { text-decoration: none; background-color: rgba(0, 0, 0, .3); } /* News Search / Filter */ .news-tools { background-color: #ececec; } .news-tools .container { padding: 20px; } /*.mktoForm .select2-chosen { font-family: "Gotham A", "Gotham B", Arial, sans-serif; color: #757575; line-height: 14px; font-size: 14px; } .expandable-content .form-control .select2-chosen { line-height: 22px; } .mktoForm .select2-drop-active { border: none; } .select2-container .select2-choice { height: 50px; } .select2-container { height: 50px; width: 222px; float: right; } #contact .select2-container .select2-choice, .mktoForm .select2-container .select2-choice { height: 40px; border-radius: 0; } #contact .select2-choice, .mktoForm .select2-choice { border: none !important; background: none !important; background-color: #f5f5f5 !important; } #contact .select2-container, .mktoForm .select2-container { height: 40px; width: 299px; float: none; } #contact .select2-container .select2-choice .select2-arrow, .mktoForm .select2-container .select2-choice .select2-arrow{ background-color: #f5f5f5 !important; } .select2-container .select2-choice .select2-arrow { background: none; background-color:#fff; border-left: none; background-image: url(img/arrow-grey-down.png); background-repeat: no-repeat; background-position: center center; padding: 0 20px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .select2-container .select2-choice .select2-arrow { background-image: url(img/arrow-grey-down@2x.png); background-size: 13px 8px; } } .select2-container .select2-choice > .select2-chosen { padding: 18px 0 18px 14px; } .select2-drop-active { border: none; } .select2-results .select2-highlighted { background-color:#00c2f3; } @media only screen and (max-width: 900px) { .select2-container { float: left; clear: both; } }*/ /*------------------------------------- Module: News Articles -------------------------------------*/ .loader { position: relative; display: block; width: 20px; height: 20px; margin: 0 auto; top: -70px; } .box { width: 45%; height: 45%; background: rgba(0, 0, 0, 0.7); opacity: 0; animation: load 1s linear infinite; } .box:nth-of-type(1) { position: absolute; top: 2.5%; left: 2.5%; } .box:nth-of-type(2) { position: absolute; top: 2.5%; right: 2.5%; animation-delay: -0.25s; } .box:nth-of-type(3) { position: absolute; bottom: 2.5%; right: 2.5%; animation-delay: -0.5s; } .box:nth-of-type(4) { position: absolute; bottom: 2.5%; left: 2.5%; animation-delay: -0.75s; } @keyframes load { 0% { opacity: 0; } 30% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 0; } } .module__news-articles { padding-bottom: 100px; } .module__news-articles .container { padding: 60px 0 60px 0; } .module__news-articles #fleetblock.container { padding-top: 20px; } .module__news-articles .col { float: left; width: 50%; } @media only screen and (min-width: 768px) { #newsblock .article-item { padding-bottom: 58px; opacity: 0; } .articles-desktop { display: block; } .articles-mobile { display: none; } .module__news-articles .container { width: 95%; } } @media only screen and (max-width: 767px){ .article-item { width: 100%; margin-bottom: 10px; } .articles-desktop { display: none; } .articles-mobile { display: block; } } .article-item > div { text-align: left; border-left: 1px solid #e5e5e5; padding-right: 60px; padding-left: 50px; border-radius: 3px; margin-left: 20px; } @media only screen and (max-width: 767px) { .article-item > div { text-align: left; border-left: 1px solid #e5e5e5; padding-right: 30px; padding-left: 30px; } } @media only screen and (max-width: 767px) { .module__news-articles .container { padding-top: 50px; padding-bottom: 0; } .module__news-articles .article-item { padding: 0; margin: 20px 0 60px 0; } } @media only screen and (min-width: 768px) { .article-item header div { float: right; padding-left: 0px; margin-top: 0px; margin-left: 20px; } } .article-item header div { margin-bottom: 10px; width: 145px; height: 96px; background-position: center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); outline: none; } .article-item header h2 { margin-top: 0; font-size: 24px; color: #666; font-weight: 400; margin-bottom: 0; text-align: left; } .article-item header h3 { font-family:'Rockwell W01'; font-size: 15px; font-weight: 400; font-style: italic; text-align: left; line-height: inherit; border: 0; padding: 0; margin: 0 0 25px 0; color: #f77f00; } .article-item header h3.title-press-release { color: #006cb7; } .article-item header h3.title-upcoming-events { color: #56d6c9; } .article-item h4 { font-size: 14px; color: #999; font-weight: 400; } .article-item h4 span { color: #666; font-weight: 600; } .article-item p { font-size: 14px; color: #666; font-weight: 400; } .article-item a { color: #666; text-decoration: none; } .article-item a:hover { color: #999; text-decoration: none; } .article-item article a { color: #00c2f3; text-decoration: none; } #fleetblock .article-item > div { position: relative; border: 1px solid #e5e5e5; padding: 25px 30px; margin-left: 17px; margin-right: 23px; background-image: url(img/icon-fleet.png); background-repeat: no-repeat; background-position: bottom right; min-height: 300px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #fleetblock .article-item > div { background-image: url(img/icon-fleet@2x.png); /*background-size: 78px 125px;*/ } } #fleetblock .article-item > div article { position: absolute; bottom: 0; } #fleetblock .article-item { width: 33%; padding-bottom: 40px; } #fleetblock .article-item header h2 { font-size: 30px; font-weight: 200; margin-bottom: 110px; } #fleetblock .article-item h4 { font-size: 18px; color: #999; font-weight: 200; } #fleetblock .article-item h4 a { color: #999; text-decoration: none; display: block; padding: 10px 0; width: 157px; background-image: url(img/icon-download.png); background-repeat: no-repeat; background-position: center right; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #fleetblock .article-item h4 a { background-image: url(img/icon-download.png); background-size: 13px 18px; } } #fleetblock .article-item h4 a:hover { text-decoration: underline; } @media only screen and (max-width: 1000px) { #fleetblock .article-item > div { /*background-size: 64px 102px;*/ margin-right: 13px; } #fleetblock .article-item { padding-bottom: 30px; } } @media only screen and (max-width: 767px) { #fleetblock .article-item { width: 100%; padding-bottom: 17px; margin-bottom: 0; } #fleetblock .article-item > div { min-height: 220px; } #fleetblock .article-item header h2 { margin-bottom: 80px; } } #loadmore-div { clear: both; margin-top: 25px; } .load-more a { display: block; background-image: url(img/arrows-load-more.png); background-repeat: no-repeat; background-position: center center; display: block; background-color: #999; font-size: 15px; line-height: 38px; color: #fff; text-align: center; text-decoration: none; height: 40px; border-radius: 3px; margin: 0 auto; width: 390px; cursor: pointer; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .load-more a { background-image: url(img/arrows-load-more@2x.png); background-size: 350px 6px; } } @media only screen and (max-width: 767px) { .load-more a { max-width: 240px; margin: 0 auto; background-image:none; } #loadmore-div { margin-top: 40px; } } #fleetblock .article-item > div { opacity: 0; } /*.page-template-page-fleet-wire-php .load-more { position: absolute; bottom: 0; width: 390px; left: 50%; margin-left: -195px; } @media only screen and (max-width: 767px) { .module__news-articles { padding-bottom: 150px; } .page-template-page-fleet-wire-php .load-more { width: 240px; margin-left: -120px; } } */ /*------------------------------------- Module: Header Only -------------------------------------*/ .module__header-only { background-color:#f5f5f5; } .module__header-only header { padding:60px 20px 0 20px; /* AMM Removed bottom padding here */ } .module__header-only header h2 { font-size: 60px; color:#666; font-weight: 200; text-align: center; margin-top: 0; margin-bottom: 10px; } .module__header-only header h1 { font-size: 60px; color:#666; font-weight: 200; text-align: center; margin-top: 0; margin-bottom: 10px; } .module__header-only header p { text-align: center; margin-bottom: 0; } /*------------------------------------- Module: Industry News -------------------------------------*/ .module__industry { padding: 100px 0; background-color: #f5f5f5; } @media only screen and (max-width: 767px) { .module__industry { padding: 60px 0; } .module__industry header { padding: 0 20px; } } .module__industry .container { padding: 40px 20px; overflow: auto; overflow-y: hidden; margin: 0 auto; width: 100%; max-width: 100%; } .module__industry h2 { font-size: 40px; color:#666; font-weight: 200; text-align: center; margin-top: 0; margin-bottom: 10px; word-wrap: break-word; } .module__industry header p { text-align: center; margin-bottom: 20px; } .module__industry .related-item { padding: 40px; border: 0; border-left: 1px solid #e0e0e0; } @media only screen and (max-width: 767px) { .module__industry .related-item { padding: 30px 40px; } .module__industry .related-item:first-child { border-left: none; padding-left: 20px; } } .module__industry .related-item { width: 358px; float: left; padding: 20px; } .module__industry .related-item h3 { margin:0 0 25px 0; } .module__industry .related-item p { margin:0 0 15px 0; } a.industry-block-link { text-decoration: none; } a.industry-block-link:hover { text-decoration: underline; } .industry-block-link, .related-item a.internal { background-image: url(img/arrow-blue.png); background-repeat: no-repeat; background-position: right center; padding-right: 25px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .industry-block-link, .related-item a.internal { background-image: url(img/arrow-blue.png); background-size: 9px 17px; } } .related-item a { background-image: url(img/icon-external-link.png); background-repeat: no-repeat; background-position: right center; padding-right: 25px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .related-item a { background-image: url(img/icon-external-link@2x.png); background-size: 15px 14px; } } /*------------------------------------- CHANGE: Need to change all related items to use similar code. -------------------------------------*/ /*------------------------------------- Module: Blue Gradient -------------------------------------*/ .module__blue-gradient .container { padding: 80px 40px; } .module__blue-gradient { background: rgb(43,188,236); background: -moz-linear-gradient(top, rgb(43,188,236) 0%, rgb(6,124,187) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(43,188,236)), color-stop(100%,rgb(6,124,187))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(43,188,236) 0%,rgb(6,124,187) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(43,188,236) 0%,rgb(6,124,187) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(43,188,236) 0%,rgb(6,124,187) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(43,188,236) 0%,rgb(6,124,187) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bbcec', endColorstr='#067cbb',GradientType=0 ); /* IE6-9 */ } .module__blue-gradient p { font-size: 19px; font-weight: 200; color:#fff; line-height: 30px; } .module__blue-gradient h2 { font-size: 40px; font-weight: 200; color:#fff; margin:0; word-wrap: break-word; } @media only screen and (min-width: 768px) { .module__blue-gradient h2 { float: left; width: 44%; } .module__blue-gradient article { float: left; width: 56%; padding-left: 3%; } } @media only screen and (max-width: 767px) { .module__blue-gradient .container { padding: 50px 20px; } .module__blue-gradient h2 { margin-bottom: 40px; } .module__blue-gradient article { padding-left: 0; } } .module__two-column.bg-blue ul, .module__two-column.bg-light-blue ul { list-style-type: none; padding: 0; margin: 14px 0 0 0; } .module__two-column.bg-blue li, .module__two-column.bg-light-blue li { font-size: 14px; line-height: 20px; font-weight: 400; color:#fff; min-height: 20px; margin-bottom: 20px; background-image: url(img/li-arrow.png); background-repeat: no-repeat; background-position: 0 0; padding-left: 36px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .module__blue-gradient li { background-image: url(img/li-arrow@2x.png); background-size: 20px 20px; } } /*------------------------------------- Module: Article -------------------------------------*/ .cs-inactive .hero-text p, .cs-inactive .hero-nav { display: none; } .module__hero .next { display: none; } .module__hero.cs-inactive .next { display: block; } .cs-inactive { cursor:pointer; } .cs-inactive .hero-text h3 { padding: 25px 20px 0 20px; margin-bottom: 0; } .module__article header h2 { margin: 0; } .module__article header h1 { margin: 0; } .module__article .container { padding: 20px; padding-top: 20px; padding-bottom: 40px; } .module__article h2 { font-size: 60px; color:#666; font-weight: 200; text-align: left; margin-top: 0; } .module__article h1 { font-size: 60px; color:#666; font-weight: 200; text-align: left; margin-top: 0; } .module__article.case-study { padding: 100px 0; } .module__article.case-study h2 { font-size: 40px; } .module__article aside { float: left; width: 280px; } .module__article article { padding-bottom: 20px; margin-left: 280px; } .module__article aside h4 { font-size: 14px; color: #666; font-weight: 400; } .module__article aside p { font-size: 14px; color: #999; font-weight: 400; padding: 0; margin: 6px 0 30px 0; } .module__article article p { font-size: 18px; color: #666666; font-weight: 400; margin-bottom: 30px; } .module__article article h2 { font-size: 36px; color: #666666; font-weight: 400; margin-bottom: 30px; } .module__article article h3 { font-size: 32px; color: #666666; font-weight: 400; margin-bottom: 30px; } .module__article article h4 { font-size: 28px; color: #666666; font-weight: 400; margin-bottom: 30px; } .module__article article h5 { font-size: 24px; color: #666666; font-weight: 400; margin-bottom: 30px; } .module__article article h6 { font-size: 20px; color: #666666; font-weight: 400; margin-bottom: 30px; } /* AMM Adjusted Text Size */ .module__article article p, .module__article article li { font-size: 16px; line-height: 20px; } .module__article article ul { margin-bottom: 30px; } .module__article article a { color: #28b3dc; text-decoration: none; } .module__article figure { padding: 20px 0 40px 0; margin: 0; } .module__article figcaption { font-family:'Rockwell W01'; font-size:14px; color: #999; padding: 12px 0 12px 30px; background-image: url(img/icon-photo-caption.png); background-repeat: no-repeat; background-position: left center; border-bottom: 1px solid #ccc; } .share { display: inline-block; background-repeat: no-repeat; vertical-align: middle; } .share:not(:first-child) { margin-left: 15px; } .share svg { fill: #626262; transition: fill 300ms ease; } .share:hover svg { fill: #00c2f3; } .social-fb svg { width: 8px; height: 16px; } .social-tw svg { width: 16px; height: 15px; } .social-li svg { width: 17px; height: 17px; } .social-em svg { width: 21px; height: 14px; } @media only screen and (max-width: 1200px) { .module__article aside { float: left; width: 180px; } .module__article article { margin-left: 180px; } .module__article h2 { font-size: 40px; } } @media only screen and (max-width: 767px) { .module__article .container { padding-bottom: 0; } .module__article aside { float: none; width: 100%; height: 100px; } .module__article aside div { float: left; width: 50%; } .module__article article { margin-left: 0; clear: both; } .module__article article p { font-size: 15px; } } /*------------------------------------- Module: Resources -------------------------------------*/ .module__resources header h2 { margin: 0; } .module__resources header h1 { margin: 0; } .module__resources header .container { padding: 20px; padding-top: 20px; padding-bottom: 10px; } .module__resources header .container div { max-width: 760px; } .module__resources .container { padding: 20px; padding-top: 20px; padding-bottom: 40px; } .module__resources header h2 { font-size: 60px; color:#666; font-weight: 200; text-align: left; margin-top: 0; } .module__resources header h1 { font-size: 60px; color:#666; font-weight: 200; text-align: left; margin-top: 0; } .module__resources h2 { font-size: 24px; color:#666; font-weight: 400; text-align: left; margin-top: 10px; margin-bottom: 30px; } .module__resources h5 { color: #999; font-size: 14px; font-weight: 400; margin-top: 0; margin-bottom: 10px; } .module__resources .toggle h2 { font-size: 18px; color:#666; font-weight: 400; text-align: left; margin-top: 0; margin-bottom: 14px; } h2.show-table a { float: left; width: 95%; } @media only screen and (max-width: 767px) { .module__resources header h2 { font-size: 40px; } h2.show-table a { width: 90%; } } @media only screen and (max-width: 360px) { h2.show-table a { width: 85%; } } .toggle-icon { float: right; font-size: 32px !important; line-height: 22px; padding-right: 11px; } .module__resources article { padding-bottom: 20px; } .module__resources article p { font-size: 14px; color: #666; font-weight: 400; max-width: 760px; margin-bottom: 20px; } /* AMM Adjusted Text Size */ .module__resources article p { font-size: 16px; line-height: 20px; } .module__resources article p { font-size: 16px; } .module__resources article ul { padding-left: 18px; } /* AMM Adjusted Text Size */ .module__resources article li { font-size: 16px; line-height: 20px; color: #666; font-weight: 400; max-width: 760px; margin-bottom: 14px; } .module__resources article p.error { color: red; font-size: 14px !important; } .regerror { color: red !important; } .module__resources article a { color: #28b3dc; text-decoration: none; } @media only screen and (max-width: 1200px) { .module__resources h2 { font-size: 40px; } } @media only screen and (max-width: 767px) { .module__resources .container { padding-bottom: 0; } .module__resources article p { font-size: 15px; } } .resources-filter { margin: 10px 0 ; } #mupdate-block{ margin:50px 0 0 0; } /*.resources-filter .select2-chosen { color: #666; font-size: 14px; } .resources-filter .select2-choice { border: none; background: none; background-color:#ebebeb; } .resources-filter .select2-container .select2-choice { height: 42px; } .resources-filter .select2-container { height: 42px; width: 290px; float: left; } .resources-filter .select2-container .select2-choice .select2-arrow { background-color:#ebebeb; } .resources-filter .select2-container .select2-choice>.select2-chosen { padding:7px 4px; margin-right: 40px; }*/ /*--------TABLES---------*/ .mobile-table { width: 100%; border:1px solid #ccc; border-radius: 5px; overflow-x:scroll; padding:20px; } .table-instructions { padding: 5px 0 9px 0; margin-bottom:20px; color:#333; text-align:center; line-height: 1em; } .mobile-table table { margin:0; padding-right: 20px; min-width:700px; margin-bottom: 0 !important; } .extra__padding { padding-bottom: 40px; } .module__resources table { border-spacing: 5px; border-collapse: separate; margin-bottom: 40px; margin-left: -5px; width: 100%; } .module__resources td, .module__resources th { font-size: 12px; font-weight: 400; padding: 10px; text-align: left; } .module__resources td ul { margin-top: 5px !important; } .module__resources td li { margin-bottom: 5px; font-size: 12px; } .module__resources tr td { background-color: #ebebeb; -webkit-transition: all .3s linear; transition: all .3s linear; } .module__resources tr.even td { background-color: #f4f4f4; } .module__resources th { background-color: #00c2f3; color: #fff; padding-right: 22px; cursor: pointer; } table.sortable th { background-image: url(img/arrow-sort-default.png); background-position: right center; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { background-image: url(img/arrow-sort-default@2x.png); background-size: 19px 12px; } .module__resources th.headerSortDown { background-image: url(img/arrow-sortup.png); background-position: right center; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .module__resources th.headerSortDown { background-image: url(img/arrow-sortup@2x.png); background-size: 19px 6px; } } .module__resources th.headerSortUp { background-image: url(img/arrow-sortdown.png); background-position: right center; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .module__resources th.headerSortUp { background-image: url(img/arrow-sortdown@2x.png); background-size: 19px 6px; } } @media only screen and (max-width: 600px) { .module__resources td, .module__resources th { padding: 10px 5px; } .module__resources th.headerSortDown, .module__resources th.headerSortUp { background-image: none; } } .module__resources table caption { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #e9e8e5 none repeat scroll 0 0; border-color: #ccc #ccc -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px 0; padding: 8px 0; text-align: center; } .module__resources article td ul { margin: 0; padding-left: 12px; } .module__resources article td p { font-size: 12px; margin: 0; } .module__resources tr.collapsed td { background-color: #ccc; } .module__resources article td .modal_basic { padding-left: 15px; padding-right: 15px; } .module__resources article td .modal_basic h3 { color: #00c2f3; font-size: 15px; font-weight: 400; } .module__resources article td .modal_basic p { font-size: 14px; margin-bottom: 20px; } .module__resources article td .pool-vehicles { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; } .module__resources article td .pool-vehicles h2 { font-size: 30px; margin-bottom: 15px; } .module__resources article td .pool-vehicles p { font-size: 14px; padding-bottom: 28px; position: relative; clear: both; } .module__resources article td .pool-vehicles p:last-child { height: 0; } .pool-vehicles span { float: left; padding-right: 5px; margin-bottom: 10px; width: 40%; } .pool-vehicles span:last-child { width: 60% } .module__resources .hidden { display: none; } .jump-top { padding: 30px 0 40px 0; position: absolute; width: 100%; left: 0; } .jump-top a { position: relative; z-index:1; display: block; width: 120px; height: 38px; background-color: #ececec; border-radius: 3px; margin: 0 auto; background-image: url(img/arrow-backtotop.png); background-position: center center; background-repeat: no-repeat; border-left: 10px solid #fff; border-right: 10px solid #fff; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .jump-top a { background-image: url(img/arrow-backtotop.png); background-size: 12px 5px; } } .jump-top hr { margin: 0; width: 100%; position: absolute; z-index:0; top: 50%; margin-top: -3px; } /*------------------------------------- Module: Generic -------------------------------------*/ .module__generic { background-color: #f5f5f5; } .module__generic header h2 { margin: 0; } .module__generic header h1 { margin: 0; } .module__generic .container { padding: 20px; max-width: 760px; padding-bottom: 40px; } /* AMM Adjusted Text Size */ .module__generic p, .module__generic li { font-size: 16px; line-height: 20px; } .module__generic header .container { padding: 20px; padding-top: 100px; max-width: 1162px; padding-bottom: 40px; } .module__generic header .container div { max-width: 760px; } .module__generic.search-results { background-color: #fff; border-top: 1px solid #d9d9d9; } .module__generic.search-results .container { padding: 20px; max-width: 1162px; padding-bottom: 40px; } .module__generic.search-results header .container { padding-top: 50px; float: none; } .module__generic.search-results article { padding-bottom: 10px; } .search-results h4 { font-size: 18px; margin-bottom: 10px; font-weight: 400; max-width: 760px; } .module__generic.search-results article p { font-size: 14px; color: #999; margin-top: 0; max-width: 760px; } .search-term { color:#999999; } hr { opacity: 0.2; } hr.hr-padding { margin: 50px 0; } .pagination { padding-top: 40px; } .pagination span { padding-right: 5px; } .pagination a { padding: 5px 5px; } .module__generic h2 { font-size: 60px; color:#666; font-weight: 200; text-align: left; margin-top: 0; } .module__generic h1 { font-size: 60px; color:#666; font-weight: 200; text-align: left; margin-top: 0; } .module__generic article { padding-bottom: 20px; } .module__generic article h3 { color: #666; } .module__generic article p { font-size: 16px; color: #666; font-weight: 400; margin-bottom: 30px; } .module__generic article ul { margin: -15px 0 30px 0; } .module__generic article li { font-size: 16px; color: #666; font-weight: 400; } .module__generic article a { color: #28b3dc; text-decoration: none; } .module__generic article a:hover { text-decoration: underline; } @media only screen and (max-width: 1200px) { .module__generic h2 { font-size: 40px; } } @media only screen and (max-width: 767px) { .module__generic header .container { padding-bottom: 20px; } .module__generic.search-results header .container { padding-top: 30px; padding-bottom: 15px; } .module__generic .container { padding-bottom: 0; } .module__generic h2 { font-size: 30px; } .module__generic article p, .module__generic article li { font-size: 15px; } } /*------------------------------------- Sitemap -------------------------------------*/ .module__generic { border-top: 1px solid #e5e5e5; } .module__generic header .container { padding-top: 45px; } .module__generic.sitemap-page .container { max-width: 1162px; } .module__generic article.sitemap_nav .menu-main-container { padding-left: 0; } .module__generic article.sitemap_nav ul { margin: 0 0 10px; } .module__generic article.sitemap_nav ul ul ul { margin: 0; } .module__generic article.sitemap_nav a { color: #666; margin-bottom: 5px; display: inline-block; } .module__generic article.sitemap_nav a:hover { text-decoration: none; } .module__generic article.sitemap_nav li li a, .module__generic article.sitemap_nav.eu a { color: #28b3dc; } .module__generic article.sitemap_nav li li a:hover, .module__generic article.sitemap_nav.eu a:hover { text-decoration: underline; } .module__generic article.sitemap_nav .menu-header-container a, .module__generic article.sitemap_nav .menu-footer-container a { color: #28b3dc; } .module__generic article.sitemap_nav .menu-header-container a:hover, .module__generic article.sitemap_nav .menu-footer-container a:hover { text-decoration: underline; } .sitemap_nav .menu-second-column, .sitemap_nav .menu-third-column, .sitemap_nav .menu-fourth-column { border-left: none; left: inherit; margin-top: 0; padding-left: 0; position: relative; top: inherit; } .module__generic article.sitemap_nav .search-trigger { display: none; } /*------------------------------------- Module: Generic Column -------------------------------------*/ .module__generic-column { background-color: #f5f5f5; } .module__generic-column header h2 { margin: 0; } .module__generic-column .container { padding: 20px; padding-top: 80px; padding-bottom: 80px; } .module__generic-column header .container { padding: 20px; padding-top: 100px; max-width: 1162px; padding-bottom: 40px; } .module__generic-column h2 { font-size: 60px; color:#666; font-weight: 200; margin-top: 0; } .module__generic-column h2.align-left, .module__generic-column h3.align-left{ text-align: left; } .module__generic-column h2.align-center, .module__generic-column h3.align-center{ text-align: center; } .module__generic-column h3 { font-size: 40px; color:#666; font-weight: 200; text-align: left; } .module__generic-column h4 { font-size: 24px; line-height: 27px; margin:0 0 25px 0; color: #666666; font-weight: 400; text-align: left; } /* AMM Adjusted Text Size */ .module__generic-column p, .module__generic-column li { font-size: 16px; line-height: 20px; } .module__generic-column article { padding-bottom: 20px; } .module__generic-column article h3 { color: #666; } .module__generic-column article p { font-size: 18px; color: #666; font-weight: 400; margin-bottom: 30px; } .module__generic-column article ul { margin: -15px 0 30px 0; } .module__generic-column article li { font-size: 18px; color: #666; font-weight: 400; } .module__generic-column article a { color: #28b3dc; text-decoration: none; } /* Qute layout for Generic Column module */ .module__generic-column .quote blockquote { margin:0 auto; padding: 0; text-align: center; font-weight: 200; max-width: 1022px; } .module__generic-column .quote blockquote > div { position: relative; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 20px 68px 40px 68px; margin-bottom: 43px; } .module__generic-column .quote blockquote > div:before { content:''; background-image: url(img/module__generic-column-quotes-left@2x.png); } .module__generic-column .quote blockquote > div:after { content:''; background-image: url(img/module__generic-column-quotes-right@2x.png); } .module__generic-column .quote blockquote p { text-align: center; margin: 10px 0 0 0; color:#05BBE1 !important } .module__generic-column .quote footer { font-weight: 500; } .module__generic-column .quote blockquote p:first-child { margin-top: 0; } /* Columns */ .module__generic-column .columns.two { max-width: 780px; margin-left: auto; margin-right: auto; } .module__generic-column.two-columns .container { padding-top: 50px; padding-bottom: 37px; } .module__generic-column.two-columns .col h3 { margin-top: 0; } .module__generic-column.two-columns .col p { margin-top: 0; line-height: 24px; font-size: 16px; } .module__generic-column.two-columns .columns.two > .col { padding-bottom: 0; } .module__generic-column.two-columns .col:nth-child(2) { margin-top: 6px; } .module__generic-column ul { margin-top: -5px; margin-bottom: 13px; } .module__generic-column ul.arrow-bullets { margin-top: -5px; margin-bottom: 13px; padding: 0; list-style: none; } .module__generic-column ul.arrow-bullets li { background-image: url(img/bullet-circle-arrow-grey@2x.png); line-height: 24px; font-size: 16px; background-size: 20px 20px; background-position: left 3px; background-repeat: no-repeat; min-height: 23px; padding-left: 32px; color: #666666; } .module__generic-column.bg-blue ul.arrow-bullets li, .module__generic-column.bg-light-blue ul.arrow-bullets li { color:#fff; background-image: url(img/bullet-circle-arrow@2x.png); } .module__generic-column ul li:not(:last-child) { margin-bottom: 25px; } @media screen and (min-width: 768px) { /* Adding vertical line to existing "Generic Column" module */ .module__generic-column.with-vertical-line .container { padding-bottom: 66px; } .module__generic-column.with-vertical-line:after { height: 81px; } .module__generic-column.with-vertical-line { padding-bottom: 81px; } /* Qute layout for Generic Column module */ .module__generic-column .quote blockquote p { font-size: 60px; line-height: 70px; } .module__generic-column .quote footer { font-size: 18px; } .module__generic-column .quote blockquote > div:before { position: absolute; left:0; top: 36px; width: 38px; height: 25px; background-size: 38px 25px; } .module__generic-column .quote blockquote > div:after { position: absolute; width: 37px; height: 25px; right: 0; bottom: 78px; background-size:37px 25px; } } @media only screen and (max-width: 1200px) { .module__generic-column h2 { font-size: 40px; } } @media only screen and (max-width: 767px) { .module__generic-column header .container { padding-bottom: 20px; } .module__generic-column .container { padding-bottom: 0; } .module__generic-column h2 { font-size: 30px; } .module__generic-column article p, .module__generic-column article li { font-size: 15px; } /* Qute layout for Generic Column module */ .module__generic-column .quote blockquote { margin: 30px 0; } .module__generic-column .quote blockquote p { font-size: 40px; line-height: 50px; } .module__generic-column .quote blockquote > div { padding-top: 60px; padding-bottom: 70px; } .module__generic-column .quote blockquote > div:before { position: absolute; left:50%; transform: translateX(-50%); top: 19px; width: 38px; height: 25px; background-size: 38px 25px; } .module__generic-column .quote blockquote > div:after { position: absolute; width: 37px; height: 25px; bottom: 25px; background-size:37px 25px; } .module__generic-column .quote footer { font-size: 16px; } } /*------------------------------------- 404 Page -------------------------------------*/ .error404 section { margin: 0; } /*------------------------------------- Module: Video Page -------------------------------------*/ @media only screen and (min-width: 768px) { .video-page-container { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; background-position: center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); } } @media only screen and (max-width: 767px) { .video-item, .video-page-container, .video-page-container .content, .video-page-container .tint { width: 100%; } .video-page-container.active { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; background-position: top left; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); } } .video-page-container.active { z-index: 9999; } .module__videos { background-color: #000; display: inline-block; margin-bottom: -4px; width: 100%; } .video-item { position: relative; float: left; text-align: center; background-position: center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); background-repeat: no-repeat; background-color:#333; } .video-item .video-player { display: none; } .video-page-container .content { padding: 40px; position: relative; z-index: 2; } .video-page-container .content, .video-page-container .tint { -webkit-transition: opacity .3s linear; transition: opacity .3s linear; } .video-page-container .tint { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#000; opacity: .3; background-image: none; } .no-opacity .video-page-container .tint { display: none; } .video-page-container p { font-size: 14px; color:#fff; font-weight: 400; text-align: left; margin-bottom: 30px; } .next-video { position: absolute; z-index: 8; height: 100%; width: 100%; background-color:rgba(0,0,0,.7); display: none; } .next-video.active { display: block; } .next-video > div { width: 400px; position: absolute; left: 50%; margin-left: -200px; height: 83px; top: 50%; margin-top: -45px; } .next-video > div:before, .next-video > div:after { content: " "; /* 1 */ display: table; /* 2 */ } .next-video > div:after { clear: both; } .next-video .play .icon { height: 83px; width: 83px; display: block; background-image:url(img/next-video-play.png); float: left; cursor: pointer; position: relative; z-index: 2; opacity: .8; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .next-video .play .icon { background-image:url(img/next-video-play@2x.png); background-size: 83px 83px; } } .next-video .title { float: left; margin-left: 26px; width: 291px; } .next-video .next { color:#fff; font-size: 14px; margin-bottom: 20px; margin-top: 10px; } .next-video .description { color:#fff; font-size: 24px; } .video-quote { margin-top: 40px; background-image:url(img/video-quote.png); background-repeat: no-repeat; background-position: top center; font-family: 'Rockwell W01'; font-size: 14px; font-style: italic; color:#6d6e6e; font-size: 14px; text-align: center; line-height: 17px; padding-top: 33px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .video-quote { background-image:url(img/video-quote@2x.png); background-size: 30px 30px; } } /* .radial-timer { overflow: hidden; height: 144px; width: 144px; position: absolute; top: -31px; left: -66px; transform:scale(.5, .5); z-index: 1; } .radial-timer .radial-timer-half { height: 144px; width: 72px; border-radius: 71px 0 0 71px; background: #21b4dc; position: absolute; } .radial-timer .radial-timer-half:nth-of-type(2) { z-index: 99999999; -webkit-transform-origin: center right; -webkit-transform: rotate(180deg); } .radial-timer .radial-timer-half:before { content: ""; position: absolute; top: 9px; left: 9px; height: 126px; width: 63px; border-radius: 67px 0 0 67px; background: #000; } .radial-timer .radial-timer-half:after { content: ""; position: absolute; background: #000; height: 288px; width: 216px; left: -144px; top: -72px; -webkit-transform-origin: center right; } .radial-timer.s-animate { -webkit-transform-origin: center right; } .radial-timer.s-animate .radial-timer-half:nth-of-type(1):after { -webkit-animation: rotateLeftMask 10s forwards linear; } .radial-timer.s-animate .radial-timer-half:nth-of-type(2):after { -webkit-animation: rotateRightMask 10s forwards linear; } */ #progressCircle { width: 70px; height: 70px; position: relative; } #progressCircle svg { position: absolute; top: 6px; left: 6px; } @-webkit-keyframes rotateLeftMask { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(180deg); } } @-webkit-keyframes rotateRightMask { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); visibility: hidden; } 100% { -webkit-transform: rotate(180deg); visibility: hidden; } } @media only screen and (min-width: 768px) { .video-page-container .content p { max-width: 400px; } /* Video Item Sizing */ .video-item { height: 536px; width:66.6%; } .video-item.half { width: 50%; height:400px; } .video-item.narrow { width: 33.3%; height: 268px; } .video-item.narrow .content p { max-width: inherit; } } #div_video .vjs-control-bar { z-index: 10; } @media only screen and (min-width: 768px) { .no-touch .video-item p { -webkit-transition: opacity .3s linear; transition: opacity .3s linear; } .video-item .content p { opacity: 0; } .module__videos:hover .video-item h2 { opacity: .5; } .module__videos:hover .video-item:hover h2 { opacity: 1; } .module__videos:hover .video-item .tint { opacity: .7; } .module__videos:hover .video-item:hover .tint { opacity: .4; } .module__videos:hover .video-item:hover .content { opacity: 1; } .module__videos:hover .video-item:hover .content p { opacity: 1; } } .video-page-container .close { opacity: 0; width: 31px; height: 29px; position: absolute; right: 20px; top: 20px; background-image:url(img/vid-close.png); background-position: center center; background-repeat: no-repeat; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; z-index: 9; border: none !important; padding: 0 !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .video-page-container .close { background-image:url(img/vid-close@2x.png); background-size: 31px 29px; } } .video-page-container .close { opacity: .5; } .video-page-container .close:hover { opacity:1; cursor: pointer; } body > .video-page-container .content { display: none; } .video-page-container .video-player { top:0; height: 100%; width: 100%; position: absolute; z-index: 99999; background-color: black; } .video-page-container .content h2 { margin-top: 0; font-size: 28px; color: #fff; font-weight: 200; text-align: left; line-height: 1.3em; -webkit-transition: all .3s linear; transition: all .3s linear; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .video-page-container .content p.description { display: none; } .video-page-container .content p { margin-top: 40px; opacity: 1; } } @media only screen and (max-width: 767px) { .video-item { padding: 0; padding-top: 56%; background-position: top left; background-size: 100% auto; } .touch .video-item { padding-top: 0; } .video-item .content { background-color: #333; padding: 20px; } .video-page-container .tint { opacity: 0; display: none; } .video-item .video-page-container .video-js { width: 100%; height: 350px; } } #vjs-next-button { background-image: url(img/vjs-next.png); background-repeat: no-repeat; } #vjs-next-button:hover { background-position: bottom left; } /*------------------------------------- Module: Video Slider -------------------------------------*/ .module__video-slider { padding-bottom: 120px; background-color: #ececec; width: 100%; position: relative; } @media only screen and (max-width: 767px) { .module__video-slider { padding-bottom: 60px; } } .module__video-slider > div { overflow: auto; overflow-y: hidden; margin: 0 auto; max-width: inherit; } .module__video-slider header div { padding: 90px 20px 15px 20px; } @media only screen and (max-width: 767px) { .module__video-slider header div { padding-top: 60px; } } .module__video-slider .container { padding:0; margin:0 20px; } .module__video-slider .video-player { top: 0; left: 0; opacity: 0; display: none; height: 100%; width: 100%; position: absolute; z-index: 99999; background-color: black; } .module__video-slider header h2 { margin-top: 0; font-size: 40px; color:#666; font-weight: 200; margin-bottom: 0; text-align: center; } .video-slider-item h2 { font-size: 24px; line-height: 27px; margin:0 0 18px 0; color:#fff; font-weight: 400; text-align: left; } @media only screen and (max-width: 950px) { .video-slider-item h2 { font-size: 20px; line-height: 22px; margin-bottom: 12px; } } .module__video-slider h3 { font-size: 18px; color:#666; font-weight: 400; text-align: center; margin-bottom: 32px; } .module__video-slider .video-slider-item { height: 310px; width: 568px; float: left; position: relative; margin-left: 10px; background-color:#000; z-index: 9; } @media only screen and (max-width: 767px) { .module__video-slider .video-slider-item { width: 330px; height: 235px; } .video-slider-item > video { width: 100%; height: 100%; } } .module__video-slider .video-slider-item:first-child { margin-left: 0; } .module__video-slider .video-container { position: absolute; height: 100%; width: 100%; padding: 40px; z-index: 10; background-position: center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); } .module__video-slider .video-container.active { position: absolute; left: 0; width:100%; height: 100%; z-index: 10; } .module__video-slider .video-container .bg-box { position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; background-position: center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); background-color:#333; } .bg-box { opacity: .7; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .video-item:hover .bg-box, .video-slider-item:hover .bg-box { opacity:.6 !important; } .module__videos:hover .video-item .bg-box{ opacity:.4 ; } .module__videos:hover .video-item h2 { opacity: .5; } .module__videos:hover .video-item:hover h2 { opacity: 1; } .video-player .close { opacity: 0; width: 31px; height: 29px; position: absolute; right: 20px; top: 20px; background-image:url(img/vid-close.png); background-position: center center; background-repeat: no-repeat; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; z-index: 9; border: none !important; padding: 0 !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .video-player .close { background-image:url(img/vid-close@2x.png); background-size: 31px 29px; } } .video-player .close { opacity: .5; } .video-player .close:hover { opacity:1; cursor: pointer; } .module__video-slider .video-slider-item:hover { opacity: 1; } .video-player .video-js { margin: 0 auto; width: 100%; height: 100%; } @media only screen and (min-width: 768px) { .module__video-slider .video-slider-item { height: 380px; } .no-touch .module__video-slider .video-slider-item p { /*font-size: 100; */ opacity:0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; } .no-touch .module__video-slider .video-slider-item:hover p { opacity:1 !important; } } .module__video-slider .video-text { position: relative; z-index: 5; } .module__video-slider .video-text p.description { margin-bottom: 35px; } @media only screen and (min-width: 768px) { .module__video-slider .video-slider-item { height: 319px; } } .module__video-slider .video-text h2 { margin-top: 0; font-size: 28px; line-height: 32px; color: #fff; font-weight: 200; text-align: left; } @media only screen and (min-width: 768px) { .no-touch .module__video-slider .video-slider-item p { opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; color:#fff; } } .module__video-slider .video-text p { font-size: 14px; margin: 0 0 28px 0; color:#fff; font-weight: 400; text-align: left; } @media only screen and (max-width: 767px) { .module__video-slider .video-text p:first-of-type { display: none; } .module__video-slider .video-text p { margin-top: 40px; } } /*------------------------------------- Module: Form Entry -------------------------------------*/ .module__resources.form-entry h3 { font-size: 40px; font-weight: 200; color: #666; margin-bottom: 20px; } .module__resources.form-entry h4 { font-size: 24px; color: #666; font-weight: 200; margin-top: 0; margin-bottom: 45px; } .module__resources.form-entry input, .module__contact form input { background-color: #f5f5f5; border: 0; border-style: 3px; width: 300px; height: 40px; font-size: 15px; padding: 0 10px; } @media only screen and (max-width: 400px) { /* #contact .select2-container, .mktoForm .select2-container,*/ .module__resources.form-entry input, .module__contact form input, #contact #cmsg { width: 100%; } } .module__resources.form-entry input[type="submit"], .module__contact form input[type="submit"] { border: 0; border-radius: 3px; padding: 13px 15px; background-color: #00c2f3; color: #fff; font-size: 15px; font-weight: 400; width: auto; height: auto; margin: 20px 0; } .module__resources.form-entry article form p, .module__contact article form p { font-size: 18px; line-height: 33px; } .module__resources.form-entry article form p span, .module__contact article form p span { font-size: 14px; line-height: 18px; color: #999; } #imgdiv { height: 30px; overflow: hidden; } /*------------------------------------- Module: Contact -------------------------------------*/ .module__contact { padding-top: 80px; padding-bottom: 100px; } #tabs { width: 95%; margin-left: auto; margin-right: auto; margin-top: 10px; } /*------------------------------------- Module: Related Content -------------------------------------*/ .module__related { padding: 100px 0; } .module__related .container { padding: 40px 20px; } .module__related h2 { font-size: 40px; color:#666; font-weight: 200; text-align: center; margin-top: 0; } .module__related .related-item { margin-right: 20px; } .related-item { padding: 40px; border: 1px solid #ebebeb; } .related-item { float: left; padding: 40px; width: 32%; } .related-item:last-child { margin-right: 0; } .related-item h2 { font-size: 24px; line-height: 27px; margin:0 0 30px 0; color:#d0d0d0; font-weight: 400; text-align: left; } .related-item h3 { font-size: 18px; line-height: 20px; margin:20px 0 4px 0; color:#333; font-weight: 400; text-align: left; } @media only screen and (max-width: 950px) { .related-item h2 { font-size: 20px; line-height: 22px; } } .related-item p { font-size: 14px; margin: 0 0 8px 0; color:#666; font-weight: 400; text-align: left; } .related-item a { font-size: 13px; font-weight: 400; color: #00c2f3; text-decoration: none; } .related-item a:hover { text-decoration: underline; } .related-item p.date { color: #999; margin: 20px 0 0 0; } @media only screen and (max-width: 950px) { .related-img { width: 120px; } } /*------------------------------------- Module: Related Links -------------------------------------*/ .module__related-links { padding: 100px 0; } .module__related-links .container { padding-top: 40px; padding-bottom: 40px; padding: 20px; } .module__related-links h2 { font-size: 40px; color:#666; font-weight: 200; text-align: center; margin-top: 0; } .module__related-links .related-item { padding: 40px; border: 0; border-left: 1px solid #ebebeb; } @media only screen and (min-width: 768px) { .module__related-links .related-item { width: 32%; float: left; padding: 20px; margin-right: 2%; } .module__related-links .related-item:last-child { margin-right: 0; } } @media only screen and (max-width: 767px) { .module__related-links .related-item { padding: 20px 20px 5px 20px; margin: 0 40px 40px 40px; } .module__related-links .container { padding: 0 0 20px 0; } } .module__related-links .related-item h3 { margin:0 0 25px 0; } .module__related-links .related-item p { margin:0 0 15px 0; } /*------------------------------------- Module: Case Studies -------------------------------------*/ .module__case-study { padding: 100px 0; } @media only screen and (max-width: 767px) { .module__case-study { padding: 60px 0; } .module__case-study header { padding: 0 20px; } } .module__case-study .container { padding-top: 40px; padding-bottom: 40px; overflow: auto; overflow-y: hidden; margin: 0 auto; max-width: 100%; width: 100%; } .module__case-study article { width: 580px; float: left; outline: none; padding: 0 20px; } .module__case-study .case-study-item:last-child { margin-right: 0; } .module__case-study h3 { font-size: 20px; color:#666; font-weight: 200; text-align: center; } .module__case-study header h2 { font-size: 40px; color:#666; font-weight: 200; margin-top: 0; text-align: center; } .case-study-item { width: 50%; float: left; padding: 0 20px; } .scroller .case-study-item:first-child { padding-left: 0; } @media only screen and (max-width: 767px) { .case-study-item { width: 25%; } } .case-study-item h2 { margin: 0 0 15px 0; } .case-study-item h2 a { font-size: 24px; line-height: 27px; margin:0 0 12px 0; color:#666; font-weight: 400; text-align: left; text-decoration: none; } .case-study-item h2 a:hover { color: #999; } @media only screen and (max-width: 950px) { .case-study-item h2 { font-size: 20px; line-height: 22px; } } .case-study-text p { font-size: 14px; margin: 20px 0 0 0; color:#666; font-weight: 400; text-align: left; } .case-study-text p:first-child { margin: 0 0 7px 0; color:#999; } .case-study-item a { font-size: 13px; font-weight: 400; color: #00c2f3; } .case-study-img { float: left; } .case-study-text { margin-left: 215px; color:#666; } @media only screen and (max-width: 767px) { .module__case-study article { width: 400px; } .case-study-img { width: 100px; } .case-study-text { margin-left: 120px; } } /*------------------------------------- Module: About ARI -------------------------------------*/ .module__about-ari .container { max-width: 760px; padding: 80px 0; } .module__about-ari.text-left .container { max-width: 1162px; padding: 48px 20px; } @media only screen and (max-width: 767px) { .module__about-ari .container { padding: 60px 30px; } } .module__about-ari { position: relative; background-color: #0068b3; } .module__about-ari .bg { position: absolute; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); background-repeat: no-repeat; width: 100%; height: 100%; top: 0; left: 0; opacity: .3; } .about-text { position: relative; z-index: 5; } .module__about-ari h2 { font-size: 40px; color:#fff; font-weight: 200; text-align: center; word-wrap: break-word; margin-bottom: 14px; } .module__about-ari.text-left h2 { text-align: left; } .module__about-ari p { font-size: 18px; font-weight: 400; color:#fff; text-align: center; line-height: 30px; margin-top: 0; } .module__about-ari.text-left p { text-align: left; } .module__about-ari.text-left .btn { margin:0; } /* Case Studies Callouts */ .module__about-ari p:last-child { padding: 14px 0 20px 0; } .callout { margin: 50px 0; padding: 60px 0 30px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .callout.three-cols { text-align: center; } .callout.three-cols img { margin:0 auto; } .callout.three-cols p { font-size: 13px; width: 80%; margin: 20px auto 0 auto; } .callout.three-cols .two p { width: 60%; } .callout.three-cols p span { display: block; margin:0 auto; font-size: 1.9em; padding-bottom: 10px; } .callout.three-cols .columns > .col { margin-bottom: 40px; } .callout.three-cols .columns.two > .col { width: 30.6%; } .callout.three-cols .columns.two > .col:first-child { margin-left: 15% !important; } .callout.three-cols .columns.two > .col p { width: 80%; } @media only screen and (max-width: 767px) { .callout.three-cols .columns.two > .col { width: auto; } .callout.three-cols .columns.two > .col:first-child { margin-left: 0 !important; } } .callout.quote { background:url(img/callout-quote.png) bottom 40px right no-repeat; padding: 40px 0 125px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .callout.quote { background-image: url(img/callout-quote@2x.png); background-size: 63px 45px; } } .callout.quote p { color:#adadad; font-family: "Gotham A", "Gotham B", Arial, sans-serif; } .callout.quote p.name { font-family:'Rockwell W01'; font-size: 14px; font-style: italic; } .callout.quote p.name strong { color:#666666; font-style: normal; display: block; } .callout.lg-blue p { font-size: 30px; margin:0; color:#68c4e3; font-weight: 100; text-align: center; } /*------------------------------------- Case Studies Page -------------------------------------*/ #case_studies_ajax { width: 100%; position: relative; } @media only screen and (min-width: 768px) { #case_studies_ajax > div { position: fixed; width: 100%; top: 552px; } } .single-case-studies iframe { display: none; } /*------------------------------------- Module: Testimonial Call to Action -------------------------------------*/ .module__testimonial { background-position: center center; background-repeat: no-repeat; background-size: 100% auto; height: 530px; position: relative; } .module__testimonial .container { margin-left: 55%; max-width: 493px; position: absolute; top: 17%; } .module__testimonial h2 { font-size: 40px; color:#666; font-weight: 200; text-align: left; margin-bottom: 30px; word-wrap: break-word; } .module__testimonial h3 { font-size: 18px; color:#0cafdb; font-weight: 400; margin-bottom: 30px; } .module__testimonial .btn { margin: 0; width: 182px; } @media only screen and (max-width: 1610px) { .module__testimonial { background-position: center center; background-repeat: no-repeat; background-size: auto 110%; height: 500px; overflow: hidden; } .module__testimonial .container { padding-right:20px; } } @media only screen and (max-width: 1050px) { .module__testimonial { height: 400px; } .module__testimonial h2 { font-size: 30px; } .module__testimonial h3 { font-size: 16px; } .module__testimonial .container { margin-left: 50%; max-width: auto; top: 15%; } } @media only screen and (max-width: 767px) { .module__testimonial { } .module__testimonial .container { margin-left: 40%; max-width: auto; top: 12%; } } /*------------------------------------- Sitemap background-color -------------------------------------*/ body.page-template-page-sitemap { background-color: #f5f5f5; } /*------------------------------------- Module: Prefooter -------------------------------------*/ .module__prefooter .container { max-width: 1000px; padding-bottom: 145px; } .module__prefooter h2 { font-size: 40px; color:#fff; font-weight: 200; text-align: center; word-wrap: break-word; } .module__prefooter { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgb(255,255,255) 20%, rgb(238,238,238) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgb(255,255,255)), color-stop(100%,rgb(238,238,238))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(255,255,255) 20%,rgb(238,238,238) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(255,255,255) 20%,rgb(238,238,238) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(255,255,255) 20%,rgb(238,238,238) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(255,255,255) 20%,rgb(238,238,238) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } .module__prefooter h2 { color: #666; } .module__prefooter.color .container { padding-top: 120px; } .module__prefooter.color h2 { color: #fff; } .module__prefooter.teal { background: #00c2f3; } /*------------------------------------- Module: Clocks -------------------------------------*/ .module__clocks { background-color:#f5f5f5; } .module__clocks .container { padding: 70px 20px 100px 20px; } .module__clocks p { color:#999999; font-size: 14px; text-align: center; margin:0; } .clock { background-image: url(img/clockBg.png); height: 200px; position: relative; width: 200px; margin: 0 auto; left: 50%; margin-left: -100px; } .clock div { position: absolute; left:50% } .clock img[src*="second"] { transition: transform 600000s linear 0s; } .clock:target img[src*="second"] { transform: rotate(3600000deg); } .clock img[src*="minute"] { transition: transform 360000s linear 0s; } .clock img[src*="minute"] { transform: rotate(36000deg); } .clockimg[src*="hour"] { transition: transform 216000s linear 0s; } .clock:target img[src*="hour"] { transform: rotate(360deg); } .module__clocks .column { float: left; width: 20%; overflow: hidden; } @media only screen and (max-width: 767px) { .module__clocks .container { padding: 30px 20px 70px 20px; } .clock { transform: scale(0.5,0.5); } .module__clocks p { margin-top: -50px; } } @media only screen and (max-width: 465px) { .module__clocks .top .column { width: 33.3%; } .module__clocks .bottom { margin-top: -20px; } .module__clocks .bottom .column { width: 50%; margin-top: -20px; } .module__clocks .bottom:before, .module__clocks .bottom:after, .module__clocks .top:before, .module__clocks .top:after { content: " "; /* 1 */ display: table; /* 2 */ } .module__clocks .bottom:after, .module__clocks .top:after { clear: both; } } /*------------------------------------- Module: Hero -------------------------------------*/ .module__hero, .module__hero-breadcrumbs { position: relative; width: 100%; overflow: hidden; z-index: 5; } .module__hero-breadcrumbs { height: 100px; border-top: 1px solid #e5e5e5; } .module__hero { position: relative; background-position: center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); } .module__hero .grey { color: #666666; } @media only screen and (max-width: 767px) { .module__hero-breadcrumbs { height: 60px; border: none; display:none; } } .module__hero .container { height: 100%; } @media only screen and (max-width: 767px) { .module__hero { height: 400px; } } .module__hero .container, .module__hero-breadcrumbs .container { position: relative; } .module__hero .container { padding: 0; } .home .module__hero .container { padding: 0 18px; } .module__hero #big-video-wrap { position: absolute; top:0; height: 100%; } .hero-tint, .tint { background-image: url(img/hero-tint-risk_partners.png); background-repeat: repeat-x; background-position: top left; background-size: 100% 100%; position: absolute; z-index: 9; top:0; height: 100%; width: 100%; left: 0; } .module__hero video { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); -o-object-fit: cover; object-fit: cover; /*display: none;*/ } /*@media screen and (min-width: 768px) { .module__hero video { min-height: 720px; } }*/ .module__hero .hero-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; -ms-behavior: url(backgroundsize.min.htc); } @media only screen and (min-width: 768px) { .module__hero { height: 520px; } .module__hero.hero-case-study-details { height: 720px; } .module__hero video { min-width: 950px; min-height: 534px } .module__hero p.large { margin-top: -5px; font-size: 30px; line-height: 35px; font-weight: 300; } } @media only screen and (max-width: 767px) { .module__hero .container { padding: 0; } .module__hero video { width: 711px; height: 400px } } /* Hero Form */ .hero-form { z-index: 10; } .module__hero.with-form .hero-text { padding: 0 20px; text-align: left; } .hero-form input { background-color: transparent; border: none; border: 1px solid #ffffff; border-radius: 5px; font-size: 16px; color:#fff; padding: 0 20px; max-width: 195px; height: 40px; } .hero-form button[type="submit"] { height: 40px; margin: 0; } .hero-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#fff; } .hero-form input::-moz-placeholder { /* Firefox 19+ */ color:#fff; } .hero-form input:-ms-input-placeholder { /* IE 10+ */ color:#fff; } .hero-form input:-moz-placeholder { /* Firefox 18- */ color:#fff; } @media only screen and (min-width: 768px) { .hero-form { max-width: 1162px; position: absolute; top: 277px; right: 20px; } .hero-form form { display: flex; } .hero-form button[type="submit"] { margin-left: 15px; } .module__hero.with-form .hero-text { top: 168px !important } .module__hero.hero-case-study-details .hero-text { padding: 0 15%; } .module__hero p.large { font-size: 30px; } } @media only screen and (max-width: 767px) { .module__hero.hero-case-study-details { height: auto; } .module__hero.hero-case-study-details .hero-content { position: relative; } .module__hero.with-form .form-layout { margin-left: 0; } .hero-form { margin-top: 50px; } .hero-form input { font-size: 12px; height: 40px; padding: 0 10px; } .module__hero.with-form .wpcf7-form-control-wrap { display: block; } .hero-form button[type="submit"] { margin-top: 10px; font-size: 12px; line-height: inherit !important; padding-left: 10px; height: 30px; width: auto; padding-right: 30px; } .hero-form button[type="submit"] span { right: 10px; } .hero-form button[type="submit"] span { transform: scale(.5); } } /* Hero Text */ .hero-text { position: absolute; z-index:10; color: #fff; text-align: center; padding: 0 20%; margin: 0 auto; width: 100%; top: 50%; transform: translateY(-50%); } .module__hero.hero-case-study-details .hero-text { top: auto; transform: none; } .module__hero.text-left .hero-text { padding: 0 20px; max-width: 600px; text-align: left; } .module__hero.text-left .hero-text .btn.white { margin: 30px 0 0 0; } @media only screen and (max-width: 1160px) { .hero-text { padding: 0 19%; } } @media only screen and (max-width: 1040px) { .hero-text { padding: 0 18%; } } @media only screen and (max-width: 980px) { .hero-text { padding: 0 16%; } } @media only screen and (max-width: 767px) { .hero-text { padding: 0 18%; } .home .hero-text { padding-right: 20px; } .hero-text .this-it { font-size: 70px; } } @media only screen and (max-width: 620px) { .hero-text { padding: 0 12%; } } @media only screen and (max-width: 500px) { .hero-text { padding: 0 5%; } } .hero-text h2 { font-size:60px; font-weight: 200; margin:0 auto 20px 0; color:#fff; } .hero-text h1 { font-size:60px; font-weight: 200; margin:0 auto 20px 0; color:#fff; } .module__hero.hero-case-study-details .hero-text h3 { border: none; font-size: 60px; font-weight: 200; } .hero-text h3, .module__hero.hero-case-study-details .hero-text p { font-size:32px; font-weight: 200; margin:0; padding:0; padding: 25px 20px; line-height: 1em; border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); margin-bottom: 20px; } .no-rgba .hero-text h3, .no-rgba .module__hero.hero-case-study-details .hero-text p { border-top: 1px solid white; border-bottom: 1px solid white; } .hero-text p { font-size: 18px; font-weight: 400; border: none; line-height:23px; color:#fff; } .hero-text p.last { margin-top: 40px; } @media only screen and (max-width: 767px) { .hero-text h2 { font-size:30px; } .hero-text h1 { font-size:30px; } .module__hero.hero-case-study-details .hero-text h3 { font-size: 30px; } .hero-text h3, .module__hero.hero-case-study-details .hero-text p { font-size: 16px; font-weight: 400; line-height: 1em; padding: 15px 0; } .hero-text p { font-size: 12px; line-height: 16px; } } /* Hero Navigation Elements */ @media only screen and (min-width: 768px) { .hero-nav { position: absolute; top: 40px; z-index: 11; width: 100%; } .hero-nav p { margin: 0; } /* Breadcrumbs */ .hero-nav .breadcrumbs { float: left; font-size: 14px; } .module__hero-breadcrumbs .hero-nav .breadcrumbs { margin-left: 6px; } .hero-nav .breadcrumbs a { color:#fff; text-decoration: none; background-image: url(img/bread-arrow.png); background-repeat: no-repeat; background-position: center right; padding-right: 25px; margin-right: 25px; } .hero-nav .breadcrumbs a:last-child { padding-right: 0; margin-right: 0; background-image: none; } .hero-nav .breadcrumbs a:not(:last-child) { text-decoration: underline; } .module__hero-breadcrumbs .hero-nav .breadcrumbs a { color:#999; background-image: url(img/bread-arrow-grey.png); } .module__hero-breadcrumbs .breadcrumb_last { display: none; color: #999; } .module__hero-breadcrumbs .hero-nav.blue .breadcrumbs a { color:#00c2f3; background-image: url(img/bread-arrow-back.png); background-position: center left; padding-left: 20px; margin-left: 0; } .module__hero .hero-nav { padding: 0 20px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .hero-nav .breadcrumbs a { background-image: url(img/bread-arrow@2x.png); background-size: 5px 10px; } .module__hero-breadcrumbs .hero-nav .breadcrumbs a { background-image: url(img/bread-arrow-grey@2x.png); background-size: 7px 13px; } .module__hero-breadcrumbs .hero-nav.blue .breadcrumbs a { background-image: url(img/bread-arrow-back@2x.png); background-size: 7px 13px; } } .breadcrumb_last { display: none; } /* Arrows */ .hero-nav .arrows { margin-right: 20px; float: right; } .hero-nav .arrows ul { margin:0; padding:0; } .hero-nav .arrows li { float: left; width: 20px; height: 40px; } .hero-nav .arrows a { display: block; width: 18px; height: 36px; background-image: url(img/hero-arrows.png); background-repeat: no-repeat; background-position: top left; } .module__hero-breadcrumbs .hero-nav .arrows a { background-image: url(img/hero-arrows-grey.png); } .hero-nav .arrows .next { margin-left: 43px; } .hero-nav .arrows .next a { background-position: top right; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .hero-nav .arrows li a { background-image: url(img/hero-arrows@2x.png); background-size: 79px 36px; } .module__hero-breadcrumbs .hero-nav .arrows li a { background-image: url(img/hero-arrows-grey@2x.png); } } } @media only screen and (max-width: 767px) { .hero-nav { display: none; } } /* Hero Text: Home */ .home .hero-text { text-align: left; max-width: 570px; } .home .hero-text p { margin: 0; font-size:18px; font-weight: 400; padding: 18px 0; line-height: 25px; border-top: 2px solid rgba(255, 255, 255, 0.4); border-bottom: 2px solid rgba(255, 255, 255, 0.4); } .no-rgba .home .hero-text p { border-top: 2px solid white; border-bottom: 2px solid white; } .home .hero-text h3 { font-size: 28px; line-height: 36px; margin-top: 0; margin-bottom: 6px; padding: 20px 0 20px 0; border: none; font-weight: 200; } /* Hero Arrow */ .hero-arrow { position: absolute; z-index: 11; width: 65px; height: 65px; left: 50%; margin-left: -33px; } @media only screen and (max-width: 767px) { .hero-arrow { display: none; height:0; overflow: hidden; } .home .hero-text { max-width: 550px; } .home .hero-text p { font-size: 16px; } .home .hero-text h3 { font-size: 23px; } } .hero-arrow span { position: absolute; height: 100%; width:100%; background-position: center center; background-repeat: no-repeat; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .hero-arrow:hover span { opacity: .7; } .no-touch .hero-arrow:hover { cursor: pointer; } .no-js .hero-arrow { display: none; } /* Arrow: Subpages */ .hero-arrow .up { background-image: url(img/hero-arrow.png); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .hero-arrow span { background-size: 65px 65px; } .hero-arrow .up { background-image: url(img/hero-arrow@2x.png); } } /* Arrow: Home */ .home .hero-arrow { position: absolute; left: auto; margin-left: 0; right: 20px; width: 65px; height: 65px; } /*------------------------------------- Footer -------------------------------------*/ footer.main { background-color: #999999; bottom: 0; clear: both; width: 100%; z-index: -1; } .main-wrapper { background-color: #fff; z-index: 99; overflow: hidden; } footer.main.sticky { width: 100%; bottom: 0; } footer.main p { font-size: 13px; color:#666666; } @media only screen and (min-width: 768px) { footer.main { background-color: #fff; } footer.main .container { display: flex; justify-content: space-between; padding: 37px 20px; } footer.main .container:before, footer.main .container:after, footer.main .clearfix:before, footer.main .clearfix:after { display: none; } } footer .menu { margin:0; padding:0; list-style: none; } @media only screen and (max-width: 767px) { footer.main * { text-align: center; } footer .menu { margin-bottom: 10px; } footer.main .container { padding: 15px 0 0 0; } } footer .menu li:first-child { margin-left: 0; } footer .menu li { display: inline-block; margin-left: 15px; } @media only screen and (min-width: 768px) { footer .menu { float: left; } } footer .menu a { font-size: 13px; color:#fff; text-decoration: none; } nav.mobile .current-menu-item > a { color: #00c2f3 !important; } nav.mobile .sub-menu .current-menu-parent > a { color: #00c2f3 !important; } nav.mobile .sub-menu .current-menu-item-post > a { color: #00c2f3 !important; } .promagnifier{ display: none !important; } #ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 0 none !important; box-shadow: none !important; font-size: 14px !important; margin: -2px 0 0 5px !important; opacity: 1; } .active #ajaxsearchpro1_1 .probox .proinput input.orig, .active #ajaxsearchpro1_2 .probox .proinput input.orig, .active div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig { font-size: 60px !important; } #bigsearch .active input.orig{ font-size: 60px !important; } #ajaxsearchpro1_1 .probox .proinput input.autocomplete, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.autocomplete { font-size: 60px !important; } #ajaxsearchpro1_1 .probox, #ajaxsearchpro1_2 .probox, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 0 none !important; box-shadow: none !important; margin: 0 !important; } #ajaxsearchpro1_1, #ajaxsearchpro1_2, div.ajaxsearchpro[id*="ajaxsearchpro1_"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; box-shadow: none !important; } #bigsearch .active .autocomplete, #bigsearch .active .orig { height: 100px !important; margin: 0 !important; } .active #ajaxsearchpro1_1 .probox .proinput input.autocomplete, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.autocomplete, .active #ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig, .active .probox .proinput input.orig::-moz-placeholder { font-size: 60px !important; color: #666d70 !important; width: 55% !important; } .active .probox .proinput input.orig::-webkit-input-placeholder { font-size: 60px !important; color: #666d70 !important; width: 55% !important; } .active .probox{ height: 100px !important; } .active .probox input{ height: 100% !important; } #ajaxsearchpro1_1 .probox .proinput input.autocomplete, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.autocomplete { margin: -100px 0 0 4px !important; } .mCustomScrollBox.mCS-light.mCSB_vertical.mCSB_inside{ max-height: 100% !important; } #ajaxsearchprores1_1.vertical, #ajaxsearchprores1_2.vertical, div.ajaxsearchpro.vertical[id*="ajaxsearchprores1_"] { background: transparent !important; padding: 0 !important; border: 1px solid #e5e5e5 ; border-bottom: 4px solid #00ace1; } .mCSB_scrollTools.mCSB_1_scrollbar.mCS-light.mCSB_scrollTools_vertical{ display: none; } .asp_keyword { display: inherit; padding: 10px 15px !important; } .proclose{ display: none !important; } div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig::-moz-placeholder { color: #666d70 !important; } div.ajaxsearchpro[id*="ajaxsearchpro"] .mCSB_container{ margin: 0 !important; } #ajaxsearchprores1_1 .results .item .asp_content h3 a, #ajaxsearchprores1_2 .results .item .asp_content h3 a, div.ajaxsearchpro[id*="ajaxsearchprores1_"] .results .item .asp_content h3 a { color: #00ace1 !important; } .vertical.ajaxsearchpro{ display: none !important; } #bigsearch{ padding-top: 5px !important } .probox .proloading { position: absolute !important; top: 120% !important; left: 10px !important; } #ajaxsearchpro1_1 .probox .proinput, #ajaxsearchpro1_2 .probox .proinput, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput { font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgb(0, 0, 0); font-size:12px; line-height:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; flex-grow: 1; order: 5; /* Ipad and stuff.. */ -webkit-flex-grow: 1; -webkit-order: 5; } #ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig { font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgb(0, 0, 0); font-size:12px; line-height:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; border: 0; box-shadow: none; height: 28px; position: relative; z-index: 50; padding: 0; padding-top: 2px; margin: 0; margin: -1px 0 0 -4px; width: 55%; background: transparent; } #ajaxsearchpro1_1 .probox .proinput input.autocomplete, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.autocomplete { font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:#666d70; font-size:12px; line-height:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; opacity: 0.85; height: 28px; display: block; position: relative; z-index: 1; padding: 0; margin: -1px 0 0 -4px; margin-top: -28px; width: 55%; background: transparent; } .rtl #ajaxsearchpro1_1 .probox .proinput input.orig, .rtl #ajaxsearchpro1_2 .probox .proinput input.orig, .rtl #ajaxsearchpro1_1 .probox .proinput input.autocomplete, .rtl #ajaxsearchpro1_2 .probox .proinput input.autocomplete, .rtl div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig, .rtl div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.autocomplete { font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgb(0, 0, 0); font-size:12px; line-height:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; direction: rtl; text-align: right; } div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig::-webkit-input-placeholder { font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:#666d70; font-size:12px; lhght:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.5; } div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig::-moz-placeholder { font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:#666d70; font-size:12px; lhght:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.5; } div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig:-ms-input-placeholder { font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:#666d70; font-size:12px; lhght:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.5; } div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig:-moz-placeholder { font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:#666d70; font-size:12px; lhght:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.5; line-height: normal !important; } #ajaxsearchpro1_1 .probox .proinput input.autocomplete, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.autocomplete { font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgb(0, 0, 0); font-size:12px; line-height:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; border: 0; box-shadow: none; } #ajaxsearchpro1_1 .probox .promagnifier div.asp_text_button, #ajaxsearchpro1_2 .probox .promagnifier div.asp_text_button, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .promagnifier div.asp_text_button { width: auto; height: 28px; float: right; margin: 0; padding: 0 10px 0 2px; \'font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgba(51, 51, 51, 1); font-size:15px; line-height:auto; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); \'; /* to center the text, this must be identical with the height */ line-height: 28px; } #ajaxsearchprores1_1 .results .item .etc .asp_author, #ajaxsearchprores1_2 .results .item .etc .asp_author, div.ajaxsearchpro[id*="ajaxsearchprores1_"] .results .item .etc .asp_author { padding: 0; font-weight:bold; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgba(161, 161, 161, 1); font-size:12px; line-height:13px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); } #ajaxsearchprores1_1 .results .item .etc .asp_date, #ajaxsearchprores1_2 .results .item .etc .asp_date, div.ajaxsearchpro[id*="ajaxsearchprores1_"] .results .item .etc .asp_date { margin: 0 0 0 10px; padding: 0; font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgba(173, 173, 173, 1); font-size:12px; line-height:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); } #ajaxsearchprores1_1 .results .item p.desc, #ajaxsearchprores1_2 .results .item p.desc, div.ajaxsearchpro[id*="ajaxsearchprores1_"] .results .item p.desc { margin: 2px 0px; padding: 0; font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgba(74, 74, 74, 1); font-size:13px; line-height:13px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); } #ajaxsearchprores1_1 .results .item div.asp_content, #ajaxsearchprores1_2 .results .item div.asp_content, div.ajaxsearchpro[id*="ajaxsearchprores1_"] .results .item div.asp_content { margin: 0px; padding: 0; font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgba(74, 74, 74, 1); font-size:13px; line-height:13px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); } #ajaxsearchprores1_1 p.showmore, #ajaxsearchprores1_2 p.showmore, div.ajaxsearchpro[id*="ajaxsearchprores1_"] p.showmore { text-align: center; padding: 10px 5px; margin: 0; font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgba(5, 94, 148, 1); font-size:12px; line-height:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); } #ajaxsearchprores1_1 p.showmore a, #ajaxsearchprores1_2 p.showmore a, div.ajaxsearchpro[id*="ajaxsearchprores1_"] p.showmore a { font-weight:normal; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgba(5, 94, 148, 1); font-size:12px; line-height:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); } #ajaxsearchprores1_1 .asp_group_header, #ajaxsearchprores1_2 .asp_group_header, div.ajaxsearchpro[id*="ajaxsearchprores1_"] .asp_group_header { background: #DDDDDD; background: rgb(246, 246, 246); border-radius: 3px 3px 0 0; border-top: 1px solid rgb(248, 248, 248); border-left: 1px solid rgb(248, 248, 248); border-right: 1px solid rgb(248, 248, 248); margin: 10px 0 -3px; padding: 7px 0 7px 10px; position: relative; z-index: 1000; font-weight:bold; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgba(5, 94, 148, 1); font-size:11px; line-height:13px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); } #ajaxsearchprosettings1_1.searchsettings fieldset legend, #ajaxsearchprosettings1_2.searchsettings fieldset legend, div.ajaxsearchpro[id*="ajaxsearchprosettings1_"].searchsettings fieldset legend { padding: 5px 0 0 10px; margin: 0; background: transparent; font-weight:bold; font-family:"Gotham A","Gotham B",Arial,sans-serif !important; color:rgb(26, 71, 98); font-size:13px; line-height:15px; text-shadow:0px 0px 0px rgba(255, 255, 255, 0); } div.ajaxsearchpro[id*="ajaxsearchpro"] .probox .proloading{ padding: 2px 2px 2px 12px !important; } #ajaxsearchpro1_1 .probox .proinput input.autocomplete, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.autocomplete { opacity: 0.3 !important; } #ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig { color: #666d70 !important; } .orig{ opacity: 0.5 !important; } #bigsearch.active .orig { opacity: 1 !important; } #loadmore-div .load-more { margin: 0 auto; } #load-more a { color: #fff; } .sitemaplink{ color: #fff; } /*19-01-2017*/ .utilities-language { width: 65px; margin: 0 1px 0 0; } .utilities-language li { width: 65px; } .utilities-language a{ padding-left: 10px; } .utilities-language li{ float: none !important; } footer.main p{ margin: 0; } /* .menu-social-container, .menu-footer-container, footer.main p{ width: 33.33%; float: left; }*/ footer .menu-footer-container{ text-align: center; } .menu-social-container .menu { float: right; } footer .menu-social-container{ color: #fff; text-align: right; } footer .menu { float: none; text-align: center; } footer .menu li{ margin: 0 0 0 -3px !important; } footer .menu-footer-container .menu a { color: #666666; font-size: 13px; text-decoration: none; border-right: 1px solid #666; padding: 0 12px ; line-height: 0 !important; } #menu-footer-1 li:last-child a { padding-right: 0; } footer .menu-footer-container .menu a:hover { color: #02BAE2; } footer .menu-footer-container .menu li:last-child a { border: none; } footer .menu-social-container > span { display: inline-block; font-size: 15px; padding: 14px 15px 0 0; } .header-utilities #menu-language > li, .header-utilities #menu-language > li:hover, .header-utilities #menu-language > li, .header-utilities #menu-language > li:hover { background-image: url("img/arrow-down.png"); background-position: right 12px center; background-repeat: no-repeat; height: 41px; } .header-utilities #menu-language li .sub-menu li.active , .header-utilities #menu-language li:hover .sub-menu li.active , .header-utilities #menu-language li .sub-menu li.active , .header-utilities #menu-language li:hover .sub-menu li.active { background-image: url("img/check.png"); background-position: right 12px center; background-repeat: no-repeat; height: 41px; } .header-utilities #menu-region li .sub-menu li.active , .header-utilities #menu-region li:hover .sub-menu li.active , .header-utilities #menu-region li .sub-menu li.active , .header-utilities #menu-region li:hover .sub-menu li.active { background-image: url("img/check.png"); background-position: right 12px center; background-repeat: no-repeat; height: 41px; } .regionmobilemenu{ display: none !important; } .main-wrapper{ /*margin-bottom: 55px; */ } .menu-social-container #menu-social a { display: inline-block; padding: 13px 0 0 10px; } @media ( max-width: 767px ){ .menu-footer-container, footer.main p { float: none; margin: 0 0 15px; text-align: center; width: 100%; } .menu-social-container { float: none; margin: 0; text-align: center; width: 100%; } .menu-social-container > span { padding: 0 15px 0 0; vertical-align: middle; } .menu-social-container .menu { display: inline-block; float: none; vertical-align: middle; } .regionmobilemenu{ display: block !important; } .menu-footer-container .menu a { color: #fff; } footer.main p { color: #fff; margin-bottom: 8px; } footer .menu-footer-container .menu a { color:#fff; border-color: #fff; } } @media ( min-width: 768px ) and ( max-width: 1023px ){ .menu-social-container > span { font-size: 14px; padding: 14px 10px 0 0; } } /*20-04-2017*/ .pardotlistpage.module__two-column .container{ padding:100px 20px; } .download-box { border: 1px solid #e0e0e0; max-width: 350px; width:100%; float: right; border-radius:3px; } .download-box .image{ height:245px; } .download-box .image img{ height:100%; width:100%; } .download-box .btn.blue { background: #fff; color: #666666; width: 100%; font-size: 18px; padding: 20px 0 20px 30px; border-top: 1px solid #e0e0e0; } .download-box .btn.blue:active{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); } .download-box .btn.blue:hover{ text-decoration:none; } .download-box .btn.blue img { display: inline-block; vertical-align: middle; margin-left: 15px; } .pardotformpageimage{ box-shadow:0 0 6px rgba(0, 0, 0, 0.2); float:right; margin-top:33px; } .pardotformpage .mktoFieldWrap { max-width: 225px; } a#pdffile { display: inline-block; width: auto; } .pardotthankyoupage h1, .pardot-detail-topblock h1 { font-size: 60px; font-weight: 100; text-align: center; line-height: 66px; } .pardotthankyoupage h2, .pardot-detail-topblock h2 { font-size: 30px; font-weight: 100; text-align: center; } .pardot-detail-topblock h2{ margin-top:25px; } .pardotthankyoupage h3 { font-size: 18px; font-weight: 100; } .pardotformpage { margin-top: 50px; } .pardotformpage h2 { font-size: 32px; font-weight: 100; } .pardotformpage p{ text-align:center; } #pardot-form{ padding:0 !important; } .pardotformpage .two-column-text{ padding-top:0; padding-left:0; padding-right:0; } @media ( min-width : 768px ){ .pardotformpage.module__two-column > div > article:nth-child(4) { padding-left: 30px; } } @media ( max-width : 767px ){ .download-box { float: none; margin: 0 auto; border-radius:3px; } .pardotlistpage p { text-align:center; } .pardotformpageimage { float:none; margin:33px auto 0 auto; } .pardotthankyoupage h1, .pardot-detail-topblock h1 { font-size: 30px; line-height: 36px; } .pardotthankyoupage h2, .pardot-detail-topblock h2 { font-size: 22px; font-weight: 100; } .eight-column-item h2{ font-weight:200; } } .footer-bottom p { margin: 0; color: #666666; font-size: 13px; text-decoration: none; font-weight: 600; } @media (min-width: 768px ){ .footer-bottom { padding-top: 40px; padding-bottom: 20px; display: flex; align-items: flex-start; justify-content: space-between; } } @media (max-width: 767px ){ .footer-bottom p { margin-top: 30px; margin-bottom: 25px; } } /*------------------------------------- Local Navigation -------------------------------------*/ nav.local ul { padding: 0; margin: 0; } nav.local li { padding: 0 30px; position: relative; } nav.local a { display: block; font-size: 14px; color:#fff; text-decoration: none; position: relative; transition:opacity 300ms ease; } nav.local.clone { position: fixed; top: 0; width: 100%; z-index: 998; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { nav.local a:before { background-image: url(img/arrow-down@2x.png) background-size: 9px 6px; } } @media only screen and (min-width: 768px) { nav.local { background-color:#3386c2; } nav.local .toolbar { display: none; } nav.local .container { padding-top: 30px; padding-bottom: 20px; } nav.local ul { text-align: center; } nav.local li { text-align: left; display: inline-block; vertical-align: text-top; width: 20%; margin-right: -7px; } nav.local a { opacity: .5; padding-left: 20px; } nav.local a:before { content:''; background-image: url(img/arrow-down.png); width: 9px; height: 6px; position: absolute; top: 3px; left: 0; transition:transform 300ms ease; transform:rotate(-90deg); } nav.local a:hover, nav.local li.active a { opacity: 1; } nav.local li.active a:before { transform:rotate(0); } } @media only screen and (max-width: 767px) { nav.local { margin-top: -48px; padding-top: 48px; } nav.local .toolbar { display: block; background-repeat: no-repeat; background-position: center right 10px; background-image: url(img/arrow-down.png); padding: 15px 20px; font-size: 13px; color:#fff; padding-right: 30px; background-color:#3386c2; } nav.local .container { position: relative; } nav.local .nav-container { position:absolute; top:100%; width: 100%; height: 0; overflow: hidden; background-color:#999; } nav.local.clone { top: 48px; margin-top: 0; padding-top: 0; } nav.local li { padding: 0; margin: 0; border-bottom: 1px solid rgba(255,255,255,.4); } nav.local a { padding: 15px 20px; font-size: 13px; } } .news-tools.blogsearch { background: #fff none repeat scroll 0 0; } .blogsearch .news-search .field .element input { background: #ebebeb none repeat scroll 0 0; } /*.blogsearch .select2-container .select2-choice .select2-arrow{ background: #ebebeb url("img/arrow-grey-down.png") no-repeat scroll center center; } .blogsearch .select2-chosen { background: #ebebeb none repeat scroll 0 0; } .blogsearch .select2-choice { padding: 0; }*/ .news-tools.blogsearch .news-search .filter { float: right; width: 360px; } .event-page a { color: #666666; font-size: 18px; padding: 10px 0; display: inline-block; } .event-page h4 { margin-top: 60px; } @media ( max-width:767px ){ .module__article.event-page aside div { width: 100%; } .event-page h4 { margin-top: 10px; } .event-page a{ padding:5px 0; } .event-page .alignnone.size-full { width: auto; max-width: 75%; } } .page-template-page-case-study-type iframe { display: none; } .hero-news{ display:none !important; } /* >>================================================================================> Global: Misc. Reuseable Elements / Global Styles >>================================================================================> */ /* All Resolutions >>-------------> */ button { outline: none; border: none; } .centered-title { text-align: center; max-width: 688px; margin-left: auto; margin-right: auto; } .centered-title h1 { font-size: 60px; font-weight: 200; text-align: center; color:#666; } .centered-title h3 { text-align: center; margin: 0 0 10px 0; color: #05BBE1 !important; font-size: 40px; font-weight: 200; } .centered-title p { margin-top: 5px; } .yellow { color: #ffea01; } .orange { color: #ff7e00; } .green { color: #80de06; } .purple { color: #d63fb1; } ul.line-bullet { list-style: none; padding: 0 0 0 20px; } ul.line-bullet.indented { margin-left: 30px; margin-bottom: 30px; } ul.line-bullet li { position: relative; } ul.line-bullet li:before { content:''; position: absolute; width: 12px; height: 1px; background-color: #666; top: 8px; left: -20px; } .grey-link-arrow { display: inline-block; font-size: 15px; padding: 10px; color:#7f7f7f; text-decoration:none; border-radius: 5px; background-image: url(img/bread-arrow-grey@2x.png); background-size: 7px 13px; background-repeat: no-repeat; background-color:#f0f0f0; padding-right: 30px; background-position: right 10px center; } h2.large-heading { font-size: 30px; margin-bottom: 35px; line-height: 40px; margin-top:0; font-weight: 300; } h2.extra-top-padding { padding-top: 30px; } .grey-link-arrow:hover { color:#333; } .with-top-border { border-top: 1px solid #e5e5e5; } /* Resources Overview Items */ .resources-overview-item h4 { font-size: 24px; font-weight: 400; margin: 0 0 15px 0; } .resources-overview-item p { font-size: 16px; font-weight: 400; } .resources-overview-item a { color:#00c2f3; font-size: 14px; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .centered-title { padding-bottom: 40px; } .with-vertical-line:after { content:''; position: absolute; width: 2px; background-color: #cccccc; position: absolute; left: 50%; margin-left: -1px; } /* Resources Overview Items */ .resources-overview-item { display: flex; margin-bottom: 110px; } .resources-overview-item .icon { /*flex: 0 1 177px;*/ padding-right: 4%; width: 30%; flex-grow: 0; flex-shrink: 0; } .resources-overview-item:last-child { margin-bottom:0; } .resources-overview-item .icon { } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { .centered-title { padding-bottom: 40px; } .centered-title h1 { font-size: 50px; } /* Resources Overview Items */ .resources-overview-item { margin-bottom: 50px; } .resources-overview-item .icon { margin-bottom: 20px; max-width: 170px; } } /* >>================================================================================> Expandable Component >>================================================================================> */ .expandable-component { background-color:#fff; margin-bottom: 9px; } .expandable-component button.header { position: relative; border:none; background-color: transparent; padding: 15px 20px 15px 55px; margin: 0; display: block; text-align: left; width: 100%; } .full-width-accordion-header{ padding: 5px 20px 15px 55px !important; } .expandable-content-container li { background-image: url(img/bullet-circle-arrow-grey@2x.png); line-height: 18px; background-size: 20px 20px; background-position: left 1px; background-repeat: no-repeat; min-height: 23px; padding-left: 32px; color: #666666; margin-bottom: 17px; list-style:none; } .expandable-component button.header:hover h3 { color:#28B873 !important } .expandable-component button.header:before { content:''; position: absolute; width: 15px; height: 2px; background-color: #000000; top: 25px; left: 14px; transition: background-color 300ms ease; } .expandable-component button.header:after { content:''; position: absolute; width: 2px; height: 15px; background-color: #000000; top: 19px; left: 21px; transition: opacity 300ms ease, background-color 300ms ease; } .expandable-component.active button.header:before, .expandable-component.active button.header:after { background-color: #28B873; } .expandable-component.active button.header:after { opacity: 0; } .expandable-component button.header h3 { font-size: 18px; margin: 0; transition: color 300ms ease; font-weight: 400; } .expandable-component.active button.header h3 { color: #28B873 !important; } .expandable-component .expandable-content { height:0; overflow:hidden; } .expandable-component.expanded .expandable-content { height: auto; } .expandable-component .expandable-content-container { padding: 0 55px 50px 55px; } /* >>================================================================================> Form Control >>================================================================================> */ /* All Resolutions >>-------------> */ .form-layout { display: flex; flex-wrap:wrap; margin: 0 -15px; } .form-control { width: 100%; margin: 0 0 20px 0; } .form-control .components { padding: 0 15px; } .form-control label { display: block; color: #333; font-weight: 500; margin-bottom: 11px; font-size: 16px; } .form-control input, .form-control textarea { display: block; width: 100%; border: 1px solid #ccc; background-color:#fff; border-radius: 5px; font-size: 16px; padding: 0 20px; height: 40px; } .form-control input[type=file]{ height: auto; padding: 14px 20px; } .form-control textarea { height: 200px; padding: 14px 20px; } .form-layout *[type="submit"] { background-color:#58cae8; color:#fff; border: none; height: 40px; padding: 0 20px; width: auto; border-radius: none; transition: background-color 300ms ease; } .form-layout *[type="submit"]:hover { background-color:#409db5 } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .form-control.half { max-width: 50%; } } /* >>================================================================================> Content Sharing Tool >>================================================================================> */ /* All Resolutions >>-------------> */ .content-share-tools { padding-top: 6px; text-align: center; } .content-share-tools p { margin-bottom: 20px; } .content-share-tools a span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .content-share-tools ul { list-style:none; margin: 0 auto; padding:0; } .content-share-tools li { display: inline-block; vertical-align: middle; margin: 0 10px; } .content-share-tools a svg { fill: #b4b5b4; transition: fill 300ms ease; } .content-share-tools a:hover svg { fill: #44c7f5; } .content-share-tools .facebook { width: 10px; height: 24px; } .content-share-tools .twitter { width: 24px; height: 20px; } .content-share-tools .linkedin { width: 24px; height: 24px; } .content-share-tools .email { width: 24px; height: 25px; } /* >>================================================================================> Sticky Navigation Right >>================================================================================> */ /* All Resolutions >>-------------> */ #sticky-nav-right button { background-color: transparent; border:none; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { #sticky-nav-right { position: fixed; top: 50%; transform: translateY(-50%); right: 50px; z-index: 3; } #sticky-nav-right li { margin-bottom: 30px; text-align: right; } #sticky-nav-right button { font-size: 14px; font-weight: 500; padding: 0; margin: 0; text-transform: uppercase; color:#00bce2; text-align: right; display: inline-block; } #sticky-nav-right button span { opacity: 0; transition: opacity 300ms ease; } #sticky-nav-right button:hover span { opacity: 1; } #sticky-nav-right button:after { content:''; display: inline-block; vertical-align: middle; width: 14px; height: 14px; background-color:#d4d7da; margin-top: -2px; border-radius: 50%; margin-left: 10px; transition: background-color 300ms ease; } #sticky-nav-right li.active button:after, #sticky-nav-right li button:hover:after { background-color:#00bce2; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { #sticky-nav-right { display: none; } } /* >>================================================================================> Module: Hero Version Two >>================================================================================> */ /* All Resolutions >>-------------> */ .module__hero-v2 { background-image: url(img/module__hero-v2-bg.png); background-size: cover; background-position: center; position: relative; z-index: 2; overflow: hidden; width: 100%; } .module__hero-v2 .hero-content { overflow: hidden; } .module__hero-v2 .copy { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 460px; z-index: 9; } .module__hero-v2 .copy p, .module__hero-v2 .copy h3 { text-align: center; color: #fff; font-weight: 200; margin:0; } .module__hero-v2 .container { display: block; } .module__hero-v2 video { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); -o-object-fit: cover; object-fit: cover; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .module__hero-v2 { height: 520px; position: relative; } .module__hero-v2 .copy { margin-top: -20px; } .module__hero-v2 .copy p { font-size: 32px; } .module__hero-v2 .copy h3 { font-size: 60px; margin: 0 0 20px 0 } .module__hero-v2 video { min-height: 1200px; min-width: 1280px; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { .module__hero-v2 { height: 350px; } .module__hero-v2 .copy p { font-size: 15px; } .module__hero-v2 .copy h3 { font-size: 40px; margin: 0 0 20px 0 } .module__hero-v2 .copy button { display: none; } .module__hero-v2 .hero-content { display: none; } .module__hero-v2 video { min-width: 853px; min-height: 800px; } } /* >>================================================================================> Module: Solutions Carousel >>================================================================================> */ /* All Resolutions >>-------------> */ .module__solutions-carousel { background-color: #f0f0f0; position: relative; } .module__solutions-carousel .carousel ul { list-style: none; padding: 0; margin: 0; } .module__solutions-carousel .carousel > ul > li { position: relative; } .module__solutions-carousel .content li { margin-bottom: 10px; } .module__solutions-carousel .solutions-carousel-item { outline: none; } .module__solutions-carousel button.header { position: relative; font-family: "Gotham A", "Gotham B", Arial, sans-serif !important; background-color: transparent; border: none; background-color: #fff; display: block; text-align: left; font-size: 20px; padding: 15px 50px 15px 15px; width: 100%; margin-bottom: 2px; } .module__solutions-carousel button.header:before { content:''; position: absolute; right: 18px; top: 50%; height: 1px; width: 13px; background-color: #05BBE1; } .module__solutions-carousel button.header:after { content:''; position: absolute; right: 24px; top: 50%; margin-top: -6px; height: 13px; width: 1px; background-color: #05BBE1; transition: opacity 300ms ease; } .module__solutions-carousel button.header.active:after { opacity:0; } .module__solutions-carousel button.header h4 { margin: 0; font-weight: 500; } .module__solutions-carousel .content { background-color:#ffffff; height:0; overflow: hidden; } .module__solutions-carousel .content.open { height: auto; } .module__solutions-carousel .content ul { padding: 15px; } .module__solutions-carousel .image img { width: 100%; } .module__solutions-carousel .content a { color:#666d70; font-size: 14px; text-decoration:none; } .no-touch .module__solutions-carousel .content a:hover { text-decoration: underline; } .module__solutions-carousel .content a:after { content: ''; display: inline-block; vertical-align: middle; margin-left: 6px; width: 5px; height: 10px; background-size: 5px 10px; background-image: url(img/right-arrow.svg); } .module__solutions-carousel .slick-slider { display: flex; align-items: flex-start; } .module__solutions-carousel .slick-arrow { position: relative; top: 87px; padding:0; margin:0; width: 22px; height: 41px; border:none; background-size: 22px 41px; flex: 0 0 22px; background-color: transparent; } .module__solutions-carousel .slick-arrow:before, .module__solutions-carousel .slick-arrow:after { display: none; } .module__solutions-carousel .slick-arrow.slick-prev { background-image: url(img/left-arrow.svg); } .module__solutions-carousel .slick-arrow.slick-next { background-image: url(img/right-arrow.svg); } .module__solutions-carousel .slick-arrow.slick-disabled { opacity:.2; } .module__solutions-carousel .slick-slide { margin: 0 20px; /*width: 275px;*/ } .module__solutions-carousel .slick-list { margin: 0 -20px; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .module__solutions-carousel .container { padding-top: 50px; padding-bottom: 60px; } .module__solutions-carousel .slick-arrow.slick-prev { margin: 0 50px 0 20px; left: 10px; } .module__solutions-carousel .slick-arrow.slick-next { margin: 0 20px 0 50px; left: -10px; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { .module__solutions-carousel { margin-top: 60px; } .module__solutions-carousel .container { padding-top: 30px; padding-bottom: 50px; } .module__solutions-carousel .navigation-arrow { display: none; } .module__solutions-carousel .slick-arrow.slick-prev { margin-left: 15px; } .module__solutions-carousel .slick-arrow.slick-next { margin-right: 15px; } .full-width-accordion-header > h3{font-size:16px !important;} .expandable-content-container{font-size:13px !important;} } /* >>================================================================================> Module: Resources Grid >>================================================================================> */ /* All Resolutions >>-------------> */ .module__resources-grid { padding-top: 52px; /*margin-bottom: 46px;*/ } .module__resources-grid a { text-decoration: none; display: block; } .module__resources-grid.library { padding-top: 0; background-color: #f5f5f5; } .module__resources-grid.library .container { padding-top: 20px; } .module__resources-grid.from-block header { padding-bottom: 26px; text-align: center; } .module__resources-grid.from-block header h3 { text-align: center; margin: 0 0 10px 0; color: #666 !important; font-size: 40px; font-weight: 200; } .module__resources-grid.from-block header p { margin-top: 5px; margin-bottom: 10px; } .module__resources-grid .load-more { border:none; display: block; font-size: 15px; background-color:#999999; padding: 10px 15px; border-radius: 2px; color:#fff; margin: 0 auto; transition: background-color 300ms ease; } .module__resources-grid .load-more:hover { background-color: #4BC4E3; } .module__resources-grid .grid-container { margin: 0; list-style: none; margin: 0 -17px; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .module__resources-grid .grid-item { position: relative; overflow: hidden; } .module__resources-grid .grid-item a { background-position: center; background-size: cover; position: relative; width: 100%; } .module__resources-grid .grid-item a:after{ content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,.5); z-index: 1; transition: background-color 300ms ease; } .module__resources-grid .grid-item a:hover:after { background-color:rgba(0,0,0,.7); } .module__resources-grid .grid-item a > span { position: absolute; } .module__resources-grid .grid-item h6 { font-weight: 500; margin: 0; position: relative; z-index: 2; } .module__resources-grid .grid-item h6 span.duration { color: #fff; font-size: 12px; display: inline; display: none; } .module__resources-grid .grid-item h3 { font-weight: 500; margin: 0; color: #fff; position: relative; z-index: 2; } /*.module__resources-grid .grid-item-container { padding: 0 17px; }*/ .module__resources-grid p.view-all { text-align: center; margin-top: 0; margin-bottom: 0; padding-top: 18px; } .module__resources-grid header h1 { font-size: 60px; font-weight: 200; text-align: center; color: #666666; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .module__resources-grid .container { /*max-width: 1240px;*/ padding-bottom: 60px; } .not-sticky .module__resources-grid .container { width: 95%; } .module__resources-grid .grid-item a { padding-bottom: 100%; } .module__resources-grid .grid-container { justify-content: center; padding-bottom: 40px; margin: 0 -26px; } .module__resources-grid.from-block .grid-container { padding-bottom: 0; } .module__resources-grid .grid-item { margin: 0 20px 40px 20px; width: 350px; height: 350px; } .module__resources-grid .grid-item a > span { left: 27px; top: 27px; padding-right: 27px; } .module__resources-grid .grid-item h6 { font-size: 16px; } .module__resources-grid .grid-item h3 { font-size: 24px; } } @media screen and (max-width: 1023px) and (min-width: 768px) { .module__resources-grid .grid-item h6 { font-size: 16px; } .module__resources-grid .grid-item h3 { font-size: 20px; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { .module__resources-grid .container { /*padding-top: 60px;*/ padding-bottom: 55px; } .module__resources-grid .grid-item-container a { margin-bottom: 35px; width: 100%; max-width: 350px; height: 350px; } .module__resources-grid .grid-container { flex-direction: column; padding: 0 20px; } .module__resources-grid .grid-item { margin: 0 auto 20px auto; width: 100%; } .module__resources-grid .grid-item a { margin: 0 auto; } .module__resources-grid .grid-item h6 { font-size: 14px; } .module__resources-grid .grid-item h3 { font-size: 20px; } .module__resources-grid .grid-item a > span { position: absolute; left: 15px; top: 15px; padding-right: 27px; } } /* >>================================================================================> Module: Learn More Search >>================================================================================> */ /* All Resolutions >>-------------> */ .module__learn-more-search .container:before, .module__learn-more-search .container:after { display: none; } .module__learn-more-search .container { padding: 0 20px; } .module__learn-more-search .label { color:#fff; font-weight: 200; } .module__learn-more-search #search-block-section { position: relative; border-bottom: 1px solid #fff; display: flex; margin-right: 15px; margin-bottom: 0px; } .module__learn-more-search .results { flex: 0 1 680px } .module__learn-more-search .results a { text-decoration:none; font-weight: 200; color:#fff; } .module__learn-more-search #search-suggestion a:hover, .module__learn-more-search #search-output.active a:hover { color:rgba(255,255,255,.8); } .module__learn-more-search #search-output { border:none; width: 100%; color:#fff; font-weight: 200; display: block; } #search-block-section { position: relative; border-bottom: 1px solid #cccccc; display: flex; margin-right: 15px; margin-bottom: 0px; width: 100%; margin: 0 0 20px 0; } .module__learn-more-search button { position: relative; top:18px; flex: 0 0 26px; width: 26px; height: 16px; border:none; padding: 0; margin-left: 20px; } .module__learn-more-search button svg { width: 26px; height: 14px; fill:#ffffff; transition: fill 300ms ease; } .module__learn-more-search button:hover svg { fill:#ffffff; } .module__learn-more-search #search-block-section.active svg { fill:rgba(255,255,255,.7); } .module__learn-more-search .results ul { margin:0; padding:0; list-style:none; } .module__learn-more-search .results li { padding: 12px 0; } .module__learn-more-search #search-output { position: relative; } .module__learn-more-search #search-output a { position: absolute; width: 100%; opacity: 0; visibility: hidden; transition: all 300ms ease; } .module__learn-more-search #search-output a.active { opacity: 1; visibility: visible; } .module__learn-more-search #search-suggestion li.active { display: none; } .module__learn-more-search #search-output a span { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #search-block-section.active:hover a.active { color:rgba(255,255,255,.7); } .module__learn-more-search { background-color: #01BBE2; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .module__learn-more-search .container { padding-bottom: 108px; padding-top: 87px; display:flex; justify-content: center; } .module__learn-more-search .label { padding: 8px 0; flex: 0 0 220px; margin-right: 30px; font-size: 30px; } .module__learn-more-search #search-output { margin: 8px 0; font-size: 30px; height: 52px; } .module__learn-more-search .results a { font-size: 30px; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { .module__learn-more-search .container { padding: 40px 20px 80px 20px; max-width: 500px; } .module__learn-more-search .label { display: block; text-align: center; font-size: 20px; margin-bottom: 20px; } .module__learn-more-search #search-output { font-size: 20px; } .module__learn-more-search #search-output { margin: 8px 0; font-size: 20px; height: 27px; } .module__learn-more-search button { top: 12px; } } /* >>================================================================================> Prefooter >>================================================================================> */ /* All Resolutions >>-------------> */ #prefooter { background-color: #f5f5f5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-image: url(img/prefooter-bg.png); background-position: center center; } #prefooter h5 { margin: 0 0 20px 0; color: #333333; font-size: 13px; text-transform: uppercase; } #prefooter h5 a { font-weight: 700; } #prefooter a { color: #666666; font-size: 13px; text-decoration: none; font-weight: 400; } .no-touch #prefooter a:hover { color: #00c2f3; } #prefooter ul { list-style:none; padding: 0; margin-top: 0; } #prefooter li { margin-bottom: 5px; } #prefooter .social svg { fill:#626262; transition: fill 300ms ease; } #prefooter .social a:hover svg { fill:#00AEEF; } #prefooter a.audience-link { text-transform: uppercase; display: inline-block; background-image: url(img/prefooter-audience-link.png); background-repeat: no-repeat; min-height: 19px; padding-left: 30px; margin-bottom: 5px; } #prefooter a.login-link { text-transform: uppercase; display: inline-block; background-image: url(img/prefooter-login-link.png); background-repeat: no-repeat; min-height: 19px; padding-left: 30px; } #prefooter .social li { display: inline-block; vertical-align: middle; padding:0; margin: 0 0 0 20px; } #prefooter .social li:first-child { margin-left: 0; } #prefooter .social span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #prefooter .social svg { display: block; } #prefooter .social .facebook { width: 9px; height: 19px; } #prefooter .social .youtube { margin-top: 2px; width: 24px; height: 19px; } #prefooter .social .linkedin { margin-top: 2px; width: 20px; height: 19px; } #prefooter .social .twitter { margin-top: 3px; width: 20px; height: 19px; } #prefooter .social .instagram { margin-top: 3px; width: 20px; height: 20px; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { #prefooter .container { padding-top: 55px; padding-bottom: 0; } #prefooter .row { margin: 0 -20px; display: flex; justify-content: space-between; } #prefooter .row .column { flex: 0 1 200px; margin: 0 20px; } #prefooter .sitemap li { margin-bottom: 9px; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { #prefooter .container { padding-top: 52px; padding-bottom: 30px; } #prefooter .sitemap .row .column:first-child ul:first-child { margin-bottom: 30px; } #prefooter .social { margin-top: 30px; } #prefooter h5 { margin-top: 30px; } } /* >>================================================================================> Layout: Two Column Layout >>================================================================================> */ /* All Resolutions >>-------------> */ .layout__two-column-layout .container:before, .layout__two-column-layout .container:after { display: none; } /* AMM Adjusted Text Size */ .layout__two-column-layout p, .layout__two-column-layout li { font-size: 16px; line-height: 20px; } /* Content in Right Column */ .right-column-callout-box { background-color: #fff; padding: 38px 45px 20px 45px; margin-bottom: 20px; } .right-column-callout-box h3 { margin-top: 0; color:#00bce2 !important; font-weight: 500; } .right-column-large-links ul { margin: 0; padding:0; list-style:none; } .right-column-large-links li { margin-bottom: 5px; line-height: 16px; } .right-column-large-links a { display: block; font-size: 14px; color: #333333; padding: 24px 20px 24px 70px; text-decoration:none; background-color:#f2f2f2; background-repeat: no-repeat; background-position: 20px center; } .no-touch .right-column-large-links a:hover { color:#00bce2; } .right-column-large-links a.icon-phone { background-image:url(img/icon-phone.png); background-size: 24px 25px; } .right-column-large-links a.icon-person { background-image:url(img/icon-person.png); background-size: 20px 21px; } .right-column-large-links a.icon-magnify { background-image:url(img/icon-magnify.png); background-size: 30px 28px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .right-column-large-links a.icon-phone { background-image:url(img/icon-phone@2x.png); } .right-column-large-links a.icon-person { background-image:url(img/icon-person@2x.png); } .right-column-large-links a.icon-magnify { background-image:url(img/icon-magnify@2x.png); } } .right-column-related-links h4 { color:#666; font-size: 20px; font-weight: 400; margin: 0 0 20px 0; } .right-column-related-links ul { border-top: 1px solid #b2b2b2; margin: 0; padding:0; list-style:none; } .right-column-related-links li { border-bottom: 1px solid #b2b2b2; padding: 17px 0 17px 7px; } .right-column-related-links a { position: relative; display: block; font-size: 14px; color:#666d70; text-decoration: none; padding-right: 35px; line-height: 17px; } .no-touch .right-column-related-links a:hover { color:#00bce2; } .right-column-related-links a:after { position: absolute; content:''; width: 6px; height: 10px; background-size: 6px 10px; background-image: url(img/right-arrow.svg); right: 13px; top: 50%; transform: translateY(-50%); } /* Desktop >>-------------> */ @media screen and (min-width: 950px) { .layout__two-column-layout .container { padding-top: 80px; padding-bottom: 60px; padding-left: 30px; padding-right: 30px; } .layout__two-column-layout.no-top-padding .container { padding-top: 0; } .layout__two-column-layout .container { display: flex; justify-content: space-between; } .layout__two-column-layout .left-column { flex: 0 1 740px; margin: 0 10px 0 -10px } .layout__two-column-layout .right-column { flex: 0 0 307px; margin: 0 -10px 0 10px; } .layout__two-column-layout .right-column > *:not(:first-child) { margin-top: 83px; } } /* Mobile >>-------------> */ @media screen and (max-width: 949px) { .layout__two-column-layout .container { padding-top: 60px; padding-bottom: 60px; } .layout__two-column-layout .right-column { margin-top: 60px; } .layout__two-column-layout .right-column > *:not(:first-child) { margin-top: 30px; } } /* >>================================================================================> Sticky Navigation Bar >>================================================================================> */ /* All Resolutions >>-------------> */ #sticky-navigation-bar { height: 100px; } #sticky-navigation-bar.sticky .menu { position: fixed; width: 100%; top:0; z-index: 10; } #sticky-navigation-bar .menu { height: 100px; background-color:#bababa; } #sticky-navigation-bar .container { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; width: 100%; } #sticky-navigation-bar .container:before, #sticky-navigation-bar .container:after { display: none; } #sticky-navigation-bar .header { display: flex; align-items: center; height: 100px; width: 240px; } #sticky-navigation-bar .header img { max-width: 48px; margin-right: 15px; height: auto; flex-grow:0; flex-shrink:0; } /*#sticky-navigation-bar .header.icon-government { padding-left: 60px; background-image: url(img/icon-gov.png); background-size: 43px 46px; background-repeat: no-repeat; background-position: left center; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #sticky-navigation-bar .header.icon-government { background-image: url(img/icon-gov@2x.png); } }*/ #sticky-navigation-bar .header h2 { color:#fff; margin:0; font-size: 18px; } #sticky-navigation-bar nav li { display: inline-block; vertical-align: middle; } #sticky-navigation-bar nav li:not(:first-child) { margin-left: 30px; } #sticky-navigation-bar nav li * { background-color: transparent; border: none; padding:0; margin:0; color:#fff; text-decoration:none; font-weight: 500; text-transform: uppercase; font-size: 14px; transition: color 300ms ease; } #sticky-navigation-bar nav li.active *, #sticky-navigation-bar nav li *:hover { color:#666; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { #sticky-navigation-bar { display: none; } } /* >>================================================================================> Module: Article Version Two >>================================================================================> */ /* All Resolutions >>-------------> */ .module__article-v2 .container { max-width: 820px; padding-top: 50px; /*padding-bottom: 30px;*/ padding-bottom: 39px; } .module__article-v2 { border-top: 1px solid #e5e5e5; } .module__article-v2 h1, .module__article-v2 h2.main-title { font-size: 40px; font-weight: 200; margin-top: 0; margin-bottom: 30px; color:#666666; hyphens: auto; -moz-hyphens:auto; -ms-hyphens:auto; -webkit-hyphens: auto; } .module__article-v2 h2, .module__article-v2 h3.sub-title { font-size: 24px; font-weight: 200; margin-bottom: 25px; margin-top: 0; } .module__article-v2 p { line-height: 24px; margin-top: 0; margin-bottom: 20px; } .module__article-v2 ul { margin-bottom: 20px; } .module__article-v2 li { line-height: 24px; } .module__article-v2 .btn.link { padding: 0 25px 0 0; width: auto; } .module__article-v2 ul { margin-top: 20px; margin-bottom: 20px; padding: 0; list-style: none; } .module__article-v2 li { background-image: url(img/bullet-circle-arrow-grey@2x.png); line-height: 24px; font-size: 16px; background-size: 20px 20px; background-position: left 1px; background-repeat: no-repeat; min-height: 23px; padding-left: 32px; color: #666666; margin-bottom: 17px; } .module__article-v2 .btn span { right: 0px; } .module__article-v2 img.full-width, .module__article-v2 .two-image-wrap, .module__article-v2 .video-js { margin-bottom: 30px; margin-top: 35px; } /* Background Colors */ .module__article-v2.bg-grey { background-color: #f7f7f7 !important; } @media screen and (min-width: 1130px) { .csstransforms .module__article-v2 img.full-width, .module__article-v2 .two-image-wrap, .module__article-v2 .video-js { transform: translateX(-50%); position: relative; left: 50%; max-width: 1130px; } .module__article-v2 .two-image-wrap, .module__article-v2 .video-js { display: flex; width: 1130px; } .module__article-v2 .video-js { width: 1090px; height: 613px } .module__article-v2 .two-image-wrap p { margin: 0 20px; width: 50%; } } .module__article-v2 blockquote { margin: 40px 0 42px 0; padding: 15px 0 0 0; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } .module__article-v2 blockquote h4 { font-size: 24px; color:#00bce2; font-weight: 400; margin: 0 0 15px 0; } .module__article-v2 blockquote p { margin-bottom: 15px; } .module__article-v2 .copy-with-icon .copy h3 { margin-top: 0; color: #666 !important; margin-bottom: 14px; font-size: 24px; font-weight: 200; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .module__article-v2 .copy-with-icon { display: flex; padding-top: 15px; } .module__article-v2 .copy-with-icon .icon { width: 100px; margin-right: 45px; flex-shrink: 0; flex-grow: 0; } .module__article-v2 .copy-with-icon .copy h2 { margin-bottom: 14px; } .module__article-v2 blockquote { margin-left: 28%; max-width: 550px; padding: 15px 25px 0 25px; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { .module__article-v2 img { margin-top: 30px; margin-bottom: 30px; } .module__article-v2 li { background-position: 0 5px; } } /* >>================================================================================> Module: News Articles Version Two >>================================================================================> */ /* All Resolutions >>-------------> */ .module__news-articles-v2 { background-color: #f5f5f5; } .module__news-articles-v2 .container { padding-top: 20px; padding-bottom: 80px; } .module__news-articles-v2 header h1 { font-size: 60px; font-weight: 200; text-align: center; color: #666666; } .module__news-articles-v2 .article { display: block; background-color:#fff; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.33); transition: all 300ms ease; text-decoration:none; width: 100%; } .no-touch .module__news-articles-v2 .article:hover { box-shadow: 0px 13px 22.32px 1.68px rgba(0, 0, 0, 0.33); } .module__news-articles-v2 .article .image img { width: 100%; } .module__news-articles-v2 .article .content { padding: 28px 32px 32px 32px; } .module__news-articles-v2 .row { margin-bottom: 60px; } .module__news-articles-v2 .article .date { font-size: 14px; font-weight: 500; color:#999999; margin-bottom: 10px; } .module__news-articles-v2 .article .date { font-size: 12px; } .module__news-articles-v2 .article h4 { font-weight: 500; font-size: 18px; color:#333333; margin-top:0; margin-bottom: 10px; } .module__news-articles-v2 .article p { font-size: 14px; color:#999999; margin-bottom: 10px; } .module__news-articles-v2 .row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .module__news-articles-v2 .row > span { display: flex; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .module__news-articles-v2 .container { width: 95%; } .module__news-articles-v2 .article { position: relative; } .module__news-articles-v2 .article .image { position: relative; height: 200px; overflow: hidden; width: 100%; } .module__news-articles-v2 .article .image img { position: absolute; top: 50%; transform: translateY(-50%); } } @media screen and (min-width: 768px) { .module__news-articles-v2 .row > span { margin: 0 20px 40px 20px; width: 350px; height: 350px; } .module__news-articles-v2 .row { margin: 0 -26px; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { .module__news-articles-v2 .row { flex-direction: column; } .module__news-articles-v2 .row > span { width: 100%; max-width: 350px; min-height: 350px; margin: 0 auto 20px auto; } } /* >>================================================================================> Header sv2 >>================================================================================> */ /* All Resolutions >>-------------> */ .header-logo svg path { fill:#0068b3; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { body { padding-top: 100px; } .header-logo a { background-image: none; } .header-logo svg path { transition: fill 300ms ease; } .header-logo svg { width: 93px; height: 48px; transition: fill 300ms ease; fill:#0068b3; } .light-logo.past-header .header-logo svg { width: 93px; height: 48px; fill: #ccc; } .light-logo.past-header .header-logo svg path { fill: #ccc; } header.main { position: fixed; top: 0; z-index: 100; width: 100%; box-shadow: 0px 0px 11.64px 0.36px rgba(1, 2, 2, 0.2); } .has-sticky-navigation-bar header.main { position: absolute; } header.main > .container { padding: 0 20px; } .header-logo { margin-left: 0; top: 3px; z-index: 13; } .header-logo a { display: block; width: 120px; height: auto; } .desktop-drop { top: 100px; } nav.main { top: 42px; } nav.header { margin-top: 40px; } header.main > .container { height: 100px; } header.main { background-color: rgba(255,255,255,1); transition: background-color 300ms ease, box-shadow 300ms ease; } header.main:hover, header.main.active { background-color: rgba(255,255,255,1) !important; box-shadow: 0px 0px 11.64px 0.36px rgba(1, 2, 2, 0.2) !important; } .search-active.past-header header.main:hover #lilsearch, .search-active.past-header header.main.active #lilsearch { opacity: 1; visibility: visible; } .past-header header.main { background-color:rgba(255,255,255,0); box-shadow: 0px 0px 11.64px 0.36px rgba(1, 2, 2, 0); } .has-sticky-navigation-bar header.main .header-logo { transition: opacity 300ms ease; } .has-sticky-navigation-bar.past-header header.main .header-logo { opacity: 0; } .not-sticky .header-logo { transition: opacity 300ms ease, visiblity 300ms ease; } .not-sticky.past-header .header-logo { opacity: 0; visibility: hidden; } header.main nav.main, header.main nav.header { transition: opacity 300ms ease, visiblity 300ms ease; } .past-header header.main nav.main, .past-header header.main nav.header { opacity:0; visibility: hidden; } header.main:hover nav.main, header.main.active nav.main, header.main:hover nav.header, header.main.active nav.header, .not-sticky.past-header header.main:hover .header-logo, .not-sticky.past-header header.main.active .header-logo{ opacity:1; visibility: visible; } .light-logo.past-header header.main:hover .header-logo svg path, .light-logo.past-header header.main.active .header-logo svg path { fill:#0068b3; } .search-trigger { vertical-align: middle; } .search-trigger a { display: block; background-image: url(img/btn-search@2x.png); background-size: 17px 17px; width: 17px; padding-top: 17px; height: 0; overflow: hidden; } } @media screen and (min-width: 1280px) { header.main > .container { position: relative; max-width: 100%; padding: 0 80px; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { .header-logo svg { display: none; } nav.mobile .search-trigger { display: none; } } /* >>================================================================================> Lil' Search >>================================================================================> */ /* All Resolutions >>-------------> */ #lilsearch { position: absolute; opacity: 0; visibility: hidden; transition: opacity 300ms ease, visibility 300ms ease; } .search-active #lilsearch { opacity: 1; visibility: visible; } #lilsearch form { display: flex; align-items: center; } #lilsearch input { height: 17px; font-size: 13px; } #lilsearch .close-search { width: 17px; height: 17px; background-color: transparent; background-image: url(img/search-close.png); background-size: 13px 12px; background-position: center; background-repeat: no-repeat; } #lilsearch .search-field { border: none; background-color: transparent; } #lilsearch .search-submit { display: block; background-image: url(img/btn-search@2x.png); background-size: 17px 17px; width: 17px; height: 17px; overflow: hidden; background-color: transparent; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { #lilsearch { position: absolute; top: 31px; z-index: 12; overflow: hidden; width: 200px; } #lilsearch form { background-color: rgba(236, 236, 236, 1); padding: 10px; border: none; font-size: 13px; line-height: 13px; border-radius: 3px; width: 200px; transform: translateX(200px); transition: transform 300ms ease; } #lilsearch input { margin: 0 10px; width: 124px; } .search-active #lilsearch { opacity: 1; visibility: visible; } .search-active #lilsearch form { transform: translateX(0px); } .search-active.past-header #lilsearch { opacity: 0; visibility: hidden; } } @media screen and (min-width: 1280px) { #lilsearch { right: 358px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { #lilsearch { right: 302px; } } @media screen and (max-width: 1023px) and (min-width: 768px) { #lilsearch { right: 266px } } @media only screen and (max-width: 1023px) and (min-width: 768px) { #lilsearch input { font-size: 13px; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { #lilsearch { position: fixed; top: 48px; z-index: 999; background-color: #fff; width: 100%; border-top: 1px solid #ececec; padding: 10px; } #lilsearch .search-field { background-color:#ececec; padding: 10px; order: 1; flex-grow: 1; border-radius: 0; } #lilsearch .close-search { display:none; } #lilsearch .search-submit { display:none; order:2; flex-grow: 0; flex-shrink: 0; } } /* >>================================================================================> Search / Filter Form >>================================================================================> */ /* All Resolutions >>-------------> */ #search-news { display: flex; justify-content: center; margin: 0 -10px 20px -10px; } .news-tools #search-news { margin-bottom: 0; } #search-news label { font-size: 24px; font-weight: 200; color: #b1b1b1; float: left; margin: 10px 20px 0 0; display:none; } #search-news .topics, #search-news .filter, #search-news .field { display: flex; padding: 0 10px; } #search-news input { box-sizing: border-box; background: #fff none repeat scroll 0 0; height: 40px; padding: 0 55px 0 20px; color: #666; font-size: 14px; display: inline-block; vertical-align: middle; border: none; border-radius: 3px; width: 100%; max-width: 320px; border: 1px solid #DADADA; } #search-news input::placeholder { color: #666; } #search-news input:-ms-input-placeholder { color: #666; } #search-news input::-ms-input-placeholder { color: #666; } .news-search .field .element { position: relative; height: 50px; } #search-news .search-submit { transform: translateY(-50%); border:none; background-color: transparent; position: absolute; right: 20px; top: 50%; width: 18px; height:18px; background-image: url(img/icon-search-sm.png); background-repeat: no-repeat; background-position: 0 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #search-news .search-submit { background-image: url(img/icon-search-sm@2x.png); background-size: 18px 18px; } } .news-search .field .element { float: left; position: relative; } .news-search .field .element input:focus { outline: none; } #search-news .element button { display: block !important; opacity: .5; transition: opacity 300ms ease; } #search-news .element button:hover { opacity: 1; } #search-news .element { position: relative; } .module__resources-grid #search-news, .module__news-articles-v2 #search-news{ margin-bottom: 60px; } #search-news button.reset { background-color: transparent; color: #00c2f3; text-decoration: underline; font-size: 12px; } #search-news button.reset[disabled] { opacity: .8; text-decoration: none; color: #ccc; } /* Select2 Stuff */ #search-news select { opacity: 0; } #search-news .select2-container--default .select2-selection--single { border-color: #ebebeb; background: none; background-color: #ebebeb; height: 40px; color: #666; font-size: 14px; border-radius: 3px; } #search-news .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } #search-news .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } /* Multiselect Topics */ #search-news .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 20px; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { #search-news input, #search-news .element { min-width: 270px; } #search-news .select2-container { width: 200px !important; } } @media screen and (max-width: 850px) and (min-width: 768px) { #search-news .select2-container { width: 180px !important; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { #search-news label { margin-bottom: 10px; } #search-news > * { margin-bottom: 5px; } #search-news .select2-container { width: 100% !important; } #search-news { max-width: 300px; margin-left: auto; margin-right: auto; margin-bottom: 40px; } #search-news, #search-news > * { flex-direction: column; } .news-tools #search-news { margin-bottom: 20px; } #search-news button.reset { margin: 10px auto 0 auto; } } /* >>================================================================================> Module: Story Carousel >>================================================================================> */ /* All Resolutions >>-------------> */ .module__story-carousel { /*padding: 20px;*/ padding-top: 51px; padding-bottom: 38px; } .module__story-carousel .view-all { text-align: center; font-size: 16px; } .module__story-carousel .view-all a { color: #28B873; text-decoration: none; } .module__story-carousel .slick-dots { position: absolute; bottom: 10px; } .module__story-carousel .slick-slider { position: relative; } .module__story-carousel .slick-dots li button { border-radius: 50%; background-color: #bababa; width: 10px; height: 10px; padding: 0; } .module__story-carousel .slick-dots li button:before { display: none; } .module__story-carousel .slick-dots li { width: 10px; height: 10px; } .module__story-carousel .slick-dots li.slick-active button { background-color: #fff; width: 15px; height: 15px; } .module__story-carousel header { padding-bottom: 26px; text-align: center; } .module__story-carousel header h3 { text-align: center; margin: 0 0 10px 0; color: #666 !important; font-size: 40px; font-weight: 200; } .module__story-carousel header p { margin-top: 5px; margin-bottom: 10px; } .module__story-carousel .slick-slider { margin-bottom: 36px; } .module__story-carousel .slick-slide { position: relative; background-size: cover; background-position: center; } .module__story-carousel .slick-slide img { display: none; } .module__story-carousel .slick-slide:after { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0097e2; opacity: .8; z-index:1; } .module__story-carousel .slick-slide .content { position: absolute; text-align: center; padding: 0 20px; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 820px; width: 100%; z-index:2; } .module__story-carousel .slick-slide .content h3 { font-weight: 200; color:#fff !important; margin: 0 0 12px 0; } .module__story-carousel .slick-slide .content p { font-size: 16px; color: rgb(255, 255, 255); line-height: 22px; color:#fff !important; margin: 0 0 12px 0; } .module__story-carousel .slick-slide .content .cta-button { display: inline-block; padding: 12px 10px; background-color: #fff; border-radius: 3px; color:#7f7f7f; font-size: 15px; margin-top: 20px; } .module__story-carousel .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); padding:0; margin:0; width: 22px; height: 41px; border:none; background-size: 22px 41px; background-color: transparent; z-index: 9; opacity:.7; transition: opacity 300ms ease; } .module__story-carousel .slick-arrow:hover { opacity:1; } .module__story-carousel .slick-arrow:before, .module__story-carousel .slick-arrow:after { display: none; } .module__story-carousel .slick-arrow.slick-prev { background-image: url(img/left-arrow-white.svg); left: 38px; } .module__story-carousel .slick-arrow.slick-next { background-image: url(img/right-arrow-white.svg); right: 38px; } .module__story-carousel .slick-arrow.slick-disabled { opacity:0; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .module__story-carousel .slick-slide { height: 600px; } .module__story-carousel .slick-slide .content h3 { font-size: 40px; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { .module__story-carousel .slick-slide { height: 400px; } .module__story-carousel .slick-slide .content h3 { font-size: 30px; } .module__story-carousel .navigation-arrow { display: none; } .module__story-carousel .slick-arrow { display: none !important } } /* >>================================================================================> Search Page Search Tool >>================================================================================> */ /* All Resolutions >>-------------> */ .search-results form#search { margin: 0; padding: 0; display: flex; box-sizing: border-box; background: #fff none repeat scroll 0 0; height: 40px; color: #666; font-size: 14px; align-items: center; border: none; border-radius: 3px; width: 100%; max-width: 320px; border: 1px solid #DADADA; margin-bottom: 70px; } .search-results form#search .search-submit { order:2; display: block; flex-shrink:0; flex-grow:0; flex-basis: 40px; background-image: url(img/btn-search@2x.png); background-repeat: no-repeat; background-position: center; background-size: 17px 17px; width: 38px; height: 38px; overflow: hidden; } .search-results form#search .search-field { order:1; flex-shrink:1; flex-grow:1; flex-basis: 17px; padding: 0 0 0 20px; border:none; } .search-results form#search .close-search { display: none; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .search-results { } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { .search-results { } } /* contact-form 7 */ .wpcf7 .screen-reader-response { display: none; } .with-from .wpcf7-validation-errors{ display: none; } .module__learn-more-search button { background-color: transparent; } .audience-link.onlyinmobile{display: none !important;} #lilsearch {right: 75px !important;} @media screen and (max-width: 1200px) { #lilsearch {right: 75px !important;} } @media screen and (max-width: 991px) { #lilsearch {right: 65px !important;} } @media screen and (max-width: 767px) { .audience-link.onlyinmobile {display: block !important;} .audience-link.onlyinmobile a,.login-link.onlyinmobile a{padding-left: 50px;} .audience-link.onlyinmobile,.login-link.onlyinmobile {background-image: url(img/prefooter-audience-link.png);background-repeat: no-repeat;background-position: 20px calc(100% - 16px);} .login-link.onlyinmobile {background-image: url(img/prefooter-login-link.png);} #lilsearch {right: initial !important;} } .wpcf7-validation-errors{ margin-top: 5px; padding-top: 5px; display: block; color: red !important; } .wpcf7-not-valid{ border-color: red !important; } .wpcf7-not-valid-tip,.wpcf7-spam-blocked{ color: red !important; } .screen-reader-response{ display:none !important; } /* >>================================================================================> Breadcrumb Hero Fixes >>================================================================================> */ /* All Resolutions >>-------------> */ /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .module__hero-breadcrumbs .hero-nav { display: flex; justify-content: space-between; align-items: center; position: static; top: 0; width: auto; height: 100px; } .module__hero-breadcrumbs .hero-nav .arrows { float: none; width: 83px; flex-shrink: 0; flex-grow: 0; margin-left: 30px; } .module__hero-breadcrumbs .hero-nav .breadcrumbs { line-height: 25px; } .module__hero-breadcrumbs .hero-nav .breadcrumbs a:last-child { background-image: none; padding-right: 0; margin-right: 0; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { } /* >>================================================================================> Navigation Fixes >>================================================================================> */ /* All Resolutions >>-------------> */ /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .desktop-drop > .container > ul.sub-menu { display: flex; justify-content: flex-start; flex-wrap: wrap; } .desktop-drop > .container > ul.sub-menu.centered { justify-content: center; } .desktop-drop li { padding: 0; width: auto; } .desktop-drop > .container > ul.sub-menu { margin: 0 -1.5%; } .desktop-drop > .container > ul.sub-menu > li { width: 22%; margin: 0 1.5%; } .menu-second-column, .menu-third-column, .menu-fourth-column { position: static; left: auto; padding: 0 !important; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { } /* >>================================================================================> Resource Cards Fixes >>================================================================================> */ /* All Resolutions >>-------------> */ #fleetblock { /*margin: 0 -26px;*/ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .module__news-articles .container { padding: 0px 20px 60px 20px; } #fleetblock .article-item > div { margin-right: 0; margin-left: 0; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { #fleetblock { margin: 0 -26px; } #fleetblock .article-item { float: none !important; margin: 0 20px 40px 20px; width: 350px; height: 350px; padding: 0; } #fleetblock .article-item > div { width: 350px; height: 350px; } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { .module__resources { padding-top: 20px; padding-bottom: 50px; } .module__resources header h1, .module__resources header p { text-align: center; } /*.module__resources .resources-filter .select2-container { margin: 0 auto; float: none; display: block; } .resources-filter .select2-container { width: 280px; }*/ .module__resources .select2-container { margin: 0 auto; display: block; } .module__resources .container { padding-top: 0; } #fleetblock .article-item { margin: 0; } #fleetblock .article-item > div { width: 100%; max-width: 350px; min-height: 350px; margin: 0 auto; } } /* >>================================================================================> Select2 Overrides >>================================================================================> */ /* All Resolutions >>-------------> */ /* Global Sekect2 Dropdown */ .select2-results__option--highlighted { background-color: #00c2f3 !important; } .select2-results__option { font-size: 16px; padding: 6px 8px 6px 20px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #666; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ebebeb; } .select2-dropdown { border: 1px solid #ebebeb; } .select2-selection.select2-selection--single { outline: none; } /* Grey Multiple Select */ .select2-results__option:not(:last-child) { /*border-bottom: 1px solid #ccc;*/ } .select2-results__option .wrap:after { color: #999; width: 11px; height: 8px; padding-right: 10px; } .select2-results__option[aria-selected=true] .wrap { background-image: url(img/multi-select-check.png); background-size: 11px 8px; background-position: center right; background-repeat: no-repeat; } .select2-selection__clear { display: none; } /* White backround style (Used in Contact form, others) */ select.mktoField { opacity: 0; } .select2-container--default .select2-selection--single.select2-white { border-color: #ccc; background: none; background-color: #ffffff; height: 40px; color: #666; font-size: 16px; border-radius: 5px; width: 100%; } .select2-container--default .select2-selection--single.select2-white .select2-selection__rendered { line-height: 40px; padding-left: 20px; padding-right: 40px; } .select2-container--default .select2-selection--single.select2-white .select2-selection__arrow { height: 40px; } .select2-white .select2-results__option { font-size: 16px; } /* Grey backround style (Used News Filters, others) */ .select2-container--default .select2-selection--single.select2-grey { border-color: #ebebeb; background: none; background-color: #ebebeb; height: 40px; color: #666; font-size: 14px; border-radius: 3px; } .select2-container--default .select2-selection--single.select2-grey .select2-selection__rendered { line-height: 39px; padding-left: 20px; } .select2-container--default .select2-selection--single.select2-grey .select2-selection__arrow { height: 40px; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { } #fleetblock .article-item header h2 {margin-top: 45px;color: #00a5de;margin-bottom: 0px;} #fleetblock .article-item > div article {top: 97px;bottom: initial;position: static;} #fleetblock .article-item h4{margin-top: 4px;} #fleetblock .article-item > div {background-image: url(img/FleetWire-bg-image.png);background-position: right 190px;} /* >>================================================================================> Module: Four Columns >>================================================================================> */ /* All Resolutions >>-------------> */ .module__four-columns { padding-top: 66px; padding-bottom: 38px; } .module__four-columns header { padding-bottom: 69px; text-align: center; } .module__four-columns header h2 { text-align: center; margin: 0 0 10px 0; color: #666 !important; font-size: 40px; font-weight: 200; } .module__four-columns header p { margin-top: 5px; margin-bottom: 10px; } .module__four-columns .service-block { text-align: center; margin-bottom: 80px; } .module__four-columns .service-block .icon { position: relative; margin-bottom: 36px; height: 78px; width: 100%; } .module__four-columns .service-block .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .module__four-columns .service-block h3 { font-size: 24px; font-weight: 400; margin-bottom: 12px; } .module__four-columns .service-block p { margin-top: 0; font-size: 16px; line-height: 20px; } /* Desktop >>-------------> */ @media screen and (min-width: 768px) { .module__four-columns .container { max-width: 1230px; } .module__four-columns .columns { display: flex; flex-wrap: wrap; display: -ms-flexbox; /*align-items: center;*/ justify-content: center; } .module__four-columns .columns .service-block { width: calc(25% - 30px); margin-left: 15px; margin-right: 15px; } } @media screen and (max-width: 1219px) and (min-width: 1024px) { .module__four-columns .columns .service-block { width: calc(33.3% - 30px); } } @media screen and (max-width: 1023px) and (min-width: 768px) { .module__four-columns .columns .service-block { width: calc(50% - 30px); } } /* Mobile >>-------------> */ @media screen and (max-width: 767px) { } /*Latest css*/ .newsdetails h1,.module__article-v2 h1.resource-title{font-size: 60px;line-height: 60px;} .addevent {margin-bottom: 35px;} .addevent span {font-weight: 600;} .addevent .cal-clients {border-radius: 5px;padding: 10px 8px;box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;-ms-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;-o-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;} .addevent .cal-clients > li {margin-bottom: 0;border: none;padding: 10px 14px 10px 47px;color:#666;font-weight: 600;} .addevent .cal-clients > li:hover {color:#000;} .social ul li a .svg {width:24px;height:19px;} .social ul li a .svg path {fill:#626262 !important;} .social ul li a:hover .svg path {fill: #00AEEF !important;} /*29-06-2019 update css*/ .copy.homeBannerSection {max-width: 64%;margin-top: 0;} .copy.homeBannerSection h3{font-weight: 800;font-style: italic;margin: 0 0 5px 0;color: #00c2f3;} .copy.homeBannerSection p.subtitle{font-weight: 400;font-size: 24px;margin-bottom: 25px;} .copy.homeBannerSection p {font-weight: 200;font-size: 24px;margin-bottom: 15px;} .copy.homeBannerSection p:last-child {margin-bottom: 0px;} /* Blog template for media-content side by side option */ .content-image-container {width:100%;margin: 5% 0;} .image-container {width:45%;display:inline-block;vertical-align:middle;margin: 2% 2%;} .content-container {width:45%; display:inline-block;vertical-align:middle;margin: 2% 2%;} @media screen and (max-width: 1024px) { .newsdetails h1,.module__article-v2 h1.resource-title,.module__article h1{font-size: 40px;line-height: 40px;} .module__article-v2 .container {padding-top: 30px;} .copy.homeBannerSection {max-width: 100%;padding: 0px 30px;} .copy.homeBannerSection h3 {font-size: 48px;} } @media screen and (max-width: 991px) { .copy.homeBannerSection h3 {font-size: 42px;} .copy.homeBannerSection p.subtitle {font-size: 20px;} .copy.homeBannerSection p {font-size: 20px;} } @media screen and (max-width: 767px) { .copy.homeBannerSection h3 {font-size: 36px;} .content-container{width: 100%;} .image-container{width: 100%;} .image-container img {margin: 0 auto;} } @media screen and (max-width: 479px) { .copy.homeBannerSection h3 {font-size: 28px;} .copy.homeBannerSection p.subtitle {font-size: 18px;} .copy.homeBannerSection p {font-size:18px;} } .whitepaperContainer{ max-height: 620px !important; position: relative !important; overflow: hidden !important; } .whitepaperContainer .read-more { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; text-align: center !important; margin: 0; padding: 35% 0 !important; /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: linear-gradient(to bottom, transparent, black); } .button { /* position: absolute !important; bottom: 12% !important; left: 40% !important; margin: 0 auto !important; padding:13px 15px !important;*/ font-size: 15px !important; border-radius: 3px; color: white; text-decoration:none; background-color:#00B2E1; } .left-align { text-align:left !important; } .copy.homeBannerSection h1 { font-weight: 800; font-style: italic; margin: 0 0 5px 0; color: #00c2f3; text-align: center; font-size: 40px; } /* homepage style */ .hero { background-color: rgba(178, 210, 220, 0.5); width:100%; margin: 0 auto; height: auto; display: flex; flex-direction: row; } .homepage-headline { color:#232d6b; font-size:58px !important; margin: 0 0 20px 0 !important; letter-spacing: initial; font-weight: 700; line-height:70px } .headline-container { margin: 77px 0 0 110px; } .left-side-hero{ flex-basis: 70%; justify-content:center; } .right-side-hero{ flex-basis: 30%; } @media only screen and (max-width: 1000px) { .left-side-hero { width: 100%; flex-basis: 100%; } } .homepage-img img {margin:11px 47px 25px 34%;border-radius:16px;} .homepage-img-left img {position:absolute;border-radius:16px;width:34vw;left:42vw;top:29vw} .homepage-sub {font-size:24px;font-weight:400;line-height:29px;} .homepage-cta {border-radius: 50px; background-color: #232d6b !important;color:white;margin: 10px 0 0 0px; padding:10px 10px 10px 10px !important;font-weight:200;text-transform:none !important;} .cta-wrapper {width:100%;padding-top:100px;} .cta-headline {width:90%; margin: 63px 116px 0 30px;font-weight:700 !important;z-index: 2; position: relative; font-size:30px !important} .cta-head {width: 85%;margin: 3% auto;font-size: 48px;font-weight: 600;color:#2A3740} .cta-container {width: 86%; margin: 0 auto 37px auto;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;} .cta-item {background-color: rgba(0, 0, 0, 0.25);z-index:2;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);width:26vw;height:25rem; position:relative;border-radius:6px;color:red;background-size: 110% 110%;background-repeat:no-repeat;margin:10px 0px;} .risk {background-size:cover; box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.55);} .program {background-size:cover; box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.55);} .comp {background-size:cover; box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.55);} .risk img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;border-radius:6px;} .program img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;border-radius:6px;} .comp img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;border-radius:6px;} .cta-copy {font-size:16px !important;line-height:21px !important; margin: 28px 30px 0 30px;font-weight:400 !important;z-index: 2; position: relative;} .cta-images {opacity:0.2;} .cta-icon-container { width:90%; margin:40px 0 0 0;position:absolute;bottom:20px;} .cta-icon {float:right;width:70px;height:70px;} .cta-icon-risk {background-size:cover;} .cta-icon-program {background-size:cover;} .cta-icon-comp {background-size:cover;} .share > img {width:20px;} @media only screen and (max-width: 1000px) { .right-side-hero { display:none; } .cta-container {display: block;} .cta-item { width:100%; height: 20rem; padding-top: 5px; margin-bottom: 20px; } } .accordion > #text{margin-top:20px;} .accordion{margin:50px 50px;}