.chosen-container,.noUi-target,.noUi-target *{-webkit-user-select:none;-ms-user-select:none}.chosen-container{position:relative;display:inline-block;vertical-align:middle;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//gsr-technology.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover,.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//gsr-technology.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 0 2px no-repeat}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(//gsr-technology.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 100% -20px no-repeat;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;font-size:100%;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//gsr-technology.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close,.chosen-disabled .chosen-single{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(//gsr-technology.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -30px -20px no-repeat;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(//gsr-technology.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}.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:#fff;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;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!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:700}.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{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;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;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;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__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px;padding:1px}.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:700;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-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{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:1px solid #000;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--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{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:0 0;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:#fff}.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}.noUi-pips,.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.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;border-style:solid;border-width:5px 4px 0;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:4px 0 0 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:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.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:#fff;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:700;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;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}.searchandfilter-date-picker .ui-helper-hidden{display:none}.searchandfilter-date-picker .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.searchandfilter-date-picker .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.searchandfilter-date-picker .ui-helper-clearfix:after,.searchandfilter-date-picker .ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.searchandfilter-date-picker .ui-helper-clearfix:after{clear:both}.searchandfilter-date-picker .ui-helper-clearfix{min-height:0}.searchandfilter-date-picker .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.searchandfilter-date-picker .ui-front{z-index:100}.searchandfilter-date-picker .ui-state-disabled{cursor:default!important}.searchandfilter-date-picker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.searchandfilter-date-picker .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.searchandfilter-date-picker .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{top:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{left:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next{right:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{left:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover{right:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;display:inline-block}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year{width:100%}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month,.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year{width:49%}.searchandfilter-date-picker .ui-icon{width:16px;height:16px;background-position:16px 16px}.searchandfilter-date-picker .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.searchandfilter-date-picker .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.searchandfilter-date-picker .ui-datepicker td{border:0;padding:1px}.searchandfilter-date-picker .ui-datepicker td a,.searchandfilter-date-picker .ui-datepicker td span{display:block;text-align:center;text-decoration:none}.searchandfilter-date-picker .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ll-skin-melon .ui-datepicker{padding:0}.ll-skin-melon .ui-datepicker-header{border:none;background:0 0;font-weight:400;font-size:15px}.ll-skin-melon .ui-datepicker-header .ui-state-hover{background:0 0;border-color:transparent;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.ll-skin-melon .ui-datepicker .ui-datepicker-title{margin-top:.4em;margin-bottom:.3em;color:#e9f0f4}.ll-skin-melon .ui-datepicker .ui-datepicker-next,.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,.ll-skin-melon .ui-datepicker .ui-datepicker-prev,.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{top:.9em;border:none}.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{left:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover{right:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next span,.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-image:url(//gsr-technology.co.uk/wp-content/plugins/search-filter-pro/public/assets/img/ui-icons_ffffff_256x240.png);background-position:-32px 0;margin-top:0;top:0;font-weight:400}.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-position:-96px 0}.ll-skin-melon .ui-datepicker table{margin:0}.ll-skin-melon .ui-datepicker th{padding:1em 0;color:#ccc;font-size:13px;font-weight:400;border:none;border-top:1px solid #3a414d}.ll-skin-melon .ui-state-disabled{opacity:1}.ll-skin-melon .ui-state-disabled .ui-state-default{color:#fba49e} .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-ms-touch-action:none;touch-action:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr;background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0;border-radius:3px}.noUi-handle,.noUi-tooltip{position:absolute;border:1px solid #D9D9D9}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.searchandfilter p{margin-top:1em;display:block}.searchandfilter ul{display:block;margin-top:0;margin-bottom:0}.searchandfilter ul li{list-style:none;display:block;padding:10px 0;margin:0}.searchandfilter ul li li{padding:5px 0}.searchandfilter ul li ul li ul{margin-left:20px}.searchandfilter label{display:inline-block;margin:0;padding:0}.searchandfilter>ul>li[data-sf-combobox="1"] label{display:block}.searchandfilter li[data-sf-field-input-type=checkbox] label,.searchandfilter li[data-sf-field-input-type=radio] label,.searchandfilter li[data-sf-field-input-type=range-radio] label,.searchandfilter li[data-sf-field-input-type=range-checkbox] label{padding-left:10px}.searchandfilter .sf-date-prefix{padding-right:5px;display:inline-block}.searchandfilter .sf-count,.searchandfilter .sf-date-postfix{padding-left:5px;display:inline-block}.searchandfilter .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.searchandfilter h4{margin:0;padding:5px 0 10px;font-size:16px}.searchandfilter .sf-range-max,.searchandfilter .sf-range-min{max-width:80px}.searchandfilter .sf-meta-range-radio-fromto .sf-range-max,.searchandfilter .sf-meta-range-radio-fromto .sf-range-min{display:inline-block;vertical-align:middle}.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator{vertical-align:middle;display:inline-block;margin:0 15px}.searchandfilter .datepicker{max-width:170px}.searchandfilter select.sf-input-select{min-width:170px}.searchandfilter select.sf-range-max.sf-input-select,.searchandfilter select.sf-range-min.sf-input-select{min-width:auto}.searchandfilter ul>li>ul:not(.children){margin-left:0}.searchandfilter .meta-slider{margin-top:10px;margin-bottom:10px;height:15px;max-width:220px}.searchandfilter .noUi-connect{background-color:#526E91}.searchandfilter.search-filter-disabled .noUi-connect{opacity:.7}.searchandfilter .noUi-horizontal.noUi-extended{padding:0 10px}.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin{right:-10px}.searchandfilter .noUi-handle{border-color:#ccc}.searchandfilter .noUi-horizontal .noUi-handle{width:24px;height:24px;top:-5px;border-radius:20px;left:-12px}.searchandfilter .noUi-horizontal .noUi-handle:after,.searchandfilter .noUi-horizontal .noUi-handle:before{height:9px;top:7px}.searchandfilter .noUi-horizontal .noUi-handle:before{left:9px}.searchandfilter .noUi-horizontal .noUi-handle:after{left:12px}.search-filter-scroll-loading{display:block;margin:20px 10px 10px;height:30px;width:30px;animation:search-filter-loader-rotate .7s infinite linear;border:5px solid rgba(0,0,0,.15);border-right-color:rgba(0,0,0,.6);border-radius:50%}@keyframes search-filter-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ll-skin-melon{font-size:90%}.ll-skin-melon .ui-datepicker td{background:#f7f7f7;border:none;padding:0}.ll-skin-melon .ui-datepicker th{border-color:#4D6077}.ll-skin-melon .ui-widget{font-family:inherit;background:#526E91;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}.searchandfilter.horizontal ul>li{display:inline-block;padding-right:10px}.searchandfilter.horizontal ul>li li{display:block}.ll-skin-melon td .ui-state-default{background:0 0;border:none;text-align:center;padding:.3em;margin:0;font-weight:400;color:#6C88AC;font-size:14px}.ll-skin-melon td .ui-state-active{background:#526E91;color:#fff}.ll-skin-melon td .ui-state-hover{background:#C4D6EC}.searchandfilter li.hide,.searchandfilter select option.hide{display:none}.searchandfilter .disabled{opacity:.7}.chosen-container-multi .chosen-choices li.search-field input[type=text]{height:auto;padding:5px;color:#666;font-family:inherit}.chosen-container{font-size:14px}.chosen-container-single .chosen-single{height:auto}.chosen-container-multi .chosen-choices li.search-choice{margin:3px 3px 3px 5px}.search-filter-results .sf-active{font-weight:700}.search-filter-results .sf-disabled{opacity:.5}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} 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;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } 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;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}*,
*:after,
*:before {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
} html {
font-size: 62.5%;
}
body {
font: 300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #444;
} .clear:before,
.clear:after {
content: ' ';
display: table;
}
.clear:after {
clear: both;
}
.clear {
*zoom: 1;
}
img {
max-width: 100%;
vertical-align: bottom;
}
a {
color: #444;
text-decoration: none;
}
a:hover {
color: #444;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}
input:focus {
outline: 0;
border: 1px solid #04A4CC;
}  .wrapper {
max-width: 1280px;
width: 95%;
margin: 0 auto;
position: relative;
} .header {} .logo {}
.logo-img {} .nav {} .sidebar {} .footer {}   @font-face {
font-family: 'Font-Name';
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/font-name.eot);
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/font-name.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/font-name.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/font-name.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/font-name.svg#font-name) format('svg');
font-weight: normal;
font-style: normal;
} @media only screen and (min-width:320px) {}
@media only screen and (min-width:480px) {}
@media only screen and (min-width:768px) {}
@media only screen and (min-width:1024px) {}
@media only screen and (min-width:1140px) {}
@media only screen and (min-width:1280px) {}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {} ::selection {
background: #04A4CC;
color: #FFF;
text-shadow: none;
}
::-webkit-selection {
background: #04A4CC;
color: #FFF;
text-shadow: none;
}
::-moz-selection {
background: #04A4CC;
color: #FFF;
text-shadow: none;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #FFF;
border: 1px solid #F0F0F0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.sticky {}
.bypostauthor {} @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}body,
html,
a,
p,
div,
h1,
h2,
h3,
h4,
h5 {
font-family: 'Montserrat';
line-height: 160%;
font-size: 14px;
color: #000000
}
a {
color: #2D5EA3
}
img {
max-width: 100%;
height: auto
}
a {
text-decoration: none;
}
b,
strong {
font-weight: 600;
}
.container {
width: 1140px;
margin: 0 auto;
display: block;
}
h1 {
font-size: 46px;
font-family: 'Roboto Slab';
color: #2D5EA3;
line-height: 130%;
}
body.single-post main .container,
body.page-template-default main .mainContent {
max-width: 1000px;
margin: 100px auto 60px auto;
}
.single-post h1 {
font-weight: 500;
font-size: 46px
}
h2,
.single-post .featuredNews .intro h2 {
color: #3A5CA3;
font-size: 36px;
font-family: 'Roboto Slab';
font-weight: 500;
}
.productDescription {
margin-top: 60px;
}
.productDescription h2,
.productSpecification h2,
.productConnections h2 {
margin-bottom: 15px;
padding-bottom: 15px;
width: 100%;
border-bottom: 1px solid #E5E8EA;
}
.productConnections {
margin-bottom: 60px;
}
.single-post main h2,
.single-post main h3 {
color: #3A5CA3;
font-size: 18px;
font-family: 'Montserrat';
font-weight: 600;
}
.mainContent h2 {
color: #3A5CA3;
font-size: 18px;
font-family: 'Montserrat';
font-weight: 600;
}
.mainContent h3 {
color: #3A5CA3;
font-size: 16px;
font-family: 'Montserrat';
font-weight: 600;
}
h3 {
color: #3A5CA3;
font-size: 24px;
font-family: 'Roboto Slab';
font-weight: 500;
margin-bottom: 10px;
}
h4 {
font-family: 'Montserrat';
font-weight: 600;
color: #3A5CA3;
font-size: 18px;
}
.lightBlueBg {
background-color: #F6F7F8
}
.txtCenter {
text-align: center;
}
.blue {
color: #2D5EA3
}
.cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.btn,
a.search-filter-reset,
.woocommerce input.gform_button {
margin-top: 20px;
display: inline-block;
background-color: #E1E7F0;
color: #2D5EA3;
padding: 10px 45px;
font-weight: 600;
color: #2D5EA3;
border-radius: 5px;
transition: all 300ms;
}
.woocommerce input.gform_button,
body.contact .gform_footer input.gform_button {
margin: 20px auto;
display: block;
padding: 20px 60px;
}
a.search-filter-reset {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.btn:hover {
background-color: #2D5EA3;
color: #E1E7F0;
transition: all 300ms;
}
.roundal {
cursor: pointer;
display: inline-block;
font-size: 0px;
width: 40px;
height: 40px;
background-image: url(//gsr-technology.co.uk/wp-content/themes/GSR/img/icon-plus.png);
background-size: contain;
transition: all ease-in-out 300ms;
}
.roundal:hover {
transform: rotate(180deg);
transition: all ease-in-out 500ms;
}
.padSec {
padding: 90px 0
}
.padSec h2 {
margin-top: 0;
}
.flex {
display: flex;
flex-wrap: wrap;
}
.breadcrumb {
padding: 32px 40px 30px;
display: block;
border-bottom: 1px solid #E5E8EA;
}
.product-template-default .breadcrumb {
margin-bottom: 100px
}
.breadcrumb div {
color: #3A5CA3;
font-weight: 600;
}
.breadcrumb a {
color: #000;
font-weight: 500;
}
.mask {
display: block;
border-radius: 10px;
overflow: hidden;
}
article .mask {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.newOverview h5 {
margin-bottom: 10px;
font-weight: 600;
font-size: 15px
}
.newOverview h2 {
line-height: 120%;
font-size: 24px;
font-family: 'Roboto Slab';
}
.newOverview h2 a {
font-size: 24px;
font-family: 'Roboto Slab';
line-height: 100%;
} .hidden_label label {
display: none
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
border: 2px solid #F1F3F4;
background-color: #fff;
height: 50px;
width: 100%;
border-radius: 5px;
padding: 0 20px
}
input[type="submit"] {
border: 1px solid #E1E7F0;
display: block;
margin-top: 20px;
display: inline-block;
background-color: #E1E7F0;
color: #2D5EA3;
padding: 10px 30px;
font-weight: 600;
color: #2D5EA3;
border-radius: 5px;
transition: all 300ms;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sf-field-submit input[type="submit"] {
width: 100%;
margin-bottom: 20px;
} .topMenu {
display: block;
}
body.home .topMenu {
background: #F6F7F8
}
.topMenu,
.topMenu .colOne a,
.topMenu .colOne p {
font-size: 14px;
font-weight: 600;
color: #2D5EA3
}
.topMenu .colTwo a,
.topMenu .colTwo p {
font-size: 14px;
font-weight: 600;
color: #000
}
.topMenu ul {
list-style: none;
margin: 0;
padding: 0
}
.topMenu .colTwo {
margin-left: auto;
display: flex;
position: relative;
}
.topMenu .colTwo ul {
min-width: 260px
}
.topMenu .colTwo ul li {
display: inline-block
}
.logo {
max-width: 170px;
margin: 34px 0 30px 0
}
.logo a {
display: block;
margin: 0
}
#ajaxsearchlite1 {
width: 0px;
height: 30px;
margin-top: 10px;
margin-right: 30px;
transition: all 300ms ease-in-out;
}
#ajaxsearchlite1.active {
width: 400px;
height: 30px;
margin-top: 10px;
margin-right: 30px;
transition: all 300ms ease-in-out;
}
#ajaxsearchlite1 .probox,
div.asl_w .probox,
div.asl_w {
background: none!important
}
#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
font-size: 14px!important;
font-weight: 600!important;
}
.topMenu .colTwo ul li a {
margin: 15px 0 0 20px;
display: block
}
div.asl_m .probox .proinput {
padding: 0!important;
margin: 0!important
}
.topMenu .colTwo .magIcon {
position: absolute;
top: 12px;
right: 0;
cursor: pointer;
}
div.asl_m .probox .promagnifier .innericon,
div.asl_m .probox .prosettings .innericon,
div.asl_m .probox .proclose .innericon {
display: none;
}
.banner {
margin-bottom: 30px
}
.banner,
.banner .item,
.banner .bannerContents {
min-height: 450px;
}
.banner .bannerContents {
position: relative
}
.banner .whiteBox {
position: absolute;
bottom: -30px;
left: -30px;
height: 140px;
background-color: #fff;
box-sizing: border-box;
padding: 40px;
border-radius: 15px;
}
.banner .bannerCopy {
font-size: 21px;
line-height: 150%;
width: 440px;
display: none;
}
.banner h1 {
margin-top: 0;
margin-bottom: 20px
}
header.header {
padding: 0;
background-color: #F6F7F8;
}
body.home header.header {
background-color: #fff;
}
header.header .flex {
width: 100%; } .helpBox a {
font-size: 0;
color: #fff
}
.helpBox a h2,
.helpBox a p {
color: #fff
}
.helpBox a h2 {
font-size: 32px;
font-family: 'Roboto Slab';
font-weight: 500;
}
.helpBox a p.tel {
font-size: 21px;
}
.hero {
overflow: hidden;
padding: 100px 0;
}
.hero .whiteBox {
position: relative;
}
.hero .whiteBox .desc {
font-size: 21px;
color: #4397F2;
line-height: 150%;
}
.hero .whiteBox h1 {
margin: 0 0 20px 0
}
.hero .whiteBox {
background-color: #fff;
box-sizing: border-box;
width: 50%;
padding: 50px 60px 50px 50px;
border-radius: 10px;
}
.hero .btn {
position: absolute;
bottom: -20px;
background-color: #2D5EA3;
color: #fff;
border: 1px solid #2D5EA3
}
.hero .btn:hover {
position: absolute;
bottom: -20px;
background-color: #fff;
color: #2D5EA3
}
.homeFeatures .intro {
max-width: 800px;
margin: 0 auto 60px auto;
font-size: 18px;
}
.homeFeatures .intro .desc {
font-size: 18px
}
.homeFeatures .icon img {
height: 80px
}
.features .feature {
width: 25%;
box-sizing: border-box;
padding: 0 30px
}
.productCategories .productCategory {
background-image: url(//gsr-technology.co.uk/wp-content/uploads/2021/12/category-1.png);
background-position: center right;
background-size: auto 100%;
background-repeat: no-repeat;
}
.productCategories .row2 {
background-image: url(//gsr-technology.co.uk/wp-content/uploads/2021/12/category-2.png);
background-position: 10% 70%;
background-size: auto 30%;
}
.productCategories .row3 {
background-image: url(//gsr-technology.co.uk/wp-content/uploads/2021/12/category-3.png);
}
.productCategories .row4 {
background-image: url(//gsr-technology.co.uk/wp-content/uploads/2021/12/category-4.png);
background-position: center left;
}
.productCategories .row5 {
background-image: url(//gsr-technology.co.uk/wp-content/uploads/2021/12/category-5.png);
background-position: 90% 70%;
background-size: auto 30%;
}
.productCategories .productCategory:nth-child(even) {
background-color: #F6F7F8;
}
.productCategories .productCategory:nth-child(odd) .col:last-child {
padding-right: 0;
}
.productCategories .productCategory:nth-child(even) .col:last-child {
padding-left: 0;
}
body:not(.home) .productCategory .col:last-child {
padding-right: 0;
}
.productLinks {
margin-top: 20px;
margin-bottom: 20px;
}
.productLinks a {
transition: 300ms all;
font-weight: 600;
margin-top: 15px;
display: block;
background-image: url(//gsr-technology.co.uk/wp-content/themes/GSR/img/icon-arrow.png);
background-size: 20px auto;
background-position: left center;
background-repeat: no-repeat;
padding-left: 40px;
}
.productLinks a:hover {
background-position: 5px center;
transition: 300ms all;
}
.callOut {
width: 33.33%;
box-sizing: border-box;
padding: 0 10px
}
.callOut img {
max-height: 60px
}
.callOut p {
margin: 0 0 10px 0
}
.callOut h4 a{
font-size: 21px;
margin-top: 0
}
.callOut {
position: relative;
padding-bottom: 50px
}
.callOut .roundal {
position: absolute;
bottom: 0;
left: calc(50% - 20px)
}
.callOut .roundal:hover {}
.productImageWrapper {
padding: 0 20px;
display: block;
transition: all 300ms ease-in-out;
}
.popularModel a:hover .productImageWrapper {
padding: 0 15px;
transition: all 300ms ease-in-out;
}
.somethingElse .popularModel a:hover .productImageWrapper {
padding: 0 20px;
transition: all 300ms ease-in-out;
}
.productImage {
background-size: contain;
width: 100%;
height: 250px;
background-position: center center;
background-repeat: no-repeat;
}
.popularModel {
background-color: #F6F7F8;
border-radius: 10px;
display: block;
box-sizing: border-box;
padding: 30px
}
.popularModel h4 {
margin-bottom: 10px;
}
.somethingElse .popularModel h4,
.somethingElse .partNumber {
width: 100%;
text-align: center;
}
.partNumber {
font-size: 12px
}
.somethingElse .owl-nav {
display: none!important;
}
.owl-nav button {
position: absolute;
top: 50%
}
.owl-nav button.owl-prev {
left: -40px
}
.owl-nav button.owl-next {
right: -40px
}
.owl-nav button span {
font-size: 0;
display: block;
background-image: url(//gsr-technology.co.uk/wp-content/themes/GSR/img/icon-nav.png);
height: 30px;
width: 16px;
background-size: contain;
background-repeat: no-repeat;
}
.owl-nav button.owl-next span {
transform: rotate(180deg);
}
.newsletter h2 {
margin-top: 0
}
.newsletter .col {
width: 50%;
}
.newsletter .col:nth-child(1) {
padding-right: 40px;
box-sizing: border-box;
}
.newsletter .gfield {
margin-bottom: 0;
}
.newsletter input[type="submit"] {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.newsletter .col:nth-child(2) {
display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 40px
}
.newsletterForm {
width: 100%
}
.newsletterForm #gform_1 {
display: flex
}
.newsletterForm #gform_1 .gform_body {
width: 70%
}
.newsletterForm #gform_1 .gform_footer {
width: 30%
}
.newsletterForm #gform_1 .gform_footer input[type="submit"] {
color: #fff;
background-color: #3A5CA3;
margin-top: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
height: 48px;
width: 100%;
padding: 0;
}
.newsletterForm #gform_1 input[type="email"] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0px
}
.footer .col {
width: 25%
}
.footer {
padding: 80px 0 40px;
}
.gfield_required_asterisk {
color: #BE2A29;
}
body.home .footer,
body.single-post .footer {
border-top: 1px solid #E5E8EA;
}
.footer img {
width: 180px;
height: auto;
margin-bottom: 35px
}
.footer .address {
line-height: 170%;
}
.footer h4 {
margin-top: 0;
color: #000;
font-size: 16px;
}
.footer ul li,
.footer ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.footer ul li a {
display: block;
margin-bottom: 6px;
color: #000
}
.footer .bit {
margin-bottom: 40px
}
.footer .bit p {
margin-bottom: 0
}
.footer .bit a {
color: #000;
font-size: 16px;
margin-top: 0;
font-weight: 600;
}
.endNote {
padding: 22px 0 18px 0
}
.endNote a {
color: #000
}
.endNote .col:nth-child(2) {
margin-left: 40px;
}
.endNote .col:nth-child(3) {
margin-left: auto;
}
.halfIntro {
margin-top: 60px;
margin-bottom: 80px;
}
.halfIntro .col p {
font-size: 18px;
}
.flexiFeature {
margin-top: 100px
}
.flexiFeature:nth-child(1) {
margin-top: 0;
}
.flexiFeature:last-child {
margin-bottom: 100px;
}
.flexiFeature .col:nth-child(1) {
background-color: #F6F7F8;
box-sizing: border-box;
padding: 50px 50px;
border-radius: 10px
}
.flexiFeature h3 {
margin-top: 0;
margin-bottom: 20px;
}
.flexiFeature .desc {
font-size: 18px;
}
.flexiFeature .image {
width: 100%;
height: 400px
}
.productsFilter {
margin-top: 60px;
margin-bottom: 60px;
}
.FilterProduct .productsFilter {
margin-top: 0px;
margin-bottom: 40px
}
.productsFilter .lighBlueBox {
background-color: #F6F7F8;
box-sizing: border-box;
padding: 10px 20px;
border-radius: 10px;
margin-bottom: 100px
}
.productsFilter .lighBlueBox h3 {
margin-top: 10px
}
.productsFilter .lighBlueBox .title {}
.productsFilter .lighBlueBox input:checked~.title {
color: #2D5EA3;
font-weight: 600;
}
.productsFilter .lighBlueBox .option {
margin-bottom: 30px;
}
.productsFilter .lighBlueBox .option:last-child {
margin-bottom: 0
}
.searchandfilter label {
width: 100%;
} .productsFilter .lighBlueBox li.sf-field-taxonomy-screen_size ul li,
.productsFilter .lighBlueBox li.sf-field-taxonomy-resolution ul li {
position: relative;
cursor: pointer;
}
.productsFilter .lighBlueBox li.sf-field-taxonomy-screen_size ul li label. .productsFilter .lighBlueBox li.sf-field-taxonomy-resolution ul li label {
cursor: pointer;
}
.productsFilter .lighBlueBox li.sf-field-taxonomy-screen_size ul li input,
.productsFilter .lighBlueBox li.sf-field-taxonomy-resolution ul li input {
opacity: 0;
height: 0;
width: 0;
display: none;
}
.productsFilter .lighBlueBox li.sf-field-taxonomy-screen_size ul li:after,
.productsFilter .lighBlueBox li.sf-field-taxonomy-resolution ul li:after {
left: 0;
content: "";
position: absolute;
top: 5px;
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid #2D5EA3;
border-radius: 50%;
box-sizing: border-box;
padding: 2px
}
.productsFilter .lighBlueBox li.sf-field-taxonomy-screen_size ul li:before,
.productsFilter .lighBlueBox li.sf-field-taxonomy-resolution ul li:before {
left: 3px;
content: "";
position: absolute;
top: 8px;
background-color: rgba(45, 94, 163, 0);
width: 10px;
height: 10px;
display: block;
border-radius: 50%;
transition: all 300ms ease-out;
}
.productsFilter .lighBlueBox li.sf-field-taxonomy-screen_size ul li.sf-option-active:before,
.productsFilter .lighBlueBox li.sf-field-taxonomy-resolution ul li.sf-option-active:before {
background-color: rgba(45, 94, 163, 1);
}
.productsFilter .lighBlueBox li.sf-field-taxonomy-screen_size ul li.sf-option-active label,
.productsFilter .lighBlueBox li.sf-field-taxonomy-resolution ul li.sf-option-active label {
font-weight: 600;
color: #2D5EA3;
}
.searchandfilter li[data-sf-field-input-type=checkbox] label {
padding-left: 22px;
position: relative;
z-index: 2;
top: -3px;
}
.productsFilter .lighBlueBox .checkmark .innerCircle {
background-color: rgba(45, 94, 163, 0);
width: 10px;
height: 10px;
display: block;
border-radius: 50%;
transition: all 300ms ease-out;
}
.productsFilter .lighBlueBox input:checked~.checkmark .innerCircle {
background-color: rgba(45, 94, 163, 1);
transition: all 300ms ease-out;
}
.productLoop {
box-sizing: border-box;
padding-left: 30px
}
.productsFilter .products>li {
background-color: #F6F7F8;
margin-bottom: 30px;
border-radius: 10px;
box-sizing: border-box;
padding: 20px;
width: 100%
}
.productsFilter .products>li .col:nth-child(1) {
width: 30%
}
.productsFilter .products>li .col:nth-child(2) {
width: 70%;
box-sizing: border-box;
padding-left: 40px;
position: relative;
}
.productsFilter .products>li .col:nth-child(1) .image {
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.productsFilter .products>li .partNumber {
font-size: 14px;
margin-bottom: 30px;
}
.imagePadding {
padding: 20px;
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.overview ul li,
body.single-post main .post ul li,
.page-template-default .page ul li {
position: relative;
display: block;
padding-left: 20px;
margin-bottom: 3px;
}
.overview ul li::before,
body.single-post main .post ul li::before,
.page-template-default .page ul li::before {
content: " ";
position: absolute;
left: 0;
top: 8px;
width: 5px;
height: 5px;
border-radius: 10px;
background-color: #2D5EA3
}
body.single-post main .post,
.page-template-default .page {
margin-bottom: 80px;
}
.view.btn {
position: absolute;
right: 0;
bottom: 0
}
.heart.btn {
position: absolute;
top: -20px;
right: 0;
font-size: 0;
padding: 10px
}
.productitem .added_to_cart {
display: none;
}
.tax-product_cat .woocommerce-notices-wrapper {
display: none;
}
.productitem .added_to_cart {
text-indent: -999px;
overflow: hidden;
height: 60px;
width: 40px;
z-index: 2;
}
.heart.btn div.hearts {
position: relative;
width: 20px;
height: 20px
}
.heart.btn span {
font-size: 0;
position: absolute;
top: 0;
height: 20px;
width: 20px;
background-image: url(//gsr-technology.co.uk/wp-content/themes/GSR/img/icon-heart.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.heart.btn span.white {
background-image: url(//gsr-technology.co.uk/wp-content/themes/GSR/img/icon-heart-white.png);
opacity: 0;
transition: 300ms all;
}
.heart.btn:hover span.white,
.heart.btn.added span.white,
.heart.btn.loading span.loading {
opacity: 1;
transition: 300ms all
}
.btn.heart:hover,
.heart.added {
background-color: #2D5EA3;
}
.woocommerce .woocommerce-breadcrumb {
color: #3A5CA3;
margin: 0;
}
.topPropduct {
margin-bottom: 80px;
}
.topPropduct h1 {
margin-top: 0
}
.topPropduct .col:nth-child(1) {
width: 50%;
}
.topPropduct .col:nth-child(1) .image {
height: 100%;
min-height: 340px;
}
.topPropduct .col:nth-child(2) {
width: 50%;
box-sizing: border-box;
padding-left: 30px;
}
.topPropduct h1 {
font-size: 38px;
}
body.single-product .overview ul {
margin-left: 0;
padding-left: 0;
margin-top: 30px;
}
.topPropduct .imagePadding {
background-color: #F6F7F8;
box-sizing: border-box;
padding: 10px 20px;
border-radius: 10px;
}
.topPropduct .col:nth-child(1) .image {
background-size: contain;
background-position: center center;
background-repeat: no-repeat
}
.topPropduct .partNumber {
font-size: 14px;
}
.productSpecification .row {
margin-bottom: 15px;
padding-bottom: 15px;
width: 100%;
border-bottom: 1px solid #E5E8EA
}
.productSpecification .row .label {
font-weight: 600;
display: inline-block;
min-width: 300px;
color: #2D5EA3
}
.productSpecification {
margin-bottom: 60px;
margin-top: 70px;
}
.relatedProducts {
overflow: hidden;
}
.columns-1.products {
height: auto!important;
}
.whitDots {
background-image: url(//gsr-technology.co.uk/wp-content/themes/GSR/img/white-dots-bg.png);
background-size: auto 100%;
background-position: right center;
background-repeat: no-repeat;
}
.newsInfo {
display: flex;
width: 100%;
border-bottom: 1px solid #3A5CA3;
padding-bottom: 30px;
margin-bottom: 70px;
}
.aligncenter,
div.aligncenter {
margin: 60px 0;
}
.newsInfo .leftCol {
display: flex;
}
.newsInfo .leftCol .date {
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #333
}
.newsInfo .rightCol {
margin-left: auto
}
.single-post .alignnone {
clear: both;
display: block;
margin: 20px 0
}
.newsInfo ul,
.newsInfo ul li {}
.templateContainer {
width: 100%!important
}
.newsItems {
display: flex;
flex-wrap: wrap;
}
.featuredNews .newsItems {
margin-bottom: 40px;
}
.newsItems article {
position: relative;
width: 33.33%;
padding: 15px;
margin-bottom: 0px
}
.newsItems article .box {
border-radius: 15px;
background-color: #F6F7F8;
height: 100%;
padding-bottom: 50px
}
.newsItems .pagination {
margin-top: 20px;
}
.newsItems article .image {
height: 280px;
}
.readMore {
position: absolute;
bottom: 40px;
font-weight: 600
}
.newOverview {
padding: 0 25px;
}
.pagination {
text-align: center;
width: 100%;
margin-bottom: 100px;
}
.tax-product_cat .pagination {
margin-bottom: 20px;
}
.pagination span,
.pagination a {
display: inline-block;
font-weight: 600;
margin: 0 10px
}
.pagination span.current {
background-color: #2D5EA3;
color: #fff;
padding: 10px 15px;
border-radius: 5px;
}
.readMore {
padding-left: 30px;
background-image: url(//gsr-technology.co.uk/wp-content/themes/GSR/img/icon-arrow-blue.png);
background-repeat: no-repeat;
background-size: 13px auto;
background-position: left center;
transition: ease-out 300ms all;
}
.box:hover .readMore {
background-position: 10px center;
transition: ease-out 300ms all;
}
.featuredNews {
position: relative;
}
.featuredNews .roundal {
position: absolute;
bottom: 60px;
left: calc(50% - 20px);
}
.searchandfilter ul,
.searchandfilter ul li {
margin: 0;
padding: 0
}
.searchandfilter h4 {
padding-bottom: 4px;
margin-top: 10px;
}
.searchandfilter select.sf-input-select {
max-width: 100%;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
padding: 10px 15px;
color: #3A5CA3;
border: 1px solid #2D5EA3;
border-radius: 5px; background-image: url(//gsr-technology.co.uk/wp-content/themes/GSR/img/icon-down.png?1);
background-size: 20px auto;
background-position: right center;
background-repeat: no-repeat; }
.woocommerce-ordering,
.woocommerce-result-count {
display: none;
}
.FilterProduct .filterCol {
width: 20%;
}
.FilterProduct .productInfo {
width: 80%;
padding-left: 20px;
box-sizing: border-box;
margin-bottom: 60px;
}
#compare {
position: fixed;
bottom: -100%;
right: 0;
display: block;
z-index: 2;
background-color: #2D5EA3;
padding: 20px 20px;
box-sizing: border-box;
color: #fff;
transition: all 300ms;
}
#compare.active {
bottom: 0;
transition: all 300ms;
}
#compare .compare-message {
color: #fff;
font-weight: 600;
}
#compare .btn {
margin: 0 0 0 10px;
border: 1px solid #E1E7F0
}
#compare .btn:hover {
border: 1px solid #E1E7F0
}
header.header nav.nav {
margin-left: auto
}
header.header nav.nav ul,
header.header nav.nav ul li {
margin: 0;
padding: 0;
list-style-type: none;
position:
}
header.header nav.nav .topLevel {
display: flex;
}
header.header nav.nav ul.topLevel>li>a {
color: #000;
font-weight: 600;
padding: 56px 0 56px 0px;
display: block;
margin-left: 20px;
margin-right: 20px;
}
header.header nav.nav ul.topLevel>li .secondLevel {
max-height: 0;
overflow: hidden;
position: absolute;
z-index: 10;
position: absolute;
max-height: 0;
overflow: hidden;
left: 0;
top: 188px;
background-color: white;
display: block;
width: 100%; transition: all 500ms;
opacity: 0;
padding-bottom: 0;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
border-bottom: 1px solid #E1E7F0
}
.submenuInner { width: 100%;
}
.productWithGroup {
max-width: 200px
}
.subsubsubmenu {
width: 50%;
}
.subsubsubmenu .taxList {
display: flex;
flex-wrap: wrap;
}
.subsubsubmenu span {
width: 33.33%;
}
.submenuInner {
padding: 0 20px 20px
}
.submenuInner a.topHeader {
color: #000;
font-weight: 600;
margin: 20px 0;
display: block
}
.submenuInner a {
color: #000;
font-weight: 500;
margin: 20px 0 0 0;
display: block
}
.submenuInner a:hover {
color: #2D5EA3;
}
.submenuInner .header {
margin-top: 40px;
font-weight: 600;
}
.leftHeaders {
float: left;
min-width: 200px
}
.screensAndResolutions {
width: 0px;
max-height: 0px;
transition: opacity 600ms;
display: flex;
box-sizing: border-box;
overflow: hidden;
opacity: 0;
z-index: 0;
}
.productWithGroup a.active {
color: #2D5EA3
}
.screensAndResolutions.active {
width: 640px;
max-height: 2000px;
transition: opacity 600ms;
opacity: 1;
z-index: 2;
}
.screensAndResolutions .screensizes {
width: 45%;
padding-left: 20px;
}
.screensAndResolutions .resolutions {
width: 55%;
padding-left: 20px;
}
.screensAndResolutions .top {
font-weight: 600;
margin-bottom: 5px;
}
.screensAndResolutions .screensizes .inner {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
.screensAndResolutions .resolutions .inner {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
.screensAndResolutions .screensizes span {
width: 50%;
}
.screensAndResolutions .resolutions span {
width: 33.33%;
}
.screensAndResolutions .resolutions span a {}
.screensAndResolutions h2 {
display: none
}
.submenuInner {
display: flex;
}
.lastCol {
margin-left: auto;
width: 240px;
min-width: 240px;
max-width: 240px
}
.helpBox {
border-radius: 10px;
height: 290px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: linear-gradient(180deg, rgba(58, 92, 163, 1) 0%, rgba(29, 46, 82, 1) 100%);
box-sizing: border-box;
padding: 0 30px
}
header.header nav.nav ul.topLevel>li:hover>a {
color: #3A5CA3
}
header.header nav.nav ul.topLevel>li>a {
border-top: 3px solid rgba(0, 0, 0, 0)
}
header.header nav.nav ul.topLevel>li:hover>a {
border-top: 3px solid #3A5CA3
}
.customSpecs .specs h4 {
margin-top: 20px;
}
.customSpecs .specs p {
font-size: 14px
}
.customSpecs .specs ul,
.customSpecs .specs ul li {
padding: 0;
margin: 0;
list-style-type: none;
font-size:
}
.customSpecs .specs ul li {
display: block;
padding: 0 0px 10px 15px;
position: relative;
}
.customSpecs .specs ul li::before {
content: "";
background-color: #3A5CA3;
position: absolute;
left: 0px;
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
top: 8px;
}
.fancybox-bg {
background: #F6F7F8!important;
}
.fancybox-is-open .fancybox-bg {
opacity: 1!important;
}
#popup {
max-width: 800px;
}
#popup .intro h2 {
margin-bottom: 15px
}
#popup .intro p {
font-size: 16px;
max-width: 800px;
margin: 0 auto
}
#popup.fancybox-content {
background: none!important;
}
#popup .gform-body {
background: #fff;
border-radius: 10px;
box-sizing: border-box;
padding: 20px 40px;
margin-top: 40px;
}
.fancybox-slide--html .fancybox-close-small {
background-color: #2D5EA3;
color: #fff!important;
top: 210px!important;
right: 22px!important;
position: absolute;
border-radius: 50%;
opacity: 1
}
.gfield {
margin-bottom: 20px;
}
.gfield_label {
margin-bottom: 5px;
display: block;
font-size: 12px;
}
.hidden_label .gfield_label {
display: none;
}
.gfield_visibility_hidden {
display: none
}
.gfield textarea {
min-height: 200px;
padding-top: 10px
}
.gfield.half {
width: 50%;
float: left;
}
.gfield.half.last {
padding-left: 10px;
box-sizing: border-box;
}
fieldset {
border: 0px solid #fff;
padding: 0;
}
.hidden_label label.gfield_consent_label,
.gchoice label {
display: block;
}
.ginput_container_checkbox,
.ginput_container_consent {
position: relative;
}
.ginput_container_checkbox input,
.ginput_container_consent input {
display: inline-block;
vertical-align: top;
margin-top: 3px
}
.ginput_container_checkbox label,
.ginput_container_consent label {
display: inline-block!important;
width: calc(100% - 30px);
}
.ginput_container_consent label a {
font-size: 14px;
}
#field_3_12 .ginput_container_consent .gfield_required_asterisk {
display: none!important;
}
.whiteBoxes {
margin: 60px 0;
}
.whiteBoxes .whiteBox {
box-sizing: border-box;
padding: 95px 20px;
background-color: #fff;
border-radius: 10px;
}
.whiteBoxes .whiteBox .icon {
width: 60px;
margin: 0 auto
}
.whiteBoxes .whiteBox h2 {
margin-bottom: 30px
}
.whiteBoxes .whiteBox a {
font-weight: 600;
font-size: 18px;
}
.whiteBoxes .col:first-child {
width: 50%;
padding-right: 10px;
box-sizing: border-box;
}
.whiteBoxes .col:last-child {
width: 50%;
padding-left: 10px;
box-sizing: border-box;
}
.gform_confirmation_wrapper {
background-color: #fff;
margin-top: 40px;
box-sizing: border-box;
padding: 40px;
text-align: center
}
.gform_confirmation_message {
font-size: 16px;
font-weight: 600;
color: #3A5CA3
}
.tax-product_cat .callOuts {
margin-top: 60px
}
.fullWidth h2 {
margin-bottom: 10px;
}
.gallery.flex {
flex-wrap: nowrap;
margin: 40px 0 20px;
width: calc(100% + 30px);
position: relative;
left: -15px
}
.gallery.flex .image {
margin: 0 15px
}
.shop_table .row,
.col.header .row {
border-bottom: 1px solid #E5E8EA;
padding-bottom: 15px;
margin-bottom: 15px;
}
.shop_table .cart_item {
padding-top: 10px;
}
.shop_table .row p,
.col.header .row p {
padding-bottom: 0;
margin-bottom: 0;
}
.shop_table .row .inner {
padding: 0 10px;
box-sizing: border-box;
}
.shop_table .row:last-child {
border-bottom: 0px solid 0;
}
.shop_table .product-name {
color: #2D5EA3;
font-weight: 600;
}
.product-thumbnail .greyBox {
background-color: #F6F7F8;
width: 100%;
border-radius: 10px;
height: 180px;
padding: 20px;
box-sizing: border-box;
}
.product-thumbnail .image {
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.woocommerce a.remove {
display: block;
position: absolute;
right: 0;
top: 0;
color: #fff!important;
background-color: #2D5EA3;
border-radius: 50%;
font-weight: 500;
}
.woocommerce a.remove:hover {
background-color: #000;
}
.shop_table_responsive {
margin-top: 60px;
}
.shop_table_responsive .owl-nav button {
top: 10%;
}
.product-comparison .breadcrumb,
.compareTable {
margin-bottom: 80px;
}
.newsPage h1 {
margin-top: 90px;
}
.newsPage .intro p {
font-size: 18px;
}
.product-comparison .compareTable .col:first-child {
width: 20%;
}
.product-comparison .compareTable .col:last-child {
width: 80%;
}
.col.header p {
font-weight: 600;
color: #2D5EA3;
}
.col.header {
margin-top: 70px;
}
.col.header .product-thumbnail {
min-height: 182px;
}
.endBit {
padding: 0px 20px 40px;
box-sizing: border-box;
}
.woocommerce-notices-wrapper {
position: fixed;
bottom: 0;
right: 0;
margin: 0;
z-index: 3;
}
.woocommerce-message {
margin: 0;
background-color: #2D5EA3;
color: #fff;
font-weight: 500;
border-top: 0px solid #fff;
}
.woocommerce-message a {
color: #fff;
text-decoration: underline;
}
.woocommerce-message::before {
color: #fff;
}
.woocommerce-notices-wrapper .btn {
margin: 0 0 0 10px;
background-color: #fff;
color: #2D5EA3;
text-decoration: none;
}
.woocommerce-page .woocommerce-message::before {
top: 26px;
}
body.about-us .aboutCols.twoCol {
margin-top: 80px;
}
body.about-us .aboutCols.twoCol .col {
width: 100%;
}
body.about-us .aboutCols.twoCol .col {
padding: 0 20px;
}
body.about-us .aboutCols.twoCol .col:first-child {
padding-right: 0px;
margin-bottom: 100px;
}
body.about-us .aboutCols.twoCol .col:first-child p {
position: sticky;
top: 20px;
font-size: 18px;
}
.aboutPoints .owl-nav button span {
left: 20px;
position: relative;
}
body.about-us .aboutCols.twoCol .aboutPoint {
position: relative;
margin-bottom: 80px;
padding-left: 100px;
}
body.about-us .aboutCols.twoCol .aboutPoint h2 {
font-family: 'Roboto Slab';
font-size: 34px;
font-weight: 600;
line-height: 120%;
}
body.about-us .aboutCols.twoCol .aboutPoint .number {
font-family: 'Roboto Slab';
position: absolute;
font-size: 130px;
z-index: 0;
color: #2D5EA3;
opacity: 0.1;
font-weight: 400;
top: -89px;
left: 15px;
}
body.contact .lightBlueBg {
overflow: hidden;
}
body.contact .intro p {
font-size: 18px;
}
body.contact h1 {
margin-top: 90px;
display: block;
}
body.contact .form .gform_body {
max-width: 800px;
background-color: #fff;
padding: 30px 50px;
border-radius: 10px;
margin: 0 auto;
}
body.contact .intro {
max-width: 800px;
margin: 0 auto 50px;
}
body.contact .gform_footer {
text-align: center;
margin: 20px;
}
body.single-product .fancybox-container .gform_footer {
margin-bottom: 40px;
margin-top: 40px;
}
body.contact .whiteBoxes {
max-width: 800px;
margin: 80px auto;
}
body.contact .map {
min-height: 600px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
body.contact .map .inner {
height: 550px;
display: flex;
align-content: center;
align-items: center;
position: relative;
}
body.contact .map .whiteBox h2 {
margin: 0 0 20px
}
body.contact .map .whiteBox {
background-color: #fff;
padding: 40px;
border-radius: 10px;
box-sizing: border-box;
width: 400px;
position: absolute;
text-align: center;
left: -100%;
transition: all 500ms;
}
body.contact .map .whiteBox.activeBox {
left: 50px;
transition: all 500ms;
}
body.contact .address {
margin-bottom: 30px;
}
.search-results .readMore {
display: none
}
.search-results .newOverview {
padding: 0;
}
.fancybox-slide:before {
display: none!important;
}
.owl-scrollbar {
margin-top: 20px;
height: 1px;
width: 400px;
background: #3A5CA3;
position: absolute;
left: calc(50% - 200px);
bottom: -20px;
display: none;
}
.owl-scrollbar .owl-scroll-handle {
height: 15px;
width: 15px;
border-radius: 10px;
display: inline-block;
background: #3A5CA3;
position: absolute;
top: -7px;
left: 0px;
}
.owl-scrollbar .owl-scroll-handle:hover {
transform: scale(1.1);
transition: transform .2s ease-in-out;
}
.newsletter .desc,
.productCategory .desc {
font-size: 18px;
}
.flexiFeature .btn {
margin-bottom: 40px;
margin-top: 40px;
}
.hotSpot {
top: 0;
left: 0;
cursor: pointer;
display: block;
position: absolute;
}
.hotSpot#uk {
display: block;
width: 10px;
height: 10px;
top: 29%;
left: 45%;
height: 8%;
width: 2.3%;
transform: rotate(-27deg)
}
.hotSpot#france {
display: block;
width: 10px;
height: 10px;
top: 37%;
left: 45%;
height: 5.3%;
width: 4%;
transform: rotate(-30deg)
}
.hotSpot#netherlands {
display: block;
width: 10px;
height: 10px;
top: 34%;
left: 48.1%;
height: 2.3%;
width: 2%;
transform: rotate(-30deg);
}
.hotSpot#italy {
display: block;
width: 10px;
height: 10px;
top: 40%;
left: 48%;
height: 8%;
width: 5%;
transform: rotate(-30deg)
}
.hotSpot#china {
display: block;
width: 10px;
height: 10px;
top: 35%;
left: 68%;
height: 22%;
width: 17%;
transform: rotate(-30deg);
}
.somethingElseContainer .intro p {
margin-bottom: 40px;
font-size: 18px;
}
.connectionIcons {
display: flex;
flex-wrap: wrap;
margin-top: 40px;
}
.connectionIcons .connection {
width: 100px;
text-align: center;
margin-right: 60px;
}
.connectionIcons .connection .icon {
margin-bottom: 10px;
}
.connectionIcons .connection span {
clear: both;
width: 100%;
display: block;
}
@media only screen and (min-width: 1200px) {
.popularModels .owl-nav {
width: 100%;
display: block!important;
}
}
@media only screen and (min-width: 600px) {
.productCategory .col {
width: 50%;
}
.productCategory .col:first-child {
width: 44%;
display: flex;
align-items: center;
}
.productCategory .col:last-child {
width: 56%;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 20px 60px;
}
.productCategory .col:last-child img {
max-height: 430px;
width: auto;
text-align: center;
margin: 0 auto;
display: block;
}
.productCategories .productCategory:nth-child(even) .flex {
flex-direction: row-reverse;
}
.flexiFeature {
position: relative;
min-height: 500px
}
.flexiFeature .col {
width: 53%;
position: absolute;
}
.flexiFeature .col:nth-child(1) {
z-index: 2;
top: 100px;
display: flex;
align-items: center;
height: 400px;
}
.flexiFeature .col:nth-child(2) {
right: 0
}
.flexiFeature:nth-child(2) .col:nth-child(2) {
left: 0;
top: 100px
}
.flexiFeature:nth-child(2) .col:nth-child(1) {
right: 0;
top: 0
}
.flexiFeature:nth-child(3) .col:nth-child(2) {
top: 100px
}
.flexiFeature:nth-child(3) .col:nth-child(1) {
top: 0
}
.flexiFeature:nth-child(4) .col:nth-child(2) {
left: 0;
top: 0px
}
.flexiFeature:nth-child(4) .col:nth-child(1) {
right: 0;
top: 100px
}
.halfIntro .col {
width: 50%;
box-sizing: border-box;
}
.halfIntro .col:nth-child(1) {
padding: 0 30px 0 0
}
.header .nav>ul>li:hover>ul.sub-menu {
max-height: 600px;
transition: all 500ms;
opacity: 1;
}
.single-post h1 {
max-width: 60%;
}
.newsPage .newsItems {
width: calc(100% + 40px);
position: relative;
left: -20px;
}
.customSpecs .col:first-child {
padding-right: 50px;
}
.customSpecs .col:last-child {
padding-left: 50px;
}
}
@media only screen and (min-width: 860px) {
.productsFilter .col:nth-child(1) {
width: 20%
}
.productsFilter .col:nth-child(2) {
width: 80%
}
.productDescription,
.productSpecification,
.productConnections {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 1140px) {
body.fixed {
overflow: hidden;
}
.container {
width: 100%;
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
}
.footer .col {
width: 50%;
}
.hero .whiteBox {
width: 100%;
}
h1 {
font-size: 28px
}
h1 br {
display: none;
}
h2 {
font-size: 32px
}
header.header {
position: relative;
}
.topMenu .colOne p {
margin-bottom: 0;
}
header.header nav.nav {
width: 100%;
position: fixed;
top: 147px;
height: calc(100vh - 147px);
z-index: 10;
background-color: #3A5CA3;
left: 0;
overflow: scroll;
left: -100%;
transition: all 300ms;
}
header.header nav.nav.activeMenu {
left: 0%;
transition: all 300ms;
}
header.header nav.nav .topLevel {
width: 100%;
flex-wrap: wrap;
}
header.header nav.nav ul li {
display: block;
width: 100%;
}
header.header nav.nav ul.topLevel>li>a {
padding: 20px 0;
margin-left: 0;
margin-right: 0;
color: #fff;
text-align: center;
border-bottom: 1px solid #ececec;
position: relative;
}
header.header nav.nav ul.topLevel>li>a::after {
content: "";
display: block;
position: absolute;
right: 15px;
top: 15px;
height: 20px;
width: 20px;
background-image: url(//gsr-technology.co.uk/wp-content/themes/GSR/img/icon-white-arrow.png?1);
background-position: center right;
transform: rotate(90deg);
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
transition: all 300ms;
}
header.header nav.nav ul.topLevel>li.activeMob>a::after {
transform: rotate(270deg);
top: 24px;
transition: all 300ms;
}
header.header nav.nav ul.topLevel>li>a:hover {
color: #fff;
}
header.header .helpBox {
display: none;
}
header.header nav.nav ul.topLevel>li .secondLevel {
position: relative;
top: 0;
left: 0;
width: 100%;
opacity: 1;
max-height: 900px;
border-radius: 0;
background-color: #294172;
text-align: center;
box-shadow: 0px 0px 0px;
}
header.header nav.nav ul.topLevel>li .secondLevel a {
color: #fff;
}
.submenuInner {
padding: 0;
width: 100%;
flex-wrap: wrap;
}
.leftHeaders {
width: 100%;
}
.screensAndResolutions {
display: none;
}
.productWithGroup {
max-width: 100%;
}
header.header nav.nav ul.topLevel>li .secondLevel {
padding: 0;
}
header.header nav.nav ul.topLevel>li .secondLevel a {
width: 100%
}
.submenuInner a.topHeader {
margin: 0;
}
.submenuInner a {
margin: 0;
padding: 20px 0 20px;
border-bottom: 1px solid #ececec;
}
.productWithGroup a.active,
header.header nav.nav ul.topLevel>li:hover>a {
color: #fff
}
header.header nav.nav ul.topLevel>li .secondLevel {
max-height: 0;
transition: all 300ms;
overflow: hidden;
}
header.header nav.nav ul.topLevel>li.activeMob .secondLevel {
max-height: 600px;
transition: all 300ms;
}
.burgerMenu {
position: absolute;
top: 15px;
right: 15px;
width: 40px;
height: 40px;
z-index: 99;
}
.burgerMenu .inner {
width: 100%;
height: 100%;
position: relative
}
.burgerMenu .inner span {
position: absolute;
width: 100%;
background-color: #294172;
height: 4px;
display: block;
border-radius: 10px;
transition: all 300ms;
opacity: 1;
transform: rotate(0deg);
right: 0;
}
.burgerMenu .inner span:first-child {
top: 25%
}
.burgerMenu .inner span:nth-child(2) {
top: 50%;
}
.burgerMenu .inner span:last-child {
top: 75%
}
.burgerMenu.activeMenu .inner span:first-child {
top: 50%;
transform: rotate(135deg)
}
.burgerMenu.activeMenu .inner span:nth-child(2) {
opacity: 0;
right: 500%;
}
.burgerMenu.activeMenu .inner span:last-child {
top: 50%;
transform: rotate(-135deg)
}
.topMenu .colTwo ul li a {
margin-top: 10px
}
.topMenu .colTwo .magIcon {
top: 8px;
}
.topMenu .colTwo ul {}
.topMenu .colTwo.activeSearch ul {
min-width: 0px;
width: 0;
overflow: hidden;
height: 0;
transition: all 300ms;
}
#ajaxsearchlite1.active {
width: 90%;
}
.topMenu .colTwo ul li a {
margin-left: 0;
margin-right: 20px;
}
.logo {
max-width: 120px;
margin: 10px 0 10px 0;
}
body.contact .map {
background-image: none!important;
}
body.contact .map .whiteBox {
position: inherit;
left: initial
}
body.contact .map .inner {
display: block;
height: auto;
}
body.contact .map .whiteBox {
margin: 20px auto;
display: block;
}
.productWithGroup {
min-width: 100%;
} header.header nav.nav ul.topLevel>li>a::after {
display: none
}
.owl-nav button.owl-prev {
left: 30px
}
.owl-nav button.owl-next {
right: 30px;
}
}
@media only screen and (max-width: 860px) {
.productCategory .col:first-child,
.productCategory .col:last-child {
width: 100%
}
.features .feature {
width: 50%;
padding-bottom: 30px;
}
.callOut {
width: 100%;
margin-bottom: 70px;
}
.newsletter .col {
width: 100%
}
.newsletter .col:nth-child(2) {
padding-left: 0;
margin-top: 30px;
}
.newsItems article {
width: 100%;
}
.endNote .col {
width: 100%;
text-align: center;
padding: 20px 0
}
.endNote .col:nth-child(2) {
margin-left: 0
}
.topMenu .colOne,
.topMenu .colTwo {
width: 100%;
text-align: center;
}
.topMenu .colTwo .magIcon {}
.topMenu .colTwo {
margin-left: inherit;
justify-content: center;
}
#ajaxsearchlite1 {
margin-right: 0;
}
.flexiFeature .image {
height: 200px
}
.productsFilter,
.productsFilter .lighBlueBox,
.productsFilter .filter {
width: 100%;
margin-bottom: 20px
}
.productLoop {
padding-left: 0px;
}
.productsFilter .products>li {
position: relative
}
.productsFilter .products>li .col:nth-child(1) {
height: 200px;
}
.productsFilter .products>li .col:nth-child(2) {
padding-left: 0;
position: initial;
}
.heart.btn {
right: 20px;
top: 0px
}
.view.btn {
position: initial;
width: 100%;
text-align: center;
margin-top: 10px
}
.productLoop .products {
display: flex;
flex-wrap: wrap;
}
#filterBtn {
font-weight: 600;
display: block;
text-align: center;
width: 100%;
position: relative;
padding: 10px 30px;
cursor: pointer;
background-color: #2D5EA3;
color: #E1E7F0;
font-weight: 600;
border-radius: 5px;
}
#filterBtn::after {
position: absolute;
right: 15px;
content: " ";
display: block;
height: 20px;
width: 15px;
background-image: url(//gsr-technology.co.uk/wp-content/themes/GSR/img/icon-white-arrow.png);
background-size: contain;
top: 14px;
background-repeat: no-repeat;
transform: rotate( 90deg);
transition: all 300ms;
}
#filterBtn.active::after {
transform: rotate( 270deg);
transition: all 300ms;
top: 7px;
}
.searchandfilter h4 {
padding-top: 10px;
display: block;
}
.productsFilter .lighBlueBox {
max-height: 0;
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
transition: all 500ms;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.productsFilter .lighBlueBox.active {
max-height: 4000px;
transition: all 500ms;
overflow: hidden;
}
.productCategory.padSec {
background-image: none!important;
padding: 80px 0px 30px 0;
}
.newsletter h2,
.newsletter .desc {
text-align: center;
}
.newsItems article {
margin-bottom: 20px;
}
.newOverview .readMore {
position: inherit;
}
.callOuts.padSec {
padding-top: 60px;
padding-bottom: 0px;
}
.flexiFeature .col:nth-child(1) {
padding: 20px 10px
}
.halfIntro {
margin-bottom: 30px;
}
.flexiFeature .btn {
margin-bottom: 20px
}
}
@media only screen and (min-width: 641px) {
.mobileOnly {
display: none;
}
}
@media only screen and (max-width: 640px) {
.hero .whiteBox h1,
h1,
.topPropduct h1,
.single-post h1 {
font-size: 24px
}
.hero .whiteBox {
padding: 15px 15px 40px;
}
.hero .whiteBox .desc,
.homeFeatures .intro .desc {
font-size: 18px;
line-height: 120%;
}
h2,
h3,
.single-post .featuredNews .intro h2 {
font-size: 21px
}
.flexiFeature .desc,
.halfIntro .col p {
font-size: 16px;
}
.hero .whiteBox .desc,
.hero .whiteBox h1 {
text-align: center;
}
.hero .btn,
.hero .btn:hover {
width: 100%;
position: inherit;
margin-top: 0px;
text-align: center;
}
.padSec {
padding: 60px 0px;
clear: both;
}
.features .feature {
width: 100%;
}
.productCategories .productCategory {
text-align: center;
}
.productLinks a {
padding-left: 0;
background: none;
}
.productCategories .productCategory .btn {}
.productCategory .col:last-child .inner {
box-sizing: border-box;
padding: 30px;
}
.newsletter .desc,
.whiteBoxes .whiteBox a {
font-size: 14px;
}
.newsletterForm #gform_1 {
flex-wrap: wrap;
}
.newsletterForm #gform_1 .gform_body,
.newsletterForm #gform_1 .gform_footer {
width: 100%;
}
.newsletterForm #gform_1 .gform_footer input[type="submit"] {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.footer .col {
width: 100%;
}
.newsItems article {
padding: 0;
}
.footer .col {
margin-bottom: 20px;
text-align: center;
}
.footer h4 {
margin-bottom: 15px;
}
.endNote .col {
padding: 0
}
.breadcrumb {
padding: 20px 0
}
.banner .whiteBox {
padding: 30px 15px 0 15px;
bottom: -80px;
left: 0;
height: auto;
border-radius: 0;
width: 100%;
box-sizing: border-box;
}
.banner .bannerCopy {
width: 100%;
font-size: 18px;
}
.banner .container {
padding-left: 0;
padding-right: 0;
}
.banner {
margin-bottom: 0px;
}
.flexiFeature .col:nth-child(1) {
padding-left: 15px;
padding-right: 15px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.flexiFeature .mask {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.productsFilter .products>li .col:nth-child(1),
.productsFilter .products>li .col:nth-child(2) {
width: 100%
}
.banner,
.banner .item,
.banner .bannerContents {
min-height: 140px
}
.topPropduct .col:nth-child(1) {
width: 100%
}
.topPropduct .col:nth-child(2) {
width: 100%;
padding-left: 0
}
.FilterProduct .filterCol,
.FilterProduct .productInfo {
width: 100%
}
.FilterProduct .productInfo {
padding-left: 0
}
.productSpecification .row .label {
min-width: 100%;
}
.topPropduct .col:nth-child(1) .image {
height: 200px;
margin-bottom: 20px;
}
.fancybox-content {
padding: 20px!important
}
.fancybox-slide--html .fancybox-close-small {
top: 149px!important;
right: 0px!important;
}
.whiteBoxes .col:first-child,
.whiteBoxes .col:last-child {
width: 100%;
}
#popup .gform-body {
padding: 20px 20px
}
.whiteBoxes .col:first-child {
padding-right: 0
}
.whiteBoxes .col:last-child {
margin-top: 20px;
padding-left: 0;
}
body.about-us .aboutCols.twoCol .col {
width: 100%;
}
body.about-us .aboutCols.twoCol .col:first-child {
padding-right: 0
}
body.about-us .aboutCols.twoCol .col {
padding-left: 0;
padding-right: 0
}
body.about-us .aboutCols.twoCol .aboutPoint .number {
left: -10px
}
body.contact .form .gform_body {
padding: 20px 15px
}
.gfield.half {
width: 100%;
}
body.contact .map .whiteBox {
position: initial
}
body.contact .map {
min-height: auto;
}
body.contact .map .inner {
height: auto
}
.newsInfo .leftCol {
width: 100%
}
.newsInfo .rightCol {
width: 100%
}
.newsInfo {
flex-wrap: wrap;
}
body.contact .map .whiteBox {
width: 100%;
}
.topMenu .colTwo ul li:last-child a {
margin-right: 0;
}
.productCategory.padSec h2,
.productCategory.padSec .desc,
.productCategory.padSec .productLink,
.productCategory.padSec {
text-align: center;
}
.topPropduct h1 {
margin-top: 40px;
}
.product-template-default .breadcrumb {
margin-bottom: 20px;
}
.product-comparison .compareTable .col:first-child {
display: none
}
.product-comparison .compareTable .col:last-child {
width: 100%
}
.product-comparison .mobileOnly {
color: #2D5EA3;
font-weight: 600;
}
.shop_table .row p {
margin-top: 0;
text-align: center;
}
.endBit,
.shop_table .product-name {
text-align: center;
}
.flexiFeature {
margin-top: 20px
}
.flexiFeature {
text-align: center;
}
body.about-us .aboutCols.twoCol,
body.single-post main .container,
body.page-template-default main .mainContent {
margin-top: 80px
}
body.about-us .aboutCols.twoCol .aboutPoint {
padding-left: 50px
}
body.about-us .aboutCols.twoCol .aboutPoint .number {
font-size: 100px;
top: -61px
}
.newsletter .col:nth-child(1) {
padding-right: 0;
}
.gfield.half.last {
padding-left: 0;
}
.halfIntro {
margin-top: 80px;
}
.newsletterForm #gform_1 input[type="email"] {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-right: 2px;
margin-bottom: 5px;
}
.footer .bit {
margin-bottom: 20px
}
}
@media only screen and (max-width: 599px) {}
@media only screen and (min-width: 861px) {
#filterBtn {
display: none
}
}
@media only screen and (min-width: 1141px) {
header.header nav.nav ul.topLevel>li:hover .secondLevel {
max-height: 600px;
opacity: 1;
transition: all 500ms;
}
.nonSuperNav {
width: 100%;
flex-wrap: wrap;
}
.nonSuperNav .productWithGroup {
width: 100%;
max-width: 100%;
}
.nonSuperNav {
width: 1140px;
margin: 0 auto;
display: block;
box-sizing: border-box;
}
.nonSuperNav.menuItem16 {
padding-left: 213px;
}
.nonSuperNav.menuItem17 {
padding-left: 376px
}
.nonSuperNav.menuItem20 {
padding-left: 544px
}
.nonSuperNav.menuItem21 {
padding-left: 737px
}
header.header nav.nav ul li:last-child .secondLevel {
display: none
}
header.header nav.nav ul.topLevel>li:first-child>a {
margin-left: 40px;
}
header.header nav.nav ul.topLevel>li:last-child>a {
margin-right: 0;
}
}
.sf-field-taxonomy-brightness,
.sf-field-taxonomy-view_angle,
.sf-field-taxonomy-contrast_ratio,
.sf-field-taxonomy-op_temp,
.sf-field-taxonomy-interface {
display: none!important;
}
.cart-empty,
.return-to-shop {
text-align: center;
padding-right: 220px;
}
.woocommerce .return-to-shop .button {
margin-top: 20px;
display: inline-block;
background-color: #E1E7F0;
color: #2D5EA3;
padding: 10px 45px;
font-weight: 600;
color: #2D5EA3;
border-radius: 5px;
transition: all 300ms;
}@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-300.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-300.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-300.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-300.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-300.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-300.svg#Montserrat) format('svg'); } @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-regular.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-regular.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-regular.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-regular.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-regular.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-regular.svg#Montserrat) format('svg'); } @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-600.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-600.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-600.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-600.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-600.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-600.svg#Montserrat) format('svg'); } @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-800.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-800.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-800.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-800.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-800.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-800.svg#Montserrat) format('svg'); } @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-900.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-900.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-900.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-900.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-900.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/montserrat-v18-latin-900.svg#Montserrat) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 100;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-100.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-100.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-100.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-100.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-100.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-100.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 300;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-300.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-300.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-300.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-300.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-300.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-300.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 200;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-200.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-200.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-200.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-200.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-200.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-200.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-regular.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-regular.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-regular.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-regular.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-regular.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-regular.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 500;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-500.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-500.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-500.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-500.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-500.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-500.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 600;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-600.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-600.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-600.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-600.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-600.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-600.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 700;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-700.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-700.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-700.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-700.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-700.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-700.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 900;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-900.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-900.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-900.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-900.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-900.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-900.svg#RobotoSlab) format('svg'); } @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 800;
src: url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-800.eot); src: local(''),
url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-800.eot?#iefix) format('embedded-opentype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-800.woff2) format('woff2'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-800.woff) format('woff'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-800.ttf) format('truetype'), url(//gsr-technology.co.uk/wp-content/themes/GSR/fonts/roboto-slab-v16-latin-800.svg#RobotoSlab) format('svg'); }.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//gsr-technology.co.uk/wp-content/themes/GSR/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.animated { 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
} 
.slow{
-webkit-animation-duration: 1.5s; 
animation-duration: 1.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
}
.slower{
-webkit-animation-duration: 2s; 
animation-duration: 2s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
}
.slowest{
-webkit-animation-duration: 3s; 
animation-duration: 3s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
} .delay-250 {
-webkit-animation-delay:0.25s;
-moz-animation-delay:0.25s;
-o-animation-delay:0.25s;
animation-delay:0.25s;
}
.delay-500 {
-webkit-animation-delay:0.5s;
-moz-animation-delay:0.5s;
-o-animation-delay:0.5s;
animation-delay:0.5s;
}
.delay-750 {
-webkit-animation-delay:0.75s;
-moz-animation-delay:0.75s;
-o-animation-delay:0.75s;
animation-delay:0.75s;
}
.delay-1000 {
-webkit-animation-delay:1.0s;
-moz-animation-delay:1.0s;
-o-animation-delay:1.0s;
animation-delay:1.0s;
}
.delay-1250 {
-webkit-animation-delay:1.25s;
-moz-animation-delay:1.25s;
-o-animation-delay:1.25s;
animation-delay:1.25s;
}
.delay-1500 {
-webkit-animation-delay:1.5s;
-moz-animation-delay:1.5s;
-o-animation-delay:1.5s;
animation-delay:1.5s;
}
.delay-1750 {
-webkit-animation-delay:1.75s;
-moz-animation-delay:1.75s;
-o-animation-delay:1.75s;
animation-delay:1.75s;
}
.delay-2000 {
-webkit-animation-delay:2.0s;
-moz-animation-delay:2.0s;
-o-animation-delay:2.0s;
animation-delay:2.0s;
}
.delay-2500 {
-webkit-animation-delay:2.5s;
-moz-animation-delay:2.5s;
-o-animation-delay:2.5s;
animation-delay:2.5s;
}
.delay-2000 {
-webkit-animation-delay:2.0s;
-moz-animation-delay:2.0s;
-o-animation-delay:2.0s;
animation-delay:2.0s;
}
.delay-2500 {
-webkit-animation-delay:2.5s;
-moz-animation-delay:2.5s;
-o-animation-delay:2.5s;
animation-delay:2.5s;
}
.delay-3000 {
-webkit-animation-delay:3.0s;
-moz-animation-delay:3.0s;
-o-animation-delay:3.0s;
animation-delay:3.0s;
}
.delay-3500 {
-webkit-animation-delay:3.5s;
-moz-animation-delay:3.5s;
-o-animation-delay:3.5s;
animation-delay:3.5s;
}
.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{
opacity:0;
-webkit-transform: translateX(400px); 
transform: translateX(400px); 
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{
opacity:0;
-webkit-transform: translateX(400px); 
transform: translateX(400px); 
}
.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{
opacity:0;
}
.lightSpeedInRight, .lightSpeedInLeft{
opacity:0;
-webkit-transform: translateX(400px); 
transform: translateX(400px); 
} @-webkit-keyframes bounceIn { 
0% { 
opacity: 0; 
-webkit-transform: scale(.3); 
} 
50% { 
opacity: 1; 
-webkit-transform: scale(1.05); 
} 
70% { 
-webkit-transform: scale(.9); 
} 
100% { 
-webkit-transform: scale(1); 
} 
} 
@keyframes bounceIn { 
0% { 
opacity: 0; 
transform: scale(.3); 
} 
50% { 
opacity: 1; 
transform: scale(1.05); 
} 
70% { 
transform: scale(.9); 
} 
100% { 
transform: scale(1); 
} 
} 
.bounceIn.go { 
-webkit-animation-name: bounceIn; 
animation-name: bounceIn; 
} @-webkit-keyframes bounceInRight { 
0% { 
opacity: 0; 
-webkit-transform: translateX(400px); 
} 
60% { 
-webkit-transform: translateX(-30px); 
} 
80% { 
-webkit-transform: translateX(10px); 
} 
100% {
opacity: 1;
-webkit-transform: translateX(0); 
} 
} 
@keyframes bounceInRight { 
0% { 
opacity: 0; 
transform: translateX(400px); 
} 
60% { 
transform: translateX(-30px); 
} 
80% { 
transform: translateX(10px); 
} 
100% {
opacity: 1;
transform: translateX(0); 
} 
} 
.bounceInRight.go { 
-webkit-animation-name: bounceInRight; 
animation-name: bounceInRight; 
} @-webkit-keyframes bounceInLeft { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-400px); 
} 
60% { 
-webkit-transform: translateX(30px); 
} 
80% { 
-webkit-transform: translateX(-10px); 
} 
100% {
opacity: 1;
-webkit-transform: translateX(0); 
} 
} 
@keyframes bounceInLeft { 
0% { 
opacity: 0; 
transform: translateX(-400px); 
} 
60% { 
transform: translateX(30px); 
} 
80% { 
transform: translateX(-10px); 
} 
100% {
opacity: 1;
transform: translateX(0); 
} 
} 
.bounceInLeft.go { 
-webkit-animation-name: bounceInLeft; 
animation-name: bounceInLeft; 
} @-webkit-keyframes bounceInUp { 
0% { 
opacity: 0; 
-webkit-transform: translateY(400px); 
} 
60% { 
-webkit-transform: translateY(-30px); 
} 
80% { 
-webkit-transform: translateY(10px); 
} 
100% {
opacity: 1;
-webkit-transform: translateY(0); 
} 
} 
@keyframes bounceInUp { 
0% { 
opacity: 0; 
transform: translateY(400px); 
} 
60% { 
transform: translateY(-30px); 
} 
80% { 
transform: translateY(10px); 
} 
100% {
opacity: 1;
transform: translateY(0); 
} 
} 
.bounceInUp.go { 
-webkit-animation-name: bounceInUp; 
animation-name: bounceInUp; 
} @-webkit-keyframes bounceInDown { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-400px); 
} 
60% { 
-webkit-transform: translateY(30px); 
} 
80% { 
-webkit-transform: translateY(-10px); 
} 
100% {
opacity: 1;
-webkit-transform: translateY(0); 
} 
} 
@keyframes bounceInDown { 
0% { 
opacity: 0; 
transform: translateY(-400px); 
} 
60% { 
transform: translateY(30px); 
} 
80% { 
transform: translateY(-10px); 
} 
100% {
opacity: 1;
transform: translateY(0); 
} 
} 
.bounceInDown.go { 
-webkit-animation-name: bounceInDown; 
animation-name: bounceInDown; 
} @-webkit-keyframes fadeIn { 
0% {opacity: 0;} 
100% {opacity: 1;
display:block;} 
} 
@keyframes fadeIn { 
0% {opacity: 0;} 
100% {opacity: 1;
display:block;} 
}
.fadeIn{
opacity:0;
}
.fadeIn.go { 
-webkit-animation-name: fadeIn; 
animation-name: fadeIn; 
} @-webkit-keyframes growIn { 
0% { 
-webkit-transform: scale(0.2); 
opacity:0;
} 
50% { 
-webkit-transform: scale(1.2); 
} 
100% { 
-webkit-transform: scale(1); 
opacity:1;
} 
} 
@keyframes growIn { 
0% { 
transform: scale(0.2); 
opacity:0;
} 
50% { 
transform: scale(1.2); 
} 
100% { 
transform: scale(1); 
opacity:1;
} 
} 
.growIn { 
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity:0;
}
.growIn.go{
-webkit-animation-name: growIn; 
animation-name: growIn; 
} @-webkit-keyframes shake { 
0%, 100% {-webkit-transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
0%, 100% {transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
20%, 40%, 60%, 80% {transform: translateX(10px);} 
} 
.shake.go { 
-webkit-animation-name: shake; 
animation-name: shake; 
} @-webkit-keyframes shakeUp { 
0%, 100% {-webkit-transform: translateY(0);} 
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);} 
20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);} 
} 
@keyframes shakeUp { 
0%, 100% {transform: translateY(0);} 
10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);} 
20%, 40%, 60%, 80% {transform: translateY(10px);} 
} 
.shakeUp.go { 
-webkit-animation-name: shakeUp; 
animation-name: shakeUp; 
} @-webkit-keyframes fadeInLeft { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInLeft { 
0% { 
opacity: 0; 
transform: translateX(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInLeft{ 
opacity: 0; 
-webkit-transform: translateX(-400px); 
transform: translateX(-400px);
}
.fadeInLeft.go { 
-webkit-animation-name: fadeInLeft; 
animation-name: fadeInLeft; 
} @-webkit-keyframes fadeInRight { 
0% { 
opacity: 0; 
-webkit-transform: translateX(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInRight { 
0% { 
opacity: 0; 
transform: translateX(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInRight{ 
opacity: 0; 
-webkit-transform: translateX(400px); 
transform: translateX(400px);
}
.fadeInRight.go { 
-webkit-animation-name: fadeInRight; 
animation-name: fadeInRight; 
} @-webkit-keyframes fadeInUp { 
0% { 
opacity: 0; 
-webkit-transform: translateY(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInUp { 
0% { 
opacity: 0; 
transform: translateY(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInUp{ 
opacity: 0; 
-webkit-transform: translateY(400px); 
transform: translateY(400px);
}
.fadeInUp.go { 
-webkit-animation-name: fadeInUp; 
animation-name: fadeInUp; 
} @-webkit-keyframes fadeInDown { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInDown { 
0% { 
opacity: 0; 
transform: translateY(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInDown{ 
opacity: 0; 
-webkit-transform: translateY(-400px); 
transform: translateY(-400px);
}
.fadeInDown.go { 
-webkit-animation-name: fadeInDown; 
animation-name: fadeInDown; 
} @-webkit-keyframes rotateIn { 
0% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(-200deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateIn { 
0% { 
transform-origin: center center; 
transform: rotate(-200deg); 
opacity: 0; 
} 
100% { 
transform-origin: center center; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateIn.go { 
-webkit-animation-name: rotateIn; 
animation-name: rotateIn; 
} @-webkit-keyframes rotateInUpLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInUpLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInUpLeft.go { 
-webkit-animation-name: rotateInUpLeft; 
animation-name: rotateInUpLeft; 
} @-webkit-keyframes rotateInDownLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInDownLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInDownLeft.go { 
-webkit-animation-name: rotateInDownLeft; 
animation-name: rotateInDownLeft; 
} @-webkit-keyframes rotateInUpRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInUpRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInUpRight.go { 
-webkit-animation-name: rotateInUpRight; 
animation-name: rotateInUpRight; 
} @-webkit-keyframes rotateInDownRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInDownRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInDownRight.go { 
-webkit-animation-name: rotateInDownRight; 
animation-name: rotateInDownRight; 
} @-webkit-keyframes rollIn { 
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 
} 
@keyframes rollIn { 
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 
100% { opacity: 1; transform: translateX(0px) rotate(0deg); } 
} 
.rollIn.go { 
-webkit-animation-name: rollIn; 
animation-name: rollIn; 
} @-webkit-keyframes wiggle { 
0% { -webkit-transform: skewX(9deg); } 
10% { -webkit-transform: skewX(-8deg); } 
20% { -webkit-transform: skewX(7deg); } 
30% { -webkit-transform: skewX(-6deg); } 
40% { -webkit-transform: skewX(5deg); } 
50% { -webkit-transform: skewX(-4deg); } 
60% { -webkit-transform: skewX(3deg); } 
70% { -webkit-transform: skewX(-2deg); } 
80% { -webkit-transform: skewX(1deg); } 
90% { -webkit-transform: skewX(0deg); } 
100% { -webkit-transform: skewX(0deg); } 
} 
@keyframes wiggle { 
0% { transform: skewX(9deg); } 
10% { transform: skewX(-8deg); } 
20% { transform: skewX(7deg); } 
30% { transform: skewX(-6deg); } 
40% { transform: skewX(5deg); } 
50% { transform: skewX(-4deg); } 
60% { transform: skewX(3deg); } 
70% { transform: skewX(-2deg); } 
80% { transform: skewX(1deg); } 
90% { transform: skewX(0deg); } 
100% { transform: skewX(0deg); } 
} 
.wiggle.go { 
-webkit-animation-name: wiggle; 
animation-name: wiggle; 
-webkit-animation-timing-function: ease-in; 
animation-timing-function: ease-in; 
} @-webkit-keyframes swing { 
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
20% { -webkit-transform: rotate(15deg); } 
40% { -webkit-transform: rotate(-10deg); } 
60% { -webkit-transform: rotate(5deg); } 
80% { -webkit-transform: rotate(-5deg); } 
100% { -webkit-transform: rotate(0deg); } 
} 
@keyframes swing { 
20% { transform: rotate(15deg); } 
40% { transform: rotate(-10deg); } 
60% { transform: rotate(5deg); } 
80% { transform: rotate(-5deg); } 
100% { transform: rotate(0deg); } 
} 
.swing.go { 
-webkit-transform-origin: top center; 
transform-origin: top center; 
-webkit-animation-name: swing; 
animation-name: swing; 
} @-webkit-keyframes tada { 
0% {-webkit-transform: scale(1);} 
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
0% {transform: scale(1);} 
10%, 20% {transform: scale(0.9) rotate(-3deg);} 
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
100% {transform: scale(1) rotate(0);} 
} 
.tada.go { 
-webkit-animation-name: tada; 
animation-name: tada; 
} @-webkit-keyframes wobble { 
0% { -webkit-transform: translateX(0%); } 
15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
30% { -webkit-transform: translateX(20%) rotate(3deg); } 
45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
60% { -webkit-transform: translateX(10%) rotate(2deg); } 
75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
0% { transform: translateX(0%); } 
15% { transform: translateX(-25%) rotate(-5deg); } 
30% { transform: translateX(20%) rotate(3deg); } 
45% { transform: translateX(-15%) rotate(-3deg); } 
60% { transform: translateX(10%) rotate(2deg); } 
75% { transform: translateX(-5%) rotate(-1deg); } 
100% { transform: translateX(0%); } 
} 
.wobble.go { 
-webkit-animation-name: wobble; 
animation-name: wobble; 
} @-webkit-keyframes pulse { 
0% { -webkit-transform: scale(1); } 
50% { -webkit-transform: scale(1.1); } 
100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
0% { transform: scale(1); } 
50% { transform: scale(1.1); } 
100% { transform: scale(1); } 
} 
.pulse.go { 
-webkit-animation-name: pulse; 
animation-name: pulse; 
} @-webkit-keyframes lightSpeedInRight { 
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInRight { 
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInRight.go { 
-webkit-animation-name: lightSpeedInRight; 
animation-name: lightSpeedInRight; 
-webkit-animation-timing-function: ease-out; 
animation-timing-function: ease-out; 
} @-webkit-keyframes lightSpeedInLeft { 
0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 
80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInLeft { 
0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 
80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 
100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInLeft.go { 
-webkit-animation-name: lightSpeedInLeft; 
animation-name: lightSpeedInLeft; 
-webkit-animation-timing-function: ease-out; 
animation-timing-function: ease-out; 
} @-webkit-keyframes flip { 
0% { 
-webkit-transform: perspective(400px) rotateY(0); 
-webkit-animation-timing-function: ease-out; 
} 
40% { 
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); 
-webkit-animation-timing-function: ease-out; 
} 
50% { 
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
-webkit-animation-timing-function: ease-in; 
} 
80% { 
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95); 
-webkit-animation-timing-function: ease-in; 
} 
100% { 
-webkit-transform: perspective(400px) scale(1); 
-webkit-animation-timing-function: ease-in; 
} 
}
@keyframes flip { 
0% { 
transform: perspective(400px) rotateY(0); 
animation-timing-function: ease-out; 
} 
40% { 
transform: perspective(400px) translateZ(150px) rotateY(170deg); 
animation-timing-function: ease-out; 
} 
50% { 
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
animation-timing-function: ease-in; 
} 
80% { 
transform: perspective(400px) rotateY(360deg) scale(.95); 
animation-timing-function: ease-in; 
} 
100% { 
transform: perspective(400px) scale(1); 
animation-timing-function: ease-in; 
} 
} 
.flip.go { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flip; 
backface-visibility: visible !important; 
animation-name: flip; 
} @-webkit-keyframes flipInX { 
0% { 
-webkit-transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
40% { 
-webkit-transform: perspective(400px) rotateX(-10deg); 
} 
70% { 
-webkit-transform: perspective(400px) rotateX(10deg); 
} 
100% { 
-webkit-transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
} 
@keyframes flipInX { 
0% { 
transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
40% { 
transform: perspective(400px) rotateX(-10deg); 
} 
70% { 
transform: perspective(400px) rotateX(10deg); 
} 
100% { 
transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
} 
.flipInX.go { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flipInX; 
backface-visibility: visible !important; 
animation-name: flipInX; 
} @-webkit-keyframes flipInY { 
0% { 
-webkit-transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
40% { 
-webkit-transform: perspective(400px) rotateY(-10deg); 
} 
70% { 
-webkit-transform: perspective(400px) rotateY(10deg); 
} 
100% { 
-webkit-transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
} 
@keyframes flipInY { 
0% { 
transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
40% { 
transform: perspective(400px) rotateY(-10deg); 
} 
70% { 
transform: perspective(400px) rotateY(10deg); 
} 
100% { 
transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
} 
.flipInY.go { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flipInY; 
backface-visibility: visible !important; 
animation-name: flipInY; 
}  @-webkit-keyframes bounceOut { 
0% { 
-webkit-transform: scale(1); 
} 
25% { 
-webkit-transform: scale(.95); 
} 
50% { 
opacity: 1; 
-webkit-transform: scale(1.1); 
} 
100% { 
opacity: 0; 
-webkit-transform: scale(.3); 
} 
} 
@keyframes bounceOut { 
0% { 
transform: scale(1); 
} 
25% { 
transform: scale(.95); 
} 
50% { 
opacity: 1; 
transform: scale(1.1); 
} 
100% { 
opacity: 0; 
transform: scale(.3); 
} 
} 
.bounceOut.goAway { 
-webkit-animation-name: bounceOut; 
animation-name: bounceOut; 
} @-webkit-keyframes bounceOutUp { 
0% { 
-webkit-transform: translateY(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateY(20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateY(-2000px); 
} 
} 
@keyframes bounceOutUp { 
0% { 
transform: translateY(0); 
} 
20% { 
opacity: 1; 
transform: translateY(20px); 
} 
100% { 
opacity: 0; 
transform: translateY(-2000px); 
} 
} 
.bounceOutUp.goAway { 
-webkit-animation-name: bounceOutUp; 
animation-name: bounceOutUp; 
} @-webkit-keyframes bounceOutDown { 
0% { 
-webkit-transform: translateY(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateY(-20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateY(2000px); 
} 
} 
@keyframes bounceOutDown { 
0% { 
transform: translateY(0); 
} 
20% { 
opacity: 1; 
transform: translateY(-20px); 
} 
100% { 
opacity: 0; 
transform: translateY(2000px); 
} 
} 
.bounceOutDown.goAway { 
-webkit-animation-name: bounceOutDown; 
animation-name: bounceOutDown; 
} @-webkit-keyframes bounceOutLeft { 
0% { 
-webkit-transform: translateX(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateX(20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(-2000px); 
} 
} 
@keyframes bounceOutLeft { 
0% { 
transform: translateX(0); 
} 
20% { 
opacity: 1; 
transform: translateX(20px); 
} 
100% { 
opacity: 0; 
transform: translateX(-2000px); 
} 
} 
.bounceOutLeft.goAway { 
-webkit-animation-name: bounceOutLeft; 
animation-name: bounceOutLeft; 
} @-webkit-keyframes bounceOutRight { 
0% { 
-webkit-transform: translateX(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateX(-20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(2000px); 
} 
} 
@keyframes bounceOutRight { 
0% { 
transform: translateX(0); 
} 
20% { 
opacity: 1; 
transform: translateX(-20px); 
} 
100% { 
opacity: 0; 
transform: translateX(2000px); 
} 
} 
.bounceOutRight.goAway { 
-webkit-animation-name: bounceOutRight; 
animation-name: bounceOutRight; 
} @-webkit-keyframes fadeOut { 
0% {opacity: 1;} 
100% {opacity: 0;} 
} 
@keyframes fadeOut { 
0% {opacity: 1;} 
100% {opacity: 0;} 
} 
.fadeOut.goAway { 
-webkit-animation-name: fadeOut; 
animation-name: fadeOut; 
} @-webkit-keyframes fadeOutUp { 
0% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateY(-2000px); 
} 
} 
@keyframes fadeOutUp { 
0% { 
opacity: 1; 
transform: translateY(0); 
} 
100% { 
opacity: 0; 
transform: translateY(-2000px); 
} 
} 
.fadeOutUp.goAway { 
-webkit-animation-name: fadeOutUp; 
animation-name: fadeOutUp; 
} @-webkit-keyframes fadeOutDown { 
0% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateY(2000px); 
} 
} 
@keyframes fadeOutDown { 
0% { 
opacity: 1; 
transform: translateY(0); 
} 
100% { 
opacity: 0; 
transform: translateY(2000px); 
} 
} 
.fadeOutDown.goAway { 
-webkit-animation-name: fadeOutDown; 
animation-name: fadeOutDown; 
} @-webkit-keyframes fadeOutLeft { 
0% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(-2000px); 
} 
} 
@keyframes fadeOutLeft { 
0% { 
opacity: 1; 
transform: translateX(0); 
} 
100% { 
opacity: 0; 
transform: translateX(-2000px); 
} 
} 
.fadeOutLeft.goAway { 
-webkit-animation-name: fadeOutLeft; 
animation-name: fadeOutLeft; 
} @-webkit-keyframes fadeOutRight { 
0% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(2000px); 
} 
} 
@keyframes fadeOutRight { 
0% { 
opacity: 1; 
transform: translateX(0); 
} 
100% { 
opacity: 0; 
transform: translateX(2000px); 
} 
} 
.fadeOutRight.goAway { 
-webkit-animation-name: fadeOutRight; 
animation-name: fadeOutRight; 
} @-webkit-keyframes flipOutX { 
0% { 
-webkit-transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
100% { 
-webkit-transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
} 
@keyframes flipOutX { 
0% { 
transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
100% { 
transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
} 
.flipOutX.goAway { 
-webkit-animation-name: flipOutX; 
-webkit-backface-visibility: visible !important; 
animation-name: flipOutX; 
backface-visibility: visible !important; 
} @-webkit-keyframes flipOutY { 
0% { 
-webkit-transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
100% { 
-webkit-transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
} 
@keyframes flipOutY { 
0% { 
transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
100% { 
transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
} 
.flipOutY { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flipOutY; 
backface-visibility: visible !important; 
animation-name: flipOutY; 
} @-webkit-keyframes lightSpeedOutRight { 
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutRight { 
0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
.lightSpeedOutRight.goAway { 
-webkit-animation-name: lightSpeedOutRight; 
animation-name: lightSpeedOutRight; 
-webkit-animation-timing-function: ease-in; 
animation-timing-function: ease-in; 
} @-webkit-keyframes lightSpeedOutLeft { 
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutLeft { 
0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
.lightSpeedOutLeft.goAway { 
-webkit-animation-name: lightSpeedOutLeft; 
animation-name: lightSpeedOutLeft; 
-webkit-animation-timing-function: ease-in; 
animation-timing-function: ease-in; 
} @-webkit-keyframes rotateOut { 
0% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(200deg); 
opacity: 0; 
} 
} 
@keyframes rotateOut { 
0% { 
transform-origin: center center; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
transform-origin: center center; 
transform: rotate(200deg); 
opacity: 0; 
} 
} 
.rotateOut.goAway { 
-webkit-animation-name: rotateOut; 
animation-name: rotateOut; 
} @-webkit-keyframes rotateOutUpLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
} 
@keyframes rotateOutUpLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
-transform-origin: left bottom; 
-transform: rotate(-90deg); 
opacity: 0; 
} 
} 
.rotateOutUpLeft.goAway { 
-webkit-animation-name: rotateOutUpLeft; 
animation-name: rotateOutUpLeft; 
} @-webkit-keyframes rotateOutDownLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
} 
@keyframes rotateOutDownLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
} 
.rotateOutDownLeft.goAway { 
-webkit-animation-name: rotateOutDownLeft; 
animation-name: rotateOutDownLeft; 
} @-webkit-keyframes rotateOutUpRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
} 
@keyframes rotateOutUpRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
} 
.rotateOutUpRight.goAway { 
-webkit-animation-name: rotateOutUpRight; 
animation-name: rotateOutUpRight; 
} @-webkit-keyframes rollOut { 
0% { 
opacity: 1; 
-webkit-transform: translateX(0px) rotate(0deg); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(100%) rotate(120deg); 
} 
} 
@keyframes rollOut { 
0% { 
opacity: 1; 
transform: translateX(0px) rotate(0deg); 
} 
100% { 
opacity: 0; 
transform: translateX(100%) rotate(120deg); 
} 
} 
.rollOut.goAway { 
-webkit-animation-name: rollOut; 
animation-name: rollOut; 
}  @-webkit-keyframes fadeInUpShort { 
0% { 
opacity: 0; 
-webkit-transform: translateY(20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInUpShort { 
0% { 
opacity: 0; 
transform: translateY(20px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInUpShort{
opacity: 0; 
-webkit-transform: translateY(20px); 
transform: translateY(20px); 
}
.fadeInUpShort.go { 
-webkit-animation-name: fadeInUpShort; 
animation-name: fadeInUpShort; 
} @-webkit-keyframes fadeInDownShort { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInDownShort { 
0% { 
opacity: 0; 
transform: translateY(-20px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInDownShort{
opacity: 0; 
-webkit-transform: translateY(-20px); 
transform: translateY(-20px); 
}
.fadeInDownShort.go { 
-webkit-animation-name: fadeInDownShort; 
animation-name: fadeInDownShort; 
} @-webkit-keyframes fadeInRightShort { 
0% { 
opacity: 0; 
-webkit-transform: translateX(20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInRightShort { 
0% { 
opacity: 0; 
transform: translateX(20px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInRightShort { 
opacity: 0; 
-webkit-transform: translateX(20px);  
transform: translateX(20px); 
}
.fadeInRightShort.go { 
-webkit-animation-name: fadeInRightShort; 
animation-name: fadeInRightShort; 
} @-webkit-keyframes fadeInLeftShort { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInLeftShort { 
0% { 
opacity: 0; 
transform: translateX(-20px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInLeftShort { 
opacity: 0; 
-webkit-transform: translateX(-20px);  
transform: translateX(-20px); 
}
.fadeInLeftShort.go { 
-webkit-animation-name: fadeInLeftShort; 
animation-name: fadeInLeftShort; 
}@keyframes aslAnFadeInDrop {
0% {
opacity: 0;
transform: translate(0, -50px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@-webkit-keyframes aslAnFadeInDrop {
0% {
opacity: 0;
transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
}
100% {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
}
@keyframes aslAnFadeOutDrop {
0% {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
100% {
opacity: 0;
transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
}
}
@-webkit-keyframes aslAnFadeOutDrop {
0% {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
100% {
opacity: 0;
transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
}
}
.hiddend {
display: none !important;
}
div.asl_w.asl_an_fadeInDrop,
div.asl_w.asl_an_fadeOutDrop {
-webkit-animation-duration: 100ms;
animation-duration: 100ms;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
div.asl_w.asl_an_fadeInDrop {
animation-name: aslAnFadeInDrop;
-webkit-animation-name: aslAnFadeInDrop;
}
div.asl_w.asl_an_fadeOutDrop {
animation-name: aslAnFadeOutDrop;
-webkit-animation-name: aslAnFadeOutDrop;
}
div.asl_w.asl_main_container {
transition: width 130ms linear;
-webkit-transition: width 130ms linear;
}
div.asl_w,
div.asl_w *,
div.asl_r,
div.asl_r *,
div.asl_s,
div.asl_s * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
text-transform: none;
text-shadow: none;
box-shadow: none;
text-decoration: none;
text-align: left;
letter-spacing: normal;
}
div.asl_r,
div.asl_r * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.asl_r {
box-sizing: border-box;
margin: 12px 0 0 0;
}
div.asl_m .proinput input::-ms-clear {
display: none !important;
width: 0 !important;
height: 0 !important;
}
div.asl_m .proinput input::-ms-reveal {
display: none !important;
width: 0 !important;
height: 0 !important;
}
div.asl_m input[type="search"]::-webkit-search-decoration,
div.asl_m input[type="search"]::-webkit-search-cancel-button,
div.asl_m input[type="search"]::-webkit-search-results-button,
div.asl_m input[type="search"]::-webkit-search-results-decoration {
display: none;
}
div.asl_m input[type="search"] {
appearance: auto !important;
-webkit-appearance: none !important;
}
.clear {
clear: both;
}
.hiddend {
display: none;
}
div.asl_m textarea:focus,
div.asl_m input:focus {
outline: none;
}
div.asl_m {
width: 100%;
height: auto;
border-radius: 0;
background: rgba(255, 255, 255, 0);
overflow: hidden;
position: relative;
z-index: 200;
}
div.asl_m .probox {
width: auto;
border-radius: 5px;
background: #fff;
overflow: hidden;
border: 1px solid #fff;
box-shadow: 1px 0 3px #ccc inset;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
}
div.asl_m .probox .proinput {
width: 1px;
height: 100%;
margin: 0 0 0 10px;
padding: 0 5px;
float: left;
box-shadow: none;
position: relative;
flex: 1 1 auto;
-webkit-flex: 1 1 auto;
order: 5;
-webkit-order: 5;
}
div.asl_m .probox .proinput form {
height: 100%; margin: 0 !important;
padding: 0 !important;
display: block !important;
max-width: unset !important;
}
div.asl_m .probox .proinput input:before,
div.asl_m .probox .proinput input:after,
div.asl_m .probox .proinput form:before,
div.asl_m .probox .proinput form:after {
display: none;
}
div.asl_m .probox .proinput input {
height: 28px;
border: 0;
background: transparent;
width: 100%;
box-shadow: none;
margin: -1px;
padding: 0;
left: 0;
line-height: normal !important;
display: block;
min-height: unset;
max-height: unset;
}
div.asl_m .probox .proinput input::-webkit-input-placeholder {
opacity: .85;
}
div.asl_m .probox .proinput input::-moz-placeholder {
opacity: .85;
}
div.asl_m .probox .proinput input:-ms-input-placeholder {
opacity: .85;
}
div.asl_m .probox .proinput input:-moz-placeholder {
opacity: .85;
}
div.asl_m .proinput input.orig {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
background-color: transparent !important;
box-shadow: none !important;
z-index: 10;
position: relative;
}
div.asl_m .proinput input.autocomplete {
padding: 0 !important;
margin: 0;
background: transparent !important;
border: none !important;
background-color: transparent !important;
box-shadow: none !important;
opacity: .2;
}
div.asl_m .probox .proinput input.autocomplete {
border: 0;
background: transparent;
width: 100%;
box-shadow: none;
margin: 0;
margin-top: -28px !important;
padding: 0;
left: 0;
position: relative;
z-index: 9;
}
div.asl_m .probox .proinput.iepaddingfix {
padding-top: 0;
}
div.asl_m .probox .proinput .loading {
width: 32px;
background: #000;
height: 100%;
box-shadow: none;
}
div.asl_m .probox .proloading,
div.asl_m .probox .proclose,
div.asl_m .probox .promagnifier,
div.asl_m .probox .prosettings {
width: 20px;
height: 20px;
background: none;
background-size: 20px 20px;
float: right;
box-shadow: none;
margin: 0;
padding: 0;
text-align: center;
flex: 0 0 auto;
-webkit-flex: 0 0 auto;
z-index: 100;
}
div.asl_m .probox .promagnifier {
order: 10;
-webkit-order: 10;
}
div.asl_m .probox .prosettings {
order: 1;
-webkit-order: 1;
}
div.asl_m .probox .proloading,
div.asl_m .probox .proclose {
background-position: center center;
display: none;
background-size: auto;
background-repeat: no-repeat;
background-color: transparent;
order: 6;
-webkit-order: 6;
}
div.asl_m .probox .proclose {
position: relative;
cursor: pointer;
}
div.asl_m .probox .promagnifier .innericon,
div.asl_m .probox .prosettings .innericon,
div.asl_m .probox .proclose .innericon {
background-size: 20px 20px;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
line-height: initial;
display: block;
}
div.asl_m .probox .promagnifier .innericon svg,
div.asl_m .probox .prosettings .innericon svg,
div.asl_m .probox .proloading svg {
height: 100%;
width: 22px;
vertical-align: baseline;
display: inline-block;
}
div.asl_m .probox .proloading {
padding: 2px;
box-sizing: border-box;
}
div.asl_m .probox div.asl_loader,
div.asl_m .probox div.asl_loader * {
box-sizing: border-box !important;
margin: 0;
padding: 0;
box-shadow: none;
}
div.asl_m .probox div.asl_loader {
box-sizing: border-box;
display: flex;
flex: 0 1 auto;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 28px;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
div.asl_m .probox div.asl_loader-inner {
width: 100%;
margin: 0 auto;
text-align: center;
height: 100%;
}
@-webkit-keyframes rotate-simple {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-simple {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
div.asl_m .probox div.asl_simple-circle {
margin: 0;
height: 100%;
width: 100%;
animation: rotate-simple .8s infinite linear;
-webkit-animation: rotate-simple .8s infinite linear;
border: 4px solid #fff;
border-right-color: transparent !important;
border-radius: 50%;
box-sizing: border-box;
}
div.asl_m .probox .proclose svg {
background: #333;
border-radius: 50%;
position: absolute;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
left: 50%;
margin-left: -10px;
fill: #fefefe;
padding: 4px;
box-sizing: border-box;
box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
}
div.asl_r * {
text-decoration: none;
text-shadow: none;
}
div.asl_r .results .asl_nores {
overflow: hidden;
width: auto;
height: 100%;
line-height: initial;
text-align: center;
margin: 0;
background: #fff;
padding: 10px 3px;
color: #222;
}
div.asl_r.horizontal {
padding: 2px 0 10px;
}
div.asl_r.horizontal .results .nores {
background: transparent;
}
div.asl_r .results {
overflow: hidden;
width: auto;
height: 0;
margin: 0;
padding: 0;
}
div.asl_r.horizontal .results {
height: auto;
width: auto;
}
div.asl_r .results .item {
overflow: hidden;
width: auto;
margin: 0;
padding: 3px;
position: relative;
background: #f4f4f4;
border-left: 1px solid rgba(255, 255, 255, .6);
border-right: 1px solid rgba(255, 255, 255, .4);
animation-delay: 0s;
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: ease;
backface-visibility: hidden;
-webkit-animation-delay: 0s;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-timing-function: ease;
-webkit-backface-visibility: hidden;
}
div.asl_r.vertical .results .item:last-child {
margin-bottom: 0;
}
div.asl_r.vertical .results .item:last-child:after {
height: 0;
margin: 0;
width: 0;
}
div.asl_r .results .item .asl_image {
overflow: hidden;
background: transparent;
margin: 2px 8px 0 0;
padding: 0;
float: left;
background-position: center;
background-size: cover;
}
div.asl_r .results .item .asl_image img {
width: 100%;
height: 100%;
}
div.asl_r .results .item .asl_content {
overflow: hidden;
height: auto;
background: transparent;
margin: 0;
padding: 3px 3px 5px 3px;
}
div.asl_r .results .item .asl_content h3 {
margin: 0;
padding: 0;
display: inline;
line-height: inherit;
}
div.asl_r .results .item .asl_content .asl_desc {
margin-top: 4px;
font-size: 12px;
line-height: 18px;
}
div.asl_r .results .item div.etc {
margin-top: 4px;
}
div.asl_r .results a span.overlap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
div.asl_r p.showmore {
text-align: center;
padding: 0;
margin: 0;
font-weight: normal;
font-family: Open Sans;
color: #055e94;
font-size: 12px;
line-height: 30px;
text-shadow: 0 0 0 rgba(255, 255, 255, 0);
background-color: #fff;
margin-top: 3px;
cursor: pointer;
}
div.asl_r p.showmore span {
font-weight: normal;
font-family: Open Sans;
color: #055e94;
font-size: 12px;
line-height: 30px;
text-shadow: 0 0 0 rgba(255, 255, 255, 0);
display: block;
text-align: center;
cursor: pointer;
}
.results .asl_nores .asl_keyword {
padding: 0 6px;
cursor: pointer;
font-weight: bold;
font-family: Open Sans;
}
div.asl_r .resdrg {
height: auto;
}
div.asl_w .group:first-of-type {
margin: 0 0 -3px;
}
div.asl_s.searchsettings {
width: 200px;
height: auto;
position: absolute;
display: none;
z-index: 1101;
border-radius: 0 0 3px 3px;
visibility: hidden;
padding: 0;
}
div.asl_s.searchsettings form {
display: flex;
flex-wrap: wrap;
margin: 0 0 12px 0 !important;
padding: 0 !important;
}
div.asl_s.searchsettings .asl_option_inner {
margin: 2px 10px 0 10px;
*padding-bottom: 10px;
}
div.asl_s.searchsettings.ie78 .asl_option_inner {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
div.asl_s.searchsettings .asl_option_label {
font-size: 14px;
line-height: 20px !important;
margin: 0;
width: 150px;
text-shadow: none;
padding: 0;
min-height: 20px;
border: none;
background: transparent;
float: none;
}
div.asl_s.searchsettings .asl_option_inner input[type=checkbox] {
display: none !important;
}
div.asl_s.searchsettings.ie78 .asl_option_inner input[type=checkbox] {
display: block;
}
div.asl_s.searchsettings.ie78 .asl_option_label {
float: right !important;
}
div.asl_s.searchsettings .asl_option {
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
align-items: flex-start;
margin: 0 0 10px 0;
cursor: pointer;
}
div.asl_s.searchsettings .asl_option.asl-o-last,
div.asl_s.searchsettings .asl_option:last-child {
margin-bottom: 0;
}
div.asl_s.searchsettings .asl_option_inner {
width: 17px;
height: 17px;
position: relative;
flex-grow: 0;
-webkit-flex-grow: 0;
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox {
cursor: pointer;
position: absolute;
width: 17px;
height: 17px;
top: 0;
padding: 0;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
overflow: hidden;
font-size: 0 !important;
color: rgba(0, 0, 0, 0);
} div.asl_r.vertical .results,
div.asl_s.searchsettings .asl_sett_scroll {
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
}
div.asl_r.vertical .results::-webkit-scrollbar {
width: 10px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar {
width: 6px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-track {
background: transparent;
box-shadow: inset 0 0 12px 12px transparent;
border: none;
}
div.asl_r.vertical .results::-webkit-scrollbar-track {
background: rgb(255, 255, 255);
box-shadow: inset 0 0 12px 12px transparent;
border: solid 2px transparent;
}
div.asl_r.vertical .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
background: transparent;
box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0);
border: solid 2px transparent;
border-radius: 12px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
border: none;
}
div.asl_r.vertical:hover .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings:hover .asl_sett_scroll::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5);
}
@media (hover: none), (max-width: 500px) {
div.asl_r.vertical .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5);
}
} div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:after {
opacity: 0;
font-family: 'aslsicons2';
content: "\e800";
font-weight: normal !important;
background: transparent;
border: none !important;
box-sizing: content-box;
color: #fff;
height: 100%;
width: 100%;
padding: 0 !important;
margin: 1px 0 0 0 !important;
line-height: 17px;
text-align: center;
text-decoration: none;
text-shadow: none;
display: block;
font-size: 11px !important;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
div.asl_s.searchsettings.ie78 .asl_option_inner .asl_option_checkbox:after {
display: none;
}
div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:hover::after {
opacity: .3;
}
div.asl_s.searchsettings .asl_option_inner input[type=checkbox]:checked+.asl_option_checkbox:after {
opacity: 1;
}
div.asl_s.searchsettings fieldset {
position: relative;
float: left;
}
div.asl_s.searchsettings fieldset {
background: transparent;
font-size: .9em;
margin: 12px 0 0 !important;
padding: 0;
width: 192px;
}
div.asl_s.searchsettings fieldset .asl_option_label {
width: 130px;
display: block;
}
div.asl_s.searchsettings form fieldset legend {
padding: 5px 0 8px 10px;
}
#asl_hidden_data {
display: none !important;
}
.rtl .asl_content,
.rtl .asl_nores,
.rtl .asl_content *,
.rtl .asl_nores *,
.rtl .searchsettings form {
text-align: right !important;
direction: rtl !important;
}
.rtl .asl_nores>* {
display: inline-block;
}
.rtl div.asl_r .results .item .asl_image {
float: right;
margin: 2px 0 0 8px;
}
.rtl .searchsettings .asl_option {
flex-direction: row-reverse !important;
-webkit-flex-direction: row-reverse !important;
}
.rtl .asl_option {
direction: ltr;
}
.rtl .asl_label,
.rtl .asl_option div.asl_option_label {
text-align: right !important;
}
.rtl .asl_label {
max-width: 1000px !important;
width: 100%;
direction: rtl !important;
}
.rtl .asl_label input[type=radio] {
margin: 0 0 0 6px !important;
}
.rtl .asl_option_cat_level-0 div.asl_option_label {
font-weight: bold !important;
}
.rtl fieldset .asl_option_cat_level-1 {
margin-right: 12px !important;
margin-left: 0;
}
.rtl fieldset .asl_option_cat_level-2 {
margin-right: 24px !important;
margin-left: 0;
}
.rtl fieldset .asl_option_cat_level-3 {
margin-right: 36px !important;
margin-left: 0;
}
.rtl .searchsettings legend {
text-align: right !important;
display: block;
width: 100%;
}
.rtl .searchsettings input[type=text],
.rtl .searchsettings select {
direction: rtl !important;
text-align: right !important;
}
.rtl div.asl_w.asl_s.searchsettings form,
.rtl div.asl_w.asl_sb.searchsettings form {
flex-direction: row-reverse !important;
}
.rtl div.horizontal.asl_r div.item {
float: right !important;
}
.rtl p.asl-try {
direction: rtl;
text-align: right;
margin-right: 10px;
width: auto !important;
}