/** Build time: 8-2-2017 / 14:22:54 **/
 html {
 font-family:sans-serif;

}
body,html {margin: 0;}

.u-large-hide {
    display: none !important;
}

.opl-cookie-control.u-hide2 {
display: none;
}

#nav-main,
.orange-site-title
{
	display: none;
	
}

div.headerWrap {
	background: transparent;
}

.portal-ext, .header-info {
    display: none;
}

body #portal-box {
    background-color: #fff;
    float: left;
    width: 100%;
}

#portal-box .layout {
    margin: 0 auto;
    width: 1090px;
}
/* ISK*/
#top-box #portal-box .layout {
    width: 100%;
}

#top-box #portal-box #footer {
	float: left;
	width: 100%;
}

#opl #footer {
	float: left;
	width: 100%; 
}

#adv03 {
    margin-top: 20px;
}

.g-icon:after,.g-icon:before {
 font-family:'CustomIcons';
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 font-size:38px;
 font-style:normal;
 font-variant:normal;
 font-weight:400;
 text-decoration:none;
 text-transform:none;
 vertical-align:middle;
 line-height:1
}
.g-icon:before {
 display:inline-block
}
.g-icon:after {
 display:none
}
.g-icon--before:before {
 display:inline-block
}
.g-icon--after:before,.g-icon--before:after {
 display:none
}
.g-icon--after:after,.g-icon--only {
 display:inline-block
}
.g-icon--xxs:after,.g-icon--xxs:before {
 font-size:7px
}
.g-icon--xs:after,.g-icon--xs:before,.o-modal__full span:before {
 font-size:12px
}
.g-icon--xs-s:after,.g-icon--xs-s:before {
 font-size:19px
}
.g-icon--s:after,.g-icon--s:before {
 font-size:26px
}
.g-icon--m:after,.g-icon--m:before {
 font-size:38px
}
.g-icon--l:after,.g-icon--l:before {
 font-size:44px
}
.g-icon--xl:after,.g-icon--xl:before {
 font-size:52px
}
.g-icon--xxl:after,.g-icon--xxl:before {
 font-size:62px
}
.g-icon--usd:after,.g-icon--usd:before {
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.g-icon--xs-w {
 width:19.38px
}
.g-icon--s-w {
 width:41.99px
}
.g-icon--m-w {
 width:61.37px
}
.g-icon--l-w {
 width:71.06px
}
.g-icon--xl-w {
 width:83.98px
}
.g-icon--360:after,.g-icon--360:before {
 content:"?"
}
.g-icon--4k:after,.g-icon--4k:before {
 content:"?"
}
.g-icon--accessibility-vision:after,.g-icon--accessibility-vision:before {
 content:"?"
}
.g-icon--air-drop:after,.g-icon--air-drop:before {
 content:"?"
}
.g-icon--alarm-clock:after,.g-icon--alarm-clock:before {
 content:"?"
}
.g-icon--android:after,.g-icon--android:before {
 content:"?"
}
.g-icon--apple:after,.g-icon--apple:before {
 content:"?"
}
.g-icon--arrow-back:after,.g-icon--arrow-back:before {
 content:"?"
}
.g-icon--arrow-double-left:after,.g-icon--arrow-double-left:before {
 content:"?"
}
.g-icon--arrow-double-right:after,.g-icon--arrow-double-right:before {
 content:"?"
}
.g-icon--arrow-down-2:after,.g-icon--arrow-down-2:before {
 content:"?"
}
.g-icon--arrow-down-slim:after,.g-icon--arrow-down-slim:before {
 content:"?"
}
.g-icon--arrow-down:after,.g-icon--arrow-down:before {
 content:"?"
}
.g-icon--arrow-left-2:after,.g-icon--arrow-left-2:before {
 content:"?"
}
.g-icon--arrow-left-invert:after,.g-icon--arrow-left-invert:before {
 content:"?"
}
.g-icon--arrow-left:after,.g-icon--arrow-left:before {
 content:"?"
}
.g-icon--arrow-right-2:after,.g-icon--arrow-right-2:before,.ie8 .opl-navigation__haschild ul li.opl-navigation__haschild>a:after {
 content:"?"
}
.g-icon--arrow-right-invert:after,.g-icon--arrow-right-invert:before {
 content:"?"
}
.g-icon--arrow-right:after,.g-icon--arrow-right:before {
 content:"?"
}
.g-icon--arrow-up-2:after,.g-icon--arrow-up-2:before {
 content:"?"
}
.g-icon--arrow-up-slim:after,.g-icon--arrow-up-slim:before {
 content:"?"
}
.g-icon--arrow-up:after,.g-icon--arrow-up:before {
 content:"?"
}
.g-icon--arrow_old:after,.g-icon--arrow_old:before {
 content:"?"
}
.g-icon--att:after,.g-icon--att:before {
 content:"?"
}
.g-icon--ball-phone:after,.g-icon--ball-phone:before {
 content:"?"
}
.g-icon--ball_1:after,.g-icon--ball_1:before {
 content:"?"
}
.g-icon--ball_2:after,.g-icon--ball_2:before {
 content:"?"
}
.g-icon--ball_3:after,.g-icon--ball_3:before {
 content:"?"
}
.g-icon--basket:after,.g-icon--basket:before {
 content:"?"
}
.g-icon--battery:after,.g-icon--battery:before {
 content:"?"
}
.g-icon--blackberry:after,.g-icon--blackberry:before {
 content:"?"
}
.g-icon--bottom-down:after,.g-icon--bottom-down:before {
 content:"?"
}
.g-icon--boutique:after,.g-icon--boutique:before {
 content:"?"
}
.g-icon--calendar:after,.g-icon--calendar:before {
 content:"?"
}
.g-icon--calendar2:after,.g-icon--calendar2:before {
 content:"?"
}
.g-icon--calendar3:after,.g-icon--calendar3:before {
 content:"?"
}
.g-icon--call-2:after,.g-icon--call-2:before {
 content:"?"
}
.g-icon--call-center:after,.g-icon--call-center:before {
 content:"?"
}
.g-icon--call-international:after,.g-icon--call-international:before {
 content:"?"
}
.g-icon--call-local:after,.g-icon--call-local:before {
 content:"?"
}
.g-icon--call-premium:after,.g-icon--call-premium:before {
 content:"?"
}
.g-icon--call-roaming:after,.g-icon--call-roaming:before {
 content:"?"
}
.g-icon--call-trans:after,.g-icon--call-trans:before {
 content:"?"
}
.g-icon--call:after,.g-icon--call:before {
 content:"?"
}
.g-icon--camera:after,.g-icon--camera:before {
 content:"?"
}
.g-icon--cash-28:after,.g-icon--cash-28:before {
 content:"?"
}
.g-icon--chat:after,.g-icon--chat:before {
 content:"?"
}
.g-icon--check-mark:after,.g-icon--check-mark:before {
 content:"?"
}
.g-icon--check-mark2:after,.g-icon--check-mark2:before {
 content:"?"
}
.g-icon--clock-circular:after,.g-icon--clock-circular:before {
 content:"?"
}
.g-icon--close-slim:after,.g-icon--close-slim:before {
 content:"?"
}
.g-icon--close-smaller:after,.g-icon--close-smaller:before {
 content:"?"
}
.g-icon--close:after,.g-icon--close:before {
 content:"?"
}
.g-icon--cloud-download:after,.g-icon--cloud-download:before {
 content:"?"
}
.g-icon--cloud-upload:after,.g-icon--cloud-upload:before {
 content:"?"
}
.g-icon--cog:after,.g-icon--cog:before {
 content:"?"
}
.g-icon--coins:after,.g-icon--coins:before {
 content:"?"
}
.g-icon--copy:after,.g-icon--copy:before {
 content:"?"
}
.g-icon--delivery-3:after,.g-icon--delivery-3:before {
 content:"?"
}
.g-icon--delivery-4:after,.g-icon--delivery-4:before {
 content:"?"
}
.g-icon--delivery:after,.g-icon--delivery:before {
 content:"?"
}
.g-icon--delivery2:after,.g-icon--delivery2:before {
 content:"?"
}
.g-icon--device-fixed-line-phone:after,.g-icon--device-fixed-line-phone:before {
 content:"?"
}
.g-icon--device-laptop-computer-connected:after,.g-icon--device-laptop-computer-connected:before {
 content:"?"
}
.g-icon--device-laptop-computer-phone:after,.g-icon--device-laptop-computer-phone:before {
 content:"?"
}
.g-icon--device-smartphone-smile:after,.g-icon--device-smartphone-smile:before {
 content:"?"
}
.g-icon--device-smartphone:after,.g-icon--device-smartphone:before {
 content:"?"
}
.g-icon--device-smartphone2:after,.g-icon--device-smartphone2:before {
 content:"?"
}
.g-icon--device-tablet-connected:after,.g-icon--device-tablet-connected:before {
 content:"?"
}
.g-icon--device-tv:after,.g-icon--device-tv:before {
 content:"?"
}
.g-icon--disabled:after,.g-icon--disabled:before {
 content:"?"
}
.g-icon--discount:after,.g-icon--discount:before {
 content:"?"
}
.g-icon--doc:after,.g-icon--doc:before {
 content:"?"
}
.g-icon--document-lines:after,.g-icon--document-lines:before {
 content:"?"
}
.g-icon--document-write:after,.g-icon--document-write:before {
 content:"?"
}
.g-icon--document:after,.g-icon--document:before {
 content:"?"
}
.g-icon--draft:after,.g-icon--draft:before {
 content:"?"
}
.g-icon--edit:after,.g-icon--edit:before {
 content:"?"
}
.g-icon--electricity:after,.g-icon--electricity:before {
 content:"?"
}
.g-icon--energy:after,.g-icon--energy:before {
 content:"?"
}
.g-icon--equality-slim:after,.g-icon--equality-slim:before {
 content:"?"
}
.g-icon--error:after,.g-icon--error:before {
 content:"?"
}
.g-icon--filter:after,.g-icon--filter:before {
 content:"?"
}
.g-icon--folder-video:after,.g-icon--folder-video:before {
 content:"?"
}
.g-icon--football:after,.g-icon--football:before {
 content:"?"
}
.g-icon--full-screen:after,.g-icon--full-screen:before {
 content:"?"
}
.g-icon--funpack-2:after,.g-icon--funpack-2:before {
 content:"?"
}
.g-icon--funpack:after,.g-icon--funpack:before {
 content:"?"
}
.g-icon--gift:after,.g-icon--gift:before {
 content:"?"
}
.g-icon--google-play:after,.g-icon--google-play:before {
 content:"?"
}
.g-icon--hd:after,.g-icon--hd:before {
 content:"?"
}
.g-icon--heart:after,.g-icon--heart:before {
 content:"?"
}
.g-icon--help-guide:after,.g-icon--help-guide:before {
 content:"?"
}
.g-icon--hint:after,.g-icon--hint:before {
 content:"?"
}
.g-icon--home:after,.g-icon--home:before {
 content:"?"
}
.g-icon--home2:after,.g-icon--home2:before {
 content:"?"
}
.g-icon--home3:after,.g-icon--home3:before {
 content:"?"
}
.g-icon--home4:after,.g-icon--home4:before {
 content:"?"
}
.g-icon--home5:after,.g-icon--home5:before {
 content:"?"
}
.g-icon--home6:after,.g-icon--home6:before {
 content:"?"
}
.g-icon--hourglass:after,.g-icon--hourglass:before {
 content:"?"
}
.g-icon--infinity:after,.g-icon--infinity:before {
 content:"?"
}
.g-icon--info:after,.g-icon--info:before {
 content:"?"
}
.g-icon--interest-note:after,.g-icon--interest-note:before {
 content:"?"
}
.g-icon--international-globe:after,.g-icon--international-globe:before {
 content:"?"
}
.g-icon--internet-roaming:after,.g-icon--internet-roaming:before {
 content:"?"
}
.g-icon--internet-speed:after,.g-icon--internet-speed:before {
 content:"?"
}
.g-icon--internet:after,.g-icon--internet:before {
 content:"?"
}
.g-icon--invoice-correction:after,.g-icon--invoice-correction:before {
 content:"?"
}
.g-icon--jpg:after,.g-icon--jpg:before {
 content:"?"
}
.g-icon--light-bulb:after,.g-icon--light-bulb:before {
 content:"?"
}
.g-icon--like-it:after,.g-icon--like-it:before {
 content:"?"
}
.g-icon--link:after,.g-icon--link:before {
 content:"?"
}
.g-icon--livebox:after,.g-icon--livebox:before {
 content:"?"
}
.g-icon--localizator:after,.g-icon--localizator:before {
 content:"?"
}
.g-icon--love:after,.g-icon--love:before {
 content:"?"
}
.g-icon--love2:after,.g-icon--love2:before {
 content:"?"
}
.g-icon--love3:after,.g-icon--love3:before {
 content:"?"
}
.g-icon--machines:after,.g-icon--machines:before {
 content:"?"
}
.g-icon--mail-read:after,.g-icon--mail-read:before {
 content:"?"
}
.g-icon--mail:after,.g-icon--mail:before {
 content:"?"
}
.g-icon--map-pin:after,.g-icon--map-pin:before {
 content:"?"
}
.g-icon--map:after,.g-icon--map:before {
 content:"?"
}
.g-icon--memory:after,.g-icon--memory:before {
 content:"?"
}
.g-icon--menu:after,.g-icon--menu:before {
 content:"?"
}
.g-icon--messaging-blank:after,.g-icon--messaging-blank:before {
 content:"?"
}
.g-icon--messaging-unified:after,.g-icon--messaging-unified:before {
 content:"?"
}
.g-icon--minus:after,.g-icon--minus:before {
 content:"?"
}
.g-icon--money-v:after,.g-icon--money-v:before {
 content:"?"
}
.g-icon--money:after,.g-icon--money:before {
 content:"?"
}
.g-icon--multirecording:after,.g-icon--multirecording:before {
 content:"?"
}
.g-icon--my-orange:after,.g-icon--my-orange:before {
 content:"?"
}
.g-icon--network-coverage:after,.g-icon--network-coverage:before {
 content:"?"
}
.g-icon--night:after,.g-icon--night:before {
 content:"?"
}
.g-icon--notes:after,.g-icon--notes:before {
 content:"?"
}
.g-icon--offer-open:after,.g-icon--offer-open:before {
 content:"?"
}
.g-icon--open:after,.g-icon--open:before {
 content:"?"
}
.g-icon--orange-cloud:after,.g-icon--orange-cloud:before {
 content:"?"
}
.g-icon--orange-tv:after,.g-icon--orange-tv:before {
 content:"?"
}
.g-icon--padlock:after,.g-icon--padlock:before {
 content:"?"
}
.g-icon--padlock_close:after,.g-icon--padlock_close:before {
 content:"?"
}
.g-icon--padlock_open:after,.g-icon--padlock_open:before {
 content:"?"
}
.g-icon--paid-services:after,.g-icon--paid-services:before {
 content:"?"
}
.g-icon--parking:after,.g-icon--parking:before {
 content:"?"
}
.g-icon--pause:after,.g-icon--pause:before {
 content:"?"
}
.g-icon--payback:after,.g-icon--payback:before {
 content:"?"
}
.g-icon--pdf:after,.g-icon--pdf:before {
 content:"?"
}
.g-icon--people:after,.g-icon--people:before {
 content:"?"
}
.g-icon--person-business:after,.g-icon--person-business:before {
 content:"?"
}
.g-icon--person-child:after,.g-icon--person-child:before {
 content:"?"
}
.g-icon--person-group:after,.g-icon--person-group:before {
 content:"?"
}
.g-icon--person-group2:after,.g-icon--person-group2:before {
 content:"?"
}
.g-icon--person-info:after,.g-icon--person-info:before {
 content:"?"
}
.g-icon--person-support:after,.g-icon--person-support:before {
 content:"?"
}
.g-icon--person:after,.g-icon--person:before {
 content:"?"
}
.g-icon--phone-2:after,.g-icon--phone-2:before {
 content:"?"
}
.g-icon--phone-3:after,.g-icon--phone-3:before {
 content:"?"
}
.g-icon--phone-4:after,.g-icon--phone-4:before {
 content:"?"
}
.g-icon--phone:after,.g-icon--phone:before {
 content:"?"
}
.g-icon--piggybank:after,.g-icon--piggybank:before {
 content:"?"
}
.g-icon--pin-clear:after,.g-icon--pin-clear:before {
 content:"?"
}
.g-icon--pin-recycle:after,.g-icon--pin-recycle:before {
 content:"?"
}
.g-icon--pin:after,.g-icon--pin:before {
 content:"?"
}
.g-icon--play:after,.g-icon--play:before {
 content:"?"
}
.g-icon--play2:after,.g-icon--play2:before {
 content:"?"
}
.g-icon--plus-slim:after,.g-icon--plus-slim:before {
 content:"?"
}
.g-icon--plus:after,.g-icon--plus:before {
 content:"?"
}
.g-icon--png:after,.g-icon--png:before {
 content:"?"
}
.g-icon--power:after,.g-icon--power:before {
 content:"?"
}
.g-icon--printer:after,.g-icon--printer:before {
 content:"?"
}
.g-icon--printer2:after,.g-icon--printer2:before {
 content:"?"
}
.g-icon--radar:after,.g-icon--radar:before {
 content:"?"
}
.g-icon--refresh:after,.g-icon--refresh:before {
 content:"?"
}
.g-icon--remote-control:after,.g-icon--remote-control:before {
 content:"?"
}
.g-icon--restore-to-phone-data:after,.g-icon--restore-to-phone-data:before {
 content:"?"
}
.g-icon--restore-to-phone-data2:after,.g-icon--restore-to-phone-data2:before {
 content:"?"
}
.g-icon--reward:after,.g-icon--reward:before {
 content:"?"
}
.g-icon--router:after,.g-icon--router:before {
 content:"?"
}
.g-icon--rtf:after,.g-icon--rtf:before {
 content:"?"
}
.g-icon--search:after,.g-icon--search:before {
 content:"?"
}
.g-icon--setup-and-repair-cog:after,.g-icon--setup-and-repair-cog:before {
 content:"?"
}
.g-icon--setup-repair:after,.g-icon--setup-repair:before {
 content:"?"
}
.g-icon--shop-subscriptions:after,.g-icon--shop-subscriptions:before {
 content:"?"
}
.g-icon--shop:after,.g-icon--shop:before {
 content:"?"
}
.g-icon--sim-1:after,.g-icon--sim-1:before {
 content:"?"
}
.g-icon--sim-2:after,.g-icon--sim-2:before {
 content:"?"
}
.g-icon--sim-3:after,.g-icon--sim-3:before {
 content:"?"
}
.g-icon--sim-4:after,.g-icon--sim-4:before {
 content:"?"
}
.g-icon--sim-activation:after,.g-icon--sim-activation:before {
 content:"?"
}
.g-icon--sim-outline:after,.g-icon--sim-outline:before {
 content:"?"
}
.g-icon--sim:after,.g-icon--sim:before {
 content:"?"
}
.g-icon--size:after,.g-icon--size:before {
 content:"?"
}
.g-icon--smart-plan-lte:after,.g-icon--smart-plan-lte:before {
 content:"?"
}
.g-icon--smart:after,.g-icon--smart:before {
 content:"?"
}
.g-icon--smartphone:after,.g-icon--smartphone:before {
 content:"?"
}
.g-icon--sms-international:after,.g-icon--sms-international:before {
 content:"?"
}
.g-icon--sms-line:after,.g-icon--sms-line:before {
 content:"?"
}
.g-icon--sms-mms:after,.g-icon--sms-mms:before {
 content:"?"
}
.g-icon--sms-premium:after,.g-icon--sms-premium:before {
 content:"?"
}
.g-icon--sms-roaming:after,.g-icon--sms-roaming:before {
 content:"?"
}
.g-icon--sms:after,.g-icon--sms:before {
 content:"?"
}
.g-icon--social-facebook-2:after,.g-icon--social-facebook-2:before {
 content:"?"
}
.g-icon--social-facebook:after,.g-icon--social-facebook:before {
 content:"?"
}
.g-icon--social-google:after,.g-icon--social-google:before {
 content:"?"
}
.g-icon--social-linkedin:after,.g-icon--social-linkedin:before {
 content:"?"
}
.g-icon--social-mail:after,.g-icon--social-mail:before {
 content:"?"
}
.g-icon--social-simple-fb:after,.g-icon--social-simple-fb:before {
 content:"?"
}
.g-icon--social-simple-g:after,.g-icon--social-simple-g:before {
 content:"?"
}
.g-icon--social-simple-twitter:after,.g-icon--social-simple-twitter:before {
 content:"?"
}
.g-icon--social-simple-yt:after,.g-icon--social-simple-yt:before {
 content:"?"
}
.g-icon--social-twitter:after,.g-icon--social-twitter:before {
 content:"?"
}
.g-icon--space:after,.g-icon--space:before {
 content:"?"
}
.g-icon--speaker:after,.g-icon--speaker:before {
 content:"?"
}
.g-icon--spotify-small:after,.g-icon--spotify-small:before {
 content:"?"
}
.g-icon--spotify:after,.g-icon--spotify:before {
 content:"?"
}
.g-icon--star-contur:after,.g-icon--star-contur:before {
 content:"?"
}
.g-icon--star-round:after,.g-icon--star-round:before {
 content:"?"
}
.g-icon--star-whole:after,.g-icon--star-whole:before {
 content:"?"
}
.g-icon--star:after,.g-icon--star:before {
 content:"?"
}
.g-icon--stretch:after,.g-icon--stretch:before {
 content:"?"
}
.g-icon--subscription-package:after,.g-icon--subscription-package:before {
 content:"?"
}
.g-icon--th:after,.g-icon--th:before {
 content:"?"
}
.g-icon--thickness:after,.g-icon--thickness:before {
 content:"?"
}
.g-icon--tick_ok:after,.g-icon--tick_ok:before {
 content:"?"
}
.g-icon--tiff:after,.g-icon--tiff:before {
 content:"?"
}
.g-icon--timer:after,.g-icon--timer:before {
 content:"?"
}
.g-icon--tone:after,.g-icon--tone:before {
 content:"?"
}
.g-icon--top-up:after,.g-icon--top-up:before {
 content:"?"
}
.g-icon--trash-crossed:after,.g-icon--trash-crossed:before {
 content:"?"
}
.g-icon--trash:after,.g-icon--trash:before {
 content:"?"
}
.g-icon--trolley:after,.g-icon--trolley:before {
 content:"?"
}
.g-icon--tv-plus:after,.g-icon--tv-plus:before {
 content:"?"
}
.g-icon--txt:after,.g-icon--txt:before {
 content:"?"
}
.g-icon--unlimited-calls:after,.g-icon--unlimited-calls:before {
 content:"?"
}
.g-icon--user-badge:after,.g-icon--user-badge:before {
 content:"?"
}
.g-icon--valid:after,.g-icon--valid:before {
 content:"?"
}
.g-icon--vcard:after,.g-icon--vcard:before {
 content:"?"
}
.g-icon--video:after,.g-icon--video:before {
 content:"?"
}
.g-icon--videos:after,.g-icon--videos:before {
 content:"?"
}
.g-icon--vod:after,.g-icon--vod:before {
 content:"?"
}
.g-icon--voucher:after,.g-icon--voucher:before {
 content:"?"
}
.g-icon--wallet:after,.g-icon--wallet:before {
 content:"?"
}
.g-icon--warn:after,.g-icon--warn:before {
 content:"?"
}
.g-icon--weight:after,.g-icon--weight:before {
 content:"?"
}
.g-icon--wifi:after,.g-icon--wifi:before {
 content:"?"
}
.g-icon--wifi2:after,.g-icon--wifi2:before {
 content:"?"
}
.g-icon--windows:after,.g-icon--windows:before {
 content:"?"
}
.g-icon--wps:after,.g-icon--wps:before {
 content:"?"
}
.g-icon--xls:after,.g-icon--xls:before {
 content:"?"
}
.g-icon--zoom_in:after,.g-icon--zoom_in:before {
 content:"?"
}
.g-icon--zoom_normal:after,.g-icon--zoom_normal:before {
 content:"?"
}
.g-icon--zoom_out:after,.g-icon--zoom_out:before {
 content:"?"
}
.g-icon--3g:after,.g-icon--3g:before {
 content:"?"
}
.g-icon--call-message:after,.g-icon--call-message:before {
 content:"?"
}
.g-icon--call2:after,.g-icon--call2:before {
 content:"?"
}
.g-icon--card-move:after,.g-icon--card-move:before {
 content:"?"
}
.g-icon--card2:after,.g-icon--card2:before {
 content:"?"
}
.g-icon--clock:after,.g-icon--clock:before {
 content:"?"
}
.g-icon--comfort:after,.g-icon--comfort:before {
 content:"?"
}
.g-icon--delivery3:after,.g-icon--delivery3:before {
 content:"?"
}
.g-icon--device-phone:after,.g-icon--device-phone:before {
 content:"?"
}
.g-icon--dialler:after,.g-icon--dialler:before {
 content:"?"
}
.g-icon--document-e:after,.g-icon--document-e:before {
 content:"?"
}
.g-icon--earth:after,.g-icon--earth:before {
 content:"?"
}
.g-icon--extend-contract:after,.g-icon--extend-contract:before {
 content:"?"
}
.g-icon--gift-ribbon:after,.g-icon--gift-ribbon:before {
 content:"?"
}
.g-icon--home-wifi:after,.g-icon--home-wifi:before {
 content:"?"
}
.g-icon--internet-lte:after,.g-icon--internet-lte:before {
 content:"?"
}
.g-icon--internet-mobile:after,.g-icon--internet-mobile:before {
 content:"?"
}
.g-icon--internet-package:after,.g-icon--internet-package:before {
 content:"?"
}
.g-icon--love4:after,.g-icon--love4:before {
 content:"?"
}
.g-icon--money2:after,.g-icon--money2:before {
 content:"?"
}
.g-icon--move-number:after,.g-icon--move-number:before {
 content:"?"
}
.g-icon--msg-view:after,.g-icon--msg-view:before {
 content:"?"
}
.g-icon--new-client:after,.g-icon--new-client:before {
 content:"?"
}
.g-icon--new-number:after,.g-icon--new-number:before {
 content:"?"
}
.g-icon--notebook:after,.g-icon--notebook:before {
 content:"?"
}
.g-icon--padlock2:after,.g-icon--padlock2:before {
 content:"?"
}
.g-icon--personal-collection:after,.g-icon--personal-collection:before {
 content:"?"
}
.g-icon--phone-call:after,.g-icon--phone-call:before {
 content:"?"
}
.g-icon--phone-love:after,.g-icon--phone-love:before {
 content:"?"
}
.g-icon--phone-people:after,.g-icon--phone-people:before {
 content:"?"
}
.g-icon--phone-percent:after,.g-icon--phone-percent:before {
 content:"?"
}
.g-icon--phone2:after,.g-icon--phone2:before {
 content:"?"
}
.g-icon--plus2:after,.g-icon--plus2:before {
 content:"?"
}
.g-icon--radius:after,.g-icon--radius:before {
 content:"?"
}
.g-icon--safety:after,.g-icon--safety:before {
 content:"?"
}
.g-icon--salon:after,.g-icon--salon:before {
 content:"?"
}
.g-icon--salon2:after,.g-icon--salon2:before {
 content:"?"
}
.g-icon--save-energy:after,.g-icon--save-energy:before {
 content:"?"
}
.g-icon--sim-love:after,.g-icon--sim-love:before {
 content:"?"
}
.g-icon--sim-two:after,.g-icon--sim-two:before {
 content:"?"
}
.g-icon--tv:after,.g-icon--tv:before {
 content:"?"
}
.g-icon--tv2:after,.g-icon--tv2:before {
 content:"?"
}
.g-icon--world-globe:after,.g-icon--world-globe:before {
 content:"?"
}














#header .g-icon--after::after, #header .g-icon--only {
    display: inline-block;
}


.opl-skip-links--list {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer, #header {
 font-size: 14px;
 font-family:Arial,sans-serif;
 line-height:normal;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
 display:block
}
audio,canvas,progress,video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:0
}
#header [hidden],
#header template,
#footer [hidden],
#footer template {
 display:none
}


#header a:active,
#header a:hover,
#footer a:active,
#footer a:hover {
 outline:0
}
#header abbr[title],
#footer abbr[title] {
 border-bottom:1px dotted
}
#header a,
#header b,
#header strong,
#footer a,
#footer b,
#footer strong {
 font-weight:700
}
#header dfn,
#footer dfn {
 font-style:italic
}
#header mark,
#footer mark {
 background:#ff0
}
#header sub,
#header sup,
#footer sub,
#footer sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
#header sup,
#footer sup {
 top:-.5em
}
#header sub,
#footer sub {
 bottom:-.25em
}
#header img,
#footer img {
 border:0;
 max-width:100%
}
#header svg:not(:root),
#footer svg:not(:root) {
 overflow:hidden
}
#header figure,
#footer figure {
 margin:1em 40px
}
#header hr ,
#footer hr {
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 height:0;
 border:0;
 border-bottom:1px solid #ddd;
 width:100%;
 margin:0
}
#header pre,
#footer pre {
 overflow:auto
}
#header button,
#header optgroup ,
#footer button,
#footer optgroup {
 color:inherit;
 font:inherit;
 margin:0
}
#header input,
#header select,
#header textarea ,
#footer input,
#footer select,
#footer textarea {
 font:inherit
}
#header button,
#footer button{
 overflow:visible
}
#header button,
#header select,
#footer button,
#footer select {
 text-transform:none
}
#header button,
html #header input[type=button],
#header input[type=reset],
#header input[type=submit],
#footer button,
html #footer  input[type=button],
#footer input[type=reset],
#footer input[type=submit] {
 -webkit-appearance:button;
 cursor:pointer
}
#header button[disabled],
html #header  input[disabled],
#footer button[disabled],
html #footer input[disabled] {
 cursor:default
}
#header button::-moz-focus-inner,
#header input::-moz-focus-inner,
#footer button::-moz-focus-inner,
#footer input::-moz-focus-inner {
 border:0;
 padding:0
}
#header input,#footer input {
 line-height:normal
}

#header fieldset,#footer fieldset  {
 margin:0;
 border:0 solid #000;
 border-radius:0;
 background:0 0;
 min-width:0
}
#header legend,#footer legend {
 border:0
}

optgroup {
 font-weight:700
}
#header table,#footer table {
 border-collapse:collapse;
 border-spacing:0;
 width:100%
}
#header fieldset,#footer fieldset ,
#header legend,#footer legend ,
#header td,#footer td ,
#header th,#footer th 
{
 padding:0
}
.g-black1-c {
 color:#000!important
}
.g-black1-bg {
 background:#000!important
}
.g-black1-bdrc {
 border-color:#000!important
}
.g-white1-c {
 color:#fff!important
}
.g-white1-bg {
 background:#fff!important
}
.g-white1-bgc {
 background-color:#fff!important
}
.g-brand1-c {
 color:#ff7900!important
}
.g-brand1-bg {
 background:#ff7900!important
}
.g-brand1-bdrc {
 border-color:#ff7900!important
}
.g-brand2-c {
 color:#f16e00!important
}
.g-brand2-b-bg:before,.g-brand2-bg {
 background:#f16e00!important
}
.g-brand2-bdrc {
 border-color:#f16e00!important
}
.g-brand-gray-c {
 color:#595959!important
}
.g-brand-gray-bg {
 background:#595959!important
}
.g-yellow1-c {
 color:#fff6b6!important
}
.g-yellow1-b-bg:before,.g-yellow1-bg {
 background:#fff6b6!important
}
.g-yellow1-bgc {
 background-color:#fff6b6!important
}
.g-yellow2-c {
 color:#ffd200!important
}
.g-yellow2-b-bg:before,.g-yellow2-bg {
 background:#ffd200!important
}
.g-yellow2-bgc {
 background-color:#ffd200!important
}
.g-yellow3-c {
 color:#ffb400!important
}
.g-yellow3-b-bg:before,.g-yellow3-bg {
 background:#ffb400!important
}
.g-yellow3-bgc {
 background-color:#ffb400!important
}
.g-blue1-c {
 color:#b5e8f7!important
}
.g-blue1-b-bg:before,.g-blue1-bg {
 background:#b5e8f7!important
}
.g-blue1-bgc {
 background-color:#b5e8f7!important
}
.g-blue2-c {
 color:#4bb4e6!important
}
.g-blue2-b-bg:before,.g-blue2-bg {
 background:#4bb4e6!important
}
.g-blue2-bgc {
 background-color:#4bb4e6!important
}
.g-blue3-c {
 color:#085ebd!important
}
.g-blue3-b-bg:before,.g-blue3-bg {
 background:#085ebd!important
}
.g-blue3-bgc {
 background-color:#085ebd!important
}
.g-purple1-c {
 color:#d9c2f0!important
}
.g-purple1-b-bg:before,.g-purple1-bg {
 background:#d9c2f0!important
}
.g-purple1-bgc {
 background-color:#d9c2f0!important
}
.g-purple2-c {
 color:#a885d8!important
}
.g-purple2-b-bg:before,.g-purple2-bg {
 background:#a885d8!important
}
.g-purple2-bgc {
 background-color:#a885d8!important
}
.g-purple3-c {
 color:#492191!important
}
.g-purple3-b-bg:before,.g-purple3-bg {
 background:#492191!important
}
.g-purple3-bgc {
 background-color:#492191!important
}
.g-green1-c {
 color:#b8ebd6!important
}
.g-green1-b-bg:before,.g-green1-bg {
 background:#b8ebd6!important
}
.g-green1-bgc {
 background-color:#b8ebd6!important
}
.g-green2-c {
 color:#50be87!important
}
.g-green2-b-bg:before,.g-green2-bg {
 background:#50be87!important
}
.g-green2-bgc {
 background-color:#50be87!important
}
.g-green3-c {
 color:#0a6e31!important
}
.g-green3-b-bg:before,.g-green3-bg {
 background:#0a6e31!important
}
.g-green3-bgc {
 background-color:#0a6e31!important
}
.g-pink1-c {
 color:#ffe8f7!important
}
.g-pink1-b-bg:before,.g-pink1-bg {
 background:#ffe8f7!important
}
.g-pink1-bgc {
 background-color:#ffe8f7!important
}
.g-pink2-c {
 color:#ffb4e6!important
}
.g-pink2-b-bg:before,.g-pink2-bg {
 background:#ffb4e6!important
}
.g-pink2-bgc {
 background-color:#ffb4e6!important
}
.g-pink3-c {
 color:#ff8ad4!important
}
.g-pink3-b-bg:before,.g-pink3-bg {
 background:#ff8ad4!important
}
.g-pink3-bgc {
 background-color:#ff8ad4!important
}
.g-gray1-c {
 color:#f5f5f5!important
}
.g-gray1-bg {
 background:#f5f5f5!important
}
.g-gray2-c {
 color:#eee!important
}
.g-gray2-bg {
 background:#eee!important
}
.g-gray3-c {
 color:#ddd!important
}
.g-gray3-bg {
 background:#ddd!important
}
.g-gray3-bdrc {
 border-color:#ddd!important
}
.g-gray4-c {
 color:#ccc!important
}
.g-gray4-bg {
 background:#ccc!important
}
.g-gray5-c {
 color:#999!important
}
.g-gray5-bg {
 background:#999!important
}
.g-gray6-c {
 color:#666!important
}
.g-gray6-bg {
 background:#666!important
}
.g-gray7-c {
 color:#444!important
}
.g-gray7-bg {
 background:#444!important
}
.g-gray8-c {
 color:#333!important
}
.g-gray8-bg {
 background:#333!important
}
.g-gray9-c {
 color:#232323!important
}
.g-gray9-bg {
 background:#232323!important
}
.g-redf-c {
 color:#cd3c14!important
}
.g-redf-b-bg:before,.g-redf-bg {
 background:#cd3c14!important
}
.g-redf-bgc {
 background-color:#cd3c14!important
}
.g-yellowf-c {
 color:#fc0!important
}
.g-yellowf-b-bg:before,.g-yellowf-bg {
 background:#fc0!important
}
.g-yellowf-bgc {
 background-color:#fc0!important
}
.g-greenf-c {
 color:#32c832!important
}
.g-greenf-b-bg:before,.g-greenf-bg {
 background:#32c832!important
}
.g-greenf-bgc {
 background-color:#32c832!important
}
.g-bluef-c {
 color:#527edb!important
}
.g-bluef-b-bg:before,.g-bluef-bg {
 background:#527edb!important
}
.g-bluef-bgc {
 background-color:#527edb!important
}
@font-face {
 font-family:"Arial";
 font-weight:300;
 font-style:normal
}
@font-face {
 font-family:"Arial";
 font-weight:300;
 font-style:italic
}
@font-face {
 font-family:"Arial";
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:"Arial";
 font-weight:400;
 font-style:italic
}
@font-face {
 font-family:"Arial";
 font-weight:700;
 font-style:normal
}
@font-face {
 font-family:"Arial";
 font-weight:700;
 font-style:italic
}
.h1,#header h1,#footer h1  {
 font-size:2.910751em;
 font-family:Arial,sans-serif;
 font-weight:700;
 line-height:normal;
 margin:0 0 .562502em;
 color:#000
}
@media all and (max-width:767px) {
 .h1,#header h1,#footer h1  {
  font-size:1.77777em
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 .h1,#header h1,#footer h1 {
  font-size:2.910751em
 }
}
.h1-xxxl {
 font-size:3.801949em;
 font-family:Arial,sans-serif;
 font-weight:700;
 line-height:normal;
 margin:0 0 .562502em;
 color:#000
}
@media all and (max-width:767px) {
 .h1-xxxl {
  font-size:3.326639em
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 .h1-xxxl {
  font-size:3.801949em
 }
}
.h1-xxl {
 font-size:3.326639em;
 font-family:Arial,sans-serif;
 font-weight:700;
 line-height:normal;
 margin:0 0 .562502em;
 color:#000
}
@media all and (max-width:767px) {
 .h1-xxl {
  font-size:3.160466em
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 .h1-xxl {
  font-size:3.326639em
 }
}
.h1-xl {
 font-size:3.160466em;
 font-family:Arial,sans-serif;
 font-weight:700;
 line-height:normal;
 margin:0 0 .562502em;
 color:#000
}
@media all and (max-width:767px) {
 .h1-xl {
  font-size:2.910751em
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 .h1-xl {
  font-size:3.160466em
 }
}
.h2,#header h2,#footer h2  {
 font-size:2.15em;
 font-family:Arial,sans-serif;
 font-weight:700;
 line-height:normal;
 margin:0 0 .562502em;
 color:#000
}
@media all and (max-width:767px) {
 .h2,#header h2,#footer h2  {
  font-size:1.306175em
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 .h2,#header h2,#footer h2 {
  font-size:2.15em
 }
}
.h3,#header h3,#footer h3 {
 font-size:1.77777em;
 font-family:Arial,sans-serif;
 font-weight:700;
 line-height:normal;
 margin:0 0 .562502em;
 color:#000
}
@media all and (max-width:767px) {
 .h3,#header h3,#footer h3 {
  font-size:1.14288em
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 .h3,#header h3,#footer h3 {
  font-size:1.77777em
 }
}
.h4,#header h4,#footer h4 {
 font-size:1.306175em;
 font-family:Arial,sans-serif;
 font-weight:700;
 line-height:normal;
 margin:0 0 .562502em;
 color:#000
}
@media all and (max-width:767px) {
 .h4,#header h4,#footer h4 {
  font-size:1em
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 .h4,#header h4,#footer h4 {
  font-size:1.306175em
 }
}
#footer .h5,#header h5,#footer h5 {
 font-size:1.14288em;
 font-family:Arial,sans-serif;
 font-weight:700;
 line-height:normal;
 margin:0 0 .562502em;
 color:#000
}
@media all and (max-width:767px) {
 #footer .h5,#header h5,#footer h5  {
  font-size:1em
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 #footer .h5,#header h5,#footer h5  {
  font-size:1.14288em
 }
}
#footer .h6,#header h6,#footer h6  {
 font-size:1em;
 font-family:Arial,sans-serif;
 font-weight:700;
 line-height:normal;
 margin:0 0 .562502em;
 color:#000
}
@media all and (max-width:767px) {
 #footer .h6,#header h6,#footer h6 {
  font-size:1em
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 #footer .h6,#header h6,#footer h6 {
  font-size:1em
 }
}
#footer .h7 {
 font-size:.874983em;
 font-family:Arial,sans-serif;
 font-weight:700;
 line-height:normal;
 margin:0 0 .562502em;
 color:#000
}
@media all and (max-width:767px) {
 #footer .h7 {
  font-size:.874983em
 }
}
.u-font-light {
    font-weight: lighter !important;
}


@media all and (min-width:768px) and (max-width:1258px) {
 #footer .h7 {
  font-size:.874983em
 }
}
.p,#header p,#footer p {
 font-size:1em;
 margin:0;
 line-height:1.334
}
@media all and (max-width:767px) {
 .p,#header p,#footer p {
  font-size:1em
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 .p,#header p,#footer p {
  font-size:1em
 }
}
.opl-cms .h1:first-child,.opl-cms .h2:first-child,.opl-cms .h3:first-child,.opl-cms .h4:first-child,.opl-cms .h5:first-child,.opl-cms .h6:first-child,.opl-cms .h7:first-child,.opl-cms .p:first-child,.opl-cms h1:first-child,.opl-cms h2:first-child,.opl-cms h3:first-child,.opl-cms h4:first-child,.opl-cms h5:first-child,.opl-cms h6:first-child,.opl-cms p:first-child {
 margin-top:0
}
.opl-cms .h1,.opl-cms .h2,.opl-cms .h3,.opl-cms .h4,.opl-cms .h5,.opl-cms .h6,.opl-cms .h7,.opl-cms h1,.opl-cms h2,.opl-cms h3,.opl-cms h4,.opl-cms h5,.opl-cms h6 {
 margin-top:1em
}
.opl-cms .p,.opl-cms ol,.opl-cms p,.opl-cms ul {
 margin:1em 0 .562502em
}
.opl-all-wrap,.opl-word-wrap {
 word-wrap:break-word
}
.opl-all-wrap {
 word-break:break-all
}
.opl-no-wrap {
 white-space:nowrap
}
a:active,a:hover,a:not(.u-hide-focus):focus {
 color:#f16e00;
 text-decoration:underline;
 outline:0
}
a:active:after,a:active:before,a:after,a:before,a:hover:after,a:hover:before,a:not(.u-hide-focus):focus:after,a:not(.u-hide-focus):focus:before {
 text-decoration:none
}
a.blue:active,a.blue:hover,a.blue:not(.u-hide-focus):focus {
 color:#527edb
}
a.white:active,a.white:hover,a.white:not(.u-hide-focus):focus {
 color:#fff
}
#header ol,#footer ol,
#header ul,#footer ul {
 list-style:none;
 padding:0;
 margin:0
}
#header li,#footer li {
 font-size:1em;
 line-height:1.334
}
@media all and (max-width:767px) {
 #header li,#footer li {
  font-size:1em
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 #footer li,
 #header li {
  font-size:1em
 }
}
.opl-cms ol ol,.opl-cms ol ul,.opl-cms ul ol,.opl-cms ul ul {
 margin-top:0;
 margin-bottom:0
}
.opl-cms li {
 margin-bottom:.562502em
}
.opl-cms li:before {
 display:inline-block
}
.opl-cms ul li {
 position:relative;
 padding-left:13px
}
.opl-cms ul li:before {
 content:'';
 position:absolute;
 top:6px;
 left:0;
 width:6px;
 height:6px;
 background-color:#000;
 border-radius:100%
}
.opl-cms ul .val ol {
 list-style-type:value;
 padding-left:0;
 left:0
}
.opl-cms ul .val ol:before {
 content:none
}
.opl-cms ul .bigger-bullet {
 padding-left:15px;
 padding-bottom:14px
}
.opl-cms ul .bigger-bullet:before {
 top:8px;
 width:8px;
 height:8px
}
.opl-cms ul .bigger-bullet:last-child {
 padding-bottom:0
}
.opl-cms ul.disk li:before {
 border-radius:100px
}
.opl-cms ol,.opl-cms ol ol,.opl-cms ul ol {
 padding-left:20px
}
.opl-cms ol>li {
 list-style:decimal
}
.opl-cms ol li:first-child,.opl-cms ul li:first-child {
 margin-top:.562502em
}
th {
 font-weight:400
}
.opl-cms table {
 margin:0 0 .562502em
}
.opl-cms td,.opl-cms th {
 padding:10px;
 border:1px solid #000
}
.opl-cms th {
 font-weight:700;
 text-align:center
}
.opl-cms td {
 font-weight:400;
 text-align:left
}
@-moz-document url-prefix() {
 fieldset {
  display:table-cell
 }
}
@media print {
 #breadcrumbs,#footer,#header {
  display:none!important
 }
}
.l-full-row,.l-page-row {
 max-width:100%;
 margin-left:auto;
 margin-right:auto
}
.l-full-row:after,.l-page-row:after,.l-row:after {
 content:" ";
 display:block;
 clear:both
}
.l-full-row.l-full-row--padded {
 padding-left:60px;
 padding-right:60px
}
@media all and (max-width:1379px) {
 .l-full-row.l-full-row--padded {
  padding-left:20px;
  padding-right:20px
 }
}
@media all and (max-width:1298px) {
 .l-full-row.l-full-row--padded {
  padding-left:20px;
  padding-right:20px
 }
}
@media all and (max-width:1258px) {
 .l-full-row.l-full-row--padded {
  padding-left:20px;
  padding-right:20px
 }
}
@media all and (max-width:767px) {
 .l-full-row.l-full-row--padded {
  padding-left:20px;
  padding-right:20px
 }
}
.l-page-row {
 max-width:1259px;
 padding-left:20px;
 padding-right:20px
}
@media all and (max-width:1258px) {
 .l-page-row {
  padding-left:20px;
  padding-right:20px
 }
}
@media all and (max-width:767px) {
 .l-page-row {
  padding-left:20px;
  padding-right:20px
 }
}
.l-row {
 max-width:none;
 margin-left:-10px;
 margin-right:-10px
}
.l-row--space {
 margin-bottom:10px
}
.l-row--space-small {
 margin-bottom:5px
}
.l-row--space-large {
 margin-bottom:20px
}
.l-row--collapse {
 margin-left:0%;
 margin-right:0%
}
.l-col {
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 width:100%;
 float:left;
 padding-left:10px;
 padding-right:10px;
 position:relative;
 min-height:1px
}
.l-col--opposite {
 float:right
}
.l-col--auto {
 width:auto
}
.l-col-0 {
 width:0%!important;
 padding-left:0!important;
 margin-left:0!important
}
.l-col-1 {
 width:8.333333%
}
.l-col-2 {
 width:16.666667%
}
.l-col-3 {
 width:25%
}
.l-col-4 {
 width:33.333333%
}
.l-col-5 {
 width:41.666667%
}
.l-col-6 {
 width:50%
}
.l-col-7 {
 width:58.333333%
}
.l-col-8 {
 width:66.666667%
}
.l-col-9 {
 width:75%
}
.l-col-10 {
 width:83.333333%
}
.l-col-11 {
 width:91.666667%
}
.l-col-12 {
 width:100%
}
@media all and (min-width:1299px) {
 .l-col-xlarge-1 {
  width:8.333333%
 }
 .l-col-xlarge-2 {
  width:16.666667%
 }
 .l-col-xlarge-3 {
  width:25%
 }
 .l-col-xlarge-4 {
  width:33.333333%
 }
 .l-col-xlarge-5 {
  width:41.666667%
 }
 .l-col-xlarge-6 {
  width:50%
 }
 .l-col-xlarge-7 {
  width:58.333333%
 }
 .l-col-xlarge-8 {
  width:66.666667%
 }
 .l-col-xlarge-9 {
  width:75%
 }
 .l-col-xlarge-10 {
  width:83.333333%
 }
 .l-col-xlarge-11 {
  width:91.666667%
 }
 .l-col-xlarge-12 {
  width:100%
 }
}
@media all and (max-width:1258px) {
 .l-col-medium-1 {
  width:8.333333%
 }
 .l-col-medium-2 {
  width:16.666667%
 }
 .l-col-medium-3 {
  width:25%
 }
 .l-col-medium-4 {
  width:33.333333%
 }
 .l-col-medium-5 {
  width:41.666667%
 }
 .l-col-medium-6 {
  width:50%
 }
 .l-col-medium-7 {
  width:58.333333%
 }
 .l-col-medium-8 {
  width:66.666667%
 }
 .l-col-medium-9 {
  width:75%
 }
 .l-col-medium-10 {
  width:83.333333%
 }
 .l-col-medium-11 {
  width:91.666667%
 }
 .l-col-medium-12 {
  width:100%
 }
}
@media all and (max-width:767px) {
 .l-col-small-1 {
  width:8.333333%
 }
 .l-col-small-2 {
  width:16.666667%
 }
 .l-col-small-3 {
  width:25%
 }
 .l-col-small-4 {
  width:33.333333%
 }
 .l-col-small-5 {
  width:41.666667%
 }
 .l-col-small-6 {
  width:50%
 }
 .l-col-small-7 {
  width:58.333333%
 }
 .l-col-small-8 {
  width:66.666667%
 }
 .l-col-small-9 {
  width:75%
 }
 .l-col-small-10 {
  width:83.333333%
 }
 .l-col-small-11 {
  width:91.666667%
 }
 .l-col-small-12 {
  width:100%
 }
}
@media all and (min-width:0) and (max-width:567px) {
 .l-col-xsmall-1 {
  width:8.333333%
 }
 .l-col-xsmall-2 {
  width:16.666667%
 }
 .l-col-xsmall-3 {
  width:25%
 }
 .l-col-xsmall-4 {
  width:33.333333%
 }
 .l-col-xsmall-5 {
  width:41.666667%
 }
 .l-col-xsmall-6 {
  width:50%
 }
 .l-col-xsmall-7 {
  width:58.333333%
 }
 .l-col-xsmall-8 {
  width:66.666667%
 }
 .l-col-xsmall-9 {
  width:75%
 }
 .l-col-xsmall-10 {
  width:83.333333%
 }
 .l-col-xsmall-11 {
  width:91.666667%
 }
 .l-col-xsmall-12 {
  width:100%
 }
}
@media all and (max-width:767px) {
 .l-col.small-offset-by-1 {
  margin-left:8.333333%
 }
 .l-col.small-offset-by-2 {
  margin-left:16.666667%
 }
 .l-col.small-offset-by-3 {
  margin-left:25%
 }
 .l-col.small-offset-by-4 {
  margin-left:33.333333%
 }
 .l-col.small-offset-by-5 {
  margin-left:41.666667%
 }
 .l-col.small-offset-by-6 {
  margin-left:50%
 }
 .l-col.small-offset-by-7 {
  margin-left:58.333333%
 }
 .l-col.small-offset-by-8 {
  margin-left:66.666667%
 }
 .l-col.small-offset-by-9 {
  margin-left:75%
 }
 .l-col.small-offset-by-10 {
  margin-left:83.333333%
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 .l-col.medium-offset-by-1 {
  margin-left:8.333333%
 }
 .l-col.medium-offset-by-2 {
  margin-left:16.666667%
 }
 .l-col.medium-offset-by-3 {
  margin-left:25%
 }
 .l-col.medium-offset-by-4 {
  margin-left:33.333333%
 }
 .l-col.medium-offset-by-5 {
  margin-left:41.666667%
 }
 .l-col.medium-offset-by-6 {
  margin-left:50%
 }
 .l-col.medium-offset-by-7 {
  margin-left:58.333333%
 }
 .l-col.medium-offset-by-8 {
  margin-left:66.666667%
 }
 .l-col.medium-offset-by-9 {
  margin-left:75%
 }
 .l-col.medium-offset-by-10 {
  margin-left:83.333333%
 }
}
@media all and (min-width:1259px) {
 .l-col.large-offset-by-1 {
  margin-left:8.333333%
 }
 .l-col.large-offset-by-2 {
  margin-left:16.666667%
 }
 .l-col.large-offset-by-3 {
  margin-left:25%
 }
 .l-col.large-offset-by-4 {
  margin-left:33.333333%
 }
 .l-col.large-offset-by-5 {
  margin-left:41.666667%
 }
 .l-col.large-offset-by-6 {
  margin-left:50%
 }
 .l-col.large-offset-by-7 {
  margin-left:58.333333%
 }
 .l-col.large-offset-by-8 {
  margin-left:66.666667%
 }
 .l-col.large-offset-by-9 {
  margin-left:75%
 }
 .l-col.large-offset-by-10 {
  margin-left:83.333333%
 }
}
.l-table-row__wrapper {
 margin-left:-10px;
 margin-right:-10px
}
@media all and (max-width:767px) {
 .l-table-row__wrapper.no-table-row-small {
  margin-left:0;
  margin-right:0
 }
 .l-table-row__wrapper.no-table-row-small>.l-table-row {
  display:block;
  width:auto;
  margin-left:-10px;
  margin-right:-10px
 }
 .l-table-row__wrapper.no-table-row-small>.l-table-row>.l-col {
  display:block;
  float:left
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 .l-table-row__wrapper.no-table-row-medium {
  margin-left:0;
  margin-right:0
 }
 .l-table-row__wrapper.no-table-row-medium>.l-table-row {
  display:block;
  width:auto;
  margin-left:-10px;
  margin-right:-10px
 }
 .l-table-row__wrapper.no-table-row-medium>.l-table-row>.l-col {
  display:block;
  float:left
 }
}
@media all and (min-width:1259px) {
 .l-table-row__wrapper.no-table-row-large {
  margin-left:0;
  margin-right:0
 }
 .l-table-row__wrapper.no-table-row-large>.l-table-row {
  display:block;
  width:auto;
  margin-left:-10px;
  margin-right:-10px
 }
 .l-table-row__wrapper.no-table-row-large>.l-table-row>.l-col {
  display:block;
  float:left
 }
}
.l-table-row {
 display:table;
 table-layout:fixed;
 width:100%;
 margin-left:0;
 margin-right:0
}
.l-table-row>.l-col {
 display:table-cell;
 float:none
}
.l-group {
 display:table;
 position:relative
}
.l-group--fluid {
 border-collapse:separate;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.l-group--fluid>.l-group__element--addon {
 text-align:center;
 width:1%;
 white-space:nowrap;
 vertical-align:middle
}
.l-group--fluid>.l-group__element--main {
 width:100%
}
.l-group--fixed {
 width:100%;
 table-layout:fixed;
 border-collapse:separate;
 vertical-align:middle
}
.l-group--fixed>.l-group__element {
 width:1%
}
.l-group--centered {
 width:100%
}
.l-group--centered>.l-group__element {
 vertical-align:middle;
 text-align:center
}
.l-group__element {
 display:table-cell
}
@media all and (min-width:768px) and (max-width:1258px) {
 .l-group-break-medium>.l-group__element {
  display:block;
  width:100%;
  white-space:normal;
  text-align:left
 }
}
@media all and (max-width:767px) {
 .l-group-break-small {
  display:block
 }
 .l-group-break-small>.l-group__element {
  display:block;
  width:100%;
  white-space:normal;
  text-align:left
 }
}
.u-acc-hide {
 border:0!important;
 clip:rect(0 0 0 0)!important;
 height:1px!important;
 margin:-1px!important;
 overflow:hidden!important;
 padding:0!important;
 position:absolute!important;
 width:1px!important
}
.u-acc-txt--show {
 display:block
}
.is-active .u-acc-txt--show,.is-open .u-acc-txt--show,.is-selected .u-acc-txt--show,:checked~.o-ci-label .u-acc-txt--show,:checked~label .u-acc-txt--show {
 display:none
}
.u-acc-txt--hide {
 display:none
}
.is-active .u-acc-txt--hide,.is-open .u-acc-txt--hide,.is-selected .u-acc-txt--hide,:checked~.o-ci-label .u-acc-txt--hide,:checked~label .u-acc-txt--hide {
 display:block
}
.ui-helper-hidden-accessible {
 border:0!important;
 clip:rect(0 0 0 0)!important;
 height:1px!important;
 margin:-1px!important;
 overflow:hidden!important;
 padding:0!important;
 position:absolute!important;
 width:1px!important
}
a.u-hide-focus:focus,a:focus,button.u-hide-focus:focus,button:focus,input.u-hide-focus:focus,input:focus,select.u-hide-focus:focus,select:focus,textarea.u-hide-focus:focus,textarea:focus {
 outline:0
}
.tabed a:focus,.tabed button:focus,.tabed input:focus,.tabed select:focus,.tabed textarea:focus {
 outline:3px #000 solid
}
.u-clearfix:after,.u-clearfix:before {
 content:' ';
 display:table
}
.u-clearfix:after {
 clear:both
}
.u-left {
 float:left!important
}
@media all and (max-width:767px) {
 .u-left {
  float:none!important
 }
}
.u-right {
 float:right!important
}
@media all and (max-width:767px) {
 .u-right {
  float:none!important
 }
 .u-small-left {
  float:left!important
 }
 .u-small-right {
  float:right!important
 }
}
.u-clear-left {
 clear:left!important
}
.u-clear-right {
 clear:right!important
}
.u-clear-both {
 clear:both!important
}
.u-vertical-top {
 vertical-align:top!important
}
.u-vertical-baseline {
 vertical-align:baseline!important
}
.u-vertical-bottom {
 vertical-align:bottom!important
}
.u-vertical-middle {
 vertical-align:middle!important
}
@media all and (max-width:767px) {
 .u-small-vertical-baseline {
  vertical-align:baseline!important
 }
}
@media all and (min-width:768px) and (max-width:1258px) {
 .u-medium-vertical-middle {
  vertical-align:middle!important
 }
}
.u-overflow {
 overflow:hidden!important
}
.u-overflow-x {
 overflow-x:hidden!important
}
.u-overflow-y {
 overflow-y:hidden!important
}
@media all and (max-width:767px) {
 .u-small-overflow-y-scroll {
  overflow-y:scroll!important
 }
}
.opl-tabs__nav-wrapper {
 position:relative
}
.opl-tabs__nav-wrapper-inner {
 position:relative;
 padding:0 20px 0 0;
 overflow:hidden
}
.opl-tabs__nav-wrapper-inner:before,.opl-tabs__nav-wrapper:before {
 left:10px;
 width:-webkit-calc(100% - 20px);
 width:-moz-calc(100% - 20px);
 width:calc(100% - 20px);
 position:absolute;
 height:20px
}
.opl-tabs__nav-link:after {
 height:20px
}
.opl-tabs__nav-wrapper-inner:before {
 content:''
}
.opl-tabs__nav-link:after,.opl-tabs__nav-wrapper-inner:before {
 top:100%;
 -webkit-box-shadow:0 0 20px rgba(0,0,0,.2);
 box-shadow:0 0 20px rgba(0,0,0,.2)
}
.opl-tabs__nav-link,.opl-tabs__nav-link-inner span,.opl-tabs__nav-link:before,.opl-tabs__nav-wrapper-inner {
 height:60px
}
.opl-tabs__nav {
 display:table
}
.opl-tabs__nav-item {
 display:table-cell;
 vertical-align:top
}
.opl-tabs__nav-item__content {
 position:relative;
 padding:0 0 0 20px
}
.opl-tabs__nav-link,.opl-tabs__nav-link-inner,.opl-tabs__nav-link:after,.opl-tabs__nav-link:before {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.opl-tabs__nav-link {
 position:relative;
 display:block;
 padding:0 30px;
 background:#fff;
 text-align:left;
 text-decoration:none;
 white-space:nowrap;
 cursor:pointer;
 overflow:hidden;
 -webkit-transition:background 500ms ease;
 -o-transition:background 500ms ease;
 -moz-transition:background 500ms ease;
 transition:background 500ms ease
}
.opl-tabs__nav-link:before {
 left:0
}
.opl-tabs__nav-link:after,.opl-tabs__nav-link:before {
 content:'';
 position:absolute;
 width:100%;
 pointer-events:none
}
.opl-tabs__nav-link:before {
 top:0;
 border-color:#ccc;
 border-width:1px 1px 0;
 border-style:solid
}
.opl-tabs__nav-link:after {
 left:-20px;
 width:-webkit-calc(100% + 40px);
 width:-moz-calc(100% + 40px);
 width:calc(100% + 40px)
}
.opl-tabs .opl-tabs__nav-link:focus,.opl-tabs__nav-link:active,.opl-tabs__nav-link:hover {
 color:inherit;
 text-decoration:inherit
}
.opl-tabs__nav-link:active,.tabed .opl-tabs__nav-link:focus {
 background:#f5f5f5
}
@media all and (min-width:1259px) {
 .opl-tabs__nav-link:hover {
  background:#f5f5f5
 }
}
.opl-tabs__nav-link.is-active,.opl-tabs__nav-link[aria-selected=true] {
 -webkit-box-shadow:0 5px 20px rgba(0,0,0,.2);
 box-shadow:0 5px 20px rgba(0,0,0,.2)
}
.opl-tabs__nav-link.is-active,.opl-tabs__nav-link.is-active:focus,.opl-tabs__nav-link[aria-selected=true],.opl-tabs__nav-link[aria-selected=true]:focus {
 color:#f16e00
}
.opl-tabs__nav-link.is-active:before,.opl-tabs__nav-link[aria-selected=true]:before {
 border-color:#f16e00;
 border-width:2px 0 0;
 background:#fff
}
.opl-tabs__nav-item.js-new .opl-tabs__nav-link:after,.opl-tabs__nav-item.js-new .opl-tabs__nav-link:before,.opl-tabs__nav-link.is-active:after,.opl-tabs__nav-link[aria-selected=true]:after {
 content:none
}
.opl-tabs__nav-item.js-new .opl-tabs__nav-link {
 background:0 0;
 color:transparent
}
.opl-tabs__nav-link-inner {
 position:relative;
 display:table;
 z-index:1;
 color:inherit
}
.opl-tabs__nav-link-inner span {
 color:inherit;
 display:table-cell;
 vertical-align:middle
}
.opl-tabs__nav-link-inner span:after,.opl-tabs__nav-link-inner span:before {
 margin-right:10px
}
.opl-tabs__nav-link-inner span:before {
 display:inline-block
}
.opl-tabs__nav-link-inner span:after {
 display:none
}
.opl-tabs__add-wrapper {
 display:table-cell;
 vertical-align:middle;
 padding:0 0 0 10px
}
.opl-tabs--nested.opl-tabs--primary>.opl-tabs__nav-wrapper .opl-tabs__nav-item__content,.opl-tabs--nested.opl-tabs--primary>.opl-tabs__nav-wrapper .opl-tabs__nav-wrapper-inner,.opl-tabs__add {
 padding:0
}
.opl-tabs__add-icon {
 width:40px;
 height:40px;
 line-height:40px
}
.opl-tabs__add-icon:after,.opl-tabs__add-icon:before {
 font-size:15px
}
.opl-tabs__add-icon:before {
 display:inline-block
}
.opl-tabs__add-icon:after {
 display:none
}
.opl-tabs__content {
 display:none;
 padding:2.142857em 0 0
}
.opl-tabs__content.is-active,.opl-tabs__content[aria-hidden=false] {
 display:block
}
.opl-tabs .invisible {
 position:absolute!important;
 left:-9999px!important
}
.opl-tabs--large .opl-tabs__nav-link,.opl-tabs--large .opl-tabs__nav-link-inner span,.opl-tabs--large .opl-tabs__nav-link:before,.opl-tabs--large .opl-tabs__nav-wrapper-inner {
 height:70px
}
.opl-tabs--large .opl-tabs__nav-link-inner span:after,.opl-tabs--large .opl-tabs__nav-link-inner span:before {
 position:relative;
 top:-5px;
 margin-right:20px
}
.opl-tabs--large .opl-tabs__nav-link-inner span:before {
 display:inline-block
}
.opl-tabs--large .opl-tabs__nav-link-inner span:after {
 display:none
}
.opl-tabs--medium .opl-tabs__nav-link,.opl-tabs--medium .opl-tabs__nav-link-inner span,.opl-tabs--medium .opl-tabs__nav-link:before,.opl-tabs--medium .opl-tabs__nav-wrapper-inner {
 height:50px
}
.opl-tabs--small .opl-tabs__nav-link,.opl-tabs--small .opl-tabs__nav-link-inner span,.opl-tabs--small .opl-tabs__nav-link:before,.opl-tabs--small .opl-tabs__nav-wrapper-inner {
 height:40px
}
.opl-tabs--small .opl-tabs__nav-link-inner {
 margin:0 auto
}
.opl-tabs--secondary .opl-tabs__nav-wrapper:before {
 content:'';
 bottom:0;
 -webkit-box-shadow:0 5px 20px rgba(0,0,0,.2);
 box-shadow:0 5px 20px rgba(0,0,0,.2)
}
.opl-tabs--secondary .opl-tabs__nav-wrapper-inner {
 padding:0 30px 0 0
}
.opl-tabs--secondary .opl-tabs__nav-item__content {
 padding:0 0 0 30px
}
.opl-tabs--secondary .opl-tabs__nav-wrapper-inner {
 background:#fff
}
.opl-tabs--secondary .opl-tabs__nav-wrapper-inner:before {
 content:none
}
.opl-tabs--secondary .opl-tabs__nav-link {
 padding:0;
 -webkit-box-shadow:none;
 box-shadow:none
}
.opl-tabs--secondary .opl-tabs__nav-link,.opl-tabs--secondary .opl-tabs__nav-link:focus {
 background:0 0
}
.opl-tabs--secondary .opl-tabs__nav-link:before {
 border-width:0;
 border-color:inherit
}
.opl-tabs--secondary .opl-tabs__nav-link:after {
 content:none
}
@media all and (min-width:1259px) {
 .opl-tabs--secondary .opl-tabs__nav-link:hover:before {
  border-width:0 0 2px
 }
}
.opl-tabs--secondary .opl-tabs__nav-link.is-active:before,.opl-tabs--secondary .opl-tabs__nav-link:active:before,.opl-tabs--secondary .opl-tabs__nav-link[aria-selected=true]:before,.tabed .opl-tabs--secondary .opl-tabs__nav-link:focus:before {
 border-width:0 0 2px
}
.opl-tabs--full-width .opl-tabs__nav {
 width:100%;
 table-layout:fixed
}
.opl-header__drawer img,.opl-logo img,.opl-tabs--full-width .opl-tabs__nav-item {
 width:100%
}
.opl-tabs--layout-auto .opl-tabs__nav {
 table-layout:auto
}
.opl-tabs--layout-auto .opl-tabs__nav-item {
 width:auto
}
.opl-tabs--nested.opl-tabs--primary>.opl-tabs__nav-wrapper {
 background:#eee;
 z-index:1
}
.opl-tabs--nested.opl-tabs--primary>.opl-tabs__nav-wrapper .opl-tabs__nav-link {
 font-size:16px;
 background:#eee
}
.opl-tabs--nested.opl-tabs--primary>.opl-tabs__nav-wrapper .opl-tabs__nav-link:before {
 border-width:0
}
.opl-tabs--nested.opl-tabs--primary>.opl-tabs__nav-wrapper .opl-tabs__nav-link:active,.tabed .opl-tabs--nested.opl-tabs--primary>.opl-tabs__nav-wrapper .opl-tabs__nav-link:focus {
 background:#ddd
}
@media all and (min-width:1259px) {
 .opl-tabs--nested.opl-tabs--primary>.opl-tabs__nav-wrapper .opl-tabs__nav-link:hover {
  background:#ddd
 }
}
.opl-tabs--nested.opl-tabs--primary>.opl-tabs__nav-wrapper .opl-tabs__nav-link.is-active,.opl-tabs--nested.opl-tabs--primary>.opl-tabs__nav-wrapper .opl-tabs__nav-link[aria-selected=true] {
 z-index:1
}
.opl-tabs--nested.opl-tabs--secondary .opl-tabs__nav-wrapper {
 -webkit-box-shadow:0 5px 20px rgba(0,0,0,.2);
 box-shadow:0 5px 20px rgba(0,0,0,.2)
}
.opl-tabs--nested.opl-tabs--secondary .opl-tabs__nav-wrapper:before {
 content:none
}
.opl-tabs--nested>.opl-tabs__content {
 padding:0
}
.opl-tabs__nav .slick-track {
 display:table;
 table-layout:auto;
 width:auto!important
}
.opl-tabs__nav.slick-slider .opl-tabs__nav-item {
 float:none;
 display:table-cell;
 width:auto
}
.opl-tabs--numbers .opl-tabs__nav-item {
 width:190px
}
.opl-tabs--reset-styles .opl-tabs__nav-wrapper {
 overflow:visible
}
.opl-tabs--reset-styles .opl-tabs__nav-link,.opl-tabs--reset-styles .opl-tabs__nav-link-inner span,.opl-tabs--reset-styles .opl-tabs__nav-link:before,.opl-tabs--reset-styles .opl-tabs__nav-wrapper-inner {
 height:auto
}
.opl-tabs--reset-styles .opl-tabs__nav-wrapper-inner {
 position:static
}
.opl-tabs--reset-styles .opl-tabs__nav-link.is-active:after,.opl-tabs--reset-styles .opl-tabs__nav-link.is-active:before,.opl-tabs--reset-styles .opl-tabs__nav-link:after,.opl-tabs--reset-styles .opl-tabs__nav-link:before,.opl-tabs--reset-styles .opl-tabs__nav-link[aria-selected=true]:after,.opl-tabs--reset-styles .opl-tabs__nav-link[aria-selected=true]:before,.opl-tabs--reset-styles .opl-tabs__nav-wrapper-inner:before {
 content:none
}
.opl-tabs--reset-styles .opl-tabs__nav-item__content {
 padding:0
}
.opl-tabs--reset-styles .opl-tabs__nav-link {
 position:static;
 padding:0;
 overflow:visible;
 -webkit-box-shadow:none;
 box-shadow:none
}
.opl-tabs--reset-styles .opl-tabs__nav-link,.opl-tabs--reset-styles .opl-tabs__nav-link:focus,.opl-tabs--reset-styles .opl-tabs__nav-link:hover {
 color:inherit;
 background:0 0
}
.opl-tabs--reset-styles .opl-tabs__nav-link-inner {
 margin:0
}
.opl-tooltip__icon {
 font-weight:700
}
.opl-tooltip__icon:after,.opl-tooltip__icon:before {
 font-size:20px;
 padding:10px
}
@media all and (max-width:767px) {
 .opl-tooltip__icon {
  display:table-cell
 }
 .opl-tooltip__icon:after,.opl-tooltip__icon:before {
  color:#085ebd
 }
}
.opl-tooltip__icon+.o-tooltip__content {
 font-weight:700;
 font-size:-1px
}
@media all and (max-width:767px) {
 .opl-tooltip__icon+.o-tooltip__content {
  display:table-cell
 }
}
.o-tooltip {
 border:0;
 -webkit-box-shadow:0 -3px 13px 4px rgba(0,0,0,.1);
 box-shadow:0 -3px 13px 4px rgba(0,0,0,.1);
 padding:15px
}
.o-tooltip:after,.o-tooltip:before {
 border:0;
 content:'';
 width:20px;
 height:20px;
 background-color:inherit;
 -webkit-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg);
 position:absolute;
 top:-8px
}
.o-tooltip--closable {
 padding-right:40px
}
.o-tooltip--close:before {
 right:14px;
 top:15px
}
.o-tooltip.o-tooltip--top {
 -webkit-box-shadow:0 2px 10px 5px rgba(0,0,0,.1);
 box-shadow:0 2px 10px 5px rgba(0,0,0,.1)
}
.o-tooltip.o-tooltip--top:after,.o-tooltip.o-tooltip--top:before {
 bottom:-8px
}
.opl-header {
 background:#fff;
 position:relative;
 z-index: 16;
}
.opl-header__navigation {
 padding-top:10px
}
.opl-header__right-col {
 padding-top:7px;
 -webkit-transition:all .4s;
 -o-transition:all .4s;
 -moz-transition:all .4s;
 transition:all .4s
}
.opl-header__right-col .opl-navigation__li {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.opl-header .g-icon:after,.opl-header .g-icon:before {
 font-size:26px
}
@media all and (min-width:0) and (max-width:959px) {
 .opl-header__right-col {
  padding-top:2px
 }
}
.opl-header--fixed {
 position:fixed;
 width:100%;
 z-index:99
}
.opl-header--fixed .opl-header__top {
 display:none
}
.opl-header--fixed .opl-header__main {
 padding:16px 0 15px
}
.opl-header--scroll-up {
 top:0
}
.opl-header--scroll-down {
 top:-175px
}
.opl-header__top {
 background:#232323
}
@media all and (min-width:0) and (max-width:959px) {
 .opl-header__top {
  display:none
 }
}
@media all and (min-width:960px) {
 .opl-header .opl-navigation--first {
  -webkit-transition:font-size .2s,opacity .2s .2s,padding .2s;
  -o-transition:font-size .2s,opacity .2s .2s,padding .2s;
  -moz-transition:font-size .2s,opacity .2s .2s,padding .2s;
  transition:font-size .2s,opacity .2s .2s,padding .2s
 }
 .opl-header--fixed .opl-navigation--first {
  font-size:1px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity:0;
  padding:0;
  -webkit-transition-delay:0s;
  -moz-transition-delay:0s;
  -o-transition-delay:0s;
  transition-delay:0s
 }
 .opl-header--fixed .opl-logo {
  width:40px
 }
 .opl-header--fixed .opl-header__navigation {
  padding-top:5px
 }
 .opl-header--fixed .opl-header__right-col {
  padding-top:2px
 }
}
.opl-header__navigation a,.opl-header__navigation button,.opl-header__right-col a,.opl-header__right-col button,.opl-header__top a,.opl-header__top button {
 color:#fff;
 text-decoration:none
}
#header .opl-header__navigation a:hover,
#header .opl-header__navigation a:not(.u-hide-focus):focus,
#header .opl-header__navigation button:hover,
#header .opl-header__navigation button:not(.u-hide-focus):focus,
#header .opl-header__right-col a:hover,
#header .opl-header__right-col a:not(.u-hide-focus):focus,
#header .opl-header__right-col button:hover,
#header .opl-header__right-col button:not(.u-hide-focus):focus,
#header .opl-header__top a:hover,
#header .opl-header__top a:not(.u-hide-focus):focus,
#header .opl-header__top button:hover,
#header .opl-header__top button:not(.u-hide-focus):focus {
 color:#ff7900;
 text-decoration:none
}
.opl-header__main {
 padding:15px 0;
 background:#000;
 -webkit-transition:all .4s;
 -o-transition:all .4s;
 -moz-transition:all .4s;
 transition:all .4s;
 border-bottom:1px #232323 solid
}
.opl-header .opl-navigation__dropdown {
 padding-top:0;
 padding-bottom:0
}
@media all and (min-width:0) and (max-width:959px) {
 .opl-header .opl-navigation__dropdown {
  display:none
 }
}
.opl-header .opl-navigation__dropdown .g-icon {
 color:#ff7900
}
.opl-header .opl-navigation__dropdown .g-icon:after,.opl-header .opl-navigation__dropdown .g-icon:before {
 font-size:29px
}
@media all and (min-width:0) and (max-width:959px) {
 .opl-header .opl-navigation__dropdown .g-icon {
  display:none
 }
}
@media all and (min-width:960px) {
 .opl-header .opl-navigation__list .opl-navigation__dropdown:first-child>a .opl-navigation__title:after,.opl-header .opl-navigation__list .opl-navigation__dropdown:first-child>a .opl-navigation__title:before {
  font-family:'CustomIcons';
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  text-decoration:none;
  text-transform:none;
  vertical-align:middle;
  line-height:1;
  content:"?";
  font-size:10px;
  position:absolute;
  padding-top:8px;
  left:-20px;
  top:-4px;
  -webkit-transition:all .3s;
  -o-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s;
  -webkit-transform-origin:50% 70% 0;
  -moz-transform-origin:50% 70% 0;
  -ms-transform-origin:50% 70% 0;
  transform-origin:50% 70% 0
 }
 .opl-header .opl-navigation__list .opl-navigation__dropdown:first-child>a .opl-navigation__title:before {
  display:inline-block
 }
 .opl-header .opl-navigation__list .opl-navigation__dropdown:first-child>a .opl-navigation__title:after {
  display:none
 }
 .opl-header .opl-navigation__list .opl-navigation__dropdown:first-child.active>a .opl-navigation__title:after,.opl-header .opl-navigation__list .opl-navigation__dropdown:first-child.active>a .opl-navigation__title:before {
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg)
 }
 .opl-header .opl-navigation__list .opl-navigation__dropdown:first-child.active>a .opl-navigation__title:before {
  display:inline-block
 }
 .opl-header .opl-navigation__list .opl-navigation__dropdown:first-child.active>a .opl-navigation__title:after {
  display:none
 }
}
.opl-header__drawer .g-icon:after,.opl-header__drawer .g-icon:before {
 font-size:60px
}
@media all and (min-width:0) and (max-width:959px) {
 .opl-header__shelf {
  display:none
 }
}
.opl-header--fixed .opl-header__shelf {
 display:none
}
.opl-has-console.opl-header {
 padding-top:0
}
.opl-has-console.opl-header--fixed .console-open {
 top:53px!important
}
.opl-logo {
 width:50px
}
.opl-logo a,.opl-logo a img {
 display:block
}
@media all and (min-width:0) and (max-width:959px) {
 .opl-logo {
  width:30px
 }
}
.opl-basket {
 position:relative
}
.opl-basket__counter,.opl-basket__counter-text {
 display:block;
 width:22px;
 -webkit-transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 transform:scale(0)
}
.opl-basket__counter {
 height:22px;
 top:-11px;
 right:-12px;
 background:#ff7900;
 border-radius:22px;
 visibility:hidden;
 position:absolute;
 -webkit-transition:all .4s;
 -o-transition:all .4s;
 -moz-transition:all .4s;
 transition:all .4s
}
.opl-basket__counter-text {
 text-align:center;
 font-size:12px;
 white-space:nowrap;
 line-height:22px;
 color:#fff;
 position:relative;
 z-index:1;
 -webkit-transition:all .2s;
 -o-transition:all .2s;
 -moz-transition:all .2s;
 transition:all .2s;
 -webkit-transition-delay:.4s;
 -moz-transition-delay:.4s;
 -o-transition-delay:.4s;
 transition-delay:.4s
}
.opl-basket:hover .opl-basket-text,.opl-basket:not(.u-hide-focus):focus .opl-basket-text {
 color:#fff
}
.opl-basket--full .opl-basket__counter {
 visibility:visible
}
.opl-basket--full .opl-basket__counter,.opl-basket--full .opl-basket__counter-text,.opl-basket--full .opl-basket__counter:after {
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}
.opl-basket--full .opl-basket__counter-text {
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 opacity:1;
 -webkit-transition:opacity .2s ease,-webkit-transform .2s ease;
 -o-transition:transform .2s ease,opacity .2s ease;
 -moz-transition:transform .2s ease,opacity .2s ease,-moz-transform .2s ease;
 transition:transform .2s ease,opacity .2s ease;
 transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease,-moz-transform .2s ease
}
.opl-basket--full .opl-basket__counter-text.is-hiding,.opl-basket--full .opl-basket__counter-text.is-showing {
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 opacity:0;
 -webkit-transform:translateY(-20%);
 -moz-transform:translateY(-20%);
 -ms-transform:translateY(-20%);
 transform:translateY(-20%)
}
.opl-basket--full .opl-basket__counter-text.is-showing {
 -webkit-transform:translateY(20%);
 -moz-transform:translateY(20%);
 -ms-transform:translateY(20%);
 transform:translateY(20%)
}
@media all and (min-width:960px) {
 .opl-basket__text {
  display:none
 }
}


.opl--menu-visible .opl-mobile-menu__icon,.opl--menu-visible .opl-mobile-menu__icon:after,.opl--menu-visible .opl-mobile-menu__icon:before,.opl-header__white-version .opl-navigation__li--active {
 background:#fff
}
#header .opl-header__white-version .opl-basket-mini a,#header .opl-header__white-version .opl-basket-mini h2,#header .opl-header__white-version .opl-basket-mini h3,#header .opl-header__white-version .opl-basket-mini h4,#header .opl-header__white-version .opl-basket-mini h5,#header .opl-header__white-version .opl-basket-mini h6,#header .opl-header__white-version .opl-basket-mini p,#header .opl-header__white-version .opl-basket-mini span,#header .opl-header__white-version .opl-mobile-menu,#header .opl-header__white-version .opl-navigation__child a {
 color:#000
}
#footer.opl-footer,#header .opl-header__white-version .opl-mobile-menu__icon,#header .opl-header__white-version .opl-mobile-menu__icon:after,#header .opl-header__white-version .opl-mobile-menu__icon:before {
 background:#000
}
.opl-header__white-version .opl-basket-mini .opl-btn--primary:hover,.opl-header__white-version .opl-basket-mini .opl-btn:hover {
 background-color:#000!important;
 color:#fff!important
}
.opl-header__white-version .opl-basket-mini .opl-btn--primary:hover:before,.opl-header__white-version .opl-basket-mini .opl-btn:hover:before {
 background-color:#000!important;
 border-color:#000!important
}
.ie8 .opl-navigation__haschild ul>li:hover>a,
#footer.opl-footer .h5,
#footer.opl-footer a {
 color:#fff
}
#footer .opl-footer-inner {
 border-top:1px solid #000;
 padding-top:2.714286em;
 padding-bottom:1.071429em
}
@media all and (min-width:0) and (max-width:959px) {
 #footer .opl-footer-inner {
  padding-top:20px
 }
 #footer.opl-footer .l-col-medium-2,#footer.opl-footer .l-col-medium-4,#footer.opl-footer .l-col-medium-6 {
  width:100%
 }
}
@media all and (min-width:0) and (max-width:959px) {
 #footer.opl-footer .h5 {
  font-size:14px;
  margin:0
 }
}
#footer.opl-footer .h6 {
 margin-top:8px;
 color:#fff
}
@media all and (min-width:0) and (max-width:959px) {
 #footer.opl-footer .h6 {
  font-size:14px;
  margin:0
 }
}
#footer .opl-footer__link {
 display:inline-block;
 margin-top:.714286em;
 font-size:.928571em;
 font-weight:lighter
}
.opl-footer__link,.opl-footer__link:focus,.opl-footer__link:hover {
 text-decoration:none
}
@media all and (min-width:0) and (max-width:959px) {
 .opl-footer__link {
  margin-top:0;
  font-size:14px
 }
 li:first-child .opl-footer__link {
  margin-top:0
 }
}
@media all and (min-width:960px) {
 li:first-child .opl-footer__link {
  margin-top:1.285714em
 }
}
@media all and (min-width:0) and (max-width:959px) {
 #footer .opl-footer__list {
  margin-top:10px
 }
 #footer .opl-footer__list li {
  padding:5px 0
 }
}
#footer .opl-footer__list li:focus a,#footer .opl-footer__list li:hover a {
 color:#fff;
 text-decoration:underline
}
#footer .opl-footer__list li a {
 color:#666
}
#footer .opl-footer__horizontal-list li .opl-footer__link,#footer .opl-footer__list.opl-footer__horizontal-list {
 margin-top:0
}
@media all and (min-width:0) and (max-width:959px) {
 #footer .opl-footer__list-part {
  margin-top:0
 }
}
#footer .opl-footer__horizontal-list li {
 display:inline-block;
 float:left
}
#footer .opl-footer__horizontal-list li:after {
 content:'';
 color:#444;
 background:#444;
 height:.714286em;
 width:1px;
 position:relative;
 display:inline-block;
 margin-left:1.428571em;
 margin-right:1.428571em
}
@media all and (min-width:768px) {
 #footer .opl-footer__horizontal-list li:last-child:after {
  display:none
 }
}
@media all and (min-width:0) and (max-width:959px) {
 #footer .opl-footer__horizontal-list li {
  display:block;
  float:none;
  padding:0
 }
 #footer .opl-footer__horizontal-list li:after {
  display:block;
  width:auto;
  height:1px;
  margin:15px -10px
 }
}
@media all and (min-width:960px) {
 #footer .opl-footer__separator.hide-xmedium {
  display:none
 }
}
.o-separator {
    border: 0;
        border-bottom-width: 0px;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin: 0;
        margin-bottom: 0px;
}
.u-text-right {
    text-align: right !important;
}


#footer .opl-footer__separator .o-separator {
 margin:17px 0;
 border-color:#444
}
@media all and (min-width:768px) {
 #footer .opl-footer__social {
  margin-top:0
 }
}
#footer .opl-footer__social li {
 display:inline-block
}
#footer .opl-footer__social li+li {
 margin-left:20px
}
#footer .opl-footer__social-icon {
 display:block;
 width:40px;
 height:40px;
 position:relative
}
#footer .opl-footer__social-icon:after,.opl-footer__social-icon:before {
 text-align:center;
 font-size:18px!important
}
#footer .opl-footer__social-icon:after {
 position:absolute;
 top:11px;
 display:block!important
}
#footer .opl-footer__social-icon:before {
 display:block!important;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 content:''!important;
 width:40px;
 height:40px;
 position:absolute;
 top:0;
 left:0;
 border:2px solid #fff;
 border-radius:20px;
 -webkit-transition:border-width .2s ease-out,border-color .5s ease-in;
 -o-transition:border-width .2s ease-out,border-color .5s ease-in;
 -moz-transition:border-width .2s ease-out,border-color .5s ease-in;
 transition:border-width .2s ease-out,border-color .5s ease-in
}
#footer .opl-footer__social-link:hover {
 color:#fff!important
}
#footer .opl-footer__social-link:hover .opl-footer__social-icon:before {
 border-width:20px;
 -webkit-transition:border-width .2s ease-in,border-color .3s ease-out;
 -o-transition:border-width .2s ease-in,border-color .3s ease-out;
 -moz-transition:border-width .2s ease-in,border-color .3s ease-out;
 transition:border-width .2s ease-in,border-color .3s ease-out
}
#footer .opl-footer__social-link:hover .opl-footer__social-icon.g-icon--social-simple-fb:before {
 border-color:#3b5998
}
#footer .opl-footer__social-link:hover .opl-footer__social-icon.g-icon--social-simple-twitter:before {
 border-color:#55acee
}
#footer .opl-footer__social-link:hover .opl-footer__social-icon.g-icon--social-simple-g:before {
 border-color:#db4437
}
#footer .opl-footer__social-link:hover .opl-footer__social-icon.g-icon--social-simple-yt:before {
 border-color:#e62d27
}
#footer .opl-footer__loyalty {
 text-align:right
}
@media all and (min-width:0) and (max-width:959px) {
 #footer .opl-footer__loyalty {
  text-align:left
 }
}
#footer .opl-footer__loyalty-link {
 text-decoration:none;
 padding-right:20px;
 line-height:40px
}
@media all and (min-width:0) and (max-width:959px) {
 #footer .opl-footer__loyalty-link {
  padding-right:0;
  padding-left:20px
 }
}
#footer .opl-footer__loyalty-link:focus,#footer .opl-footer__loyalty-link:hover {
 text-decoration:underline;
 color:#fff!important
}
#footer .opl-footer__loyalty .g-icon:before {
 font-size:100px;
 height:30px;
 line-height:30px
}
@media all and (min-width:0) and (max-width:959px) {
 #footer .opl-footer__loyalty .g-icon:before {
  line-height:40px
 }
}
#footer .opl-footer .opl-footer__disclaimer {
 padding-top:1px;
 font-size:.928571em;
 font-weight:700;
 text-align:right
}
@media all and (min-width:0) and (max-width:959px) {
 #footer .opl-footer .opl-footer__disclaimer {
  text-align:left;
  font-size:14px;
  color:#999
 }
}
#footer .opl-footer__expander-trigger {
 display:none;
 padding:15px 17px;
 position:absolute;
 top:-15px;
 left:0;
 right:0;
 overflow:hidden;
 text-align:right;
 border-bottom:1px #000 solid;
 -webkit-transition:border-color .3s;
 -o-transition:border-color .3s;
 -moz-transition:border-color .3s;
 transition:border-color .3s;
 outline:0!important
}
#footer .opl-footer__expander-trigger .g-icon:after,#footer .opl-footer__expander-trigger .g-icon:before {
 color:#fff;
 font-size:11px;
 position:relative;
 top:-1px;
 left:1px;
 -webkit-transition:all .3s;
 -o-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 -webkit-transform-origin:50% 70% 0;
 -moz-transform-origin:50% 70% 0;
 -ms-transform-origin:50% 70% 0;
 transform-origin:50% 70% 0
}
#footer .opl-footer__expander-trigger .g-icon:before {
 display:inline-block
}
#footer .opl-footer__expander-trigger .g-icon:after {
 display:none
}
#footer .opl-footer__expander-trigger[aria-expanded=true] {
 border-color:#000;
 -webkit-transition:border-color .3s ease .2s;
 -o-transition:border-color .3s ease .2s;
 -moz-transition:border-color .3s ease .2s;
 transition:border-color .3s ease .2s
}
#footer .opl-footer__expander-trigger[aria-expanded=true] .g-icon:after,#footer .opl-footer__expander-trigger[aria-expanded=true] .g-icon:before {
 top:-3px;
 left:2px;
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
#footer .opl-footer__expander-trigger[aria-expanded=true] .g-icon:before {
 display:inline-block
}
#footer .opl-footer__expander-trigger[aria-expanded=true] .g-icon:after {
 display:none
}
@media all and (min-width:0) and (max-width:959px) {
 #footer .opl-footer__expander-trigger {
  display:block
 }
 #footer .opl-footer__expander-content {
  display:none
 }
}
#header .opl-navigation a {
 position:relative
}
#header .opl-navigation--first a {
 color:#999;
 font-weight:400
}
@media all and (min-width:960px) {
 #header .opl-navigation--first {
  font-size:12px
 }
 #header .opl-navigation--first .opl-navigation__li {
  padding:0 12px;
  line-height:30px
 }
 #header .opl-navigation--first .opl-navigation__li:first-child {
  margin-left:-12px
 }
}
#header .opl-navigation--first.u-right .opl-navigation__li:last-child {
 margin-right:-12px
}
#header .opl-navigation--second h2.opl-mobile-menu__title,#header .opl-navigation__dropdown h2.opl-mobile-menu__title {
 display:none!important
}
#header .opl-navigation__list:after {
 content:' ';
 display:block;
 clear:both
}
#header .opl-navigation__child {
 z-index:2
}
.ie8 #header .opl-navigation--first {
 font-size:11px
}
.ie8 #header .opl-navigation--first .opl-navigation__li {
 padding-left:20px
}
.ie8 #header .opl-navigation__haschild {
 position:relative
}
.ie8 #header .opl-navigation__haschild ul {
 position:absolute;
 width:220px;
 top:20px;
 height:auto;
 background:#fff
}
.ie8 #header .opl-navigation__haschild ul>li:hover {
 background:#ff7900
}
.ie8 #header .opl-navigation__haschild ul ul {
 left:100%;
 top:0;
 position:absolute;
 z-index:-1
}
.ie8 #header .opl-navigation__haschild li {
 float:left;
 width:100%;
 position:relative;
 padding:0
}
.ie8 #header .opl-navigation__haschild li a {
 display:block;
 padding:15px 0 15px 10px;
 color:#000;
 margin:0 10px;
 border-bottom:1px solid #ccc
}
.ie8 #header .opl-navigation__haschild li a:last-child {
 border:0
}
.ie8 #header .opl-navigation__haschild ul li.opl-navigation__haschild>a:after,.ie8 #header .opl-navigation__haschild ul li.opl-navigation__haschild>a:before {
 position:absolute;
 font-family:'CustomIcons';
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 font-size:11px;
 font-style:normal;
 font-variant:normal;
 font-weight:400;
 text-decoration:none;
 text-transform:none;
 vertical-align:middle;
 line-height:1;
 right:10px;
 top:19px
}
.ie8 #header .opl-navigation__haschild ul li.opl-navigation__haschild>a:before {
 display:none
}

/** Build time: 8-2-2017 / 14:22:54 **/
.ie8 #header .opl-navigation__haschild ul li.opl-navigation__haschild>a:after {
    display: inline-block
}

.ie8 #header .opl-navigation__haschild:hover>ul,
#header .opl-navigation__li.active>ul.opl-navigation__child {
    display: block
}

.ie8 #header .opl-navigation__child {
    display: none
}

@-webkit-keyframes navFadeInUp {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes navFadeInUp {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -moz-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@keyframes navFadeInUp {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        -moz-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-webkit-keyframes navFadeInDown {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes navFadeInDown {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -moz-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@keyframes navFadeInDown {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@-webkit-keyframes navFadeInLeft {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes navFadeInLeft {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -moz-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@keyframes navFadeInLeft {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        -moz-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

@media all and (min-width:960px) {
    #header .opl-navigation__child {
        position: absolute;
        width: 220px;
        top: 40px;
        height: auto;
        background: #fff;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        padding: 0;
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: navFadeInDown;
        -moz-animation-name: navFadeInDown;
        animation-name: navFadeInDown;
        display: none
    }
    #header .opl-navigation__child:before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        top: -7px;
        left: 10px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    #header .opl-navigation__child a {
        -webkit-box-shadow: inset 0 -1px 0 #ccc;
        box-shadow: inset 0 -1px 0 #ccc;
        display: block;
        padding: 10px 0 10px 10px;
        -webkit-transition: none;
        -o-transition: none;
        -moz-transition: none;
        transition: none;
        position: relative;
        color: #000
    }
    #header .opl-navigation__child a:hover {
        color: #ff7900;
        -webkit-box-shadow: inset 0 -1px 0 #ff7900;
        box-shadow: inset 0 -1px 0 #ff7900
    }
    #header .opl-navigation__child a:focus {
        outline: 0
    }
    #header .opl-navigation__child a:focus:not(:hover) span {
        color: #000;
        outline: 2px #000 solid
    }
    #header .opl-navigation__child:last-child>a {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    #header .opl-navigation__child li.active.open,
    #header .opl-navigation__child li.active.open:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    #header .opl-navigation__child li.active.open button,
    #header .opl-navigation__child li.active.open:hover button,
    #header .opl-navigation__child li.active.open:hover>a,
    #header .opl-navigation__child li.active.open>a,
    #header .opl-navigation__haschild.active>a {
        color: #ff7900
    }
    .opl-navigation__child li.active.open:hover>a span,
    .opl-navigation__child li.active.open>a span {
        color: #ff7900!important;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .opl-navigation__child li.active.open:hover>a:focus:not(:hover) span,
    .opl-navigation__child li.active.open>a:focus:not(:hover) span,
    .opl-navigation__haschild ul li.opl-navigation__haschild>a:focus:not(:hover) span {
        outline: 0
    }
    .opl-navigation__child ul {
        left: 100%;
        top: 0;
        position: absolute;
        z-index: -1;
        -webkit-animation-name: navFadeInLeft;
        -moz-animation-name: navFadeInLeft;
        animation-name: navFadeInLeft;
        display: none
    }
    .opl-navigation__child ul:before {
        display: none
    }
    .opl-navigation__child .opl-navigation__li {
        float: none;
        padding: 0 10px;
        position: relative;
        -webkit-transition: all ease .2s;
        -o-transition: all ease .2s;
        -moz-transition: all ease .2s;
        transition: all ease .2s
    }
    .opl-navigation__child .opl-navigation__li:first-child {
        padding-left: 10px
    }
    .opl-navigation__child .opl-navigation__li:last-child .opl-navigation__item {
        border: 0
    }
    .opl-navigation__child .opl-navigation__item {
        position: relative;
        display: block;
        border-bottom: 1px solid #ccc
    }
    .opl-navigation__child .opl-navigation__haschild span.opl-navigation__title {
        padding-right: 28px;
        display: inline-block
    }
    .opl-navigation__child .opl-navigation__arrow {
        position: absolute;
        right: 0;
        top: 0;
        color: #000;
        width: 20px;
        height: 100%;
        line-height: 50px;
        padding: 0;
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: navFadeInLeft;
        -moz-animation-name: navFadeInLeft;
        animation-name: navFadeInLeft
    }
    .opl-navigation__child .opl-navigation__arrow:after {
        content: ""
    }
    .opl-navigation__child .opl-navigation__arrow:after,
    .opl-navigation__child .opl-navigation__arrow:before {
        font-size: 12px
    }
    .opl-navigation__child .opl-navigation__arrow:before {
        display: none
    }
    .opl-navigation__child .opl-navigation__arrow:after {
        display: inline-block
    }
    .opl-navigation__haschild ul li.opl-navigation__haschild>a:after {
        content: ""
    }
    .opl-navigation__haschild ul li.opl-navigation__haschild>a:after,
    .opl-navigation__haschild ul li.opl-navigation__haschild>a:before {
        position: absolute;
        font-family: 'CustomIcons';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 7px;
        font-style: normal;
        font-variant: normal;
        font-weight: 900;
        text-decoration: none;
        text-transform: none;
        vertical-align: middle;
        line-height: 1;
        right: 10px;
        top: -webkit-calc(50% - 4px);
        top: -moz-calc(50% - 4px);
        top: calc(50% - 4px);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .opl-navigation__haschild ul li.opl-navigation__haschild>a:before {
        display: none
    }
    .opl-navigation__haschild ul li.opl-navigation__haschild>a:after {
        display: inline-block
    }
}

.opl-navigation__li {
    position: relative;
    float: left;
    padding: 5px 20px
}

.opl-navigation__li--toggle+.opl-navigation__li {
    padding-left: 0
}

.opl-navigation__li--active {
    padding-left: 20px;
    background: #000
}

#header .opl-navigation__li--active a {
    color: #ff7900
}

@media all and (max-width:959px) {
    .opl-navigation__li.u-small-hide {
        visibility: hidden
    }
}

.opl-navigation__li.active:hover>span,
.opl-navigation__li.active>span {
    -webkit-box-shadow: inset 0 -4px 0 0 #ff7900;
    box-shadow: inset 0 -4px 0 0 #ff7900;
    border-bottom: 1px solid #ff7900
}

.opl-navigation__li.active:focus:hover>span {
    color: #ff7900;
    outline: 0
}

.opl-navigation__li>a:focus:hover>span {
    color: #ff7900
}

@media all and (min-width:960px) {
    .opl-navigation__li--youorange .opl-mobile-menu__title,
    .opl-navigation__li--youorange a .opl-navigation__title {
        display: none
    }
}

.opl-navigation__item {
    position: relative
}

.opl-navigation__toggle {
    border: 0;
    background: 0 0;
    position: absolute;
    top: -9999em;
    overflow: hidden
}

.opl-navigation__toggle:after,
.opl-navigation__toggle:before {
    font-family: 'CustomIcons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
    content: "";
    font-size: 12px;
    position: relative
}

.opl-navigation__toggle:before {
    display: none
}

.opl-navigation__toggle:after {
    display: inline-block
}

.opl-navigation__li--mobile-menu {
    display: none;
    visibility: hidden;
    float: right;
    padding: 0 20px
}

@media all and (min-width:0) and (max-width:959px) {
    .opl-navigation__li--mobile-menu {
        display: block;
        visibility: visible
    }
}

.opl-navigation--second.opl-navigation-shelf .opl-navigation__content>ul>li {
    padding-bottom: 0;
    position: inherit
}

.opl-navigation--second.opl-navigation-shelf .opl-navigation__content>ul>li>a {
    padding-bottom: 15px;
    font-size: 16px
}

.opl-navigation--second.opl-navigation-shelf .opl-navigation-shelf__subwraper {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    background: #232323;
    border-top: 1px solid #666;
    z-index: 0
}

.opl-navigation--second.opl-navigation-shelf .opl-navigation-shelf__subwraper li.opl-navigation__li {
    padding-left: 0;
    padding-right: 0;
    display: block;
    float: none
}

.opl-navigation--second.opl-navigation-shelf .opl-navigation-shelf__subwraper div>.opl-navigation__list>li.opl-navigation__li {
    float: left;
    width: 16.66666%
}

@media all and (max-width:1258px) {
    .opl-navigation--second.opl-navigation-shelf .opl-navigation-shelf__subwraper div>.opl-navigation__list>li.opl-navigation__li a {
        font-size: 12px
    }
}

.opl-navigation--second.opl-navigation-shelf .opl-navigation-shelf__subwraper div>.opl-navigation__list>li.opl-navigation__li>a {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block
}

@media all and (max-width:1258px) {
    .opl-navigation--second.opl-navigation-shelf .opl-navigation-shelf__subwraper div>.opl-navigation__list>li.opl-navigation__li>a {
        font-size: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
        padding-right: 40px
    }
}

.opl-input-with-icon input,
.opl-input-with-icon.o-sliding-label input~.o-sliding-label__placeholder>span,
.opl-input-with-icon.o-sliding-label textarea~.o-sliding-label__placeholder>span,
.opl-navigation--second.opl-navigation-shelf .opl-navigation-shelf__subwraper div>.opl-navigation__list>li.opl-navigation__li>ul {
    padding-right: 40px
}

#header .opl-navigation--second.opl-navigation-shelf .opl-navigation-shelf__subwraper div>.opl-navigation__list>li.opl-navigation__li>ul a {
    font-weight: lighter
}

.opl-navigation--second.opl-navigation-shelf .opl-navigation__li.active>a {
    color: #ff7900;
    border-bottom: 2px solid #ff7900
}

.opl-navigation--second.opl-navigation-shelf .opl-navigation__li.active .opl-navigation-shelf__subwraper {
    z-index: 1
}

@media all and (min-width:960px) {
    .opl-navigation-shelf__static {
        position: static
    }
}

@media all and (min-width:0) and (max-width:959px) {
    .opl-header__right-col .opl-navigation__li--basket,
    .opl-header__right-col .opl-navigation__li--search {
        display: none
    }
}

@media all and (min-width:0) {
    .opl-header__right-col .opl-navigation__li--search form {
        display: none
    }
}

@media all and (max-width:959px) {
    .opl-header__right-col .opl-navigation__li--youorange {
        display: none
    }
}

.opl-header__right-col li:last-child,
.opl-header__right-col li:nth-last-child(2) {
    padding-right: 0
}

.opl-header__right-col .opl-navigation__li {
    padding-right: 15px;
    padding-left: 15px
}

.opl-header__navigation .opl-navigation--icon,
.opl-header__navigation .opl-navigation__li--toggle {
    display: none;
    visibility: hidden
}

@media all and (min-width:960px) {
    .opl-navigation__link:not(.u-hide-focus):focus+.opl-navigation__toggle,
    .opl-navigation__toggle:focus {
        display: inline-block;
        bottom: -20px;
        top: auto;
        left: 50%;
        padding: 0;
        width: 20px;
        margin-left: -10px
    }
}

.ie8 .opl-navigation__link:not(.u-hide-focus):focus+.opl-navigation__toggle,
.ie8 .opl-navigation__toggle:focus {
    display: inline-block;
    bottom: -20px;
    top: auto;
    left: 50%;
    padding: 0;
    width: 20px;
    margin-left: -10px
}

.opl-mobile-menu {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 3px 0 0;
    padding: 0;
    width: 22px;
    height: 20px;
    border: 0;
    background: 0 0;
    cursor: pointer
}

.opl-mobile-menu__icon {
    top: 8px;
    -webkit-transition: background 0s .1s;
    -o-transition: background 0s .1s;
    -moz-transition: background 0s .1s;
    transition: background 0s .1s;
    display: block;
    left: 0;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff
}

.opl-mobile-menu__icon:after,
.opl-mobile-menu__icon:before {
    display: block;
    left: 0;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    background-color: #fff;
    content: '';
    -webkit-transition-duration: .2s, .2s;
    -moz-transition-duration: .2s, .2s;
    -o-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-delay: .1s, 0s;
    -moz-transition-delay: .1s, 0s;
    -o-transition-delay: .1s, 0s;
    transition-delay: .1s, 0s
}

.opl-mobile-menu__icon:before {
    top: -8px;
    -webkit-transition-property: top, -webkit-transform;
    -o-transition-property: top, transform;
    -moz-transition-property: top, transform, -moz-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform, -moz-transform
}

.opl-mobile-menu__icon:after {
    bottom: -8px;
    -webkit-transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform, -moz-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform, -moz-transform
}

@media all and (min-width:0) and (max-width:959px) {
    a:focus,
    button:focus {
        outline: 0
    }
    a {
        -webkit-tap-highlight-color: transparent
    }
    .opl-header:after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .6s, visibility 0s;
        -o-transition: opacity .6s, visibility 0s;
        -moz-transition: opacity .6s, visibility 0s;
        transition: opacity .6s, visibility 0s;
        -webkit-transition-delay: 0s, .6s;
        -moz-transition-delay: 0s, .6s;
        -o-transition-delay: 0s, .6s;
        transition-delay: 0s, .6s
    }
    .opl-container {
        overflow: hidden;
        position: relative
    }
    .opl-header__logo,
    .opl-header__right-col {
        -webkit-transition: right .4s ease-out .2s, -webkit-transform .4s ease-out .2s;
        -o-transition: transform .4s ease-out .2s, right .4s ease-out .2s;
        -moz-transition: transform .4s ease-out .2s, right .4s ease-out .2s, -moz-transform .4s ease-out .2s;
        transition: transform .4s ease-out .2s, right .4s ease-out .2s;
        transition: transform .4s ease-out .2s, right .4s ease-out .2s, -webkit-transform .4s ease-out .2s, -moz-transform .4s ease-out .2s
    }
    .opl-header__right-col .opl-navigation__li:not(.opl-navigation__li--mobile-menu) {
        -webkit-transition: opacity .4s;
        -o-transition: opacity .4s;
        -moz-transition: opacity .4s;
        transition: opacity .4s
    }
    .opl-header__navigation.opl-header__navigation--mobile-initialized {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9;
        padding: 0;
        height: 100%
    }
    .opl-header__navigation.opl-header__navigation--mobile-initialized .opl-mobile-menu__title.first-menu {
        padding: 0;
        margin: 0;
        font-size: 14px
    }
    .opl-header__navigation.opl-header__navigation--mobile-initialized .opl-mobile-menu__title.first-menu ul.opl-navigation__list,
    .opl-header__navigation.opl-header__navigation--mobile-initialized .opl-navigation--icon ul.opl-navigation__list {
        display: block!important
    }
    .opl-header__navigation.opl-header__navigation--mobile-initialized .opl-mobile-menu__title {
        background: #000;
        font-size: 1.2em;
        line-height: 1em;
        padding-top: 21px;
        padding-bottom: 21px;
        margin: 0;
        padding-left: 20px
    }
    .opl-header__navigation__content {
        display: none
    }
    .opl-header__navigation .opl-navigation__li {
        float: none;
        padding: 0
    }
    .opl-header__navigation .opl-navigation__item {
        display: block;
        border-bottom: 1px solid #ccc
    }
    .opl-header__navigation .opl-navigation a {
        display: block;
        padding: 15px 0 15px 20px;
        -webkit-transition: none;
        -o-transition: none;
        -moz-transition: none;
        transition: none
    }
    .opl-header__navigation .opl-navigation__toggle {
        right: 0;
        top: 0;
        width: 45px;
        height: 100%;
        padding: 0
    }
    .opl-header__navigation .opl-navigation__toggle:after {
        content: ""
    }
    .opl-header__navigation .opl-navigation--first a {
        padding-top: 21px;
        padding-bottom: 22px;
        color: #fff
    }
    .opl-header__navigation .opl-navigation--first .opl-navigation__item {
        border: 0
    }
    .opl-header__navigation .opl-navigation--icon a,
    .opl-header__navigation .opl-navigation--icon button,
    .opl-header__navigation .opl-navigation--second a,
    .opl-header__navigation .opl-navigation--second button {
        color: #000
    }
    .opl-header__navigation .opl-navigation--second {
        padding: 0;
        background: #fff
    }
    .opl-header__navigation .opl-navigation--second .opl-navigation__item {
        padding-right: 45px
    }
    .opl-header__navigation .opl-navigation--second .opl-navigation__li--active,
    .opl-header__navigation .opl-navigation--second .opl-navigation__li:hover {
        background: #ff7900
    }
    .opl-header__navigation .opl-navigation--second .opl-navigation__li--active a,
    .opl-header__navigation .opl-navigation--second .opl-navigation__li--active button,
    .opl-header__navigation .opl-navigation--second .opl-navigation__li:hover a,
    .opl-header__navigation .opl-navigation--second .opl-navigation__li:hover button {
        color: #fff
    }
    .opl-header__navigation .opl-navigation--icon .opl-navigation__link {
        padding-right: 45px
    }
    .opl-header__navigation .opl-navigation--icon .opl-navigation__link .u-acc-hide {
        position: static!important;
        display: block
    }
    .opl-header__navigation .opl-navigation--icon .opl-navigation__link:before {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -12px;
        padding-right: 20px
    }
    .opl--menu-visible {
        overflow: hidden;
        height: 100%
    }
    .opl--menu-visible .opl-header:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        opacity: .7;
        -webkit-transition-delay: 0s, 0s;
        -moz-transition-delay: 0s, 0s;
        -o-transition-delay: 0s, 0s;
        transition-delay: 0s, 0s;
        z-index: 8
    }
    .opl--menu-visible .opl-header .l-col {
        z-index: 9
    }
    .opl--menu-visible .opl-header__navigation {
        z-index: 10
    }
    .opl--menu-visible .opl-navigation--icon,
    .opl--menu-visible .opl-navigation__li--toggle {
        display: block;
        visibility: visible
    }
    .opl--menu-visible .opl-header__navigation {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
        -webkit-transition-delay: .2s, 0s;
        -moz-transition-delay: .2s, 0s;
        -o-transition-delay: .2s, 0s;
        transition-delay: .2s, 0s
    }
    .opl--menu-visible .opl-header__logo,
    .opl--menu-visible .opl-header__right-col {
        -webkit-transform: translate3d(-460px, 0, 0);
        -moz-transform: translate3d(-460px, 0, 0);
        transform: translate3d(-460px, 0, 0);
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }
    .opl--menu-visible .opl-header__right-col .opl-navigation__li:not(.opl-navigation__li--mobile-menu) {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transition-delay: .4s;
        -moz-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s
    }
    .opl--menu-visible .opl-navigation__li--mobile-menu {
        padding: 0 3px
    }
    .opl--menu-visible .opl-mobile-menu__icon {
        background: 0 0;
        -webkit-transition-delay: .5s;
        -moz-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s
    }
    .opl--menu-visible .opl-mobile-menu__icon:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .opl--menu-visible .opl-mobile-menu__icon:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .opl--menu-visible .opl-mobile-menu__icon:after,
    .opl--menu-visible .opl-mobile-menu__icon:before {
        -webkit-transition-delay: .3s, .4s;
        -moz-transition-delay: .3s, .4s;
        -o-transition-delay: .3s, .4s;
        transition-delay: .3s, .4s
    }
}

@media all and (min-width:0) and (max-width:499px) {
    .opl-header__right-col {
        position: absolute;
        right: 54px;
        float: none;
        width: 130px;
        margin-right: -44px
    }
    .opl--menu-visible .opl-header__right-col {
        right: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.opl-mobile-menu__title.first-menu {
    background: #000;
    padding: 0
}

.opl-mobile-menu__title.first-menu li {
    background: #000!important
}

.opl-mobile-menu__title.first-menu .opl-navigation__li {
    border-top: 1px solid #222;
    display: none
}

.opl-mobile-menu__title.first-menu .opl-navigation__li:first-child {
    border-top: none
}

.opl-mobile-menu__title.first-menu .opl-navigation__li:last-child {
    border-bottom: none
}

.opl-mobile-menu__title.first-menu .opl-navigation__li a {
    border: 0;
    color: #fff
}

.opl-mobile-menu__title.first-menu .opl-navigation__item,
.xdsoft_datetimepicker button {
    border: 0!important
}

.opl-mobile-menu__title.first-menu .opl-navigation__li--active {
    display: none
}

.opl-mobile-menu__title.first-menu .opl-navigation__li--toggle {
    display: block
}

.opl-mobile-menu__title.first-menu .opl-navigation__link--toggle {
    color: #fff;
    background: #000;
    padding-top: 22px;
    padding-bottom: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.opl-mobile-menu__title.first-menu .opl-navigation__link--toggle:after,
.opl-mobile-menu__title.first-menu .opl-navigation__link--toggle:before {
    font-family: 'CustomIcons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
    content: "";
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    font-size: 13px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px
}

.opl-mobile-menu__title.first-menu .opl-navigation__link--toggle:before {
    display: none
}

.opl-mobile-menu__title.first-menu .opl-navigation__link--toggle:after {
    display: inline-block
}

.opl-mobile-menu__title.first-menu .opl-navigation__link--toggle.active {
    border-bottom: 1px #232323 solid!important
}

.opl-mobile-menu__title.first-menu .opl-navigation__link--toggle.active:after,
.opl-mobile-menu__title.first-menu .opl-navigation__link--toggle.active:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.opl-mobile-menu__title.first-menu .opl-navigation__link--toggle.active:before {
    display: none
}

.opl-mobile-menu__title.first-menu .opl-navigation__link--toggle.active:after {
    display: inline-block
}

.opl-mobile-menu__title.first-menu .opl-navigation--visible .opl-navigation__li,
.opl-mobile-menu__title.first-menu .opl-navigation--visible .opl-navigation__li--toggle {
    display: block
}

.opl-mobile-menu__title.first-menu .opl-navigation--visible .opl-navigation__link--toggle:after,
.opl-mobile-menu__title.first-menu .opl-navigation--visible .opl-navigation__link--toggle:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ie8 .opl-search-form form,
.opl-mobile-menu__title.first-menu .opl-navigation--visible .opl-navigation__li--active,
.opl-mobile-menu__title.first-menu .opl-navigation--visible .opl-navigation__link--toggle:before {
    display: none
}

.opl-mobile-menu__title.first-menu .opl-navigation--visible .opl-navigation__link--toggle:after {
    display: inline-block
}

.opl-navigation-mobile-menu--wrapper {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: none
}

@media all and (min-width:0) and (max-width:959px) {
    .opl-navigation-mobile-menu--wrapper {
        display: none
    }
    .opl-navigation-mobile-menu--wrapper.active {
        display: block
    }
    .opl-navigation-mobile-menu--wrapper.active .levelHolderClass.multilevelpushmenu_active,
    .opl-navigation-mobile-menu--wrapper.active .levelHolderClass.multilevelpushmenu_inactive {
        -webkit-box-shadow: #000 0 0 10px;
        box-shadow: #000 0 0 10px
    }
}

nav.opl-navigation__mobile--content {
    position: absolute;
    overflow: hidden;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0 0 0 10px;
    -webkit-tap-highlight-color: transparent
}

nav.opl-navigation__mobile--content .levelHolderClass {
    position: fixed;
    overflow: hidden;
    top: 0;
    background: #fff;
    width: auto;
    min-height: 100%;
    height: 100%;
    font-family: Arial, sans-serif;
    font-size: 1em;
    zoom: 1;
    z-index: 1
}

nav.opl-navigation__mobile--content .ltr {
    margin-left: -100%;
    left: 0
}

nav.opl-navigation__mobile--content .rtl {
    margin-right: -100%;
    right: 0
}

nav.opl-navigation__mobile--content a {
    display: block;
    outline: 0;
    overflow: hidden;
    font-size: 1em;
    line-height: 1em;
    padding: 18px;
    text-decoration: none;
    color: #000;
    text-align: left!important;
    position: relative
}

nav.opl-navigation__mobile--content a:hover,
nav.opl-navigation__mobile--content a:not(.u-hide-focus):focus {
    color: #000
}

nav.opl-navigation__mobile--content a i {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px
}

nav.opl-navigation__mobile--content a i:before {
    font-size: 22px!important
}

nav.opl-navigation__mobile--content h2 {
    text-align: left!important;
    font-size: 1.2em;
    line-height: 1em;
    font-weight: 700;
    color: #000;
    padding: 0 .4em
}

nav.opl-navigation__mobile--content h2 a {
    font-size: 1.2em
}

nav.opl-navigation__mobile--content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block!important
}

nav.opl-navigation__mobile--content li {
    cursor: pointer;
    border-top: 1px solid #333;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    -moz-transition: all ease .4s;
    transition: all ease .4s;
    padding: 0
}

nav.opl-navigation__mobile--content li:last-child {
    border-bottom: 1px solid #333
}

nav.opl-navigation__mobile--content .floatRight {
    float: right
}

nav.opl-navigation__mobile--content .floatLeft {
    float: left
}

nav.opl-navigation__mobile--content .cursorPointer {
    cursor: pointer
}

nav.opl-navigation__mobile--content .backItemClass {
    border-top: 1px #000 solid;
    display: block;
    padding: 1px 0 0 15px
}

nav.opl-navigation__mobile--content .backItemClass i {
    left: 0
}

nav.opl-navigation__mobile--content .backItemClass>a {
    padding-left: 28px
}

nav.opl-navigation__mobile--content .iconSpacing_ltr {
    padding: 0 .4em 0 0
}

nav.opl-navigation__mobile--content .iconSpacing_rtl {
    padding: 0 0 0 .4em
}

nav.opl-navigation__mobile--content .multilevelpushmenu_inactive {
    background: #4c4c4c;
    pointer-events: none
}

nav.opl-navigation__mobile--content .multilevelpushmenu_inactive a:hover,
nav.opl-navigation__mobile--content .multilevelpushmenu_inactive h2,
nav.opl-navigation__mobile--content .multilevelpushmenu_inactive h2 a {
    color: #000!important
}

nav.opl-navigation__mobile--content .multilevelpushmenu_inactive ul {
    visibility: visible!important
}

nav.opl-navigation__mobile--content .multilevelpushmenu_inactive li.active,
nav.opl-navigation__mobile--content .multilevelpushmenu_inactive li.active:hover {
    background: #482100;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

nav.opl-navigation__mobile--content .multilevelpushmenu_inactive .backItemClass {
    visibility: visible!important;
    background: #4c4c4c
}

.opl-box--disabled .opl-msg p,
nav.opl-navigation__mobile--content .multilevelpushmenu_active .backItemClass a,
nav.opl-navigation__mobile--content .multilevelpushmenu_inactive .backItemClass a {
    color: #000
}

nav.opl-navigation__mobile--content .multilevelpushmenu_inactive .opl-navigation--userSearch li {
    background: #4c4c4c
}

nav.opl-navigation__mobile--content .multilevelpushmenu_inactive .opl-navigation--userSearch .opl-navigation__item {
    border-bottom: none!important
}

nav.opl-navigation__mobile--content .multilevelpushmenu_inactive .opl-navigation--userSearch .opl-search-form--visible .opl-search-form--text {
    background: 0 0;
    color: #000
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active {
    pointer-events: all;
    background: #eee;
    height: 100%;
    overflow-y: auto
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active h2 {
    color: #fff!important
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active li {
    border-top: 1px solid #ccc;
    background: #fff
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active li:last-child {
    border-bottom: 1px solid #ccc
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active .opl-navigation--userSearch .opl-search-form--visible .opl-search-form--text,
nav.opl-navigation__mobile--content .multilevelpushmenu_active li.active {
    background: #fff;
    color: #000
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active .backItemClass {
    visibility: visible!important;
    background: #eee
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active .backItemClass:focus,
nav.opl-navigation__mobile--content .multilevelpushmenu_active .backItemClass:hover {
    background: #ccc
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active .opl-navigation--userSearch li {
    background: #eee
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active .opl-navigation--userSearch .opl-navigation__item {
    border-bottom: none!important
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active .opl-navigation--userSearch .opl-search-form--submit {
    -webkit-transition: right .4s ease .3s, opacity 0s;
    -o-transition: right .4s ease .3s, opacity 0s;
    -moz-transition: right .4s ease .3s, opacity 0s;
    transition: right .4s ease .3s, opacity 0s
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active .opl-navigation--userSearch .opl-search-form--cancel {
    color: #000;
    top: 6px;
    right: 11px;
    padding: 10px;
    -webkit-transition: opacity .4s ease 0s;
    -o-transition: opacity .4s ease 0s;
    -moz-transition: opacity .4s ease 0s;
    transition: opacity .4s ease 0s;
    display: block!important;
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

nav.opl-navigation__mobile--content .multilevelpushmenu_active .opl-navigation--userSearch .opl-search-form--visible .opl-search-form--cancel {
    -webkit-transition: opacity .8s ease 0s;
    -o-transition: opacity .8s ease 0s;
    -moz-transition: opacity .8s ease 0s;
    transition: opacity .8s ease 0s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

nav.opl-navigation__mobile--content .opl-navigation__li--search {
    background: #eee;
    min-height: 51px;
    padding-right: 0
}

nav.opl-navigation__mobile--content .opl-navigation__li--search:hover {
    color: #fff!important
}

nav.opl-navigation__mobile--content .opl-navigation__li--search a {
    padding: 20px
}

nav.opl-navigation__mobile--content .opl-navigation__li--search input:focus {
    -webkit-box-shadow: inset 0 0 0 2px #ff7900;
    box-shadow: inset 0 0 0 2px #ff7900;
    background: #fff!important
}

.opl-header__navigation--mobile-initialized .opl-navigation__li.active:focus:hover>span,
.opl-header__navigation--mobile-initialized .opl-navigation__li>a:focus:hover>span {
    color: #fff!important
}

.opl-search-form {
    position: relative
}

.opl-search-form--text {
    width: 100%;
    background: 0 0!important;
    color: #000;
    border-color: #666
}

.opl-search-form--cancel,
.opl-search-form--show,
.opl-search-form--submit {
    position: static;
    right: 4px;
    top: 0
}

.opl-search-form--cancel:focus,
.opl-search-form--show:focus,
.opl-search-form--submit:focus {
    outline: 0
}

@media all and (min-width:0) and (max-width:959px) {
    .opl-search-form--cancel,
    .opl-search-form--show,
    .opl-search-form--submit {
        position: absolute
    }
}

.opl-search-form--show {
    text-align: center;
    display: block
}

@media all and (min-width:0) and (max-width:959px) {
    .opl-search-form--show {
        top: 8px
    }
}

.opl-search-form--cancel.g-icon:after,
.opl-search-form--cancel.g-icon:before {
    font-size: 12px
}

@media all and (min-width:960px) {
    html:not(.ie8) .opl-search-form {
        -webkit-transition: width .4s ease .4s;
        -o-transition: width .4s ease .4s;
        -moz-transition: width .4s ease .4s;
        transition: width .4s ease .4s
    }
    html:not(.ie8) .opl-search-form form {
        -webkit-transition-delay: .9s;
        -moz-transition-delay: .9s;
        -o-transition-delay: .9s;
        transition-delay: .9s;
        visibility: hidden
    }
    html:not(.ie8) .opl-search-form--text {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transition: opacity .1s ease .8s, padding 0s ease 0s, color .2s ease 0s;
        -o-transition: opacity .1s ease .8s, padding 0s ease 0s, color .2s ease 0s;
        -moz-transition: opacity .1s ease .8s, padding 0s ease 0s, color .2s ease 0s;
        transition: opacity .1s ease .8s, padding 0s ease 0s, color .2s ease 0s
    }
    html:not(.ie8) .opl-search-form--text::-webkit-input-placeholder {
        color: #000;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    html:not(.ie8) .opl-search-form--text:-moz-placeholder {
        color: #000;
        -moz-transition-delay: 0s;
        transition-delay: 0s
    }
    html:not(.ie8) .opl-search-form--text:-ms-input-placeholder {
        color: #000;
        transition-delay: 0s
    }
    html:not(.ie8) .opl-search-form--text::placeholder {
        color: #000;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s
    }
    html:not(.ie8) .opl-search-form--show {
        -webkit-transition: opacity 0s ease .8s, visibility 0s ease 0s;
        -o-transition: opacity 0s ease .8s, visibility 0s ease 0s;
        -moz-transition: opacity 0s ease .8s, visibility 0s ease 0s;
        transition: opacity 0s ease .8s, visibility 0s ease 0s;
        position: static
    }
}

@media all and (min-width:960px) and (min-width:0) and (max-width:959px) {
    html:not(.ie8) .opl-search-form--show {
        position: absolute
    }
}

@media all and (min-width:960px) {
    html:not(.ie8) .opl-search-form--cancel,
    html:not(.ie8) .opl-search-form--submit {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transition: right .4s ease .2s, opacity 0s ease .9s;
        -o-transition: right .4s ease .2s, opacity 0s ease .9s;
        -moz-transition: right .4s ease .2s, opacity 0s ease .9s;
        transition: right .4s ease .2s, opacity 0s ease .9s
    }
    html:not(.ie8) .opl-search-form--cancel {
        -webkit-transition: opacity .4s ease 0s;
        -o-transition: opacity .4s ease 0s;
        -moz-transition: opacity .4s ease 0s;
        transition: opacity .4s ease 0s
    }
}

.opl-search-form--visible {
    width: 284px
}

.opl-search-form--visible .opl-search-form--submit {
    right: 38px
}

.opl-search-form--visible .opl-search-form--text {
    padding-right: 76px;
    color: #fff
}

.opl-search-form--visible .opl-search-form--text:focus {
    border-color: #ff7900;
    color: #fff
}

.opl-search-form--visible .opl-search-form--text:hover {
    color: #fff
}

html:not(.ie8) .opl-search-form--visible {
    -webkit-transition: width .4s ease .1s;
    -o-transition: width .4s ease .1s;
    -moz-transition: width .4s ease .1s;
    transition: width .4s ease .1s
}

html:not(.ie8) .opl-search-form--visible form {
    -webkit-transition: visibility 0s;
    -o-transition: visibility 0s;
    -moz-transition: visibility 0s;
    transition: visibility 0s;
    visibility: visible
}

html:not(.ie8) .opl-search-form--visible .opl-search-form--cancel,
html:not(.ie8) .opl-search-form--visible .opl-search-form--submit {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: right .4s ease .3s, opacity 0s;
    -o-transition: right .4s ease .3s, opacity 0s;
    -moz-transition: right .4s ease .3s, opacity 0s;
    transition: right .4s ease .3s, opacity 0s;
    outline: 0
}

html:not(.ie8) .opl-search-form--visible .opl-search-form--cancel {
    -webkit-transition: opacity .4s ease .5s;
    -o-transition: opacity .4s ease .5s;
    -moz-transition: opacity .4s ease .5s;
    transition: opacity .4s ease .5s
}

html:not(.ie8) .opl-search-form--visible .opl-search-form--show {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0s ease 0s, visibility 0s ease .6s;
    -o-transition: opacity 0s ease 0s, visibility 0s ease .6s;
    -moz-transition: opacity 0s ease 0s, visibility 0s ease .6s;
    transition: opacity 0s ease 0s, visibility 0s ease .6s;
    visibility: hidden;
    position: static
}

@media all and (min-width:0) and (max-width:959px) {
    html:not(.ie8) .opl-search-form--visible .opl-search-form--show {
        position: absolute
    }
}

html:not(.ie8) .opl-search-form--visible .opl-search-form--text {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity .1s, padding 0s ease .5s, color .2s ease .6s;
    -o-transition: opacity .1s, padding 0s ease .5s, color .2s ease .6s;
    -moz-transition: opacity .1s, padding 0s ease .5s, color .2s ease .6s;
    transition: opacity .1s, padding 0s ease .5s, color .2s ease .6s
}

html:not(.ie8) .opl-search-form--visible .opl-search-form--text::-webkit-input-placeholder {
    color: #fff;
    -webkit-transition: color .2s ease .6s;
    -o-transition: color .2s ease .6s;
    -moz-transition: color .2s ease .6s;
    transition: color .2s ease .6s
}

html:not(.ie8) .opl-search-form--visible .opl-search-form--text:-moz-placeholder {
    color: #fff;
    -webkit-transition: color .2s ease .6s;
    -o-transition: color .2s ease .6s;
    -moz-transition: color .2s ease .6s;
    transition: color .2s ease .6s
}

html:not(.ie8) .opl-search-form--visible .opl-search-form--text:-ms-input-placeholder {
    color: #fff;
    -webkit-transition: color .2s ease .6s;
    -o-transition: color .2s ease .6s;
    -moz-transition: color .2s ease .6s;
    transition: color .2s ease .6s
}

html:not(.ie8) .opl-search-form--visible .opl-search-form--text::placeholder {
    color: #fff;
    -webkit-transition: color .2s ease .6s;
    -o-transition: color .2s ease .6s;
    -moz-transition: color .2s ease .6s;
    transition: color .2s ease .6s
}

.ie8 .opl-search-form--visible form,
.opl-conf-summary-table span {
    display: block
}

.ie8 .opl-search-form--visible .opl-search-form--show {
    display: none
}

@media all and (min-width:0) and (max-width:959px) {
    .opl-search-form {
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        height: 50px
    }
    .opl-search-form--cancel,
    .opl-search-form--show {
        display: none!important;
        visibility: hidden
    }
    .opl-search-form--submit {
        height: 50px;
        right: 0;
        padding-right: 20px;
        padding-left: 20px;
        width: auto
    }
    .opl-search-form--text {
        border: 0;
        padding: 16px 63px 17px 20px;
        color: #000
    }
    .opl-search-form--text::-webkit-input-placeholder {
        color: #000
    }
    .opl-search-form--text:-moz-placeholder {
        color: #000
    }
    .opl-search-form--text:-ms-input-placeholder {
        color: #000
    }
    .opl-search-form--text::placeholder {
        color: #000
    }
}

.opl-product-search {
    position: relative
}

.opl-product-search .opl-product-search__input {
    padding: 24px 74px 24px 19px;
    border-width: 1px;
    outline: 0 transparent solid;
    outline-offset: 0;
    -webkit-transition: background .2s ease 0s, color .2s ease 0s, border .2s ease 0s, outline .2s ease 0s, outline-offset .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s, border .2s ease 0s, outline .2s ease 0s, outline-offset .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s, border .2s ease 0s, outline .2s ease 0s, outline-offset .2s ease 0s;
    transition: background .2s ease 0s, color .2s ease 0s, border .2s ease 0s, outline .2s ease 0s, outline-offset .2s ease 0s
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-product-search .opl-product-search__input {
        padding-left: 9px
    }
}

.opl-product-search .opl-product-search__input:hover {
    outline: 2px #ccc solid;
    outline-offset: -2px
}

.opl-product-search .opl-product-search__input:not(.u-hide-focus):focus {
    outline: 2px #000 solid!important;
    outline-offset: -2px
}

.opl-product-search input~.o-floating-label__placeholder {
    top: 24px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-product-search input~.o-floating-label__placeholder {
        left: 11px
    }
}

.opl-product-search__btn {
    border: 0;
    background: 0 0;
    padding: 0;
    margin: 0;
    width: 74px;
    height: 74px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden
}

.opl-product-search__btn .g-icon:after,
.opl-product-search__btn .g-icon:before {
    color: #000;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.opl-product-search__btn .g-icon:before {
    display: inline-block
}

.opl-product-search__btn .g-icon:after {
    display: none
}

.opl-product-search__btn:hover .g-icon:after,
.opl-product-search__btn:hover .g-icon:before,
.opl-product-search__btn:not(.u-hide-focus):focus .g-icon:after,
.opl-product-search__btn:not(.u-hide-focus):focus .g-icon:before {
    color: #ff7900
}

.opl-product-search__btn:hover .g-icon:before,
.opl-product-search__btn:not(.u-hide-focus):focus .g-icon:before {
    display: inline-block
}

.opl-product-search__btn:hover .g-icon:after,
.opl-product-search__btn:not(.u-hide-focus):focus .g-icon:after {
    display: none
}

.opl-product-search__btn:not(.u-hide-focus):focus {
    outline-offset: -2px
}

.opl-conf-summary-table {
    border-bottom: 1px #ccc solid
}

@media all and (min-width:768px) {
    .opl-conf-summary-table {
        margin-top: -30px
    }
}

.opl-conf-summary-table td,
.opl-conf-summary-table th {
    font-weight: 700;
    vertical-align: top;
    padding: 15px 10px
}

.opl-conf-summary-table .text-small {
    font-size: .857143em;
    font-weight: 400
}

.opl-conf-summary-table caption span {
    margin: 0;
    padding-left: 10px;
    text-align: left;
    position: relative;
    top: 35px;
    left: 0;
    float: left;
    width: 52%
}

@media all and (min-width:768px) {
    .opl-conf-summary-table td:first-child,
    .opl-conf-summary-table th:first-child {
        width: 18%
    }
}

.opl-conf-summary-table thead th {
    text-align: right
}

.opl-conf-summary-table thead th[colspan='3']+th,
.opl-conf-summary-table thead th[colspan='3']+th+th {
    width: 24%
}

.opl-conf-summary-table thead th:nth-child(3),
.opl-conf-summary-table thead th:nth-child(4) {
    width: 24%
}

.opl-conf-summary-table tbody td.last,
.opl-conf-summary-table tbody td.second-last,
.opl-conf-summary-table tfoot td.last,
.opl-conf-summary-table tfoot td.second-last {
    width: 24%;
    text-align: right
}

.opl-conf-summary-table tbody th,
.opl-conf-summary-table tfoot th {
    text-align: left
}

.opl-conf-summary-table tbody th.first,
.opl-conf-summary-table tfoot th.first {
    width: 50%
}

.opl-conf-summary-table tbody td,
.opl-conf-summary-table tbody th {
    border-top: 1px #ccc solid
}

.opl-conf-summary-table tbody tr:last-child td,
.opl-conf-summary-table tbody tr:last-child th {
    border-bottom: none
}

.opl-conf-summary-table tbody .tr-sub td,
.opl-conf-summary-table tbody .tr-sub th {
    border-top: none
}

@media all and (min-width:768px) {
    .opl-conf-summary-table tbody .tr-sub td:first-child,
    .opl-conf-summary-table tbody .tr-sub th:first-child {
        width: auto
    }
}

.opl-conf-summary-table tfoot tr+tr td,
.opl-conf-summary-table tfoot tr+tr th {
    padding-top: 0
}

.opl-conf-summary-table tfoot tr:first-child td,
.opl-conf-summary-table tfoot tr:first-child th {
    padding-top: 1.428571em;
    border-top: 1px #ccc solid
}

.opl-conf-summary-table tfoot tr:last-child td,
.opl-conf-summary-table tfoot tr:last-child th {
    padding-bottom: 1.428571em
}

.opl-conf-summary-table .opl-cms ul {
    padding-top: 0;
    padding-bottom: 0;
    margin: .5em 0
}

.opl-conf-summary-table .opl-cms.no-bullet ul {
    padding-top: 0;
    padding-bottom: 0
}

.opl-conf-summary-table .opl-cms.no-bullet li {
    padding-left: 0;
    padding-bottom: 14px
}

.opl-conf-summary-table .opl-cms.no-bullet li:before {
    top: 0;
    width: 0;
    height: 0
}

.opl-conf-summary-table .opl-cms.no-bullet li:last-child {
    padding-bottom: 0
}

.opl-conf-summary-table li .stick-left {
    position: absolute;
    left: -207px;
    top: 3px;
    font-weight: 400
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-conf-summary-table caption,
    .opl-conf-summary-table tbody,
    .opl-conf-summary-table td,
    .opl-conf-summary-table tfoot,
    .opl-conf-summary-table th,
    .opl-conf-summary-table tr {
        display: block
    }
    .opl-conf-summary-table thead {
        display: none
    }
    .opl-conf-summary-table td:empty {
        display: none
    }
    .opl-conf-summary-table caption span {
        position: static;
        padding: 0 0 14px;
        width: auto;
        float: none
    }
    .opl-conf-summary-table tbody td,
    .opl-conf-summary-table tbody th,
    .opl-conf-summary-table tfoot td,
    .opl-conf-summary-table tfoot th {
        border: 0;
        padding: 0;
        line-height: 120%
    }
    .opl-conf-summary-table tbody td:first-child,
    .opl-conf-summary-table tbody th:first-child {
        padding-top: 17px;
        padding-bottom: 13px
    }
    .opl-conf-summary-table tfoot td:first-child,
    .opl-conf-summary-table tfoot th:first-child {
        padding-top: 17px
    }
    .opl-conf-summary-table tbody tr:first-child td,
    .opl-conf-summary-table tbody tr:first-child th,
    .opl-conf-summary-table tfoot tr:first-child td,
    .opl-conf-summary-table tfoot tr:first-child th {
        border: 0
    }
    .opl-conf-summary-table tbody .tr-sub+.tr-sub {
        border-top: none
    }
    .opl-conf-summary-table tbody th {
        padding-bottom: 15px
    }
    .opl-conf-summary-table tbody tr+tr,
    .opl-conf-summary-table tfoot {
        margin-top: 17px;
        border-top: 1px #ccc solid
    }
    .opl-conf-summary-table tfoot tr+tr {
        margin-top: 10px
    }
    .opl-conf-summary-table tfoot td:first-child,
    .opl-conf-summary-table tfoot th:first-child {
        padding-bottom: 5px
    }
    .opl-conf-summary-table tr {
        padding-bottom: 17px
    }
    .opl-conf-summary-table tr:last-child {
        padding-bottom: 10px
    }
    .opl-conf-summary-table .s-no-padding {
        padding-bottom: 0
    }
    .opl-conf-summary-table .s-no-padding:last-child {
        padding-bottom: 17px
    }
    .opl-conf-summary-table .opl-cms ul {
        padding-top: 0;
        padding-bottom: 0;
        margin: 0
    }
    .opl-conf-summary-table .opl-cms ul .bigger-bullet,
    .opl-conf-summary-table .opl-cms.no-bullet li,
    .opl-conf-summary-table .opl-cms.no-bullet ul {
        padding-left: 0;
        padding-bottom: 0
    }
    .opl-conf-summary-table .opl-cms ul .bigger-bullet:before,
    .opl-conf-summary-table .opl-cms.no-bullet li:before {
        top: 0;
        width: 0;
        height: 0
    }
    .opl-conf-summary-table li .stick-left {
        position: relative;
        left: 0;
        top: 0;
        font-weight: 700;
        padding-top: 17px;
        padding-bottom: 13px
    }
}

.opl-box {
    position: relative;
    background: 0 0;
    -webkit-transition: background .2s ease;
    -o-transition: background .2s ease;
    -moz-transition: background .2s ease;
    transition: background .2s ease;
    border: 1px solid #ccc;
    margin-bottom: 20px
}

.opl-carousel .opl-box {
    margin-bottom: 1px
}

.opl-box__inner {
    border: 3px solid transparent;
    padding: 16px 0;
    -webkit-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    transition: border-color .2s ease
}

.opl-box__section {
    padding: 0 16px;
    position: relative
}

@media all and (max-width:767px) {
    .opl-box__section {
        padding: 0 14px
    }
    .opl-carousel .opl-box__section {
        padding: 0 24px
    }
}

.opl-box__unavailable {
    position: absolute;
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    width: calc(100% - 15px);
    height: 100%;
    top: 0;
    left: 15px;
    background: rgba(255, 255, 255, .8);
    z-index: 2
}

.opl-box__unavailable .opl-msg {
    margin-top: 30%;
    background: #fff;
    padding: 15px 15px 15px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-box__unavailable .opl-msg:before {
    top: 15px
}

.opl-box__header {
    display: inline-block;
    font-size: 50px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 4px;
    margin-right: 5px
}

@media all and (max-width:767px) {
    .opl-box__header {
        font-size: 40px;
        margin-bottom: 0
    }
}

.opl-box__price {
    display: inline-block;
    margin-bottom: 9px;
    margin-right: 5px
}

@media all and (max-width:767px) {
    .opl-box__price {
        margin-bottom: 0
    }
}

.opl-box__icon:after,
.opl-box__icon:before {
    font-size: 30px
}

.opl-box__image {
    margin: 17px 0
}

.opl-box__image--small {
    margin: 0;
    max-width: 50px
}

.opl-box__progress-bar {
    margin-top: 4px;
    margin-bottom: 26px
}

.opl-box__list {
    margin-bottom: 7px
}

.opl-box__list-content {
    height: 40px
}

.opl-box__separator-wrapper {
    margin: 0 -3px
}

.opl-box__separator,
.opl-box__separator--s {
    margin: 10px 0;
    height: 1px
}

@media all and (max-width:767px) {
    .opl-box__separator {
        padding: 10px 0;
        height: 1px
    }
}

.opl-box--disabled,
.opl-box:hover .opl-box__inner {
    border-color: #ccc
}

.opl-box--disabled,
.opl-box--disabled .h3,
.opl-box--disabled .h4,
.opl-box--disabled .h5,
.opl-box--disabled .h6,
.opl-box--disabled a,
.opl-box--disabled p,
.opl-box--disabled span {
    color: #999
}

.opl-box+.opl-msg {
    margin-top: -10px;
    margin-bottom: 20px
}

.opl-box:hover .opl-box__separator-wrapper {
    margin: 0
}

.opl-box.is-selected,
.opl-box.is-selected .opl-box__inner {
    border-color: #000
}

.opl-box.is-selected .opl-box__separator-wrapper {
    margin: 0
}

.opl-box.opl-badge__wrapper,
.opl-box.opl-badge__wrapper.is-selected .opl-box__inner,
.opl-box.opl-badge__wrapper:hover .opl-box__inner {
    border-color: #ff7900
}

.opl-box__unselect__wrapper {
    visibility: hidden;
    max-height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    overflow: hidden;
    -webkit-transition: max-height .4s ease, opacity .4s ease .2s, -webkit-transform .4s ease .2s;
    -o-transition: max-height .4s ease, opacity .4s ease .2s, transform .4s ease .2s;
    -moz-transition: max-height .4s ease, opacity .4s ease .2s, transform .4s ease .2s, -moz-transform .4s ease .2s;
    transition: max-height .4s ease, opacity .4s ease .2s, transform .4s ease .2s;
    transition: max-height .4s ease, opacity .4s ease .2s, transform .4s ease .2s, -webkit-transform .4s ease .2s, -moz-transform .4s ease .2s
}

.opl-box.is-selected .opl-box__unselect__wrapper {
    visibility: visible;
    max-height: 100px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.opl-box__compare {
    padding-top: 0;
    padding-bottom: 0
}

.opl-box__arrow {
    width: 30px;
    height: 30px;
    background: #ccc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -41px;
    right: 50%;
    margin-right: -20px
}

.opl-box__arrow:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
    position: relative;
    top: 1px;
    left: 1px
}

.opl-box__details,
.opl-box__details__content {
    display: none
}

.opl-box__details__content__inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-box__details--medium .opl-box__details__content__inner {
    margin: 0 -20px;
    padding: 0 20px 20px;
    border-bottom: 10px solid #f16e00
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-box.details-medium-expanded .opl-box__details--medium {
        display: block
    }
}

.opl-box__details--large {
    position: relative;
    z-index: 3
}

@media all and (min-width:1259px) {
    .opl-box.details-large-expanded .opl-box__details--large {
        display: block
    }
}

.opl-box__details--large .opl-box__details__inner {
    position: absolute;
    width: 100%;
    left: 0
}

.opl-box__details--large .opl-box__details__inner .opl-box__details__close {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    line-height: 12px;
    overflow: hidden;
    padding: 10px
}

.opl-box__details--large .opl-box__details__inner .opl-box__details__close:after,
.opl-box__details--large .opl-box__details__inner .opl-box__details__close:before {
    font-family: 'CustomIcons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
    content: "";
    font-size: 12px
}

.opl-box__details--large .opl-box__details__inner .opl-box__details__close:before {
    display: inline-block
}

.opl-box__details--large .opl-box__details__inner .opl-box__details__close:after,
.opl-box__details__trigger[aria-expanded=true] .opl-box__details__trigger__open-text,
.opl-box__details__trigger__close-text {
    display: none
}

.opl-box__details--large .opl-box__details__inner .opl-box__details__close span {
    vertical-align: middle;
    padding-left: 10px
}

.opl-box__details--large .opl-box__details__trigger__wrapper {
    position: relative;
    height: 20px;
    margin: -20px -20px 0;
    padding: 10px 20px;
    line-height: 20px;
    background: #fff;
    z-index: 1
}

.opl-box__details--large .opl-box__details__content__wrapper,
.opl-box__expander__header,
.opl-box__product__image {
    position: relative
}

.opl-box__details--large .opl-box__details__content {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2)
}

.opl-box__details--large .opl-box__details__content__inner {
    position: relative;
    padding: 20px;
    border-bottom: 10px solid #f16e00
}

.opl-box__details__trigger[aria-expanded=true] .opl-box__details__trigger__close-text {
    display: inline
}

.opl-box__product__image img,
.opl-box__product__image:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.opl-box__product__image:before {
    content: '';
    width: 80%;
    height: 80%;
    border-radius: 50%;
    background: #eee;
    -webkit-transition: background .2s ease;
    -o-transition: background .2s ease;
    -moz-transition: background .2s ease;
    transition: background .2s ease
}

@media all and (min-width:1259px) {
    .opl-box__product:hover .opl-box__product__image:before {
        background: #f16e00
    }
}

.opl-box__product__image:after {
    display: block;
    content: '';
    padding-top: 100%
}

.opl-box__product__image img {
    max-width: 100%;
    max-height: 100%
}

@media all and (min-width:1259px) {
    .details-large-blocker .opl-box:hover {
        background: #eee
    }
}

.details-large-blocker .opl-box.details-large-expanded {
    background: #fff
}

@media all and (min-width:1259px) {
    .details-large-blocker .opl-box.details-large-expanded:before {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.opl-box--offer:before,
.opl-box__expander__trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.opl-box__expander__content {
    display: none
}

.is-expanded>.opl-box__expander__content {
    display: block
}

.opl-box__icon-list {
    display: table;
    border-collapse: collapse
}

.opl-box__icon-list__item {
    display: table-row
}

.opl-box__icon-list__icon,
.opl-box__icon-list__text {
    display: table-cell;
    vertical-align: middle
}

.opl-box__icon-list__icon {
    padding: 20px 0;
    white-space: nowrap;
    text-align: center
}

.opl-box__icon-list__text {
    width: 100%;
    padding: 20px 0 20px 20px
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-box__icon-list--break-medium .opl-box__icon-list__item {
        display: table-cell;
        padding: 10px 20px;
        vertical-align: middle
    }
    .opl-box__icon-list--break-medium .opl-box__icon-list__icon,
    .opl-box__icon-list--break-medium .opl-box__icon-list__text {
        display: block;
        width: auto;
        padding: 0
    }
    .opl-box__icon-list--break-medium .opl-box__icon-list__icon {
        position: relative;
        height: 40px;
        margin-bottom: 5px;
        text-align: left
    }
    .opl-box__icon-list--break-medium .opl-box__icon-list__icon:before {
        content: '';
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle
    }
}

.opl-box__dataplan-badge {
    display: inline-block;
    text-align: right;
    line-height: .73
}

.opl-box__dataplan-badge__suffix,
.opl-box__dataplan-badge__value {
    display: block
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-box__dataplan-badge--break-medium .opl-box__dataplan-badge__suffix,
    .opl-box__dataplan-badge--break-medium .opl-box__dataplan-badge__value {
        display: inline-block
    }
}

@media all and (max-width:767px) {
    .opl-box__dataplan-badge--break-small .opl-box__dataplan-badge__suffix,
    .opl-box__dataplan-badge--break-small .opl-box__dataplan-badge__value {
        display: inline-block
    }
}

.opl-box__dataplan-badge__value {
    font-size: 30px
}

.opl-box__dataplan-badge__suffix,
.opl-ecare-header__content p+p {
    padding-top: 5px
}

.opl-box--offer {
    background: #fff;
    border: 0;
    margin-bottom: 0
}

.opl-box--offer .opl-box__inner {
    padding: 20px;
    border: 0;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.opl-box--offer .opl-box__section {
    position: static;
    padding: 0
}

.opl-box--offer .opl-box__header {
    display: inline;
    font-size: 1.306175em;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 0
}

.opl-box--offer .opl-box__price {
    display: table;
    line-height: .73;
    font-weight: 700;
    margin-bottom: 0;
    margin-right: 0
}

.opl-box--offer .opl-box__price__part {
    display: table-cell;
    vertical-align: top
}

.opl-box--offer .opl-box__price__decimal,
.opl-box--offer .opl-box__price__suffix,
.opl-box--offer .opl-box__price__whole {
    display: block
}

.opl-box--offer .opl-box__price__whole {
    font-size: 100px
}

.opl-box--offer .opl-box__price__decimal {
    font-size: 40px
}

.opl-box--offer .opl-box__price__suffix {
    margin-bottom: -10px;
    padding-top: 10px;
    padding-left: 5px
}

.opl-box--offer:before {
    content: '';
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.opl-box--offer.is-selected:before,
.opl-box--offer:hover:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

@media all and (max-width:1258px) {
    .opl-box--offer:before {
        content: none
    }
}

@media all and (max-width:767px) {
    .opl-box--offer {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .2)
    }
    .opl-box--offer .opl-box__price__whole {
        font-size: 60px
    }
    .opl-box--offer .opl-box__price__decimal {
        font-size: 30px
    }
    .opl-box--offer .opl-box__price__suffix {
        padding-top: 8px;
        padding-left: 2px;
        font-size: 18px
    }
}

@media all and (min-width:768px) {
    .opl-box--offer .opl-box__expander__content {
        display: block
    }
}

.opl-banner .l-col {
    position: static
}

.opl-banner-inner {
    position: relative;
    overflow: hidden;
    height: 500px;
    padding-bottom: 120px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-banner__heading {
    margin-top: 46px;
    font-size: 2.910751em
}

.opl-banner__subheading {
    font-size: 1.14288em;
    margin: 0
}

.opl-banner__image {
    display: block;
    margin: 0 auto
}

.opl-banner__btn-wrapper {
    position: absolute;
    bottom: 40px
}

.opl-banner__btn-wrapper button.opl-banner__btn {
    min-width: 160px;
    border-color: #000
}

.opl-banner--small .opl-banner-inner {
    height: 300px
}

.o-steps__li a,
.o-steps__li span,
.opl-banner--small .opl-banner__heading {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.opl-banner--small .opl-banner__subheading {
    max-height: 55px;
    overflow: hidden;
    font-size: 1em
}

.opl-banner--full {
    background-repeat: no-repeat;
    background-position: center top
}

.opl-banner--full .opl-banner__subheading {
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

.opl-banner--scroll .opl-banner__subheading {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.opl-banner--scroll .opl-banner__text {
    position: fixed
}

.opl-banner--scroll-top .opl-banner__text {
    position: absolute;
    top: 200px!important
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-banner {
        background-position: left top
    }
    .opl-banner .opl-banner-inner {
        height: auto;
        padding-bottom: 0
    }
    .opl-banner .opl-banner__heading {
        font-size: 2.15em;
        margin-top: 22px
    }
    .opl-banner .opl-banner__btn-wrapper {
        position: static;
        margin-top: 16px;
        margin-bottom: 20px
    }
    .opl-banner .opl-banner__image-wrapper {
        display: none
    }
}

.o-steps {
    width: 100%
}

.o-steps,
.o-steps__list {
    overflow: hidden
}

.o-steps__item {
    padding: 0 10px;
    position: relative;
    -webkit-transition: background .6s;
    -o-transition: background .6s;
    -moz-transition: background .6s;
    transition: background .6s;
    background: #ddd
}

.o-steps__item:after,
.o-steps__item:before {
    content: '';
    position: absolute;
    top: -15px;
    right: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 20px;
    border-color: transparent transparent transparent #ddd;
    -webkit-transition: border-color .6s;
    -o-transition: border-color .6s;
    -moz-transition: border-color .6s;
    transition: border-color .6s;
    z-index: 2
}

.o-steps__item:after {
    border-color: transparent transparent transparent #fff;
    right: -10px;
    z-index: 1
}

.o-steps__li {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ddd
}

.o-steps__li a,
.o-steps__li span {
    color: #000;
    text-decoration: none;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-weight: 700;
    font-size: 15px;
    -webkit-transition: color .6s;
    -o-transition: color .6s;
    -moz-transition: color .6s;
    transition: color .6s
}

.o-steps__li--last.o-steps__li--active,
.o-steps__li--prev-active {
    background: #f16e00
}

.o-steps__li--prev {
    background: #000
}

.o-steps--loaded .o-steps__li--active a,
.o-steps--loaded .o-steps__li--active span,
.o-steps__li--prev a,
.o-steps__li--prev span,
.o-steps__li--prev-active a,
.o-steps__li--prev-active span {
    color: #fff
}

.o-steps__li--first .o-steps__item {
    padding-left: 0
}

.o-steps__li--last .o-steps__item {
    padding-right: 0
}

.o-steps__li--last .o-steps__item:after,
.o-steps__li--last .o-steps__item:before {
    display: none
}

.o-steps--loaded .o-steps__li--prev-active .o-steps__item,
.o-steps__li--prev .o-steps__item {
    background: #000
}

.o-steps--loaded .o-steps__li--prev-active .o-steps__item:before,
.o-steps__li--prev .o-steps__item:before {
    border-left-color: #000
}

.o-steps__li--prev-active .o-steps__item,
.o-steps__li--prev-active .o-steps__item:before {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.o-steps__li--prev-active .o-steps__item {
    background: #f16e00
}

.o-steps__li--prev-active .o-steps__item:before {
    border-left-color: #f16e00
}

.o-steps--loaded .o-steps__li--active .o-steps__item {
    background: #f16e00
}

.o-steps--loaded .o-steps__li--active .o-steps__item:before {
    border-left-color: #f16e00
}

@media all and (min-width:0) and (max-width:767px) {
    .o-steps__li a,
    .o-steps__li span {
        padding: 0 10px
    }
    .o-steps__li--prev-active .o-steps__item {
        background: #000
    }
    .o-steps__li--prev-active .o-steps__item:before {
        border-left-color: #000
    }
    .o-steps__li--active .o-steps__item {
        background: #f16e00
    }
    .o-steps__li--active .o-steps__item:before {
        border-left-color: #f16e00
    }
    .o-steps__li--active a,
    .o-steps__li--active span {
        color: #fff
    }
}

.o-step--carousel .o-steps__li {
    padding-right: 20px
}

.o-step--carousel .o-steps__item,
.opl-checkout-table td.td-full.td-full.td-full.td-full,
.opl-checkout-table th.td-full.td-full.td-full.td-full {
    padding: 0
}

.opl-color-chooser {
    position: relative
}

.opl-color-chooser input[type=radio] {
    position: absolute!important;
    left: -9999px!important
}

.opl-color-chooser input[type=radio]:checked~.opl-color-chooser__color,
.opl-color-chooser input[type=radio]:checked~.opl-color-chooser__color:after {
    border-color: #ff7900
}

.opl-color-chooser__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 4px 0
}

.opl-color-chooser__color {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    border: 1px #ccc solid;
    margin: 0 5px
}

.opl-color-chooser__color:after {
    content: '';
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    border: 3px transparent solid;
    border-radius: 20px
}

.opl-color-chooser__two-color {
    position: absolute;
    display: block;
    width: 9px;
    height: 18px;
    top: 0;
    right: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.opl-checkout-table caption,
.opl-checkout-table thead,
.opl-color-chooser__label {
    position: absolute!important;
    left: -9999px!important
}

.opl-color-chooser__color--magnum {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px #999 solid;
    -webkit-transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    -moz-transition: transform .2s ease, -moz-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease
}

.opl-color-chooser__color--magnum:after {
    border-radius: 50%
}

.opl-color-chooser__color--magnum:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .1)
}

.opl-color-chooser input[type=radio]:checked~.opl-color-chooser__color--magnum {
    border-color: #fff;
    z-index: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.opl-color-chooser input[type=radio]:checked~.opl-color-chooser__color--magnum:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 #444, 0 3px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 1px 0 #444, 0 3px 2px 0 rgba(0, 0, 0, .1)
}

.opl-article__row:after {
    content: ' ';
    display: block;
    clear: both
}

.opl-article__row+.opl-article__row {
    margin-top: 2.142857em
}

.opl-article__image.u-left {
    margin-right: 2.142857em
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-article__image.u-left {
        margin-right: 0
    }
}

.opl-article__image.u-right {
    margin-left: 2.142857em
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-article__image.u-right {
        margin-left: 0
    }
    .opl-article__image {
        margin-bottom: 1.428571em
    }
}

.opl-checkout-section {
    padding-left: 0;
    padding-top: 25px;
    padding-bottom: 0
}

@media all and (min-width:1259px) {
    .opl-checkout-section__heading {
        display: inline-block
    }
}

.opl-checkout-section .opl-section__header .opl-btn--text {
    vertical-align: text-bottom
}

@media all and (min-width:1259px) {
    .opl-checkout-section .opl-section__header .opl-btn--text {
        margin-left: 20px
    }
}

@media all and (max-width:1258px) {
    .opl-checkout-section .opl-section__header .opl-btn--text {
        margin-right: 20px
    }
}

.opl-checkout-section.is-expanded .opl-section__header {
    float: none;
    width: auto
}

.opl-checkout-section.is-expanded .toggle {
    display: none
}

.opl-checkout-section:not(.opl-section--togglable) .opl-section__header {
    padding-left: 10px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-checkout-section:not(.opl-section--togglable) .opl-section__header {
        padding-left: 0
    }
}

.opl-section--togglable .opl-checkout-table td:first-child,
.opl-section--togglable .opl-checkout-table th:first-child {
    padding-left: 35px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-section--togglable .opl-checkout-table td:first-child,
    .opl-section--togglable .opl-checkout-table th:first-child {
        padding-left: 0!important
    }
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-section--togglable .opl-checkout-table td:nth-child(2) {
        padding-left: 35px
    }
    .opl-section--togglable .opl-checkout-table .tr-sub td:first-child {
        padding-left: 35px
    }
}

.opl-checkout-header {
    background-color: #fff
}

.opl-checkout-header td {
    font-weight: 700;
    vertical-align: bottom
}

.opl-checkout-header td:first-child {
    padding-left: 10px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-checkout-header td:first-child {
        padding-left: 0
    }
    .opl-checkout-header,
    .opl-checkout-header tbody,
    .opl-checkout-header td,
    .opl-checkout-header tr {
        display: block
    }
    .opl-checkout-header td:first-child~td {
        display: none
    }
}

.opl-checkout-header td,
.opl-checkout-header th {
    text-align: left;
    padding: 15px 10px
}

.opl-checkout-table td,
.opl-checkout-table th {
    padding: 15px 10px;
    text-align: left;
    font-weight: 700;
    vertical-align: top;
    border-top: 1px #ccc solid
}

.opl-checkout-header .last,
.opl-checkout-header .second-last,
.opl-checkout-table .last,
.opl-checkout-table .second-last {
    width: 24%;
    text-align: right
}

.opl-checkout-header .with-img,
.opl-checkout-header tbody td.with-img,
.opl-checkout-table .with-img,
.opl-checkout-table tbody td.with-img {
    width: 8%;
    text-align: center
}

.opl-checkout-table td:first-child,
.opl-checkout-table th:first-child {
    width: 18%
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-checkout-table td.td-full.td-full.td-full.td-full,
    .opl-checkout-table th.td-full.td-full.td-full.td-full {
        width: 100%
    }
}

.opl-checkout-table span {
    display: block
}

.opl-checkout-table .opl-btn:not(:first-child) {
    margin-top: .714286em
}

.opl-checkout-table .text-small {
    font-size: .857143em;
    font-weight: 400
}

.opl-checkout-table .o-spinbox-label {
    display: block
}

.opl-checkout-table .o-spinbox-wrapper,
.opl-checkout-table .o-spinbox-wrapper+.opl-btn {
    float: left;
    clear: both
}

.opl-checkout-table .o-spinbox-wrapper+.opl-btn {
    margin-top: 1.214286em
}

.opl-checkout-table .tr-small+.tr-small td,
.opl-checkout-table .tr-small+.tr-small th {
    border-top: none
}

@media all and (min-width:768px) {
    .opl-checkout-table .tr-small+.tr-small td,
    .opl-checkout-table .tr-small+.tr-small th {
        padding-top: 0
    }
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-checkout-table .tr-small td:not(: first-child) {
        padding-top: 0
    }
}

.opl-checkout-table .tr-sub .opl-btn:not(:first-child),
.opl-checkout-table .tr-sub--b .opl-btn:not(:first-child),
.opl-checkout-table .tr-sub-parent .opl-btn:not(:first-child) {
    margin-top: .142857em
}

.opl-checkout-table .tr-sub td:first-child {
    padding-left: 10px;
    width: auto
}

.opl-checkout-table .tr-sub--b td:first-child {
    padding-left: 10px!important;
    width: auto
}

.opl-checkout-table .tr-sub td {
    padding-top: 0;
    border-top: none
}

.opl-checkout-table .opl-msg--box {
    position: relative;
    margin: -1px 0
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-checkout-table .opl-msg--box {
        margin: -1px 0
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-checkout-table .opl-msg--box {
        margin: -18px 0
    }
    .opl-checkout-table .opl-msg--box .l-group,
    .opl-checkout-table .opl-msg--box .l-group__element {
        display: block;
        width: auto
    }
    .opl-checkout-table .opl-msg--box .l-group__element--main {
        padding-right: 20px
    }
    .opl-checkout-table .opl-msg--box .opl-msg__btn {
        margin-top: 15px
    }
    .opl-checkout-table .opl-msg--box .opl-msg__close {
        position: absolute;
        top: 0;
        right: 0
    }
}

@media all and (max-width:1258px) {
    .opl-checkout-table,
    .opl-checkout-table tbody,
    .opl-checkout-table td,
    .opl-checkout-table th,
    .opl-checkout-table thead,
    .opl-checkout-table tr {
        display: block
    }
    .opl-checkout-table td,
    .opl-checkout-table th {
        border: 0
    }
    .opl-checkout-table tr {
        clear: both
    }
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-checkout-table td,
    .opl-checkout-table th {
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .opl-checkout-table th:first-child {
        display: block;
        width: auto;
        float: none;
        padding-bottom: 0;
        border-top: 1px #ccc solid
    }
    .opl-checkout-table td:nth-child(2) {
        width: 52%
    }
    .opl-checkout-table .tr-sub td:first-child,
    .opl-checkout-table .tr-sub--b td:first-child {
        width: 52%
    }
    .opl-checkout-table td.last,
    .opl-checkout-table td.second-last,
    .opl-checkout-table th.last,
    .opl-checkout-table th.second-last {
        width: 24%
    }
    .opl-checkout-table .with-img+td {
        width: 44%
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-checkout-table {
        padding-bottom: 15px
    }
    .opl-checkout-table tr {
        border-top: 1px #ccc solid;
        padding-top: 8px;
        margin-top: 15px
    }
    .opl-checkout-table tr:first-child {
        border-top: none;
        margin-top: 0
    }
    .opl-checkout-table img {
        margin-top: 10px;
        display: block
    }
    .opl-checkout-table tbody td,
    .opl-checkout-table tbody td.last,
    .opl-checkout-table tbody td.second-last,
    .opl-checkout-table tbody td:first-child,
    .opl-checkout-table tbody th,
    .opl-checkout-table tbody th.last,
    .opl-checkout-table tbody th.second-last,
    .opl-checkout-table tbody th:first-child {
        text-align: left;
        width: auto;
        padding: 10px 0 2px
    }
    .opl-checkout-table tbody td:first-child+td,
    .opl-checkout-table tbody th:first-child+td {
        padding-top: 0
    }
    .opl-checkout-table tbody td[data-title] {
        text-align: right
    }
    .opl-checkout-table tbody td[data-title].with-spinbox {
        width: auto;
        text-align: left;
        margin-left: 0
    }
    .opl-checkout-table tbody td[data-title].with-spinbox:before {
        width: auto;
        margin: 0 40px 0 0;
        padding-top: 12px
    }
    .opl-checkout-table tbody th[rowspan] {
        padding-bottom: 12px
    }
    .opl-checkout-table tbody td.with-img {
        width: 80px
    }
    .opl-checkout-table .tr-sub {
        margin-top: 20px;
        border-top: none
    }
    .opl-checkout-table .tr-sub td:first-child {
        padding-left: 0
    }
    .opl-checkout-table .tr-sub--b {
        margin-top: 20px
    }
    .opl-checkout-table .tr-sub--b td:first-child {
        padding-left: 0!important
    }
}

.o-modal.o-modal__header {
    margin-bottom: 30px;
    margin-right: 30px
}

.o-modal.opl-form__button-row {
    margin-bottom: 0
}

.opl-modal--content {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.opl-modal-infobar {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    text-align: center
}

.opl-modal-infobar--back {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -10px;
    color: #fff
}

.opl-modal-infobar--back span {
    margin-right: 10px
}

.opl-modal-infobar--black {
    background: #000;
    color: #fff
}

.opl-modal-infobar--black .h4 {
    color: #fff;
    margin-bottom: 0
}

.opl-modal--full-size .o-modal-content {
    padding: 0!important
}

.opl-simple-table {
    border-bottom: 1px #ccc solid
}

.opl-simple-table td,
.opl-simple-table th {
    font-weight: 700;
    vertical-align: top;
    padding: 15px 0
}

.opl-discounts-table span,
.opl-simple-table span,
.opl-table--simple span {
    display: block
}

.opl-simple-table .text-small {
    font-size: .857143em;
    font-weight: 400
}

.opl-simple-table thead th {
    text-align: right
}

.opl-simple-table thead th:nth-child(3),
.opl-simple-table thead th:nth-child(4) {
    width: 20%
}

.opl-simple-table tbody th,
.opl-simple-table tbody th+td,
.opl-simple-table tfoot th,
.opl-simple-table tfoot th+td {
    text-align: left
}

.opl-simple-table tbody td,
.opl-simple-table tbody th {
    border-bottom: 1px #ccc solid
}

.opl-simple-table tbody .tr-sub td,
.opl-simple-table tbody .tr-sub th {
    border-bottom: none
}

.opl-discounts-table tfoot tr+tr td,
.opl-discounts-table tfoot tr+tr th,
.opl-simple-table tbody .tr-sub+.tr-sub td,
.opl-simple-table tfoot tr+tr td,
.opl-simple-table tfoot tr+tr th,
.opl-table--simple tbody .tr-sub+.tr-sub td,
.opl-table--simple tfoot tr+tr td,
.opl-table--simple tfoot tr+tr th {
    padding-top: 0
}

@media all and (min-width:768px) {
    .opl-simple-table tbody .tr-sub+.tr-sub td:nth-child(2) {
        text-align: right
    }
}

.opl-simple-table tfoot tr:first-child td,
.opl-simple-table tfoot tr:first-child th {
    padding-top: 1.428571em;
    border-top: 1px #ccc solid
}

.opl-simple-table tfoot tr:last-child td,
.opl-simple-table tfoot tr:last-child th {
    padding-bottom: 1.428571em
}

.opl-simple-table--even-half tbody td,
.opl-simple-table--even-half tbody th {
    width: 50%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-simple-table--even-half tbody td,
    .opl-simple-table--even-half tbody th {
        width: 100%
    }
    .opl-simple-table caption,
    .opl-simple-table tbody,
    .opl-simple-table td,
    .opl-simple-table tfoot,
    .opl-simple-table th,
    .opl-simple-table tr {
        display: block
    }
    .opl-simple-table .td-null,
    .opl-simple-table thead {
        display: none
    }
    .opl-simple-table td:empty {
        display: none
    }
    .opl-simple-table caption span {
        position: static;
        padding: 0 0 14px;
        width: auto;
        float: none
    }
    .opl-simple-table tbody td,
    .opl-simple-table tbody th,
    .opl-simple-table tfoot td,
    .opl-simple-table tfoot th {
        border: 0;
        padding: 0;
        line-height: 120%
    }
    .opl-simple-table tbody td:first-child,
    .opl-simple-table tbody th:first-child {
        padding-top: 17px;
        padding-bottom: 13px
    }
    .opl-simple-table tfoot td:first-child,
    .opl-simple-table tfoot th:first-child {
        padding-top: 17px
    }
    .opl-simple-table tbody tr:first-child td,
    .opl-simple-table tbody tr:first-child th,
    .opl-simple-table tfoot tr:first-child td,
    .opl-simple-table tfoot tr:first-child th {
        border: 0
    }
    .opl-simple-table tbody .tr-sub+.tr-sub {
        border-top: none
    }
    .opl-simple-table tbody th {
        padding-bottom: 15px
    }
    .opl-simple-table tbody tr+tr,
    .opl-simple-table tfoot {
        margin-top: 17px;
        border-top: 1px #ccc solid
    }
    .opl-simple-table tfoot tr+tr {
        margin-top: 10px
    }
    .opl-simple-table tfoot td:first-child,
    .opl-simple-table tfoot th:first-child {
        padding-bottom: 5px
    }
    .opl-simple-table tr {
        padding-bottom: 17px
    }
    .opl-simple-table tr:last-child {
        padding-bottom: 10px
    }
    .opl-simple-table td[data-title]:before {
        content: attr(data-title);
        float: left;
        text-align: left
    }
}

.o-tooltip .opl-table--simple,
.opl-agreements-list .opl-inner-expand p {
    margin-top: 10px
}

.opl-table--simple td,
.opl-table--simple th {
    font-weight: 400;
    vertical-align: top;
    padding: 8px 0
}

.opl-table--simple th {
    border-bottom: 1px solid #ccc
}

.opl-table--simple .text-small {
    font-size: .857143em;
    font-weight: 400
}

.opl-table--simple thead th {
    text-align: left;
    padding-right: 15px
}

.opl-table--simple thead th:nth-child(3),
.opl-table--simple thead th:nth-child(4) {
    width: 20%
}

.opl-table--simple tbody th,
.opl-table--simple tbody th+td,
.opl-table--simple tfoot th,
.opl-table--simple tfoot th+td {
    text-align: left
}

.opl-table--simple tbody .tr-sub td,
.opl-table--simple tbody .tr-sub th {
    border-bottom: none
}

@media all and (min-width:768px) {
    .opl-table--simple tbody .tr-sub+.tr-sub td:nth-child(2) {
        text-align: right
    }
}

.opl-table--simple tfoot tr:first-child td,
.opl-table--simple tfoot tr:first-child th {
    padding-top: 1.428571em;
    border-top: 1px #ccc solid
}

.opl-table--simple tfoot tr:last-child td,
.opl-table--simple tfoot tr:last-child th {
    padding-bottom: 1.428571em
}

.opl-two-sided-list {
    margin-top: 25px
}

.opl-two-sided-list__list-element {
    width: 100%;
    font-weight: 700;
    overflow: hidden;
    margin-bottom: 15px
}

.opl-two-sided-list--inside-left {
    float: left
}

.opl-two-sided-list--inside-right {
    float: right
}

.opl-agreements-content .opl-section__content-inner {
    padding-bottom: 0!important
}

@media all and (min-width:768px) {
    .opl-agreements-list {
        margin-left: -35px
    }
}

.opl-agreements-list__item {
    padding: 17px 0 20px;
    border-bottom: 1px solid #ddd
}

.opl-agreements-list__item:last-child {
    border-bottom: none
}

.opl-agreements-list__item:first-child {
    border-top: 1px solid #ddd
}

@media all and (min-width:768px) {
    .opl-agreements-list__content {
        padding-left: 42px
    }
}

.opl-agreements-list__inner-content {
    margin-right: 20px
}

.opl-agreements-list .opl-section__expander-trigger-btn {
    float: none;
    display: inline-block;
    margin: 0
}

.opl-discounts-table {
    border-bottom: 1px #ccc solid
}

@media all and (min-width:768px) {
    .opl-discounts-table {
        margin-top: -30px
    }
}

.opl-discounts-table td,
.opl-discounts-table th {
    font-weight: 700;
    vertical-align: top;
    padding: 15px 10px
}

.opl-discounts-table .text-small {
    font-size: .857143em;
    font-weight: 400
}

.opl-discounts-table .opl-discounts-table__inner-content {
    display: inline;
    margin-right: 25px
}

.opl-discounts-table td .opl-section__expander-trigger-btn {
    margin-left: 0
}

.opl-discounts-table caption span {
    margin: 0;
    padding-left: 10px;
    text-align: left;
    position: relative;
    top: 35px;
    left: 0;
    float: left;
    width: 52%
}

.opl-discounts-table tbody td,
.opl-discounts-table tfoot td,
.opl-discounts-table thead th {
    text-align: right
}

.opl-discounts-table tbody td[colspan='3']+td,
.opl-discounts-table tbody td[colspan='3']+td+td,
.opl-discounts-table thead th[colspan='3']+th,
.opl-discounts-table thead th[colspan='3']+th+th {
    width: 24%
}

.opl-discounts-table tbody td:nth-child(3),
.opl-discounts-table tbody td:nth-child(4),
.opl-discounts-table thead th:nth-child(3),
.opl-discounts-table thead th:nth-child(4) {
    width: 24%
}

.opl-discounts-table tbody td.opl-discounts-table__with-nested-table {
    padding: 0!important
}

.opl-discounts-table tbody th,
.opl-discounts-table tbody th+td,
.opl-discounts-table tfoot th,
.opl-discounts-table tfoot th+td {
    text-align: left
}

.opl-discounts-table tbody td,
.opl-discounts-table tbody th {
    border-bottom: 1px #ccc solid
}

.opl-discounts-table tbody tr:last-child td,
.opl-discounts-table tbody tr:last-child th {
    border-bottom: none
}

.opl-discounts-table tbody .tr-sub th+td {
    text-align: right
}

.opl-discounts-table tbody .tr-sub td,
.opl-discounts-table tbody .tr-sub th {
    border-bottom: none
}

@media all and (min-width:768px) {
    .opl-discounts-table tbody .tr-sub+.tr-sub td:nth-child(2) {
        text-align: right
    }
}

.opl-discounts-table tfoot tr:first-child td,
.opl-discounts-table tfoot tr:first-child th {
    padding-top: 1.428571em;
    border-top: 1px #ccc solid
}

.opl-discounts-table tfoot tr:last-child td,
.opl-discounts-table tfoot tr:last-child th {
    padding-bottom: 1.428571em
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-discounts-table caption,
    .opl-discounts-table tbody,
    .opl-discounts-table td,
    .opl-discounts-table tfoot,
    .opl-discounts-table th,
    .opl-discounts-table tr {
        display: block
    }
    .opl-discounts-table thead {
        display: none
    }
    .opl-discounts-table td:empty {
        display: none
    }
    .opl-discounts-table caption span {
        position: static;
        padding: 0 0 14px;
        width: auto;
        float: none
    }
    .opl-discounts-table tbody td,
    .opl-discounts-table tbody th,
    .opl-discounts-table tfoot td,
    .opl-discounts-table tfoot th {
        border: 0;
        padding: 0;
        line-height: 120%
    }
    .opl-discounts-table tbody td:first-child,
    .opl-discounts-table tbody th:first-child {
        padding-top: 17px;
        padding-bottom: 13px
    }
    .opl-discounts-table tfoot td:first-child,
    .opl-discounts-table tfoot th:first-child {
        padding-top: 17px
    }
    .opl-discounts-table tbody tr:first-child td,
    .opl-discounts-table tbody tr:first-child th,
    .opl-discounts-table tfoot tr:first-child td,
    .opl-discounts-table tfoot tr:first-child th {
        border: 0
    }
    .opl-discounts-table tbody tr:first-child td:first-child,
    .opl-discounts-table tbody tr:first-child th:first-child {
        border-top: 2px #ccc solid
    }
    .opl-discounts-table tbody tr+tr,
    .opl-discounts-table tfoot {
        border-top: 1px #ccc solid
    }
    .opl-discounts-table tbody .tr-sub+.tr-sub {
        border-top: none
    }
    .opl-discounts-table tbody th {
        padding-bottom: 15px
    }
    .opl-discounts-table tfoot tr+tr {
        margin-top: 10px
    }
    .opl-discounts-table tfoot td:first-child,
    .opl-discounts-table tfoot th:first-child {
        padding-bottom: 5px
    }
    .opl-discounts-table tr:last-child {
        padding-bottom: 10px
    }
}

.opl-data-list+.opl-data-list,
.opl-data-list__list+.opl-data-list__list {
    margin-top: 2.857143em
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-data-list+.opl-data-list,
    .opl-data-list__list+.opl-data-list__list {
        margin-top: .714286em
    }
}

.opl-section .opl-data-list:last-child {
    margin-bottom: 1.428571em
}

.opl-data-list__item {
    padding: 1.428571em 0 10px;
    border: 1px solid #ccc;
    border-top-width: 0
}

.opl-data-list__item:first-child {
    border-top-width: 1px
}

.opl-data-list__item>ul {
    margin: .714286em -1px -11px
}

.opl-data-list__item .o-btn {
    width: 100%;
    margin-bottom: .714286em
}

.opl-data-list__item div+.o-btn {
    margin-top: 1.428571em
}

.opl-data-list>.opl-data-list__item {
    border-top-width: 1px
}

.opl-data-list__item--halfsep {
    padding: .714286em 0 0
}

.opl-data-list__item--halfsep>ul {
    margin: 0 -1px -1px
}

.opl-data-list__item--border {
    border-top: 2px solid #000
}

.opl-data-list__item--disabled {
    color: #999!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.opl-data-list__item--disabled .h4,
.opl-data-list__item--disabled .h5,
.opl-data-list__item--disabled h4,
.opl-data-list__item--disabled h5,
.opl-data-list__item--disabled p,
.opl-data-list__item--disabled span {
    color: #999!important
}

.opl-data-list__item--disabled .opl-data-list__col--first:after,
.opl-data-list__item--disabled .opl-data-list__col--first:before {
    background: #999!important
}

.opl-data-list__indent {
    padding-left: 60px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-data-list__indent-s {
        padding-left: 60px
    }
}

.opl-data-list__black-header {
    background: #000;
    color: #fff
}

.opl-data-list__black-header .opl-console--left-arrow:before {
    margin-top: -14px
}

.opl-data-list__black-header .h4,
.opl-data-list__black-header .h5,
.opl-data-list__black-header h4,
.opl-data-list__black-header h5 {
    color: #fff
}

.opl-data-list__black-header>ul {
    background: #fff;
    color: #000
}

.opl-data-list__black-header>ul .h4,
.opl-data-list__black-header>ul .h5,
.opl-data-list__black-header>ul h4,
.opl-data-list__black-header>ul h5 {
    color: #000
}

.opl-data-list__list--nested,
.opl-data-list__list--nested .opl-console--ecare-box,
.opl-data-list__list--nested .opl-console--ecare-box-arrow:before {
    background: #eee
}

.opl-data-list__list--nested.opl-section__content:not(:empty) {
    padding-top: 0
}

.opl-data-list__list--nested .opl-data-list__col--first {
    padding-left: 80px
}

.opl-data-list__list--nested .opl-data-list__col--first:after,
.opl-data-list__list--nested .opl-data-list__col--first:before {
    content: '';
    position: absolute;
    background: #000;
    display: block;
    left: 36px
}

.opl-data-list__list--nested .opl-data-list__col--first:before {
    top: 14px;
    width: 2px;
    height: 18px
}

.opl-data-list__list--nested .opl-data-list__col--first:after {
    top: 30px;
    width: 18px;
    height: 2px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-data-list__list--nested .opl-data-list__col--first {
        padding-left: 60px
    }
    .opl-data-list__list--nested .opl-data-list__col--first:after,
    .opl-data-list__list--nested .opl-data-list__col--first:before {
        left: 20px
    }
}

.opl-data-list__list--nested .opl-data-list__col--first-small {
    padding-left: 70px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-data-list__list--nested .opl-data-list__col--first-small {
        padding-left: 60px
    }
}

.opl-data-list__arrowdown,
.opl-data-list__arrowup {
    position: relative
}

.opl-data-list__arrowdown:before {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eee;
    width: 13px;
    height: 13px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-data-list__arrowdown:before {
        left: 50%;
        margin-left: -7px
    }
}

.opl-data-list__arrowup:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    width: 13px;
    height: 13px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-data-list__arrowup:before {
        left: 50%;
        margin-left: -7px
    }
}

@media all and (min-width:768px) {
    .opl-data-list__actions {
        padding-right: 20px;
        float: right
    }
    .opl-data-list__actions--short {
        max-width: 220px
    }
    .opl-data-list__col--first {
        padding-left: 20px
    }
    .opl-data-list .l-col--last {
        padding-right: 20px
    }
}

.ie8 .opl-data-list__actions {
    padding-right: 20px;
    float: right
}

.ie8 .opl-data-list__actions--short {
    max-width: 220px
}

.ie8 .opl-data-list__col--first {
    padding-left: 20px
}

.ie8 .opl-data-list .l-col--last {
    padding-right: 20px
}

.opl-data-list__item>.opl-data-list__text {
    padding-left: 20px;
    padding-right: 20px
}

.opl-data-list__text {
    padding-bottom: .714286em;
    position: relative
}

.opl-data-list__text p {
    padding-bottom: 5px
}

.opl-data-list__text p:last-child {
    padding-bottom: 0
}

.opl-data-list__text li {
    padding: 0;
    border: 0
}

.opl-data-list__text ul {
    margin-top: -5px;
    padding-bottom: .357143em
}

.opl-data-list__text .h4,
.opl-data-list__text .h5 {
    margin: 0
}

.opl-data-list__text--icon {
    padding-left: 68px;
    position: relative
}

@media all and (max-width:1258px) {
    .opl-data-list__text--icon {
        padding-left: 60px
    }
}

.opl-data-list__text--icon .g-icon:before {
    position: absolute;
    left: 0;
    top: 4px;
    width: 48px;
    text-align: center
}

@media all and (max-width:1258px) {
    .opl-data-list__text--icon .g-icon:before {
        width: 40px
    }
}

.opl-data-list__list--nested .opl-data-list__col--first .opl-data-list__text--icon {
    padding-left: 60px
}

.opl-data-list__list--nested .opl-data-list__text .h4:only-child {
    padding-top: 13px;
    padding-bottom: 13px
}

.opl-data-list__list--nested .opl-data-list__text .h5:only-child {
    padding-top: 15px;
    padding-bottom: 15px
}

.opl-data-list__text--checkbox {
    position: relative;
    padding-left: 50px
}

.opl-data-list__text--checkbox-wraper {
    position: absolute;
    left: 0
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-data-list__item--sum .g-icon:before {
        display: none
    }
    .opl-data-list__item--sum .opl-data-list__text--icon {
        padding-left: 0
    }
}

.opl-data-list__button {
    margin-top: 1.428571em
}

.opl-data-list__button .l-col .o-btn {
    width: 100%
}

.opl-data-list__copyboard:before {
    margin-right: 5px;
    vertical-align: top;
    font-size: 20px
}

@media all and (min-width:0) and (max-width:767px) {
    .l-row--collapse {
        padding: 0 10px
    }
}

.opl-tree__li {
    position: relative;
    padding: 1.428571em 0 1.428571em 90px
}

@media all and (max-width:1258px) {
    .opl-tree__li {
        padding-left: 60px
    }
}

@media all and (max-width:767px) {
    .opl-tree__li {
        padding-left: 60px
    }
}

.opl-tree__li:after,
.opl-tree__merge-branch:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    top: 0
}

.opl-tree__li:after {
    border-width: 0 0 0 4px;
    border-style: solid;
    border-color: #f16e00;
    left: 0
}

.opl-tree__merge-branch:before {
    width: 4px;
    left: 45px;
    background: #492191;
    z-index: 2
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-tree__merge-branch:before {
        left: 30px
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tree__merge-branch:before {
        left: 30px
    }
}

.opl-tree__merge-branch:before:last-child {
    height: -webkit-calc(100% - 1.333333em);
    height: -moz-calc(100% - 1.333333em);
    height: calc(100% - 1.333333em)
}

.opl-tree__merge-branch--li .opl-tree__branch:before {
    width: 105px;
    left: -135px;
    border-color: #492191!important;
    z-index: 9
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-tree__merge-branch--li .opl-tree__branch:before {
        width: 60px;
        left: -90px
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tree__merge-branch--li .opl-tree__branch:before {
        width: 60px;
        left: -90px
    }
}

.opl-tree__merge-branch--li:before,
.opl-tree__merge-branch--line:before {
    background: #492191!important
}

.opl-tree__merge-branch .opl-connected-account--h-details {
    position: relative;
    z-index: 3
}

.opl-tree__merge-branch .opl-connected-account--h-details:after {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: -webkit-calc(100% + 2.666666em);
    height: -moz-calc(100% + 2.666666em);
    height: calc(100% + 2.666666em);
    top: -1.333333em;
    left: 20px;
    background: #fff;
    z-index: -1
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-tree__merge-branch .opl-connected-account--h-details:after {
        left: -30px
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tree__merge-branch .opl-connected-account--h-details:after {
        left: -30px
    }
}

.opl-tree__merge-branch .opl-connected-account--h-details~.l-row {
    position: relative
}

.opl-tree__merge-branch .opl-connected-account--h-details~.l-row:before {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 100%;
    top: 0;
    left: -35px;
    background: #fff;
    z-index: 2
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-tree__merge-branch .opl-connected-account--h-details~.l-row:before {
        left: -20px
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tree__merge-branch .opl-connected-account--h-details~.l-row:before {
        left: -20px
    }
}

.opl-tree__merge-branch .opl-tree__list .opl-tree__li:before {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 100%;
    top: 0;
    left: -45px;
    background: #fff;
    z-index: 3
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-tree__merge-branch .opl-tree__list .opl-tree__li:before {
        left: -30px!important
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tree__merge-branch .opl-tree__list .opl-tree__li:before {
        left: -30px!important
    }
}

.opl-tree__merge-branch--first:before {
    height: -webkit-calc(100% - 26px)!important;
    height: -moz-calc(100% - 26px)!important;
    height: calc(100% - 26px)!important;
    background: #fff!important
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-tree__merge-branch--first:before {
        height: -webkit-calc(100% - 23px)!important;
        height: -moz-calc(100% - 23px)!important;
        height: calc(100% - 23px)!important
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tree__merge-branch--first:before {
        height: -webkit-calc(100% - 23px)!important;
        height: -moz-calc(100% - 23px)!important;
        height: calc(100% - 23px)!important
    }
}

.opl-tree__merge-branch--last:before {
    top: auto!important;
    bottom: -1.333333em!important;
    height: -webkit-calc(100% - 24px)!important;
    height: -moz-calc(100% - 24px)!important;
    height: calc(100% - 24px)!important;
    background: #fff!important
}

.opl-tree__content {
    display: none
}

.opl-tree__change {
    max-width: 600px;
    border: 2px solid #eee;
    padding: 20px;
    margin-top: 10px;
    margin-right: 20px
}

.opl-tree__block {
    display: block;
    float: left
}

.opl-tree__branch {
    position: relative
}

.opl-tree__branch:after,
.opl-tree__branch:before {
    content: '';
    display: block;
    border-style: solid;
    border-color: #f16e00;
    position: absolute;
    left: -90px
}

.opl-tree__branch:before {
    width: 60px;
    border-width: 4px 0 0;
    top: .44em
}

@media all and (max-width:767px) {
    .opl-tree__branch:before {
        width: 30px;
        left: -60px
    }
}

@media all and (max-width:1258px) {
    .opl-tree__branch:before {
        width: 30px;
        left: -60px
    }
}

.opl-tree__branch:after {
    top: 0;
    border-width: 0 0 0 4px;
    height: 100%
}

@media all and (max-width:767px) {
    .opl-tree__branch:after {
        left: -60px
    }
}

@media all and (max-width:1258px) {
    .opl-tree__branch:after {
        left: -60px
    }
}

.opl-tree__table td,
.opl-tree__table th {
    padding: 10px 0;
    vertical-align: top
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tree__table td,
    .opl-tree__table th {
        display: block;
        text-align: left!important
    }
    .opl-tree__table th {
        padding-bottom: 0
    }
}

.opl-tree__table tr {
    border-top: 1px solid #eee
}

.opl-tree__table tr:first-child {
    border: 0
}

.opl-tree__table tr:first-child td,
.opl-tree__table tr:first-child th,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    padding-top: 0
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tree__table tr:first-child th {
        padding-bottom: 10px
    }
}

.opl-tree__table tr:last-child td,
.opl-tree__table tr:last-child th,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:last-child {
    padding-bottom: 0
}

.opl-tree__list-nested-details .opl-tree__li {
    padding: 1.428571em 0 0 20px
}

.opl-tree__list-nested-details .opl-tree__li:after {
    width: 2px;
    background: #eee
}

.opl-tree__list-nested-details .opl-tree__li .opl-tree__branch:before {
    width: 10px;
    border-width: 2px 0 0;
    border-color: #eee;
    left: -20px
}

.opl-tree__list-nested-details .opl-tree__li .opl-tree__branch:after {
    border-width: 0 0 0 2px;
    border-color: #eee;
    left: -20px
}

.opl-tree__list-nested-details .opl-tree__change {
    max-width: 580px
}

.opl-tree__full-line--text {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff
}

.opl-tree__full-line:before {
    width: -webkit-calc(100% + 91px)!important;
    width: -moz-calc(100% + 91px)!important;
    width: calc(100% + 91px)!important;
    border-color: #eee!important
}

.opl-tree--togglable a:active,
.opl-tree--togglable a:focus,
.opl-tree--togglable:active,
.opl-tree--togglable:focus {
    border: 0!important;
    outline: 0!important
}

.opl-tree__li--grey p {
    color: #999
}

.opl-tree__li--grey .opl-tree__branch:before {
    border-top-width: 2px;
    border-color: #ccc;
    left: -90px;
    top: 50%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tree__li--grey .opl-tree__branch:before {
        left: -60px
    }
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-tree__li--grey .opl-tree__branch:before {
        left: -60px
    }
}

.opl-tree__li--fill-orange .opl-tree__branch {
    padding: 12px 20px;
    border-radius: 5px;
    background: #f16e00;
    color: #fff;
    display: inline-block;
    font-weight: 700
}

.opl-tree__li--fill-orange .opl-tree__branch:before {
    width: 90px;
    top: 50%;
    margin-top: -2px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tree__li--fill-orange .opl-tree__branch:before {
        width: 60px
    }
}

.opl-tree__li--dotted .opl-tree__branch:before {
    border-style: dotted;
    border-width: 2px 0 0
}

.opl-tree__li--dotted .opl-tree__branch:after {
    border: 0
}

.opl-tree__li--dotted:after {
    left: 0;
    background: #fff;
    width: 1px;
    border-left: 2px dotted #f16e00
}

.opl-tree__li--orange-font .opl-tree__branch {
    padding: 12px 20px;
    color: #f16e00;
    display: inline-block;
    font-weight: 700
}

.opl-tree__li--orange-font .opl-tree__branch:before {
    width: 90px;
    top: 50%;
    margin-top: -2px;
    border-width: 2px 0 0
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tree__li--orange-font .opl-tree__branch:before {
        width: 60px
    }
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-tree__li--orange-font .opl-tree__branch:before {
        width: 60px;
        left: -60px
    }
}

.opl-tree__li--icon {
    padding-bottom: 0
}

.opl-tree__li--icon .opl-tree__branch:before {
    top: 1.44em
}

.opl-tree__li--icon .opl-tree__branch:after {
    margin-bottom: -1.5em!important
}

.opl-tree__square-list {
    position: relative;
    margin-right: 30px
}

.opl-tree__square-list:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -4px;
    margin-top: -5px;
    width: 9px;
    height: 9px;
    border-radius: 1px;
    background: #000
}

.opl-tree__li--first .opl-tree__branch:after {
    top: .5em
}

.opl-tree__li--last .opl-tree__branch:after {
    top: auto;
    bottom: 100%;
    margin-bottom: -.5em
}

.opl-tree__li--first:after {
    bottom: 0;
    top: auto;
    height: 1.6em
}

.opl-tree__li--last:after {
    height: 1.6em
}

.opl-tree .h4 {
    margin: 0
}

.opl-tree__light-grey .opl-tree__branch:after,
.opl-tree__light-grey .opl-tree__branch:before,
.opl-tree__light-grey .opl-tree__li:after {
    border-color: #eee
}

.opl-input-with-icon {
    position: relative
}

.opl-input-with-icon>.g-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    pointer-events: none
}

.opl-input-with-icon>.g-icon:after,
.opl-input-with-icon>.g-icon:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    pointer-events: none
}

.opl-input-with-icon>.g-icon:before {
    display: inline-block
}

.opl-input-with-icon>.g-icon:after {
    display: none
}

.opl-input-with-icon__btn {
    position: absolute;
    top: 2px;
    right: 2px;
    border: 0;
    background: 0 0;
    padding: 0;
    width: 37px;
    height: 37px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-basket-mini {
    position: absolute;
    top: 68px;
    right: 0;
    width: 280px;
    background: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    padding: 20px;
    z-index: 3;
    -webkit-transition: all .3s ease .2s;
    -o-transition: all .3s ease .2s;
    -moz-transition: all .3s ease .2s;
    transition: all .3s ease .2s;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: 300px 0;
    -moz-transform-origin: 300px 0;
    -ms-transform-origin: 300px 0;
    transform-origin: 300px 0
}

.ie8 .opl-basket-mini {
    display: none;
    top: 40px
}

.opl-basket-mini.js-visible {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.ie8 .opl-basket-mini:hover,
.ie8 .opl-navigation__item:hover+.opl-basket-mini,
.opl-basket-mini__list {
    display: block!important
}

@media all and (min-width:1259px) {
    .no-js .opl-navigation__item:hover+.opl-basket-mini {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.opl-basket-mini.is-empty .h5 {
    margin: 0
}

.opl-basket-mini:before {
    content: '';
    display: block;
    background: #fff;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -8px;
    right: 14px
}

.opl-basket-mini__list {
    margin-top: 1.071429em
}

.opl-basket-mini__item:after,
.opl-breadcrumbs ul:after,
.opl-ecare-header ul:after {
    content: ' ';
    display: block;
    clear: both
}

.opl-basket-mini__item ul:not(:first-child) {
    margin-top: .857143em
}

.opl-basket-mini__item+.opl-basket-mini__item {
    border-top: 1px #ccc solid;
    padding-top: 1.071429em
}

.opl-basket-mini__item:not(:last-child) {
    padding-bottom: 1.071429em
}

.opl-basket-mini__img-wrapper {
    float: left;
    width: 50px;
    padding-right: 20px
}

.opl-basket-mini__img-wrapper img {
    max-width: 50px
}

.opl-basket-mini__text-wrapper {
    width: 210px;
    float: right
}

.opl-basket-mini li+li>.opl-list-like-table__cell {
    padding-top: 12px
}

.opl-basket-mini__separator {
    clear: both;
    margin: 1em 0 1.142857em
}

.opl-basket-mini__total {
    margin-bottom: 17px
}

.opl-basket-mini .opl-btn:hover,
.opl-basket-mini .opl-btn:not(.u-hide-focus):focus,
.opl-breadcrumbs a:hover,
.opl-breadcrumbs a:not(.u-hide-focus):focus {
    color: #fff
}

.opl-basket-mini ul.opl-list-like-table {
    display: block!important
}

.opl-header~#opl-main .l-full-row .opl-ecare-header:first-child {
    margin-top: -100px;
    padding-top: 100px
}

.opl-ecare-header+.opl-ecare-header {
    margin-top: 20px
}

.opl-ecare-header h1 {
    padding: 1em 0 .666667em;
    margin: 0
}

.opl-ecare-header .h4,
.opl-ecare-header .h5 {
    margin: 0
}

.opl-ecare-header__subtitle {
    padding-bottom: 2.857143em
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-ecare-header__subtitle {
        padding-bottom: .714286em
    }
}

.opl-ecare-header__subtitle a,
.opl-ecare-header__subtitle span {
    vertical-align: middle;
    margin-right: 20px
}

.opl-ecare-header__subtitle .h3 {
    display: inline-block
}

@media all and (min-width:768px) {
    .opl-ecare-header__subtitle .h3 {
        margin-bottom: 0
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-ecare-header__subtitle .h3 {
        display: block
    }
}

.opl-ecare-header__content {
    min-height: 244px;
    position: relative
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-ecare-header__content {
        min-height: 1px
    }
}

.opl-ecare-header__content:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 50%;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    -webkit-background-size: auto 90%;
    background-size: auto 90%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-ecare-header__content:before {
        right: 10px;
        width: 50%;
        -webkit-background-size: 100% 90%;
        background-size: 100% 90%
    }
}

.opl-ecare-header__content ul {
    padding-bottom: .714286em
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-ecare-header__content ul {
        padding-bottom: 0
    }
}

.opl-ecare-header li {
    float: left;
    padding-right: 40px;
    padding-bottom: 1.428571em
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-ecare-header li {
        float: none
    }
}

.opl-ecare-header__list {
    border-top: 2px solid #000;
    padding: 2.857143em 0 1.785714em
}

.opl-ecare-header__list li {
    padding-bottom: 1.071429em
}

.opl-ecare-header--blue {
    background-color: #4bb4e6
}

.opl-ecare-header--green {
    background-color: #50be87
}

.opl-ecare-header--purple {
    background-color: #a885d8
}

.opl-ecare-header--pink {
    background-color: #ffb4e6
}

.opl-ecare-header--theme-1 .opl-ecare-header__content:before {
    background-image: url(../images/ecare-header-theme-1.svg);
    -webkit-background-size: 100% 70%;
    background-size: 100% 70%
}

.opl-ecare-header--theme-2 .opl-ecare-header__content:before {
    background-image: url(../images/ecare-header-theme-2.svg)
}

.opl-ecare-header--theme-2 .opl-ecare-header__list {
    border-color: #666
}

.opl-ecare-header--theme-3 .opl-ecare-header__content:before {
    background-image: url(../images/ecare-header-theme-3.svg)
}

.opl-ecare-header--theme-4 .opl-ecare-header__content:before {
    background-image: url(../images/ecare-header-theme-4.svg)
}

.opl-ecare-header--theme-5 .opl-ecare-header__content:before {
    background-image: url(../images/ecare-header-theme-5.svg)
}

.opl-ecare-header--pos-rb .opl-ecare-header__content:before {
    background-position: right bottom
}

.opl-ecare-header--full-size .opl-ecare-header__content:before {
    -webkit-background-size: auto 100%;
    background-size: auto 100%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-ecare-header--pos-small-cb .opl-ecare-header__content {
        padding-bottom: 100px
    }
    .opl-ecare-header--pos-small-cb .opl-ecare-header__content:before {
        background-position: center bottom;
        -webkit-background-size: auto 100px;
        background-size: auto 100px;
        width: 100%
    }
}

.opl-ecare-header--pos-lb .opl-ecare-header__content:before {
    background-position: left bottom
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-ecare-header--pos-lb .opl-ecare-header__content:before {
        background-position: center bottom
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-ecare-header--pos-lb .opl-ecare-header__content:before {
        background-position: right bottom
    }
}

.opl-ecare-header--pos-cc .opl-ecare-header__content:before {
    background-position: center
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-ecare-header--pos-cc .opl-ecare-header__content:before {
        right: -50%;
        width: 100%;
        margin-right: -15px
    }
}

.opl-gallery__item {
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    transition: border-color .2s ease
}

.opl-gallery__item-wrapper {
    margin-bottom: 10px;
    text-align: center
}

.opl-gallery__item-wrapper:last-child {
    margin-bottom: 0
}

@media all and (max-width:767px) {
    .opl-gallery__item-wrapper {
        display: inline-block;
        margin-bottom: 10px
    }
}

.opl-gallery__item-inner {
    display: block;
    width: 78px;
    height: 78px;
    border: 3px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    transition: border-color .2s ease
}

.opl-gallery__item:focus,
.opl-gallery__item:hover {
    outline: 0
}

.opl-gallery__item:focus .opl-gallery__item-inner,
.opl-gallery__item:hover .opl-gallery__item-inner {
    border-color: #ddd
}

.opl-gallery__item.is-selected,
.opl-gallery__item.is-selected .opl-gallery__item-inner {
    border-color: #ff7900
}

.opl-gallery__image {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transition: opacity .8s ease;
    -o-transition: opacity .8s ease;
    -moz-transition: opacity .8s ease;
    transition: opacity .8s ease
}

.opl-gallery__image.is-reloading {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

@media all and (max-width:767px) {
    .opl-gallery__image {
        display: block;
        margin: 0 auto
    }
}

.opl-tv-channel-list {
    width: 100%;
    margin: 0 -5px;
    display: inline-block;
    overflow: hidden
}

.opl-tv-channel-list__element {
    display: none;
    width: 100px;
    height: 100px;
    margin: 0 5px 10px;
    float: left;
    padding-left: 0!important;
    text-align: center;
    position: relative
}

.opl-tv-channel-list .l-group__element {
    display: none
}

.opl-tv-channel-list .o-checker img {
    max-width: 76px;
    max-height: 76px
}

.opl-tv-channel-list__change-link {
    display: inline-block;
    margin: 10px 0 0 20px;
    vertical-align: top
}

.opl-checker__wrapper {
    display: table;
    width: 100px;
    height: 100px
}

.opl-checker__wrapper .o-checker {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center
}

.opl-checker__wrapper .o-checker--inactive {
    border: 0
}

.opl-tv-table thead th {
    border-width: 2px;
    padding-top: 0;
    padding-bottom: 15px
}

.opl-tv-table tr:last-child {
    border-bottom: none
}

.opl-tv-table td,
.opl-tv-table th {
    padding: 30px 10px;
    border-bottom: 1px #ccc solid;
    vertical-align: top;
    text-align: left
}

.opl-tv-table td:first-child,
.opl-tv-table th:first-child {
    padding-left: 0
}

.opl-tv-table td:last-child,
.opl-tv-table th:last-child {
    padding-right: 0
}

.opl-tv-table__column--name {
    width: 33%
}

.opl-tv-table__column--details {
    width: 41%
}

.opl-tv-table__column--cost {
    width: 12%
}

.opl-tv-table__column--action {
    width: 16%
}

.opl-tv-table__message-row td,
.opl-tv-table__message-row th {
    border: 0;
    padding-bottom: 0
}

.opl-list-inline li {
    padding: 0 10px;
    display: inline-block
}

.opl-list-inline--with-vert-m {
    display: table
}

.opl-list-inline--with-vert-m li {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle
}

.opl-list--circle li,
.opl-list--squared li {
    position: relative;
    padding-left: 13px
}

.opl-list--circle li:before,
.opl-list--squared li:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 0
}

.opl-list--circle li:before {
    border-radius: 50%
}

.opl-list--no li {
    list-style: none;
    padding-left: 0!important
}

.opl-list--no li:before {
    display: none
}

.opl-content-arrow--top-right .opl-content-arrow__object {
    top: -41px;
    right: 50%;
    margin-right: -20px
}

.opl-content-arrow--top-right .opl-content-arrow__object:before {
    top: 1px;
    left: 1px
}

.opl-content-arrow--bottom-left .opl-content-arrow__object {
    bottom: -46px;
    left: 50%;
    margin-left: -20px
}

.opl-content-arrow--bottom-left .opl-content-arrow__object:before,
.opl-content-arrow--bottom-right .opl-content-arrow__object:before {
    top: -1px;
    left: -1px
}

.opl-content-arrow--bottom-right .opl-content-arrow__object {
    bottom: -46px;
    right: 50%;
    margin-right: -20px
}

.opl-content-arrow--small .opl-content-arrow__object {
    bottom: -38px;
    width: 13px;
    height: 13px
}

.opl-content-arrow__object {
    width: 30px;
    height: 30px;
    background: #ccc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute
}

.opl-content-arrow__object:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative
}

.opl-content-arrow--no-border {
    border: 0;
    background: 0 0
}

.opl-col-banner__image img {
    max-height: 400px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-col-banner__image {
        padding-bottom: 1.428571em
    }
    .opl-col-banner__image img {
        max-height: 240px
    }
}

.opl-blockquote {
    margin: 0;
    padding: 0 0 0 10px
}

.opl-blockquote--brand {
    border-left: 5px solid #ff7900
}

.opl-blockquote--blue {
    border-left: 5px solid #527edb
}

.opl-blockquote--grey {
    border-left: 5px solid #ccc
}

.opl-paid-invoices {
    border: 1px solid #ccc;
    background-image: url(../images/balloons-3.png);
    background-repeat: no-repeat;
    -webkit-background-size: 240px auto;
    background-size: 240px auto;
    background-position: 20px -80px;
    padding: 40px 0 40px 270px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-paid-invoices {
        -webkit-background-size: 60px auto;
        background-size: 60px auto;
        background-position: 10px 10px;
        padding: 20px 20px 20px 80px
    }
    .opl-paid-invoices h4 {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        padding: 0 0 10px
    }
    .opl-paid-invoices p {
        font-size: 14px;
        line-height: 15px
    }
}

.opl-dropdown-button {
    background: #f5f5f5;
    position: relative;
    width: 100%;
    border-bottom: 2px solid #ccc;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px
}

.opl-dropdown-button--close {
    display: none
}

.opl-dropdown-button .opl-btn {
    border: 0;
    padding: 12px 20px;
    line-height: 14px
}

.opl-dropdown-button .opl-btn:focus~.opl-dropdown-button__list {
    display: block
}

.opl-dropdown-button .opl-btn:before {
    background: 0 0;
    border: 0
}

.opl-dropdown-button>.opl-btn {
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.opl-dropdown-button>.opl-btn:before {
    position: absolute;
    right: 15px;
    left: auto;
    top: 10px;
    text-align: right;
    font-family: 'CustomIcons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
    content: "";
    color: #000;
    font-size: 20px
}

.opl-dropdown-button>.opl-btn:after {
    color: #000;
    font-size: 20px
}

.opl-dropdown-button--left {
    width: auto
}

.opl-dropdown-button--left>.opl-btn {
    padding: 9px 50px 10px 20px
}

.opl-dropdown-button:hover {
    background: #fff;
    border: 0;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .2)
}

.opl-dropdown-button:hover .opl-dropdown-button--close {
    display: block
}

.opl-dropdown-button:hover .opl-dropdown-button--open {
    display: none
}

.opl-dropdown-button:hover>.opl-dropdown-button__list {
    display: block!important
}

.opl-dropdown-button:hover>.opl-btn {
    border-bottom: 1px solid #ccc
}

.opl-dropdown-button:hover>.opl-btn:before,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    color: #f16e00
}

.opl-dropdown-button:hover .opl-dropdown-button__item {
    color: #000
}

.opl-dropdown-button:focus>.opl-dropdown-button__list {
    display: block
}

.opl-dropdown-button:focus>.opl-btn,
.opl-dropdown-button:focus>.opl-btn:before {
    color: #f16e00
}

.opl-dropdown-button--l-200:hover {
    margin-left: -110px;
    width: 200px!important;
    background: #fff
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-dropdown-button--l-200:hover {
        width: 100%!important;
        margin-left: 0
    }
    .opl-dropdown-button--l-200 {
        width: 100%!important
    }
}

.opl-dropdown-button--r-200:hover {
    margin-right: -110px;
    width: 200px!important;
    background: #fff
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-dropdown-button--r-200:hover {
        width: 100%!important;
        margin-right: 0
    }
    .opl-dropdown-button--r-200 {
        width: 100%!important
    }
}

.opl-dropdown-button--l-200:not(:hover) ul,
.opl-dropdown-button--r-200:not(:hover) ul {
    display: none!important
}

.opl-dropdown-button--l-200:not(:hover) .opl-btn:focus,
.opl-dropdown-button--r-200:not(:hover) .opl-btn:focus {
    background: 0 0!important;
    color: #000!important
}

.opl-dropdown-button .opl-btn:focus:before,
.opl-dropdown-button .opl-btn:not(.u-hide-focus):focus:before,
.opl-dropdown-button__item:focus:before {
    color: #f16e00
}

.opl-dropdown-button__list {
    display: none;
    position: absolute;
    z-index: 6;
    width: 100%;
    background: #fff;
    border-top: none;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .2)
}

.opl-dropdown-button__list .opl-btn,
.opl-dropdown-button__list li:hover .o-ci-label {
    color: #000
}

.opl-dropdown-button__list .opl-btn:hover,
.opl-dropdown-button__list li:hover {
    color: #fff
}

.opl-dropdown-button__list li:hover .opl-btn {
    background: #f16e00
}

.opl-dropdown-button__list li>label.opl-checkbox,
.opl-dropdown-button__list li>label.opl-radio {
    margin-left: 10px;
    margin-top: 10px
}

.opl-dropdown-button__list li:last-child>label.opl-checkbox,
.opl-dropdown-button__list li:last-child>label.opl-radio {
    margin-bottom: 10px
}

.opl-dropdown-button--options {
    width: auto
}

.opl-dropdown-button--options>.opl-btn {
    padding: 9px 10px 10px
}

.opl-dropdown-button--options>.opl-btn:before {
    display: none
}

.opl-dropdown-button--options:hover {
    border: 0
}

.opl-dropdown-button--options:hover>.opl-btn {
    border: 2px solid #000;
    border-bottom: none;
    color: #fff;
    background: #000
}

.opl-dropdown-button--options:hover .opl-dropdown-button__list {
    width: 200px;
    border: 0;
    left: auto;
    right: 0;
    margin-left: 0
}

.opl-dropdown-button--options:hover .opl-dropdown-button__list li {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-dropdown-button--options:hover .opl-dropdown-button__list li:last-child {
    border-bottom: 2px solid #000
}

.opl-dropdown-button--options:hover .opl-dropdown-button__list li button {
    width: 100%;
    text-align: center
}

.opl-payback__separator {
    margin: 35px 0 30px
}

.opl-payback-box {
    padding: 25px 20px 30px
}

.opl-payback-form label {
    padding-top: 1.428571em
}

.opl-payback-form__intro {
    padding-bottom: 10px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-payback-form__intro {
        padding-top: 40px
    }
}

.opl-payback-form .o-hint span {
    height: auto;
    padding-top: .714286em
}

.opl-payback__submit {
    margin-top: 30px
}

.opl-payback__info {
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 35px
}

.opl-payback__h5-margin {
    margin-bottom: 25px
}

.opl-payback-list {
    margin-top: 35px
}

.opl-payback-list__price {
    display: block
}

.opl-payback-list__price__total {
    float: right;
    font-weight: 700
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-payback-list__price__total {
        float: none;
        display: block
    }
}

.opl-payback-list span+.opl-payback-list__price {
    margin-top: 10px
}

.opl-checkbox-table li+li {
    border-top: 1px #ccc solid;
    margin-top: 10px;
    padding-top: 20px
}

.opl-checkbox-table .opl-checkbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-checkbox-table .o-ci-label,
.opl-checkbox-table__table {
    display: table;
    width: 100%
}

.opl-checkbox-table__cell {
    display: table-cell;
    vertical-align: top
}

.opl-checkbox-table__img-wrapper {
    width: 60px;
    padding-right: 20px;
    text-align: center
}

.opl-checkbox-table__img-wrapper img {
    max-width: 60px
}

.opl-checkbox-table__table .opl-checkbox-table__img-wrapper {
    padding-left: 2em
}

.opl-breadcrumbs {
    background: #333;
    padding: 7px 0;
    -webkit-transition: top .4s;
    -o-transition: top .4s;
    -moz-transition: top .4s;
    transition: top .4s;
    position: relative;
    top: 0
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-breadcrumbs {
        display: none;
        visibility: hidden
    }
}

.opl-breadcrumbs a {
    text-decoration: none;
    font-weight: 400;
    color: #ccc
}

.opl-breadcrumbs span,
.xdsoft_datetimepicker .xdsoft_calendar table td:hover {
    font-weight: 700
}

.opl-breadcrumbs li {
    float: left;
    color: #ccc;
    font-size: 12px
}

.opl-breadcrumbs li+li {
    padding-left: 7px
}

.opl-breadcrumbs li+li:before {
    content: '>';
    padding-right: 7px
}

.opl-breadcrumbs--light {
    background: #eee
}

.opl-breadcrumbs--light a,
.opl-breadcrumbs--light li {
    color: #000
}

.opl-breadcrumbs--light a:hover,
.opl-breadcrumbs--light a:not(.u-hide-focus):focus {
    color: #ff7900
}

.opl-header--fixed+.opl-breadcrumbs {
    display: none
}

.opl-loader,
.opl-loader__cover {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.opl-loader.opl-element-loader {
    z-index: 2
}

.opl-loader__cover {
    position: absolute;
    z-index: 1001;
    background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.opl-loader__cover-opacity-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: .9
}

.opl-loader__cover-opacity-80 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8
}

.opl-loader__cover-opacity-70 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: .7
}

.opl-loader__cover-opacity-60 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    opacity: .6
}

.opl-loader__cover-opacity-50 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5
}

.opl-loader__cover-opacity-40 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: .4
}

.opl-loader__cover-opacity-30 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: .3
}

.opl-loader--dark .opl-loader__cover {
    background-color: #000
}

.opl-loader__spinner {
    position: absolute;
    z-index: 1002;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0
}

.opl-loader__animation-element-1 {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 1003;
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px;
    border: 3px solid #f16e00;
    -webkit-box-shadow: inset 0 0 0 2px #f16e00;
    box-shadow: inset 0 0 0 2px #f16e00;
    -webkit-animation: cssload-loader 2.3s infinite ease;
    -moz-animation: cssload-loader 2.3s infinite ease;
    animation: cssload-loader 2.3s infinite ease
}

.opl-loader--dark .opl-loader__animation-element-1 {
    border-color: #ff7900
}

.opl-loader--size-s .opl-loader__animation-element-1 {
    top: -7.5px;
    left: -7.5px;
    width: 15px;
    height: 15px;
    border-width: 3px
}

.opl-loader--size-m .opl-loader__animation-element-1 {
    top: -12.5px;
    left: -12.5px;
    width: 25px;
    height: 25px
}

.opl-loader--size-l .opl-loader__animation-element-1 {
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px
}

.ie8 .opl-loader__animation-element-1,
.ie9 .opl-loader__animation-element-1 {
    display: none
}

.opl-loader__animation-element-2 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #f16e00;
    -webkit-box-shadow: 0 0 0 2px #f16e00;
    box-shadow: 0 0 0 2px #f16e00;
    -webkit-animation: cssload-loader-inner 2.3s infinite ease-in;
    -moz-animation: cssload-loader-inner 2.3s infinite ease-in;
    animation: cssload-loader-inner 2.3s infinite ease-in
}

.opl-loader--dark .opl-loader__animation-element-2 {
    background-color: #ff7900
}

.ie8 .opl-loader__spinner,
.ie9 .opl-loader__spinner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/loader-l.gif) no-repeat 50% 50%
}

.ie8 .opl-loader--size-s .opl-loader__spinner,
.ie9 .opl-loader--size-s .opl-loader__spinner {
    -webkit-background-size: 25px 25px;
    background-size: 25px
}

.ie8 .opl-loader--size-m .opl-loader__spinner,
.ie9 .opl-loader--size-m .opl-loader__spinner {
    background-image: url(../images/loader-m.gif)
}

.ie8 .opl-loader--size-l .opl-loader__spinner,
.ie9 .opl-loader--size-l .opl-loader__spinner {
    background-image: url(../images/loader-l.gif)
}

@-webkit-keyframes cssload-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    25%,
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    75%,
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes cssload-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    25%,
    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    75%,
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes cssload-loader {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    25%,
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    75%,
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes cssload-loader-inner {
    0%,
    25%,
    to {
        height: 0
    }
    50%,
    75% {
        height: 100%
    }
}

@-moz-keyframes cssload-loader-inner {
    0%,
    25%,
    to {
        height: 0
    }
    50%,
    75% {
        height: 100%
    }
}

@keyframes cssload-loader-inner {
    0%,
    25%,
    to {
        height: 0
    }
    50%,
    75% {
        height: 100%
    }
}

.opl-loader-covered-element {
    min-height: 38px
}

.opl-item-skeleton {
    margin: 20px 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 320px;
    max-width: 188px;
    background: #eee;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #eee), color-stop(50%, #ddd), to(#eee));
    background-image: -webkit-linear-gradient(left, #eee 0, #ddd 50%, #eee 100%);
    background-image: -moz-linear-gradient(left, #eee 0, #ddd 50%, #eee 100%);
    background-image: -o-linear-gradient(left, #eee 0, #ddd 50%, #eee 100%);
    background-image: linear-gradient(to right, #eee 0, #ddd 50%, #eee 100%);
    background-repeat: no-repeat;
    -webkit-background-size: 188px 320px;
    background-size: 188px 320px;
    will-change: background-position
}

.opl-item-skeleton--animate {
    -webkit-animation: opl-item-skeleton-bg 1.5s forwards infinite;
    -moz-animation: opl-item-skeleton-bg 1.5s forwards infinite;
    animation: opl-item-skeleton-bg 1.5s forwards infinite
}

.opl-item-skeleton__mask {
    position: absolute;
    right: 0;
    height: 10px;
    width: 100%;
    background: #fff
}

.opl-item-skeleton__mask--row-1 {
    top: 250px;
    height: 20px
}

.opl-item-skeleton__mask--row-2 {
    top: 280px
}

.opl-item-skeleton__mask--row-3 {
    top: 300px
}

.opl-item-skeleton__mask--row-4 {
    top: 310px;
    width: 27%
}

@-webkit-keyframes opl-item-skeleton-bg {
    0% {
        background-position: -188px 0
    }
    to {
        background-position: 188px 0
    }
}

@-moz-keyframes opl-item-skeleton-bg {
    0% {
        background-position: -188px 0
    }
    to {
        background-position: 188px 0
    }
}

@keyframes opl-item-skeleton-bg {
    0% {
        background-position: -188px 0
    }
    to {
        background-position: 188px 0
    }
}

.opl-faq-circle-box {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: table;
    text-align: center;
    background: #ffd200;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -45px;
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    -moz-transition: top .4s ease;
    transition: top .4s ease
}

.opl-faq-circle-box__item:hover .opl-faq-circle-box {
    top: -15px
}

.opl-faq-circle-box__item a {
    color: inherit;
    font-weight: 400
}

.opl-faq-circle-box__wraper {
    min-height: 90px;
    position: relative
}

.opl-faq-circle-box__inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-faq-icon {
        padding: 1.785714em 0
    }
}

.opl-faq-icon ul {
    padding-top: .714286em
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-faq-icon li:not(: first-child) {
        padding-top: .714286em
    }
}

.opl-faq-icon__icon {
    padding-bottom: 1.071429em
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-faq-icon__icon {
        padding-bottom: 0;
        padding-right: 5px;
        width: 40px;
        text-align: center
    }
    .opl-faq-icon__icon:after,
    .opl-faq-icon__icon:before {
        font-size: 38px
    }
    .opl-faq-icon__icon,
    .opl-faq-icon__text {
        display: inline-block;
        vertical-align: middle
    }
}

.opl-availability-calendar .fc-toolbar h2,
.opl-faq-icon__text p {
    margin: 0
}

.opl-faq-icon__text p+p {
    padding-top: 10px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-faq-icon__text p+p {
        padding: 0
    }
}

.opl-faq .slick-list {
    overflow: visible
}

.opl-scroll-bar {
    padding: 0 32px 0 0;
    margin: 10px 0 0;
    position: relative
}

.opl-scroll-bar .viewport {
    height: 500px;
    overflow: hidden;
    position: relative
}

.opl-scroll-bar .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%
}

.opl-scroll-bar .scrollbar {
    position: absolute;
    top: 0;
    right: 10px;
    width: 4px
}

.opl-scroll-bar .track {
    height: 100%;
    width: 2px;
    position: relative;
    background: #ccc
}

.opl-scroll-bar .thumb {
    height: 20px;
    width: 4px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -1px;
    background: #32c832
}

.opl-scroll-bar .thumb .end {
    overflow: hidden;
    height: 5px;
    width: 25px
}

.opl-scroll-bar .disable {
    display: none
}

.opl-scroll-bar--orange .thumb {
    background: #ff7900
}

.opl-scroll-bar--gray .thumb {
    background: #ccc;
    width: 5px;
    border-radius: 5px
}

.opl-scroll-bar--gray .track {
    background: 0 0
}

.opl-scroll-bar-variant2 {
    padding-right: 15px
}

.opl-scroll-bar-variant2 .scrollbar {
    right: 0;
    width: 12px
}

.opl-scroll-bar-variant2 .track {
    height: 100%;
    width: 12px;
    position: relative;
    background: #fff
}

.opl-scroll-bar-variant2 .thumb {
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 1px;
    border-radius: 3px
}

.opl-datepicker {
    position: relative
}

.opl-datepicker .calendar-icon {
    color: #000;
    position: absolute;
    font-size: 14px;
    right: 11px;
    top: -webkit-calc(50% - 10px);
    top: -moz-calc(50% - 10px);
    top: calc(50% - 10px);
    padding: 0
}

.opl-datepicker .calendar-icon:before {
    font-size: 16px
}

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: 0 0;
    border: 0
}

.xdsoft_noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: 0 0
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none
}

.xdsoft_datetimepicker,
.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.xdsoft_datetimepicker * {
    margin: 0;
    padding: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: block;
    height: 19px;
    padding: 0;
    width: 15px;
    min-width: 0
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    margin: 0;
    padding: 0 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: transparent;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
    color: #f16e00
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #ff8000
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none!important
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #f60;
    -webkit-box-shadow: #e05a00 0 1px 3px 0 inset;
    box-shadow: #e05a00 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100%;
    text-align: center;
    padding-left: 18px;
    padding-right: 18px
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker {
    -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506);
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506);
    background: #fff;
    color: #333;
    padding: 25px;
    position: absolute;
    display: none;
    z-index: 9999
}

.xdsoft_datetimepicker .xdsoft_arrowtop {
    position: absolute;
    width: 17px;
    height: 17px;
    top: -7px;
    left: 32px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: rgba(0, 0, 0, .1) -1px 0 4px;
    box-shadow: rgba(0, 0, 0, .1) -1px 0 4px;
    z-index: 3
}

.xdsoft_datetimepicker .xdsoft_arrowtop:before {
    content: '';
    position: absolute;
    top: 4px;
    width: 30px;
    height: 20px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media all and (min-width:0) and (max-width:567px) {
    .xdsoft_datetimepicker {
        position: fixed!important;
        padding: 20px;
        width: 100%!important;
        height: 100%!important;
        top: 0!important;
        left: 0!important
    }
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    float: left;
    margin-left: 5px
}

@media all and (min-width:0) and (max-width:567px) {
    .xdsoft_datetimepicker .xdsoft_datepicker {
        float: none;
        margin: 0 auto
    }
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-left: 42px
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev {
    position: absolute;
    left: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next {
    position: absolute;
    right: 0;
    z-index: 1
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev {
    z-index: 1
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    margin-bottom: 13px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker button:before,
.xdsoft_datetimepicker .xdsoft_timepicker button:before {
    font-size: 10px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar table td,
.xdsoft_datetimepicker .xdsoft_calendar table th {
    background: 0 0;
    border: 0;
    color: #000;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    border-collapse: collapse;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_calendar table td div,
.xdsoft_datetimepicker .xdsoft_calendar table th div {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50px;
    text-align: center;
    text-indent: 1px;
    margin: 0 auto
}

.xdsoft_datetimepicker .xdsoft_calendar table td.xdsoft_today,
.xdsoft_datetimepicker .xdsoft_calendar table th.xdsoft_today {
    color: #f16e00;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar table td.xdsoft_current:hover,
.xdsoft_datetimepicker .xdsoft_calendar table td.xdsoft_disabled.xdsoft_current:hover,
.xdsoft_datetimepicker .xdsoft_calendar table th.xdsoft_current:hover,
.xdsoft_datetimepicker .xdsoft_calendar table th.xdsoft_disabled.xdsoft_current:hover {
    font-weight: 400
}

.xdsoft_datetimepicker .xdsoft_calendar table td.xdsoft_current div,
.xdsoft_datetimepicker .xdsoft_calendar table th.xdsoft_current div {
    color: #fff;
    background: #f16e00
}

.xdsoft_datetimepicker .xdsoft_calendar table td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar table td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar table th.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar table th.xdsoft_other_month {
    color: #ccc
}

.xdsoft_datetimepicker .xdsoft_calendar table td.xdsoft_other_month div,
.xdsoft_datetimepicker .xdsoft_calendar table th.xdsoft_other_month div {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.xdsoft_datetimepicker .xdsoft_calendar table td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_calendar table th.xdsoft_disabled:hover {
    background: 0 0;
    font-weight: 400
}

.xdsoft_datetimepicker .xdsoft_calendar table td.xdsoft_disabled.xdsoft_current div,
.xdsoft_datetimepicker .xdsoft_calendar table th.xdsoft_disabled.xdsoft_current div {
    color: #fff;
    background: rgba(241, 110, 0, .3)
}

.xdsoft_datetimepicker .xdsoft_calendar table td.xdsoft_disabled.xdsoft_today div,
.xdsoft_datetimepicker .xdsoft_calendar table th.xdsoft_disabled.xdsoft_today div {
    color: #f16e00;
    background: 0 0;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar table th {
    padding-bottom: 8px
}

.xdsoft_datetimepicker .xdsoft_calendar table th:hover {
    font-weight: 400
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    float: left;
    position: relative;
    margin-right: -7px;
    width: 42px;
    padding-top: 36px;
    padding-bottom: 36px
}

@media all and (min-width:0) and (max-width:567px) {
    .xdsoft_datetimepicker .xdsoft_timepicker {
        width: 100%;
        margin-left: 0!important;
        margin-right: 0!important
    }
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    position: absolute;
    left: -webkit-calc(50% - 14px);
    left: -moz-calc(50% - 14px);
    left: calc(50% - 14px)
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    bottom: 0;
    z-index: 1
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    z-index: 1
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 132px;
    overflow: hidden;
    padding-right: 12px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    color: #000;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    line-height: 12px;
    padding-top: 9px;
    padding-bottom: 9px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: 0 0;
    font-weight: 700
}

@media all and (min-width:0) and (max-width:567px) {
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
        height: auto;
        width: 100%;
        overflow: hidden;
        padding-right: 12px
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box:after {
        content: ' ';
        display: block;
        clear: both
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_variant {
        margin: 0!important
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div,
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
        float: left;
        width: 20%;
        padding: 10px 0
    }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_scrollbar {
        display: none
    }
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
    background: #3af!important;
    -webkit-box-shadow: #178fe5 0 1px 3px 0 inset!important;
    box-shadow: #178fe5 0 1px 3px 0 inset!important;
    color: #fff!important
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    color: inherit!important;
    background: inherit!important;
    -webkit-box-shadow: inherit!important;
    box-shadow: inherit!important
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    -webkit-box-shadow: #ffb871 0 1px 4px 0 inset;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_hidden div {
    visibility: hidden
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc!important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee!important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa!important
}

.xdsoft_time_box {
    position: relative
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background: 0 0;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}

.xdsoft_scroller_box {
    position: relative
}

.opl-icon-list-pack__item {
    float: left;
    width: 135px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack__item {
        width: 100%
    }
}

.opl-icon-list-pack li {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 50px;
    float: left;
    width: auto
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack li {
        width: 100%;
        margin-bottom: 10px
    }
}

.opl-icon-list-pack li .g-icon--plus {
    float: left;
    padding-top: 20px
}

.opl-icon-list-pack li .g-icon--plus:before {
    font-size: 22px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack li .g-icon--plus {
        width: 100%;
        padding-top: 10px;
        padding-left: 7px
    }
    .opl-icon-list-pack li .g-icon--plus:before {
        font-size: 12px
    }
}

.opl-icon-list-pack__icon .g-icon {
    margin-right: 50px
}

.opl-icon-list-pack__icon .g-icon:before {
    font-size: 60px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack__icon {
        float: left
    }
    .opl-icon-list-pack__icon .g-icon {
        margin-right: 15px;
        width: 30px
    }
    .opl-icon-list-pack__icon .g-icon:before {
        font-size: 20px
    }
}

.opl-icon-list-pack__text {
    margin-top: 15px;
    display: block;
    width: 70%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack__text {
        float: left;
        margin: 0
    }
}

.opl-icon-list-pack--medium .opl-icon-list-pack__item {
    width: 90px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack--medium .opl-icon-list-pack__item {
        width: 100%
    }
}

.opl-icon-list-pack--medium li {
    margin-right: 30px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack--medium li {
        margin-bottom: 0
    }
}

.opl-icon-list-pack--medium .g-icon--plus {
    padding-top: 15px
}

.opl-icon-list-pack--medium .g-icon--plus:before {
    font-size: 18px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack--medium .g-icon--plus {
        padding-top: 0!important;
        padding-left: 5px!important
    }
    .opl-icon-list-pack--medium .g-icon--plus:before {
        font-size: 10px!important
    }
}

.opl-icon-list-pack--medium .opl-icon-list-pack__icon .g-icon {
    margin-right: 30px;
    width: 60px
}

.opl-icon-list-pack--medium .opl-icon-list-pack__icon .g-icon:before {
    font-size: 45px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack--medium .opl-icon-list-pack__icon .g-icon {
        margin-right: 15px;
        width: 20px
    }
    .opl-icon-list-pack--medium .opl-icon-list-pack__icon .g-icon:before {
        font-size: 15px
    }
}

.opl-icon-list-pack--small .opl-icon-list-pack__item {
    width: 80px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack--small .opl-icon-list-pack__item {
        width: 100%
    }
}

.opl-icon-list-pack--small li {
    margin-right: 20px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack--small li {
        margin-bottom: 0
    }
}

.opl-icon-list-pack--small .g-icon--plus {
    padding-top: 5px
}

.opl-icon-list-pack--small .g-icon--plus:before {
    font-size: 10px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack--small .g-icon--plus {
        padding-top: 0!important;
        padding-left: 5px!important
    }
    .opl-icon-list-pack--small .g-icon--plus:before {
        font-size: 10px!important
    }
}

.opl-icon-list-pack--small .opl-icon-list-pack__icon .g-icon {
    margin-right: 20px;
    width: 20px
}

.opl-icon-list-pack--small .opl-icon-list-pack__icon .g-icon:before {
    font-size: 30px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack--small .opl-icon-list-pack__icon .g-icon {
        margin-right: 15px;
        width: 20px
    }
    .opl-icon-list-pack--small .opl-icon-list-pack__icon .g-icon:before {
        font-size: 15px
    }
}

.opl-icon-list-pack__white {
    color: #fff
}

.opl-icon-list-pack--text-left p {
    line-height: 1em
}

.opl-icon-list-pack--text-left .opl-icon-list-pack__item {
    width: auto
}

.opl-icon-list-pack--text-left li,
.opl-icon-list-pack--text-left.opl-icon-list-pack--medium li,
.opl-icon-list-pack--text-left.opl-icon-list-pack--small li {
    margin-right: 25px
}

.opl-icon-list-pack--text-left .opl-icon-list-pack__text {
    width: auto;
    margin-top: 0;
    display: inline-block;
    padding-right: 18px;
    vertical-align: middle
}

.opl-icon-list-pack--text-left .opl-icon-list-pack__icon {
    width: auto;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.opl-icon-list-pack--text-left .opl-icon-list-pack__icon .g-icon,
.opl-icon-list-pack--text-left.opl-icon-list-pack--medium .opl-icon-list-pack__icon .g-icon {
    margin-right: 15px;
    width: auto
}

.opl-icon-list-pack--text-left .opl-icon-list-pack__icon .g-icon:before {
    font-size: 60px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack--text-left .opl-icon-list-pack__icon .g-icon {
        width: 20px
    }
    .opl-icon-list-pack--text-left .opl-icon-list-pack__icon .g-icon:before {
        font-size: 15px
    }
}

.opl-icon-list-pack--text-left .g-icon--plus {
    padding-top: 9px
}

.opl-icon-list-pack--text-left .g-icon--plus:before,
.opl-icon-list-pack--text-left.opl-icon-list-pack--medium .g-icon--plus:before {
    font-size: 15px
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--medium .opl-icon-list-pack__item {
    width: auto
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--medium .opl-icon-list-pack__text {
    width: auto;
    margin-top: 0;
    display: inline-block;
    padding-right: 18px;
    vertical-align: middle
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--medium .opl-icon-list-pack__icon {
    width: auto;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--medium .opl-icon-list-pack__icon .g-icon:before {
    font-size: 40px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack--text-left.opl-icon-list-pack--medium .opl-icon-list-pack__icon .g-icon {
        width: 20px
    }
    .opl-icon-list-pack--text-left.opl-icon-list-pack--medium .opl-icon-list-pack__icon .g-icon:before {
        font-size: 15px
    }
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--medium .g-icon--plus {
    padding-top: 9px
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--small .opl-icon-list-pack__item,
.opl-switch-btn input.pseudo-class-checked+label {
    width: auto
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--small .opl-icon-list-pack__text {
    width: auto;
    margin-top: 0;
    display: inline-block;
    padding-right: 18px;
    vertical-align: middle
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--small .opl-icon-list-pack__icon {
    width: auto;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--small .opl-icon-list-pack__icon .g-icon {
    margin-right: 15px;
    width: auto
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--small .opl-icon-list-pack__icon .g-icon:before {
    font-size: 30px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-icon-list-pack--text-left.opl-icon-list-pack--small .opl-icon-list-pack__icon .g-icon {
        width: 20px
    }
    .opl-icon-list-pack--text-left.opl-icon-list-pack--small .opl-icon-list-pack__icon .g-icon:before {
        font-size: 15px
    }
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--small .g-icon--plus {
    padding-top: 5px
}

.opl-icon-list-pack--text-left.opl-icon-list-pack--small .g-icon--plus:before {
    font-size: 13px
}

.opl-header-image {
    position: relative
}

.opl-header-image__500 .opl-header-image__bg {
    height: 500px
}

.opl-header-image__300 .opl-header-image__bg {
    height: 300px
}

.opl-header-image__250 .opl-header-image__bg {
    height: 250px
}

.opl-header-image__white,
.opl-header-image__white .h1,
.opl-header-image__white .h2,
.opl-header-image__white .h5,
.opl-header-image__white h1,
.opl-header-image__white h2,
.opl-header-image__white h5 {
    color: #fff
}

.opl-header-image__bg {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

.opl-header-image__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-header-image__list {
    position: relative;
    float: left;
    width: 100%;
    height: 100%
}

.opl-header-image .opl-icon-list-pack {
    position: absolute;
    bottom: 60px;
    left: 0
}

.opl-header-image .opl-icon-list-pack.b-none {
    bottom: 0
}

.opl-header-image--position-l {
    background-position: left
}

.opl-header-image--position-r {
    background-position: right
}

.toggle-content--close {
    display: none
}

.toggle-content--open {
    display: block
}

.opl-messages {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100
}

.opl-messages a:focus,
.opl-messages a:hover {
    color: #527edb
}

.opl-messages .opl-msg--info {
    background: #527edb;
    color: #fff;
    padding: 20px
}

.opl-messages .opl-msg--info a {
    color: #fff
}

.opl-messages .opl-msg--info a:focus,
.opl-messages .opl-msg--info a:hover,
.opl-messages .opl-msg--info a:visited {
    color: #fff
}

.opl-messages--back-msg,
.opl-messages--close {
    padding: 13px;
    background: 0 0;
    border: 0;
    width: 100%
}

.opl-messages--back-msg i,
.opl-messages--back-msg span,
.opl-messages--close i,
.opl-messages--close span {
    display: block;
    float: left;
    cursor: pointer
}

.opl-messages--back-msg span,
.opl-messages--close span {
    margin: 4px 0 0 8px;
    font-weight: 700
}

.opl-messages--close {
    border-bottom: 2px solid #000!important
}

.opl-messages--close:focus {
    color: #527edb
}

.opl-messages--wraper {
    overflow-x: hidden
}

.opl-messages--back-msg {
    background: #eee;
    border-bottom: 1px solid #ccc
}

.opl-messages--back-msg:hover {
    background: #ddd
}

.opl-messages--back-msg:focus {
    background: #ddd;
    outline: 0
}

.opl-messages--tabs {
    float: left
}

.opl-messages--tabs .slick-track {
    border-bottom: 2px solid #ccc!important
}

.opl-messages--tabs .opl-tabs__nav-item {
    padding-right: 0
}

.opl-messages--tabs .opl-tabs__nav-item__content {
    padding: 0
}

.opl-messages--tabs .tabs__link {
    text-align: center
}

.opl-messages--notifications-item:hover a,
.opl-messages--notifications-item:hover i,
.opl-messages--tabs .opl-tabs__nav-link:hover,
.opl-messages--tabs .opl-tabs__nav-link:hover span,
.opl-messages--tabs .tabs__link:hover {
    color: #527edb!important
}

.opl-messages--tabs .opl-tabs__nav-link:after {
    border-top: none;
    border-color: #ccc;
    border-width: 1px 1px 0
}

.opl-messages--tabs .opl-tabs__nav-link:focus {
    text-decoration: none;
    color: #527edb!important
}

.opl-messages--tabs .opl-tabs__nav-link:focus span {
    color: #527edb!important
}

.opl-messages--tabs .opl-tabs__nav-link:before {
    background: 0 0
}

.opl-messages--tabs .opl-tabs__nav-link-inner {
    width: 100%;
    height: 40px;
    text-align: center
}

.opl-messages--tabs .opl-tabs__content {
    height: -webkit-calc(100vh - 110px);
    height: -moz-calc(100vh - 110px);
    height: calc(100vh - 110px);
    overflow-y: auto;
    -ms-overflow-x: auto;
    padding-top: 20px;
    display: none
}

.opl-messages--tabs .opl-tabs__content.is-active {
    display: block
}

.opl-messages--notifications a {
    text-decoration: none;
    outline: 0!important
}

.opl-messages--notifications-data:first-child {
    border-top: 1px solid #eee
}

.opl-messages--notifications-data p {
    color: #999;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    padding: 5px 0 5px 60px
}

.opl-messages--notifications-item {
    border-bottom: 1px solid #eee;
    position: relative
}

.opl-messages--notifications-item:hover {
    background: #f5f5f5
}

.opl-messages--notifications-item .g-icon--before {
    padding: 20px
}

.opl-messages--notifications-item .g-icon--before:before {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px
}

.opl-messages--notifications-item p {
    color: #000;
    font-weight: 400;
    text-decoration: none;
    padding: 0
}

.opl-messages--notifications-arrow {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 80px;
    color: #ccc;
    text-align: right
}

.opl-messages--notifications-arrow i {
    padding-top: 50%;
    margin-right: 30px;
    margin-top: -12px
}

.opl-messages--notifications-child {
    float: left;
    position: relative;
    overflow: hidden
}

.opl-messages--notifications-child>ul {
    height: -webkit-calc(100% - 106px);
    height: -moz-calc(100% - 106px);
    height: calc(100% - 106px);
    overflow-y: auto
}

.opl-messages--notifications-answer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #eee;
    padding: 14px
}

.opl-messages--notifications-image {
    padding: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.opl-messages--notifications-image img {
    float: left;
    margin-right: 17px;
    width: 23px;
    height: 23px;
    border-radius: 3px
}

.opl-messages--content {
    height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    width: 480px;
    background: #fff;
    overflow-x: hidden;
    display: none
}

.opl-messages--content--show-options:after {
    content: '';
    height: -webkit-calc(100% - 49px);
    height: -moz-calc(100% - 49px);
    height: calc(100% - 49px);
    width: 100%;
    position: absolute;
    top: 49px;
    left: 0;
    background: rgba(0, 0, 0, .7)
}

.opl-messages--corner {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    bottom: 20px;
    right: 40px;
    z-index: 2
}

.opl-messages--box {
    position: relative;
    float: right
}

.opl-messages--options {
    position: absolute;
    z-index: 4;
    min-width: 250px;
    height: auto;
    right: 9px;
    bottom: 56px;
    display: none
}

.opl-messages--options li {
    display: block;
    width: 100%;
    float: right;
    margin-bottom: 10px
}

.opl-messages--options a {
    display: block;
    width: 100%;
    height: 40px;
    position: relative
}

.opl-messages--options a span {
    display: block;
    white-space: nowrap;
    float: right;
    background: #fff;
    border-radius: 4px;
    padding: 4px 6px;
    margin-top: 8px;
    margin-right: 50px
}

.opl-messages--button,
.opl-messages--options i {
    background: #527edb;
    color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

.opl-messages--options i {
    right: 0;
    top: 0;
    text-align: center;
    line-height: 37px;
    position: absolute;
    width: 40px;
    height: 40px
}

.opl-messages--button {
    position: relative;
    border: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0;
    height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.opl-messages--button:focus {
    outline: 0
}

.opl-messages--button:focus:before {
    -webkit-animation-name: fullsize;
    -moz-animation-name: fullsize;
    animation-name: fullsize
}

.opl-messages--button:before {
    position: absolute;
    content: '';
    border-radius: 50%;
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    opacity: .1;
    -webkit-animation-name: backsize;
    -moz-animation-name: backsize;
    animation-name: backsize;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.opl-messages--button-badge,
.opl-messages--button-tooltip {
    position: absolute;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

.opl-messages--button-tooltip {
    bottom: 0;
    width: 200px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 12px;
    display: none;
    right: 70px;
    height: 56px;
    border-radius: 4px;
    line-height: 1.3em
}

.opl-messages--button-tooltip p {
    position: relative
}

.opl-messages--button-tooltip p:before {
    position: absolute;
    content: '';
    top: 50%;
    right: -18px;
    width: 0;
    height: 0;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff
}

.opl-messages--button-badge {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    top: -5px;
    right: -5px;
    background: #cd3c14;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%
}

.opl-console-button i:before,
.opl-console-dropdown button i:before,
.opl-messages--button .g-icon:before {
    font-size: 20px
}

.opl-messages--no-bg,
.opl-messages--no-bg:hover {
    background: 0 0
}

.opl-messages-visible {
    overflow-x: hidden;
    overflow-y: hidden
}

.opl-messages-visible:after {
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    content: '.';
    z-index: 3
}

@-webkit-keyframes fullsize {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        width: 0;
        height: 0
    }
    to {
        top: 0;
        bottom: auto;
        left: 0;
        right: auto;
        width: 100%;
        height: 100%
    }
}

@-moz-keyframes fullsize {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        width: 0;
        height: 0
    }
    to {
        top: 0;
        bottom: auto;
        left: 0;
        right: auto;
        width: 100%;
        height: 100%
    }
}

@keyframes fullsize {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        width: 0;
        height: 0
    }
    to {
        top: 0;
        bottom: auto;
        left: 0;
        right: auto;
        width: 100%;
        height: 100%
    }
}

@-webkit-keyframes backsize {
    0% {
        top: 0;
        bottom: auto;
        left: 0;
        right: auto;
        width: 100%;
        height: 100%
    }
    to {
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        width: 0;
        height: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@-moz-keyframes backsize {
    0% {
        top: 0;
        bottom: auto;
        left: 0;
        right: auto;
        width: 100%;
        height: 100%
    }
    to {
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        width: 0;
        height: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

@keyframes backsize {
    0% {
        top: 0;
        bottom: auto;
        left: 0;
        right: auto;
        width: 100%;
        height: 100%
    }
    to {
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        width: 0;
        height: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0
    }
}

.ie8 .opl-messages--tabs .opl-tabs__content {
    height: 100%;
    -ms-overflow-x: auto
}

.opl-password-indicator,
.opl-skip-links ul li {
    position: relative
}

.opl-password-indicator label {
    width: 100%;
    position: relative
}

.opl-password-indicator label:before {
    content: attr(data-content);
    right: 0;
    position: absolute;
    color: #999
}

.opl-password-indicator ul.indicator {
    display: table;
    width: 100%;
    margin-bottom: 5px
}

.opl-password-indicator ul.indicator li {
    display: table-cell;
    height: 5px;
    background: #ddd;
    position: relative
}

.opl-password-indicator ul.indicator li.red {
    background: #cd3c14
}

.opl-password-indicator ul.indicator li.yellow {
    background: #fc0
}

.opl-password-indicator ul.indicator li.blue {
    background: #527edb
}

.opl-password-indicator ul.indicator li.green {
    background: #32c832
}

.opl-password-indicator ul.indicator li:before {
    position: absolute;
    content: '';
    right: 0;
    height: 5px;
    width: 2px;
    background: #fff
}

.opl-password-indicator ul.indicator li:last-child:before {
    background: 0 0
}

.opl-password-indicator p.small {
    padding-top: 12px;
    font-size: -1
}

.opl-password-indicator p span.message {
    padding-left: 3px;
    padding-right: 3px
}

.opl-skip-links ul li a {
    background: #f16e00;
    color: #fff!important;
    min-width: 400px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none!important;
    font-size: 20px;
    position: absolute;
    top: 25px;
    left: -1000px;
    overflow: hidden
}

.opl-skip-links ul li a:active,
.opl-skip-links ul li a:focus {
    top: 44px;
    left: 90px;
    overflow: auto;
    z-index: 999
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-skip-links ul li a:active,
    .opl-skip-links ul li a:focus {
        top: 15px;
        left: 70px;
        height: 30px;
        line-height: 30px;
        width: -webkit-calc(100% - 70px);
        width: -moz-calc(100% - 70px);
        width: calc(100% - 70px);
        font-size: 16px;
        text-align: left;
        padding-left: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

[tabindex="-1"] {
    outline: 0
}

.opl-autocomplete {
    position: relative
}

.opl-autocomplete ul.ui-autocomplete {
    position: absolute!important;
    width: auto;
    top: 100%!important;
    left: 0!important;
    border: 1px solid #ddd;
    border-top: 0 solid #ddd;
    z-index: 9999;
    max-height: 480px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-autocomplete ul.ui-autocomplete li.ui-menu-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 15px 6px;
    border-top: 1px #ccc solid;
    background: #fff;
    cursor: pointer;
    line-height: normal;
    white-space: nowrap;
    text-align: justify
}

.opl-autocomplete ul.ui-autocomplete li.ui-state-focus {
    background: #f5f5f5
}

.opl-autocomplete ul.ui-autocomplete li span {
    padding-left: 10px;
    font-size: 80%;
    color: #999;
    font-style: italic
}

.opl-autocomplete ul.ui-autocomplete li .aditionaldata {
    font-size: 80%;
    color: #999;
    padding-top: 6px
}

.opl-autocomplete ul.ui-autocomplete li.loadAllClass {
    color: #666
}

.opl-autocomplete ul.ui-autocomplete .group-label {
    padding: 11px 15px 10px;
    border-top: 1px #ccc solid;
    background: #ddd;
    line-height: normal;
    color: #444
}

.opl-container--border {
    border: 1px solid #ccc!important
}

.opl-container--p-10,
.opl-container--p-15,
.opl-container--p-20 {
    padding: 20px!important
}

.opl-event-history {
    margin-left: -20px;
    margin-right: -20px
}

.opl-event-history--background {
    background: #eee;
    padding: 40px 0
}

.opl-event-history--element {
    display: block;
    margin: 0 auto;
    background: #fff
}

.opl-event-history--content {
    padding: 0 20px
}

.opl-event-history--options {
    width: 100%;
    list-style-type: none;
    padding: 20px;
    margin: 0
}

.opl-event-history--options li {
    display: inline-block
}

.opl-event-history--options li button {
    padding: 8px 9px 8px 8px
}

.opl-connected-account--h-details {
    margin-left: -65px;
    padding-bottom: 20px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-connected-account--h-details {
        margin-left: 0
    }
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-connected-account--h-details {
        margin-left: 0
    }
}

.opl-connected-account--h-details p {
    color: #999;
    margin-bottom: 5px
}

.opl-connected-account--dotted,
.opl-connected-account--dotted-last {
    position: relative
}

.opl-connected-account--dotted:after {
    content: '';
    position: absolute;
    left: -25px;
    top: -1.428571em;
    bottom: -1.428571em;
    height: -webkit-calc(100% + 2.47em);
    height: -moz-calc(100% + 2.47em);
    height: calc(100% + 2.47em);
    border-left: 4px dotted #f16e00;
    z-index: 2
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-connected-account--dotted:after {
        left: -60px
    }
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-connected-account--dotted:after {
        left: -60px
    }
}

.opl-connected-account--dotted:before {
    content: '';
    position: absolute;
    left: -25px;
    bottom: -1.13em;
    width: 60px;
    height: 100%;
    border-bottom: 4px dotted #f16e00;
    z-index: 2
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-connected-account--dotted:before {
        left: -60px;
        width: 30px
    }
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-connected-account--dotted:before {
        left: -60px;
        width: 30px
    }
}

.opl-connected-account--dotted-vertical:after {
    border: 0!important;
    width: 4px;
    z-index: 2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f16e00), color-stop(50%, rgba(255, 255, 255, 0)))!important;
    background-image: -webkit-linear-gradient(top, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-image: -moz-linear-gradient(top, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-image: -o-linear-gradient(top, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-image: linear-gradient(to bottom, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-position: left!important;
    -webkit-background-size: 4px 8px!important;
    background-size: 4px 8px!important;
    background-repeat: repeat-y!important
}

.opl-connected-account--dotted-horizontal>div .opl-tree__branch:after,
.opl-connected-account--dotted-horizontal>div .opl-tree__branch:before {
    border: 0!important;
    z-index: 1
}

.opl-connected-account--dotted-horizontal>div .opl-tree__branch:before {
    height: 4px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #f16e00), color-stop(50%, rgba(255, 255, 255, 0)))!important;
    background-image: -webkit-linear-gradient(left, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-image: -moz-linear-gradient(left, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-image: -o-linear-gradient(left, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-image: linear-gradient(to right, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-position: left bottom!important;
    -webkit-background-size: 8px 4px!important;
    background-size: 8px 4px!important;
    background-repeat: repeat-x!important
}

.opl-connected-account--dotted-horizontal>div .opl-tree__branch:after,
.opl-connected-account--dotted-last:before {
    width: 4px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f16e00), color-stop(50%, rgba(255, 255, 255, 0)))!important;
    background-image: -webkit-linear-gradient(top, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-image: -moz-linear-gradient(top, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-image: -o-linear-gradient(top, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-image: linear-gradient(to bottom, #f16e00 50%, rgba(255, 255, 255, 0) 50%)!important;
    background-position: left!important;
    -webkit-background-size: 4px 8px!important;
    background-size: 4px 8px!important;
    background-repeat: repeat-y!important
}

.opl-connected-account--dotted-horizontal>div .opl-tree__branch:after {
    margin-top: -.5em
}

.opl-connected-account--dotted-horizontal .u-spacing-top-l .opl-tree__branch:after {
    margin-top: -1.22em;
    height: 57px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-connected-account--dotted-horizontal .u-spacing-top-l .opl-tree__branch:after {
        margin-top: -1.5em
    }
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-connected-account--dotted-horizontal .u-spacing-top-l .opl-tree__branch:after {
        margin-top: -1.5em
    }
}

.opl-connected-account--dotted-last:before {
    content: '';
    position: absolute;
    height: -webkit-calc(100% + 39px);
    height: -moz-calc(100% + 39px);
    height: calc(100% + 39px);
    top: -23px;
    left: -25px;
    z-index: 4
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-connected-account--dotted-last:before {
        left: -60px
    }
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-connected-account--dotted-last:before {
        left: -60px
    }
}

.opl-connected-account--dotted-last~.l-row .opl-tree__branch:after {
    display: none
}

.opl-connected-account .opl-tree__branch .o-icon-list__icon {
    text-align: center
}

.opl-connected-account .opl-dropdown-button {
    width: 100px;
    border-color: #ddd
}

.opl-connected-account .opl-dropdown-button button {
    width: 100%;
    text-align: left
}

.opl-connected-account .opl-dropdown-button button:before {
    right: 10px
}

.opl-connected-account .opl-dropdown-button__list {
    border-color: #ddd
}

.opl-connected-account .opl-service-status__indicator {
    width: .8em;
    height: .8em
}

.opl-magnum-boxes {
    position: relative;
    background: #fff
}

.opl-magnum-boxes--lable {
    position: absolute;
    top: 0;
    left: 0
}

.opl-magnum-boxes--lable .opl-badge {
    padding: 10px 20px
}

.opl-magnum-boxes--lable .opl-badge__content {
    text-align: left
}

.opl-magnum-boxes .opl-badge--round {
    top: 0;
    right: 0
}

.opl-magnum-boxes--box {
    padding: 30px 20px
}

.opl-magnum-boxes--box2 {
    padding: 30px 50px
}

.opl-magnum-boxes--box3 {
    padding: 30px 50px 10px
}

.opl-magnum-boxes--title {
    min-height: 90px
}

.opl-magnum-boxes--title2 {
    min-height: 70px
}

.opl-magnum-boxes--color-lines {
    position: relative
}

.opl-magnum-boxes--color-lines img {
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: auto
}

.opl-magnum-boxes--thumb {
    height: 100px;
    width: auto
}

.opl-magnum-boxes--thumb img {
    height: 100%;
    width: auto
}

.opl-radius-box {
    position: relative;
    margin: 0 auto;
    width: 70%;
    padding-bottom: 70%;
    border-radius: 50%;
    text-align: center;
    background: #eee
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-radius-box {
        width: 80%;
        padding-bottom: 80%
    }
}

.opl-radius-box--icon {
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px;
    border-radius: 50%;
    background: #ffd200
}

.opl-radius-box--icon .g-icon {
    height: 53px;
    line-height: 53px
}

.opl-radius-box--content,
.opl-radius-box--number {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 60%;
    left: 0
}

.opl-radius-box--number {
    top: 0;
    font-size: 3em;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif
}

.opl-radius-box--text {
    padding: 0 30px
}

.opl-list-style-number {
    counter-reset: li;
    margin-left: 0;
    padding-left: 0
}

.opl-list-style-number>li {
    position: relative;
    margin: 0 0 25px 40px;
    padding-left: 20px;
    list-style: none
}

.opl-list-style-number>li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 0;
    left: -40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #eee;
    font-size: 1.6em;
    text-align: center
}

.opl-gmaps-padlock {
    border: 0!important;
    padding: 0;
    margin: 9px 9px 0 0;
    background: #fff;
    border-radius: 150px;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 0 3px;
    box-shadow: rgba(0, 0, 0, .2) 0 0 3px
}

.opl-gmaps-padlock:before {
    font-size: 21px;
    line-height: 21px;
    padding: 7px
}

.opl-gmaps-padlock.g-icon--padlock_close {
    color: #ff7900
}

.opl-gmaps-padlock:focus,
.opl-gmaps-padlock:hover {
    background: #000;
    border: 0!important
}

.opl-gmaps-padlock:focus:before,
.opl-gmaps-padlock:hover:before {
    color: #fff
}

.opl-gmaps--servis-list li {
    float: left;
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.opl-gmaps__facet-list__icon {
    min-width: 30px;
    text-align: center
}

.gm-style,
.gm-style-iw {
    font-size: 14px!important;
    font-weight: 400!important;
    font-family: Arial, sans-serif!important
}

.gm-style .smaller,
.gm-style-iw .smaller {
    font-size: .874983em
}

.pac-container {
    border-left: 2px #000 solid;
    border-right: 2px #000 solid;
    border-bottom: 2px #000 solid
}

.pac-container:after {
    background-image: none;
    height: 0
}

.opl-tv-package--category-item {
    padding: 30px;
    color: #fff
}

.opl-tv-package--category-item:nth-child(even) {
    background: #232323
}

.opl-tv-package--category-item:nth-child(odd) {
    background: #333
}

.opl-tv-package--category-item h4,
.opl-tv-package--category-item p {
    color: #fff
}

.opl-tv-package--channels-item {
    display: block;
    float: left;
    width: 12%;
    padding: .25%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tv-package--channels-item {
        width: 19%;
        padding: .5%
    }
}

.opl-tv-package--channels-image {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    background: #fff
}

.opl-tv-package--channels-image img {
    width: 75%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.opl-starsvolt .star {
    padding-left: 4px
}

.opl-starsvolt .star.selected {
    color: #ffb400
}

.opl-starsvolt .star.selected:before {
    content: ""
}

.opl-pos-lists .h6 {
    font-size: .9em
}

.opl-pos-lists .services-list span {
    border: 1px #ccc solid;
    width: 32px;
    height: 32px;
    background: #fff;
    text-align: center;
    margin: 0 6px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px
}

.opl-pos-lists .services-list__small span {
    width: 50px;
    height: 50px;
    line-height: 48px
}

.opl-pos-lists .smaller {
    font-size: .874983em
}

.opl-pos-lists .opl-scroll-bar {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.opl-pos-lists .is-expanded .opl-section__header a,
.opl-pos-lists .is-expanded .opl-section__heading,
.opl-pos-lists .is-expanded .opl-section__heading .smaller {
    color: #ff7900
}

.opl-range-orange {
    position: relative
}

.opl-range-orange:after,
.opl-range-orange:before {
    position: absolute;
    width: 100%;
    content: '';
    left: 10px;
    z-index: 2
}

.opl-range-orange:before {
    border-top: 1px #ccc solid;
    top: 0
}

.opl-range-orange:after {
    border-bottom: 1px #ccc solid;
    bottom: 0
}

.opl-range-orange .h6 {
    font-size: 1em;
    font-weight: 100
}

.opl-range-orange .opl-section__header-smaller-trigger {
    top: -13px!important
}

.opl-range-orange .opl-section .opl-section__header {
    padding-bottom: .7em;
    padding-top: .7em
}

.opl-range-orange.l-col-0 .opl-scroll-bar-variant2 {
    padding-right: 25px
}

.opl-range-orange.l-col-0 .show-google-pannel {
    right: -87px
}

.opl-range-orange.l-col-0 .show-google-pannel .hiden {
    display: inline-block
}

.opl-range-orange.l-col-0 .show-google-pannel .visible,
.opl-range-orange.l-col-0 .show-google-pannel--hide {
    display: none
}

.opl-range-orange .show-google-pannel {
    position: absolute;
    top: 50px;
    right: -77px;
    z-index: 1;
    width: 77px;
    text-align: left;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px -1px;
    box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px -1px;
    min-width: 28px;
    font-weight: 500;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 8px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-user-select: none;
    font-size: 11px;
    background-color: #fff;
    border: 0
}

.opl-range-orange .show-google-pannel .g-icon {
    padding-right: 5px
}

.opl-range-orange .show-google-pannel .hiden {
    display: none
}

.opl-range-orange .show-google-pannel .visible {
    display: inline-block
}

.opl-range-orange .services-list span {
    border: 1px #ccc solid;
    width: 32px;
    height: 32px;
    background: #fff;
    text-align: center;
    margin: 0 6px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px
}

.opl-range-orange .smaller {
    font-size: .874983em
}

.opl-sliding-modal {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
    height: 100%;
    width: 33%
}

@media all and (max-width:1258px) {
    .opl-sliding-modal {
        width: 33%
    }
}

@media all and (max-width:767px) {
    .opl-sliding-modal {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }
}

.opl-sliding-modal__actions {
    padding: 14px;
    overflow: auto;
    border-bottom: 1px #ddd solid
}

.opl-sliding-modal--close {
    font-size: .928571em;
    background: 0 0;
    border: 0;
    padding: 0;
    float: right;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    -moz-transition: color .2s ease;
    transition: color .2s ease
}

.opl-sliding-modal--close i,
.opl-sliding-modal--close span {
    display: block;
    float: left;
    cursor: pointer
}

.opl-sliding-modal--close span {
    margin: 2px 0 0 8px;
    font-weight: 700;
    text-decoration: underline
}

.opl-sliding-modal--close:focus,
.opl-sliding-modal--close:hover {
    outline: 0;
    color: #f16e00
}

.opl-sliding-modal--new-window {
    font-size: .928571em;
    background: 0 0;
    border: 0;
    padding: 0
}

.opl-sliding-modal--new-window i,
.opl-sliding-modal--new-window span {
    display: block;
    float: left;
    cursor: pointer
}

.opl-sliding-modal--new-window span {
    margin: 2px 0 0 8px;
    font-weight: 700;
    text-decoration: underline
}

.opl-sliding-modal--wraper {
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-sliding-modal--wraper::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.opl-sliding-modal--wraper::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.opl-sliding-modal--wraper::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 7px
}

.opl-sliding-modal--wraper::-webkit-scrollbar-thumb:active,
.opl-sliding-modal--wraper::-webkit-scrollbar-thumb:hover {
    background: #bbb
}

.opl-sliding-modal--wraper::-webkit-scrollbar-track,
.opl-sliding-modal--wraper::-webkit-scrollbar-track:active,
.opl-sliding-modal--wraper::-webkit-scrollbar-track:hover {
    background: #fff
}

.opl-sliding-modal--wraper::-webkit-scrollbar-corner {
    background: 0 0
}

.opl-sliding-modal--wraper .opl-cms .o-separator {
    border-color: #ddd
}

.opl-sliding-modal--content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    min-width: 100%;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
    display: none;
    margin: 0 0 0 auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
    -o-transition: opacity .4s ease, transform .4s ease;
    -moz-transition: opacity .4s ease, transform .4s ease, -moz-transform .4s ease;
    transition: opacity .4s ease, transform .4s ease;
    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease;
    z-index: 101
}

.opl-sliding-modal--content.is-visible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.opl-sliding-modal--box {
    position: relative;
    float: right;
    height: 100%;
    width: 100%
}

.opl-sliding-modal-visible {
    overflow-x: hidden;
    overflow-y: hidden
}

.opl-sliding-modal-visible:after {
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    content: '.';
    z-index: 3
}

.opl-spinners {
    position: absolute;
    top: -webkit-calc(50% - 5px);
    top: -moz-calc(50% - 5px);
    top: calc(50% - 5px);
    left: -webkit-calc(50% - 5px);
    left: -moz-calc(50% - 5px);
    left: calc(50% - 5px);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    text-indent: -9999em;
    z-index: 3
}

.opl-spinners--wrapper {
    position: relative
}

.opl-circle-spinner-orange,
.opl-circle-spinner-yellow {
    -webkit-animation: opl-circle-spinner-orange 1.1s infinite ease;
    -moz-animation: opl-circle-spinner-orange 1.1s infinite ease;
    animation: opl-circle-spinner-orange 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.opl-circle-spinner-yellow {
    -webkit-animation: opl-circle-spinner-yellow 1.1s infinite ease;
    -moz-animation: opl-circle-spinner-yellow 1.1s infinite ease;
    animation: opl-circle-spinner-yellow 1.1s infinite ease
}

@-webkit-keyframes opl-circle-spinner-orange {
    0%,
    to {
        -webkit-box-shadow: 0 -16px 0 0 #f16e00, 8px -14px 0 0 rgba(241, 110, 0, .2), 14px -8px 0 0 rgba(241, 110, 0, .2), 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .4), 8px 14px 0 0 rgba(241, 110, 0, .4), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .6), -14px 8px 0 0 rgba(241, 110, 0, .6), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .8), -8px -14px 0 0 rgba(241, 110, 0, .8);
        box-shadow: 0 -16px 0 0 #f16e00, 8px -14px 0 0 rgba(241, 110, 0, .2), 14px -8px 0 0 rgba(241, 110, 0, .2), 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .4), 8px 14px 0 0 rgba(241, 110, 0, .4), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .6), -14px 8px 0 0 rgba(241, 110, 0, .6), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .8), -8px -14px 0 0 rgba(241, 110, 0, .8)
    }
    8.3% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 #f16e00, 14px -8px 0 0 rgba(241, 110, 0, .2), 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .4), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .6), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .8);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 #f16e00, 14px -8px 0 0 rgba(241, 110, 0, .2), 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .4), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .6), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .8)
    }
    16.6% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 #f16e00, 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 #f16e00, 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .6)
    }
    25.2% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 #f16e00, 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 #f16e00, 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .6)
    }
    32.5% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 #f16e00, 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 #f16e00, 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .6)
    }
    40.8% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 #f16e00, 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 #f16e00, 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .4)
    }
    49.1% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 #f16e00, -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 #f16e00, -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .4)
    }
    57.4% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 #f16e00, -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 #f16e00, -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .4)
    }
    65.7% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 #f16e00, -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 #f16e00, -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .2)
    }
    74% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 #f16e00, -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 #f16e00, -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .2)
    }
    82.3% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .2), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .4), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .6), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 rgba(241, 110, 0, .8), -14px -8px 0 0 #f16e00, -8px -14px 0 0 rgba(241, 110, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .2), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .4), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .6), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 rgba(241, 110, 0, .8), -14px -8px 0 0 #f16e00, -8px -14px 0 0 rgba(241, 110, 0, .2)
    }
    90.6% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .2), 8px -14px 0 0 rgba(241, 110, 0, .2), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .4), 14px 8px 0 0 rgba(241, 110, 0, .4), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .6), -8px 14px 0 0 rgba(241, 110, 0, .6), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 rgba(241, 110, 0, .8), -14px -8px 0 0 rgba(241, 110, 0, .8), -8px -14px 0 0 #f16e00;
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .2), 8px -14px 0 0 rgba(241, 110, 0, .2), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .4), 14px 8px 0 0 rgba(241, 110, 0, .4), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .6), -8px 14px 0 0 rgba(241, 110, 0, .6), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 rgba(241, 110, 0, .8), -14px -8px 0 0 rgba(241, 110, 0, .8), -8px -14px 0 0 #f16e00
    }
}

@-moz-keyframes opl-circle-spinner-orange {
    0%,
    to {
        box-shadow: 0 -16px 0 0 #f16e00, 8px -14px 0 0 rgba(241, 110, 0, .2), 14px -8px 0 0 rgba(241, 110, 0, .2), 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .4), 8px 14px 0 0 rgba(241, 110, 0, .4), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .6), -14px 8px 0 0 rgba(241, 110, 0, .6), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .8), -8px -14px 0 0 rgba(241, 110, 0, .8)
    }
    8.3% {
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 #f16e00, 14px -8px 0 0 rgba(241, 110, 0, .2), 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .4), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .6), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .8)
    }
    16.6% {
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 #f16e00, 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .6)
    }
    25.2% {
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 #f16e00, 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .6)
    }
    32.5% {
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 #f16e00, 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .6)
    }
    40.8% {
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 #f16e00, 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .4)
    }
    49.1% {
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 #f16e00, -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .4)
    }
    57.4% {
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 #f16e00, -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .4)
    }
    65.7% {
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 #f16e00, -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .2)
    }
    74% {
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 #f16e00, -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .2)
    }
    82.3% {
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .2), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .4), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .6), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 rgba(241, 110, 0, .8), -14px -8px 0 0 #f16e00, -8px -14px 0 0 rgba(241, 110, 0, .2)
    }
    90.6% {
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .2), 8px -14px 0 0 rgba(241, 110, 0, .2), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .4), 14px 8px 0 0 rgba(241, 110, 0, .4), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .6), -8px 14px 0 0 rgba(241, 110, 0, .6), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 rgba(241, 110, 0, .8), -14px -8px 0 0 rgba(241, 110, 0, .8), -8px -14px 0 0 #f16e00
    }
}

@keyframes opl-circle-spinner-orange {
    0%,
    to {
        -webkit-box-shadow: 0 -16px 0 0 #f16e00, 8px -14px 0 0 rgba(241, 110, 0, .2), 14px -8px 0 0 rgba(241, 110, 0, .2), 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .4), 8px 14px 0 0 rgba(241, 110, 0, .4), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .6), -14px 8px 0 0 rgba(241, 110, 0, .6), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .8), -8px -14px 0 0 rgba(241, 110, 0, .8);
        box-shadow: 0 -16px 0 0 #f16e00, 8px -14px 0 0 rgba(241, 110, 0, .2), 14px -8px 0 0 rgba(241, 110, 0, .2), 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .4), 8px 14px 0 0 rgba(241, 110, 0, .4), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .6), -14px 8px 0 0 rgba(241, 110, 0, .6), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .8), -8px -14px 0 0 rgba(241, 110, 0, .8)
    }
    8.3% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 #f16e00, 14px -8px 0 0 rgba(241, 110, 0, .2), 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .4), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .6), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .8);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 #f16e00, 14px -8px 0 0 rgba(241, 110, 0, .2), 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .4), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .6), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .8)
    }
    16.6% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 #f16e00, 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 #f16e00, 16px 0 0 0 rgba(241, 110, 0, .2), 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .4), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .6), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .6)
    }
    25.2% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 #f16e00, 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .8), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 #f16e00, 14px 8px 0 0 rgba(241, 110, 0, .2), 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .4), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .6), -8px -14px 0 0 rgba(241, 110, 0, .6)
    }
    32.5% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 #f16e00, 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .8), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 #f16e00, 8px 14px 0 0 rgba(241, 110, 0, .2), 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .4), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .6)
    }
    40.8% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 #f16e00, 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .8), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 #f16e00, 0 16px 0 0 rgba(241, 110, 0, .2), -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .4), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .4)
    }
    49.1% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 #f16e00, -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .6), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .8), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 #f16e00, -8px 14px 0 0 rgba(241, 110, 0, .2), -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .4), -8px -14px 0 0 rgba(241, 110, 0, .4)
    }
    57.4% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 #f16e00, -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .6), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .8), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 #f16e00, -14px 8px 0 0 rgba(241, 110, 0, .2), -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .4)
    }
    65.7% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 #f16e00, -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .6), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .8), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 #f16e00, -16px 0 0 0 rgba(241, 110, 0, .2), -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .2)
    }
    74% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 #f16e00, -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .4), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .6), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .8), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 #f16e00, -14px -8px 0 0 rgba(241, 110, 0, .2), -8px -14px 0 0 rgba(241, 110, 0, .2)
    }
    82.3% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .2), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .4), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .6), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 rgba(241, 110, 0, .8), -14px -8px 0 0 #f16e00, -8px -14px 0 0 rgba(241, 110, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .2), 8px -14px 0 0 rgba(241, 110, 0, .4), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .4), 14px 8px 0 0 rgba(241, 110, 0, .6), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .6), -8px 14px 0 0 rgba(241, 110, 0, .8), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 rgba(241, 110, 0, .8), -14px -8px 0 0 #f16e00, -8px -14px 0 0 rgba(241, 110, 0, .2)
    }
    90.6% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .2), 8px -14px 0 0 rgba(241, 110, 0, .2), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .4), 14px 8px 0 0 rgba(241, 110, 0, .4), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .6), -8px 14px 0 0 rgba(241, 110, 0, .6), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 rgba(241, 110, 0, .8), -14px -8px 0 0 rgba(241, 110, 0, .8), -8px -14px 0 0 #f16e00;
        box-shadow: 0 -16px 0 0 rgba(241, 110, 0, .2), 8px -14px 0 0 rgba(241, 110, 0, .2), 14px -8px 0 0 rgba(241, 110, 0, .4), 16px 0 0 0 rgba(241, 110, 0, .4), 14px 8px 0 0 rgba(241, 110, 0, .4), 8px 14px 0 0 rgba(241, 110, 0, .6), 0 16px 0 0 rgba(241, 110, 0, .6), -8px 14px 0 0 rgba(241, 110, 0, .6), -14px 8px 0 0 rgba(241, 110, 0, .8), -16px 0 0 0 rgba(241, 110, 0, .8), -14px -8px 0 0 rgba(241, 110, 0, .8), -8px -14px 0 0 #f16e00
    }
}

@-webkit-keyframes opl-circle-spinner-yellow {
    0%,
    to {
        -webkit-box-shadow: 0 -16px 0 0 #ffb400, 8px -14px 0 0 rgba(255, 180, 0, .2), 14px -8px 0 0 rgba(255, 180, 0, .2), 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .4), 8px 14px 0 0 rgba(255, 180, 0, .4), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .6), -14px 8px 0 0 rgba(255, 180, 0, .6), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .8), -8px -14px 0 0 rgba(255, 180, 0, .8);
        box-shadow: 0 -16px 0 0 #ffb400, 8px -14px 0 0 rgba(255, 180, 0, .2), 14px -8px 0 0 rgba(255, 180, 0, .2), 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .4), 8px 14px 0 0 rgba(255, 180, 0, .4), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .6), -14px 8px 0 0 rgba(255, 180, 0, .6), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .8), -8px -14px 0 0 rgba(255, 180, 0, .8)
    }
    8.3% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 #ffb400, 14px -8px 0 0 rgba(255, 180, 0, .2), 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .4), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .6), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .8);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 #ffb400, 14px -8px 0 0 rgba(255, 180, 0, .2), 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .4), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .6), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .8)
    }
    16.6% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 #ffb400, 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 #ffb400, 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .6)
    }
    25.2% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 #ffb400, 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 #ffb400, 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .6)
    }
    32.5% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 #ffb400, 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 #ffb400, 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .6)
    }
    40.8% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 #ffb400, 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 #ffb400, 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .4)
    }
    49.1% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 #ffb400, -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 #ffb400, -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .4)
    }
    57.4% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 #ffb400, -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 #ffb400, -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .4)
    }
    65.7% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 #ffb400, -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 #ffb400, -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .2)
    }
    74% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 #ffb400, -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 #ffb400, -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .2)
    }
    82.3% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .2), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .4), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .6), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 rgba(255, 180, 0, .8), -14px -8px 0 0 #ffb400, -8px -14px 0 0 rgba(255, 180, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .2), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .4), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .6), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 rgba(255, 180, 0, .8), -14px -8px 0 0 #ffb400, -8px -14px 0 0 rgba(255, 180, 0, .2)
    }
    90.6% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .2), 8px -14px 0 0 rgba(255, 180, 0, .2), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .4), 14px 8px 0 0 rgba(255, 180, 0, .4), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .6), -8px 14px 0 0 rgba(255, 180, 0, .6), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 rgba(255, 180, 0, .8), -14px -8px 0 0 rgba(255, 180, 0, .8), -8px -14px 0 0 #ffb400;
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .2), 8px -14px 0 0 rgba(255, 180, 0, .2), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .4), 14px 8px 0 0 rgba(255, 180, 0, .4), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .6), -8px 14px 0 0 rgba(255, 180, 0, .6), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 rgba(255, 180, 0, .8), -14px -8px 0 0 rgba(255, 180, 0, .8), -8px -14px 0 0 #ffb400
    }
}

@-moz-keyframes opl-circle-spinner-yellow {
    0%,
    to {
        box-shadow: 0 -16px 0 0 #ffb400, 8px -14px 0 0 rgba(255, 180, 0, .2), 14px -8px 0 0 rgba(255, 180, 0, .2), 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .4), 8px 14px 0 0 rgba(255, 180, 0, .4), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .6), -14px 8px 0 0 rgba(255, 180, 0, .6), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .8), -8px -14px 0 0 rgba(255, 180, 0, .8)
    }
    8.3% {
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 #ffb400, 14px -8px 0 0 rgba(255, 180, 0, .2), 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .4), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .6), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .8)
    }
    16.6% {
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 #ffb400, 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .6)
    }
    25.2% {
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 #ffb400, 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .6)
    }
    32.5% {
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 #ffb400, 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .6)
    }
    40.8% {
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 #ffb400, 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .4)
    }
    49.1% {
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 #ffb400, -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .4)
    }
    57.4% {
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 #ffb400, -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .4)
    }
    65.7% {
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 #ffb400, -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .2)
    }
    74% {
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 #ffb400, -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .2)
    }
    82.3% {
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .2), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .4), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .6), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 rgba(255, 180, 0, .8), -14px -8px 0 0 #ffb400, -8px -14px 0 0 rgba(255, 180, 0, .2)
    }
    90.6% {
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .2), 8px -14px 0 0 rgba(255, 180, 0, .2), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .4), 14px 8px 0 0 rgba(255, 180, 0, .4), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .6), -8px 14px 0 0 rgba(255, 180, 0, .6), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 rgba(255, 180, 0, .8), -14px -8px 0 0 rgba(255, 180, 0, .8), -8px -14px 0 0 #ffb400
    }
}

@keyframes opl-circle-spinner-yellow {
    0%,
    to {
        -webkit-box-shadow: 0 -16px 0 0 #ffb400, 8px -14px 0 0 rgba(255, 180, 0, .2), 14px -8px 0 0 rgba(255, 180, 0, .2), 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .4), 8px 14px 0 0 rgba(255, 180, 0, .4), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .6), -14px 8px 0 0 rgba(255, 180, 0, .6), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .8), -8px -14px 0 0 rgba(255, 180, 0, .8);
        box-shadow: 0 -16px 0 0 #ffb400, 8px -14px 0 0 rgba(255, 180, 0, .2), 14px -8px 0 0 rgba(255, 180, 0, .2), 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .4), 8px 14px 0 0 rgba(255, 180, 0, .4), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .6), -14px 8px 0 0 rgba(255, 180, 0, .6), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .8), -8px -14px 0 0 rgba(255, 180, 0, .8)
    }
    8.3% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 #ffb400, 14px -8px 0 0 rgba(255, 180, 0, .2), 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .4), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .6), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .8);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 #ffb400, 14px -8px 0 0 rgba(255, 180, 0, .2), 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .4), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .6), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .8)
    }
    16.6% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 #ffb400, 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 #ffb400, 16px 0 0 0 rgba(255, 180, 0, .2), 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .4), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .6), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .6)
    }
    25.2% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 #ffb400, 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .8), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 #ffb400, 14px 8px 0 0 rgba(255, 180, 0, .2), 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .4), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .6), -8px -14px 0 0 rgba(255, 180, 0, .6)
    }
    32.5% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 #ffb400, 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .6);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .8), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 #ffb400, 8px 14px 0 0 rgba(255, 180, 0, .2), 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .4), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .6)
    }
    40.8% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 #ffb400, 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .8), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 #ffb400, 0 16px 0 0 rgba(255, 180, 0, .2), -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .4), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .4)
    }
    49.1% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 #ffb400, -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .6), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .8), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 #ffb400, -8px 14px 0 0 rgba(255, 180, 0, .2), -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .4), -8px -14px 0 0 rgba(255, 180, 0, .4)
    }
    57.4% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 #ffb400, -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .4);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .6), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .8), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 #ffb400, -14px 8px 0 0 rgba(255, 180, 0, .2), -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .4)
    }
    65.7% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 #ffb400, -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .6), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .8), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 #ffb400, -16px 0 0 0 rgba(255, 180, 0, .2), -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .2)
    }
    74% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 #ffb400, -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .4), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .6), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .8), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 #ffb400, -14px -8px 0 0 rgba(255, 180, 0, .2), -8px -14px 0 0 rgba(255, 180, 0, .2)
    }
    82.3% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .2), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .4), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .6), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 rgba(255, 180, 0, .8), -14px -8px 0 0 #ffb400, -8px -14px 0 0 rgba(255, 180, 0, .2);
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .2), 8px -14px 0 0 rgba(255, 180, 0, .4), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .4), 14px 8px 0 0 rgba(255, 180, 0, .6), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .6), -8px 14px 0 0 rgba(255, 180, 0, .8), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 rgba(255, 180, 0, .8), -14px -8px 0 0 #ffb400, -8px -14px 0 0 rgba(255, 180, 0, .2)
    }
    90.6% {
        -webkit-box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .2), 8px -14px 0 0 rgba(255, 180, 0, .2), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .4), 14px 8px 0 0 rgba(255, 180, 0, .4), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .6), -8px 14px 0 0 rgba(255, 180, 0, .6), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 rgba(255, 180, 0, .8), -14px -8px 0 0 rgba(255, 180, 0, .8), -8px -14px 0 0 #ffb400;
        box-shadow: 0 -16px 0 0 rgba(255, 180, 0, .2), 8px -14px 0 0 rgba(255, 180, 0, .2), 14px -8px 0 0 rgba(255, 180, 0, .4), 16px 0 0 0 rgba(255, 180, 0, .4), 14px 8px 0 0 rgba(255, 180, 0, .4), 8px 14px 0 0 rgba(255, 180, 0, .6), 0 16px 0 0 rgba(255, 180, 0, .6), -8px 14px 0 0 rgba(255, 180, 0, .6), -14px 8px 0 0 rgba(255, 180, 0, .8), -16px 0 0 0 rgba(255, 180, 0, .8), -14px -8px 0 0 rgba(255, 180, 0, .8), -8px -14px 0 0 #ffb400
    }
}

.opl-avatar-content {
    position: relative;
    min-height: 93px;
    text-align: right;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.opl-avatar-content--image,
.opl-avatar-content--left .opl-avatar-content--image {
    position: absolute;
    top: 0;
    right: 0;
    width: 93px;
    height: 93px;
    border-radius: 50%
}

.opl-avatar-content--text {
    padding-right: 110px
}

.opl-avatar-content--left {
    text-align: left
}

.opl-avatar-content--left .opl-avatar-content--image {
    right: auto;
    left: 0
}

.opl-avatar-content--left .opl-avatar-content--text {
    padding-right: 0;
    padding-left: 110px
}

.opl-list-icon-border--item {
    width: 100%;
    display: table;
    border-bottom: 2px solid #eee;
    padding: 15px 0
}

.opl-list-icon-border--item:last-child {
    border-bottom: none
}

.opl-list-icon-border--icon {
    width: 75px
}

.opl-list-icon-border--icon img {
    max-width: 60px;
    height: auto
}

.opl-list-icon-border--medium .opl-list-icon-border--icon {
    width: 45px
}

.opl-list-icon-border--content,
.opl-list-icon-border--icon {
    display: table-cell;
    vertical-align: middle
}

.opl-list-icon-border--val {
    position: absolute;
    top: 0;
    right: 0
}

.opl-pagination li,
.opl-pagination p {
    display: inline-block;
    text-align: center;
    padding: 0 2px;
    margin: 0
}

.opl-pagination a,
.opl-pagination span.opl-pagination__disabled {
    font-weight: 700;
    text-decoration: none;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: ease .3s;
    -o-transition: ease .3s;
    -moz-transition: ease .3s;
    transition: ease .3s
}

.opl-pagination a:focus,
.opl-pagination a:hover,
.opl-pagination span.opl-pagination__disabled:focus,
.opl-pagination span.opl-pagination__disabled:hover {
    background-color: #232323;
    color: #fff
}

.opl-pagination a.active,
.opl-pagination span.opl-pagination__disabled.active {
    -webkit-box-shadow: inset 0 0 0 2px #232323;
    box-shadow: inset 0 0 0 2px #232323
}

.opl-pagination__next a,
.opl-pagination__next span.opl-pagination__disabled,
.opl-pagination__prev a,
.opl-pagination__prev span.opl-pagination__disabled {
    background-color: #232323;
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #232323;
    box-shadow: inset 0 0 0 2px #232323
}

.opl-pagination__next a:focus,
.opl-pagination__next a:hover,
.opl-pagination__next span.opl-pagination__disabled:focus,
.opl-pagination__next span.opl-pagination__disabled:hover,
.opl-pagination__prev a:focus,
.opl-pagination__prev a:hover,
.opl-pagination__prev span.opl-pagination__disabled:focus,
.opl-pagination__prev span.opl-pagination__disabled:hover {
    background-color: #fff;
    color: #232323
}

.opl-pagination__next a .g-icon,
.opl-pagination__next span.opl-pagination__disabled .g-icon,
.opl-pagination__prev a .g-icon,
.opl-pagination__prev span.opl-pagination__disabled .g-icon {
    line-height: 35px
}

.opl-pagination__next a .g-icon:before,
.opl-pagination__next span.opl-pagination__disabled .g-icon:before,
.opl-pagination__prev a .g-icon:before,
.opl-pagination__prev span.opl-pagination__disabled .g-icon:before,
.opl-pagination__radius .opl-pagination__next a .g-icon:before,
.opl-pagination__radius .opl-pagination__next span.opl-pagination__disabled .g-icon:before,
.opl-pagination__radius .opl-pagination__prev a .g-icon:before,
.opl-pagination__radius .opl-pagination__prev span.opl-pagination__disabled .g-icon:before,
.opl-pagination__simple .opl-pagination__next a .g-icon:before,
.opl-pagination__simple .opl-pagination__next span.opl-pagination__disabled .g-icon:before,
.opl-pagination__simple .opl-pagination__prev a .g-icon:before,
.opl-pagination__simple .opl-pagination__prev span.opl-pagination__disabled .g-icon:before {
    font-size: 14px
}

.opl-pagination__disabled {
    color: #fff!important;
    background-color: #999!important;
    text-decoration: none!important;
    -webkit-box-shadow: inset 0 0 0 2px #999!important;
    box-shadow: inset 0 0 0 2px #999!important;
    cursor: default!important
}

.opl-pagination__simple li,
.opl-pagination__simple p {
    margin-left: 7px;
    margin-right: 7px
}

.opl-pagination__simple a .active,
.opl-pagination__simple li .active,
.opl-pagination__simple p .active,
.opl-pagination__simple span.opl-pagination__disabled .active {
    font-weight: 700
}

.opl-pagination__simple a,
.opl-pagination__simple span.opl-pagination__disabled {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    font-weight: 400;
    width: auto!important;
    height: auto!important;
    line-height: normal!important
}

.opl-pagination__simple a:focus,
.opl-pagination__simple a:hover,
.opl-pagination__simple span.opl-pagination__disabled:focus,
.opl-pagination__simple span.opl-pagination__disabled:hover {
    background: 0 0;
    color: #000
}

.opl-pagination__simple .opl-pagination__next a,
.opl-pagination__simple .opl-pagination__next span.opl-pagination__disabled,
.opl-pagination__simple .opl-pagination__prev a,
.opl-pagination__simple .opl-pagination__prev span.opl-pagination__disabled {
    background-color: transparent;
    color: #232323;
    -webkit-box-shadow: none;
    box-shadow: none
}

.opl-pagination__simple .opl-pagination__next a:focus,
.opl-pagination__simple .opl-pagination__next a:hover,
.opl-pagination__simple .opl-pagination__next span.opl-pagination__disabled:focus,
.opl-pagination__simple .opl-pagination__next span.opl-pagination__disabled:hover,
.opl-pagination__simple .opl-pagination__prev a:focus,
.opl-pagination__simple .opl-pagination__prev a:hover,
.opl-pagination__simple .opl-pagination__prev span.opl-pagination__disabled:focus,
.opl-pagination__simple .opl-pagination__prev span.opl-pagination__disabled:hover {
    background-color: transparent;
    color: #232323
}

.opl-pagination__simple .opl-pagination__next a .g-icon,
.opl-pagination__simple .opl-pagination__next span.opl-pagination__disabled .g-icon,
.opl-pagination__simple .opl-pagination__prev a .g-icon,
.opl-pagination__simple .opl-pagination__prev span.opl-pagination__disabled .g-icon {
    line-height: 35px
}

.opl-pagination__simple .opl-pagination__prev {
    margin-right: 23px
}

.opl-pagination__simple .opl-pagination__next {
    margin-left: 23px
}

.opl-pagination__simple .opl-pagination__disabled {
    color: #999!important;
    background-color: transparent!important
}

.opl-pagination__radius li,
.opl-pagination__radius p {
    padding: 0
}

.opl-pagination__radius a,
.opl-pagination__radius span.opl-pagination__disabled {
    font-weight: 400;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.opl-pagination__radius a:focus,
.opl-pagination__radius a:hover,
.opl-pagination__radius span.opl-pagination__disabled:focus,
.opl-pagination__radius span.opl-pagination__disabled:hover {
    background-color: transparent;
    color: #ff7900
}

.opl-pagination__radius a.active,
.opl-pagination__radius span.opl-pagination__disabled.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 700;
    color: #232323
}

.opl-pagination__radius .opl-pagination__next a,
.opl-pagination__radius .opl-pagination__next span.opl-pagination__disabled,
.opl-pagination__radius .opl-pagination__prev a,
.opl-pagination__radius .opl-pagination__prev span.opl-pagination__disabled {
    border-radius: 50%
}

.opl-pagination__radius .opl-pagination__next a:focus,
.opl-pagination__radius .opl-pagination__next a:hover,
.opl-pagination__radius .opl-pagination__next span.opl-pagination__disabled:focus,
.opl-pagination__radius .opl-pagination__next span.opl-pagination__disabled:hover,
.opl-pagination__radius .opl-pagination__prev a:focus,
.opl-pagination__radius .opl-pagination__prev a:hover,
.opl-pagination__radius .opl-pagination__prev span.opl-pagination__disabled:focus,
.opl-pagination__radius .opl-pagination__prev span.opl-pagination__disabled:hover {
    color: #232323
}

.opl-pagination__radius .opl-pagination__next a .g-icon,
.opl-pagination__radius .opl-pagination__next span.opl-pagination__disabled .g-icon,
.opl-pagination__radius .opl-pagination__prev a .g-icon,
.opl-pagination__radius .opl-pagination__prev span.opl-pagination__disabled .g-icon {
    line-height: 30px
}

.opl-pagination__radius .opl-pagination__prev {
    margin-right: 10px
}

.opl-pagination__radius .opl-pagination__next {
    margin-left: 10px
}

.opl-pagination__with-input label {
    width: 60px
}

.opl-pagination-dropdown .opl-btn {
    text-align: left;
    min-width: 90px;
    padding: 9px 12px 10px;
    margin: 0
}

.opl-pagination-dropdown .opl-btn:before {
    right: 10px
}

.opl-new-contract {
    border: 0
}

.opl-new-contract--image img {
    max-height: 300px
}

.opl-new-contract--button {
    float: left
}

.opl-new-contract--button .opl-btn {
    padding: 5px 15px
}

.opl-new-contract--button .opl-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    border-color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: -1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale3d(.7, 1, 1);
    -moz-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    -webkit-transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease;
    -o-transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
    -moz-transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
    transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}

.opl-new-contract--button .opl-btn:hover,
.opl-new-contract--button .opl-radio-btn:checked+.opl-btn,
.opl-new-contract--button .opl-radio-btn:focus+.opl-btn,
.opl-new-contract--button .opl-radio-btn:hover+.opl-btn {
    color: #ccc;
    border-color: #ccc
}

.opl-new-contract--checkbox {
    float: right;
    padding-top: 5px
}

.opl-new-contract .opl-badge--round {
    top: 10px;
    right: 10px;
    padding: 10px
}

.opl-new-contract .opl-badge--round .opl-badge__content {
    color: #fff
}

.opl-new-contract.is-selected .opl-btn:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.opl-new-contract.is-selected .opl-btn:not(:focus),
.opl-new-contract.is-selected input:not(:focus) {
    color: #fff;
    border-color: #000
}

.opl-new-contract.is-selected .opl-checkbox-btn,
.opl-new-contract.is-selected .opl-radio-btn {
    outline: 0!important
}

.opl-new-contract.is-selected .opl-checkbox-btn:not(.u-hide-focus):focus+.opl-btn,
.opl-new-contract.is-selected .opl-radio-btn:not(.u-hide-focus):focus+.opl-btn {
    outline: 0!important;
    color: #fff;
    border-color: #000
}

.opl-box-best-promotion {
    border: 0
}

.opl-box-best-promotion,
.opl-box-best-promotion:hover,
.opl-box-best-promotion:not(.u-hide-focus):focus {
    text-decoration: none;
    color: #000
}

.opl-box-best-promotion:hover .opl-box__section__text,
.opl-box-best-promotion:hover .opl-box__section__text p {
    color: #f16e00
}

.opl-box-best-promotion:hover .opl-box__inner {
    border-color: transparent
}

.opl-box-best-promotion:hover .opl-box-best-promotion__img,
.opl-box-best-promotion:hover .opl-box-best-promotion__img-medium {
    top: -15px
}

.l-col-4 .opl-box-best-promotion__image,
.opl-box-best-promotion .opl-box__section {
    padding: 0
}

.opl-box-best-promotion__image {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-box-best-promotion__image {
        position: relative
    }
}

.opl-box-best-promotion__image-content {
    display: inline-block;
    position: relative
}

.opl-box-best-promotion__img,
.opl-box-best-promotion__img-medium {
    max-height: 200px;
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    -moz-transition: top .4s ease;
    transition: top .4s ease;
    position: relative;
    top: 0
}

.opl-box-best-promotion__img-medium {
    max-height: 140px
}

.opl-box-best-promotion--button {
    float: left
}

.opl-box-best-promotion--button .opl-btn {
    padding: 5px 15px
}

.opl-box-best-promotion--button .opl-btn:hover,
.opl-box-best-promotion--button .opl-radio-btn:checked+.opl-btn,
.opl-box-best-promotion--button .opl-radio-btn:focus+.opl-btn,
.opl-box-best-promotion--button .opl-radio-btn:hover+.opl-btn {
    color: #ccc;
    border-color: #ccc
}

.opl-box-best-promotion--button .opl-btn:hover:before,
.opl-box-best-promotion--button .opl-radio-btn:checked+.opl-btn:before,
.opl-box-best-promotion--button .opl-radio-btn:focus+.opl-btn:before,
.opl-box-best-promotion--button .opl-radio-btn:hover+.opl-btn:before {
    background: #fff!important;
    border: 0
}

.opl-box-best-promotion--button .opl-btn,
.opl-box-best-promotion--button .opl-btn:before,
.opl-box-best-promotion--button .opl-radio-btn {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    -webkit-transition: none!important;
    -o-transition: none!important;
    -moz-transition: none!important;
    transition: none!important
}

.opl-box-best-promotion--checkbox {
    float: right;
    padding-top: 5px
}

.opl-box-best-promotion .opl-badge--round {
    top: 10px;
    right: 20px;
    padding: 10px;
    z-index: 2;
    overflow: auto;
    color: #fff;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.opl-box-best-promotion .opl-badge--left {
    right: auto;
    left: 0
}

.opl-box-best-promotion .opl-badge__image {
    position: absolute;
    left: -16px;
    top: 5px
}

.opl-box-best-promotion .opl-badge__image img {
    min-width: 110px
}

.opl-box-best-promotion--phone .opl-box-best-promotion__img {
    max-height: 300px
}

.opl-box-best-promotion--phone .opl-badge {
    top: 28px;
    right: 0
}

a.opl-box-best-promotion {
    display: block
}

.opl-product-unavailable {
    position: relative
}

.opl-product-unavailable--wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8)
}

.opl-product-unavailable--msg {
    margin-top: 50%;
    background: #fff;
    padding: 20px 0
}

.opl-product-filter {
    position: relative
}

.opl-product-filter__item {
    padding: 0
}

.opl-product-filter__item .opl-section__header {
    border: 1px #ccc solid;
    background-color: #fff;
    height: 100px;
    line-height: 100px;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out 0s;
    -o-transition: box-shadow .1s ease-in-out 0s;
    -moz-transition: box-shadow .1s ease-in-out 0s;
    transition: box-shadow .1s ease-in-out 0s;
    transition: box-shadow .1s ease-in-out 0s, -webkit-box-shadow .1s ease-in-out 0s
}

@media all and (max-width:767px) {
    .opl-product-filter__item .opl-section__header {
        height: 50px;
        line-height: 50px
    }
}

.opl-product-filter__item .opl-section__header--container {
    display: inline-block;
    vertical-align: middle
}

.opl-product-filter__item-link {
    text-decoration: none!important;
    position: absolute;
    left: 20px;
    right: 0;
    top: 0;
    bottom: 0
}

.opl-product-filter__item-link:hover {
    color: #ff7900!important
}

.opl-product-filter__content {
    position: absolute;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    background: #fff;
    top: 102px;
    left: 10px;
    z-index: 2;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 11px 10px 4px;
    box-shadow: rgba(0, 0, 0, .2) 0 11px 10px 4px
}

@media all and (max-width:767px) {
    .opl-product-filter__content {
        width: 100%;
        left: 0;
        top: 51px
    }
}

.opl-product-filter__wraper {
    padding: 0 20px 20px
}

.opl-product-filter .is-expanded .opl-section__header {
    border: 1px #fff solid;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 -4px 20px 4px;
    box-shadow: rgba(0, 0, 0, .2) 0 -4px 20px 4px
}

.opl-product-filter .opl-section--togglable {
    position: static
}

@media all and (max-width:767px) {
    .opl-product-filter .opl-section--togglable {
        position: relative
    }
}

.opl-product-filter .opl-section--togglable .opl-section__header {
    position: relative;
    padding-left: 20px;
    padding-right: 45px;
    padding-bottom: 0
}

.opl-product-filter .opl-section--togglable .opl-section__expander-trigger {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.opl-product-filter .opl-section--togglable .opl-section__expander-trigger:before {
    padding-top: 42px;
    padding-bottom: 17px;
    right: 20px;
    left: auto;
    font-size: 17px
}

@media all and (max-width:767px) {
    .opl-product-filter .opl-section--togglable .opl-section__expander-trigger:before {
        padding-top: 18px;
        padding-bottom: 3px
    }
}

.opl-timeline {
    position: relative
}

.opl-timeline .opl-navigationTools {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #fff;
    z-index: 3
}

.opl-timeline .opl-navigationTools .opl-btn {
    padding: 5px 5px 8px;
    margin-right: 10px;
    width: auto
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-timeline .opl-navigationTools .opl-btn {
        width: auto
    }
}

.opl-timeline .opl-navigationTools .opl-btn:last-child {
    margin-right: 0
}

.opl-timeline .opl-navigationTools .opl-btn .g-icon {
    width: 20px
}

.opl-timeline .opl-navigationTools .opl-btn .g-icon:before {
    font-size: 14px
}

.opl-timeline .opl-item__content {
    padding: 6px;
    font-size: 12px;
    font-weight: 700
}

.opl-timeline .vis-panel.vis-left .vis-label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.opl-timeline .vis-panel.vis-left .vis-label .vis-inner {
    font-weight: 700;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center
}

.vis .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.vis-active {
    -webkit-box-shadow: 0 0 10px #86d5f8;
    box-shadow: 0 0 10px #86d5f8
}

.vis [class*=span] {
    min-height: 0;
    width: auto
}

div.vis-configuration {
    position: relative;
    display: block;
    float: left;
    font-size: 12px
}

div.vis-configuration-wrapper {
    display: block;
    width: 700px
}

div.vis-configuration-wrapper:after {
    clear: both;
    content: "";
    display: block
}

div.vis-configuration.vis-config-button,
div.vis-configuration.vis-config-option-container {
    display: block;
    width: 495px;
    background-color: #fff;
    border: 2px solid #f7f8fa;
    border-radius: 4px;
    margin-top: 20px;
    left: 10px;
    padding-left: 5px
}

div.vis-configuration.vis-config-button {
    height: 25px;
    vertical-align: middle;
    line-height: 25px;
    background-color: #f7f8fa;
    border: 2px solid #ceced0;
    cursor: pointer;
    margin-bottom: 30px
}

div.vis-configuration.vis-config-button.hover {
    background-color: #4588e6;
    border: 2px solid #214373;
    color: #fff
}

div.vis-configuration.vis-config-item {
    display: block;
    float: left;
    width: 495px;
    height: 25px;
    vertical-align: middle;
    line-height: 25px
}

div.vis-configuration.vis-config-item.vis-config-s2 {
    left: 10px;
    background-color: #f7f8fa;
    padding-left: 5px;
    border-radius: 3px
}

div.vis-configuration.vis-config-item.vis-config-s3 {
    left: 20px;
    background-color: #e4e9f0;
    padding-left: 5px;
    border-radius: 3px
}

div.vis-configuration.vis-config-item.vis-config-s4 {
    left: 30px;
    background-color: #cfd8e6;
    padding-left: 5px;
    border-radius: 3px
}

div.vis-configuration.vis-config-header {
    font-size: 18px;
    font-weight: 700
}

div.vis-configuration.vis-config-label {
    width: 120px;
    height: 25px;
    line-height: 25px
}

div.vis-configuration.vis-config-label.vis-config-s3 {
    width: 110px
}

div.vis-configuration.vis-config-label.vis-config-s4 {
    width: 100px
}

div.vis-configuration.vis-config-colorBlock {
    top: 1px;
    width: 30px;
    height: 19px;
    border: 1px solid #444;
    border-radius: 2px;
    padding: 0;
    margin: 0;
    cursor: pointer
}

input.vis-configuration.vis-config-checkbox {
    left: -5px
}

input.vis-configuration.vis-config-rangeinput {
    position: relative;
    top: -5px;
    width: 60px;
    padding: 1px;
    margin: 0;
    pointer-events: none
}

input.vis-configuration.vis-config-range {
    border: 0 solid #fff;
    background-color: transparent;
    width: 300px;
    height: 20px
}

input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #dedede;
    background: -webkit-gradient(linear, left top, left bottom, from(#dedede), color-stop(99%, #c8c8c8));
    background: -webkit-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
    background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%);
    border: 1px solid #999;
    -webkit-box-shadow: #aaa 0 0 3px 0;
    box-shadow: #aaa 0 0 3px 0;
    border-radius: 3px
}

input.vis-configuration.vis-config-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #14334b;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #3876c2;
    background: -webkit-gradient(linear, left top, left bottom, from(#3876c2), to(#385380));
    background: -webkit-linear-gradient(top, #3876c2 0%, #385380 100%);
    background: linear-gradient(to bottom, #3876c2 0%, #385380 100%);
    -webkit-box-shadow: #111927 0 0 1px 0;
    box-shadow: #111927 0 0 1px 0;
    margin-top: -7px
}

input.vis-configuration.vis-config-range:focus {
    outline: 0
}

input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
    background: #9d9d9d;
    background: -webkit-gradient(linear, left top, left bottom, from(#9d9d9d), color-stop(99%, #c8c8c8));
    background: -webkit-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%);
    background: linear-gradient(to bottom, #9d9d9d 0%, #c8c8c8 99%)
}

input.vis-configuration.vis-config-range::-moz-range-track {
    width: 300px;
    height: 10px;
    background: #dedede;
    background: -moz-linear-gradient(top, #dedede 0%, #c8c8c8 99%);
    background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%);
    border: 1px solid #999;
    box-shadow: #aaa 0 0 3px 0;
    border-radius: 3px
}

input.vis-configuration.vis-config-range::-moz-range-thumb {
    border: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #385380
}

input.vis-configuration.vis-config-range:-moz-focusring {
    outline: 1px solid #fff;
    outline-offset: -1px
}

input.vis-configuration.vis-config-range::-ms-track {
    width: 300px;
    height: 5px;
    background: 0 0;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent
}

input.vis-configuration.vis-config-range::-ms-fill-lower {
    background: #777;
    border-radius: 10px
}

input.vis-configuration.vis-config-range::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px
}

input.vis-configuration.vis-config-range::-ms-thumb {
    border: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #385380
}

input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
    background: #888
}

input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
    background: #ccc
}

.vis-configuration-popup {
    position: absolute;
    background: rgba(57, 76, 89, .85);
    border: 2px solid #f2faff;
    line-height: 30px;
    height: 30px;
    width: 150px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.vis-configuration-popup:after,
.vis-configuration-popup:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.vis-configuration-popup:after {
    border-color: transparent;
    border-left-color: rgba(57, 76, 89, .85);
    border-width: 8px;
    margin-top: -8px
}

.vis-configuration-popup:before {
    border-color: transparent transparent transparent #f2faff;
    border-width: 12px;
    margin-top: -12px
}

div.vis-tooltip {
    position: absolute;
    visibility: hidden;
    padding: 5px;
    white-space: nowrap;
    font-family: verdana;
    font-size: 14px;
    color: #000;
    background-color: #f5f4ed;
    border-radius: 3px;
    border: 1px solid #808074;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    pointer-events: none;
    z-index: 5
}

div.vis-color-picker {
    position: absolute;
    top: 0;
    left: 30px;
    margin-top: -140px;
    margin-left: 30px;
    width: 310px;
    height: 444px;
    z-index: 1;
    padding: 10px;
    border-radius: 15px;
    background-color: #fff;
    display: none;
    -webkit-box-shadow: rgba(0, 0, 0, .5) 0 0 10px 0;
    box-shadow: rgba(0, 0, 0, .5) 0 0 10px 0
}

div.vis-color-picker div.vis-arrow {
    position: absolute;
    top: 147px;
    left: 5px
}

div.vis-color-picker div.vis-arrow:after,
div.vis-color-picker div.vis-arrow:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

div.vis-color-picker div.vis-arrow:after {
    border-color: transparent #fff transparent transparent;
    border-width: 30px;
    margin-top: -30px
}

div.vis-color-picker div.vis-color {
    position: absolute;
    width: 289px;
    height: 289px;
    cursor: pointer
}

div.vis-color-picker div.vis-brightness {
    position: absolute;
    top: 313px
}

div.vis-color-picker div.vis-opacity {
    position: absolute;
    top: 350px
}

div.vis-color-picker div.vis-selector {
    position: absolute;
    top: 137px;
    left: 137px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    border: 1px solid #fff;
    background: #4c4c4c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), color-stop(12%, #595959), color-stop(25%, #666), color-stop(39%, #474747), color-stop(50%, #2c2c2c), color-stop(51%, #000), color-stop(60%, #111), color-stop(76%, #2b2b2b), color-stop(91%, #1c1c1c), to(#131313));
    background: -webkit-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666 25%, #474747 39%, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666 25%, #474747 39%, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: -o-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666 25%, #474747 39%, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    background: linear-gradient(to bottom, #4c4c4c 0%, #595959 12%, #666 25%, #474747 39%, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%)
}

div.vis-color-picker div.vis-initial-color,
div.vis-color-picker div.vis-new-color {
    position: absolute;
    width: 140px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    top: 380px;
    font-size: 10px;
    color: rgba(0, 0, 0, .4);
    vertical-align: middle;
    line-height: 20px
}

div.vis-color-picker div.vis-new-color {
    padding-right: 2px;
    left: 159px;
    text-align: right
}

div.vis-color-picker div.vis-initial-color {
    left: 10px;
    text-align: left;
    padding-left: 2px
}

div.vis-color-picker div.vis-label {
    position: absolute;
    width: 300px;
    left: 10px
}

div.vis-color-picker div.vis-label.vis-brightness {
    top: 300px
}

div.vis-color-picker div.vis-label.vis-opacity {
    top: 338px
}

div.vis-color-picker div.vis-button {
    position: absolute;
    width: 68px;
    height: 25px;
    border-radius: 10px;
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
    top: 410px;
    border: 2px solid #d9d9d9;
    background-color: #f7f7f7;
    cursor: pointer
}

div.vis-color-picker div.vis-button.vis-cancel {
    left: 5px
}

div.vis-color-picker div.vis-button.vis-load {
    left: 82px
}

div.vis-color-picker div.vis-button.vis-apply {
    left: 159px
}

div.vis-color-picker div.vis-button.vis-save {
    left: 236px
}

div.vis-color-picker input.vis-range {
    width: 290px;
    height: 20px
}

div.vis-network div.vis-manipulation {
    border-width: 0;
    border-bottom: 1px;
    border-style: solid;
    border-color: #d6d9d8;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(48%, #fcfcfc), color-stop(50%, #fafafa), to(#fcfcfc));
    background: -webkit-linear-gradient(top, #fff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
    background: -o-linear-gradient(top, #fff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
    background: linear-gradient(to bottom, #fff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
    padding-top: 4px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 28px
}

div.vis-network div.vis-edit-mode {
    position: absolute;
    left: 0;
    top: 5px;
    height: 30px
}

div.vis-network div.vis-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-position: 20px 3px;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.vis-network div.vis-close:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    opacity: .6
}

div.vis-network div.vis-edit-mode div.vis-button,
div.vis-network div.vis-manipulation div.vis-button {
    float: left;
    font-family: verdana;
    font-size: 12px;
    border-radius: 15px;
    display: inline-block;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 24px;
    margin-left: 10px;
    cursor: pointer;
    padding: 0 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.vis-network div.vis-manipulation div.vis-button:hover {
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .2)
}

div.vis-network div.vis-manipulation div.vis-button:active {
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, .5)
}

div.vis-network div.vis-manipulation div.vis-button.vis-none {
    padding: 0
}

div.vis-network div.vis-manipulation div.vis-button.vis-none:hover {
    cursor: default
}

div.vis-network div.vis-manipulation div.vis-button.vis-none:active,
div.vis-network div.vis-manipulation div.vis-button.vis-none:hover {
    -webkit-box-shadow: 1px 1px 8px transparent;
    box-shadow: 1px 1px 8px transparent
}

div.vis-network div.vis-manipulation div.notification {
    margin: 2px;
    font-weight: 700
}

div.vis-network div.vis-edit-mode div.vis-button.vis-edit.vis-edit-mode {
    background-color: #fcfcfc;
    border: 1px solid #ccc
}

div.vis-network div.vis-edit-mode div.vis-label,
div.vis-network div.vis-manipulation div.vis-label {
    margin: 0 0 0 23px;
    line-height: 25px
}

div.vis-network div.vis-manipulation div.vis-separator-line {
    float: left;
    display: inline-block;
    width: 1px;
    height: 21px;
    background-color: #bdbdbd;
    margin: 0 7px 0 15px
}

div.vis-network div.vis-navigation div.vis-button {
    width: 34px;
    height: 34px;
    border-radius: 17px;
    position: absolute;
    display: inline-block;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.vis-network div.vis-navigation div.vis-button:hover {
    -webkit-box-shadow: 0 0 3px 3px rgba(56, 207, 21, .3);
    box-shadow: 0 0 3px 3px rgba(56, 207, 21, .3)
}

div.vis-network div.vis-navigation div.vis-button:active {
    -webkit-box-shadow: 0 0 1px 3px rgba(56, 207, 21, .95);
    box-shadow: 0 0 1px 3px rgba(56, 207, 21, .95)
}

div.vis-network div.vis-navigation div.vis-button.vis-up {
    bottom: 50px;
    left: 55px
}

div.vis-network div.vis-navigation div.vis-button.vis-down {
    bottom: 10px;
    left: 55px
}

div.vis-network div.vis-navigation div.vis-button.vis-left {
    bottom: 10px;
    left: 15px
}

div.vis-network div.vis-navigation div.vis-button.vis-right {
    bottom: 10px;
    left: 95px
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomIn {
    bottom: 10px;
    right: 15px
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomOut {
    bottom: 10px;
    right: 55px
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
    bottom: 50px;
    right: 15px
}

.vis-current-time {
    background-color: #ff7f6e;
    width: 2px;
    z-index: 1;
    pointer-events: none
}

.vis-rolling-mode-btn {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 7px;
    right: 20px;
    border-radius: 50%;
    font-size: 28px;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #3876c2
}

.vis-rolling-mode-btn:before {
    content: "\26F6"
}

.vis-rolling-mode-btn:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.vis-custom-time {
    background-color: #6e94ff;
    width: 2px;
    cursor: move;
    z-index: 1
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
    position: absolute;
    width: 100%;
    height: 0;
    border-bottom: 1px solid
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
    border-color: #e5e5e5
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
    border-color: #bfbfbf
}

.vis-data-axis .vis-y-axis.vis-major,
.vis-data-axis .vis-y-axis.vis-minor {
    width: 100%;
    position: absolute;
    color: #4d4d4d;
    white-space: nowrap
}

.vis-data-axis .vis-y-axis.vis-major.vis-measure,
.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
    padding: 0;
    margin: 0;
    border: 0;
    visibility: hidden;
    width: auto
}

.vis-data-axis .vis-y-axis.vis-minor {
    color: #bebebe
}

.vis-data-axis .vis-y-axis.vis-title {
    position: absolute;
    color: #4d4d4d;
    white-space: nowrap;
    bottom: 20px;
    text-align: center
}

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
    padding: 0;
    margin: 0;
    visibility: hidden;
    width: auto
}

.vis-data-axis .vis-y-axis.vis-title.vis-left {
    bottom: 0;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.vis-data-axis .vis-y-axis.vis-title.vis-right {
    bottom: 0;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.vis-legend {
    background-color: rgba(247, 252, 255, .65);
    padding: 5px;
    border: 1px solid #b3b3b3;
    -webkit-box-shadow: 2px 2px 10px rgba(154, 154, 154, .55);
    box-shadow: 2px 2px 10px rgba(154, 154, 154, .55)
}

.vis-legend-text {
    white-space: nowrap;
    display: inline-block
}

.vis-item {
    position: absolute;
    color: #1a1a1a;
    border-color: #ccc;
    border-width: 1px;
    background-color: #f5f5f5;
    display: inline-block
}

.vis-item.vis-selected {
    border-color: #ff7900;
    background-color: #f5f5f5;
    z-index: 2
}

.vis-editable.vis-selected {
    cursor: move
}

.vis-item.vis-point.vis-selected {
    background-color: #fff785
}

.vis-item.vis-box {
    text-align: center;
    border-style: solid;
    border-radius: 2px
}

.vis-item.vis-point {
    background: 0 0
}

.vis-item.vis-dot {
    position: absolute;
    padding: 0;
    border-width: 4px;
    border-style: solid;
    border-radius: 4px
}

.vis-item.vis-background,
.vis-item.vis-range {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vis-item.vis-range {
    border-style: solid;
    border-radius: 2px
}

.vis-item.vis-background {
    border: 0;
    background-color: rgba(213, 221, 246, .4);
    padding: 0;
    margin: 0
}

.vis-item .vis-item-overflow {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.vis-item-visible-frame {
    white-space: nowrap
}

.vis-item.vis-range .vis-item-content {
    position: relative;
    display: inline-block
}

.vis-item.vis-background .vis-item-content {
    position: absolute;
    display: inline-block
}

.vis-item.vis-line {
    padding: 0;
    position: absolute;
    width: 0;
    border-left-width: 1px;
    border-left-style: solid
}

.vis-item .vis-item-content {
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vis-item .vis-onUpdateTime-tooltip {
    position: absolute;
    background: #4f81bd;
    color: #fff;
    width: 200px;
    text-align: center;
    white-space: nowrap;
    padding: 5px;
    border-radius: 1px
}

.vis-item .vis-delete,
.vis-item .vis-delete-rtl {
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    cursor: pointer;
    -webkit-transition: background .2s linear;
    -o-transition: background .2s linear;
    -moz-transition: background .2s linear;
    transition: background .2s linear
}

.vis-item .vis-delete {
    right: -24px
}

.vis-item .vis-delete-rtl {
    left: -24px
}

.vis-item .vis-delete-rtl:after,
.vis-item .vis-delete:after {
    content: "\00D7";
    color: red;
    font-family: arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    -moz-transition: color .2s linear;
    transition: color .2s linear
}

.vis-item .vis-delete-rtl:hover,
.vis-item .vis-delete:hover {
    background: red
}

.vis-item .vis-delete-rtl:hover:after,
.vis-item .vis-delete:hover:after {
    color: #fff
}

.vis-item .vis-drag-center {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: move
}

.vis-item.vis-range .vis-drag-left,
.vis-item.vis-range .vis-drag-right {
    position: absolute;
    width: 24px;
    max-width: 20%;
    min-width: 2px;
    height: 100%;
    top: 0
}

.vis-item.vis-range .vis-drag-left {
    left: -4px;
    cursor: w-resize
}

.vis-item.vis-range .vis-drag-right {
    right: -4px;
    cursor: e-resize
}

.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
    cursor: auto
}

.vis-itemset {
    position: relative;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible
}

.vis-axis {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    z-index: 1
}

.vis-foreground .vis-group {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #bfbfbf
}

.vis-foreground .vis-group:last-child {
    border-bottom: none
}

.vis-labelset .vis-label.draggable,
.vis-nesting-group {
    cursor: pointer
}

.vis-nested-group {
    background: #f5f5f5
}

.vis-label.vis-nesting-group.expanded:before {
    content: "\25BC"
}

.vis-label.vis-nesting-group.collapsed-rtl:before {
    content: "\25C0"
}

.vis-label.vis-nesting-group.collapsed:before {
    content: "\25B6"
}

.vis-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.vis-labelset,
.vis-labelset .vis-label {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vis-labelset {
    overflow: hidden
}

.vis-labelset .vis-label {
    left: 0;
    top: 0;
    width: 100%;
    color: #4d4d4d;
    border-bottom: 1px solid #bfbfbf
}

.vis-labelset .vis-label:last-child {
    border-bottom: none
}

.vis-labelset .vis-label .vis-inner {
    display: inline-block;
    padding: 5px
}

.vis-labelset .vis-label .vis-inner.vis-hidden {
    padding: 0
}

.vis-panel {
    position: absolute;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vis-panel.vis-bottom,
.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top {
    border: 1px #bfbfbf
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
    border-top-style: solid;
    border-bottom-style: solid;
    overflow: hidden
}

.vis-left.vis-panel.vis-vertical-scroll,
.vis-right.vis-panel.vis-vertical-scroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll
}

.vis-left.vis-panel.vis-vertical-scroll {
    direction: rtl
}

.vis-left.vis-panel.vis-vertical-scroll .vis-content,
.vis-right.vis-panel.vis-vertical-scroll {
    direction: ltr
}

.vis-right.vis-panel.vis-vertical-scroll .vis-content {
    direction: rtl
}

.vis-panel.vis-bottom,
.vis-panel.vis-center,
.vis-panel.vis-top {
    border-left-style: solid;
    border-right-style: solid
}

.vis-background {
    overflow: hidden
}

.vis-panel>.vis-content {
    position: relative
}

.vis-panel .vis-shadow {
    position: absolute;
    width: 100%;
    height: 1px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    box-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

.vis-panel .vis-shadow.vis-top {
    top: -1px;
    left: 0
}

.vis-panel .vis-shadow.vis-bottom {
    bottom: -1px;
    left: 0
}

.vis-graph-group0,
.vis-graph-group1 {
    fill: #4f81bd;
    fill-opacity: 0;
    stroke-width: 2px;
    stroke: #4f81bd
}

.vis-graph-group1 {
    fill: #f79646;
    stroke: #f79646
}

.vis-graph-group2,
.vis-graph-group3 {
    fill: #8c51cf;
    fill-opacity: 0;
    stroke-width: 2px;
    stroke: #8c51cf
}

.vis-graph-group3 {
    fill: #75c841;
    stroke: #75c841
}

.vis-graph-group4,
.vis-graph-group5 {
    fill: #ff0100;
    fill-opacity: 0;
    stroke-width: 2px;
    stroke: #ff0100
}

.vis-graph-group5 {
    fill: #37d8e6;
    stroke: #37d8e6
}

.vis-graph-group6,
.vis-graph-group7 {
    fill: #042662;
    fill-opacity: 0;
    stroke-width: 2px;
    stroke: #042662
}

.vis-graph-group7 {
    fill: #00ff26;
    stroke: #00ff26
}

.vis-graph-group8,
.vis-graph-group9 {
    fill: #f0f;
    fill-opacity: 0;
    stroke-width: 2px;
    stroke: #f0f
}

.vis-graph-group9 {
    fill: #8f3938;
    stroke: #8f3938
}

.vis-timeline .vis-fill {
    fill-opacity: .1;
    stroke: none
}

.vis-timeline .vis-bar {
    fill-opacity: .5;
    stroke-width: 1px
}

.vis-timeline .vis-point {
    stroke-width: 2px;
    fill-opacity: 1
}

.vis-timeline .vis-legend-background {
    stroke-width: 1px;
    fill-opacity: .9;
    fill: #fff;
    stroke: #c2c2c2
}

.vis-timeline .vis-outline {
    stroke-width: 1px;
    fill-opacity: 1;
    fill: #fff;
    stroke: #e5e5e5
}

.vis-timeline .vis-icon-fill {
    fill-opacity: .3;
    stroke: none
}

.vis-time-axis {
    position: relative;
    overflow: hidden
}

.vis-time-axis.vis-foreground {
    top: 0;
    left: 0;
    width: 100%
}

.vis-time-axis.vis-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vis-time-axis .vis-text,
.vis-timeline {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vis-time-axis .vis-text {
    position: absolute;
    color: #4d4d4d;
    white-space: nowrap;
    padding: 3px
}

.vis-time-axis .vis-text.vis-measure {
    position: absolute;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    visibility: hidden
}

.vis-time-axis .vis-grid.vis-vertical {
    position: absolute;
    border-left: 1px dashed
}

.vis-time-axis .vis-grid.vis-vertical-rtl {
    position: absolute;
    border-right: 1px solid
}

.vis-time-axis .vis-grid.vis-minor {
    border-color: #e5e5e5
}

.vis-time-axis .vis-grid.vis-major {
    border-color: #bfbfbf
}

.vis-timeline {
    border: 1px solid #bfbfbf;
    padding: 0;
    margin: 0
}

.opl-gradient-fade--wrapper,
.vis-timeline {
    position: relative
}

.opl-gradient-fade--trigger {
    text-align: center
}

.opl-gradient-fade--item {
    display: none
}

.opl-gradient-fade--cover,
.opl-gradient-fade--cover-gray {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 9
}

.opl-gradient-fade--cover {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%)
}

.opl-gradient-fade--cover-gray {
    background: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, #f6f6f6 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(bottom, #f6f6f6 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, #f6f6f6 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to top, #f6f6f6 0%, rgba(255, 255, 255, 0) 100%)
}

.opl-vertical-content {
    position: relative;
    border: 1px solid #ccc
}

.opl-vertical-content--image {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 117px;
    height: 90px;
    background-image: url(../images/office_scene05.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

@media all and (max-width:767px) {
    .opl-vertical-content--image {
        width: 60px;
        height: 46px
    }
}

.opl-vertical-content--text {
    height: 132px;
    padding: 20px 20px 20px 177px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle
}

@media all and (max-width:767px) {
    .opl-vertical-content--text {
        height: 90px;
        padding: 20px 20px 20px 90px
    }
}

.opl-cookie-control__message {
    font-size: 13px
}

.opl-cookie-control__message a {
    font-size: 13px;
    font-weight: lighter
}

.opl-cookie-control__link {
    font-size: 13px;
    white-space: nowrap
}

.opl-contributions {
    text-align: center
}

.opl-contributions--title {
    width: 100%
}

.opl-contributions--circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ff7900;
    border-radius: 50%;
    margin-left: 2px
}

.opl-contributions--item {
    position: relative;
    padding-top: 32px
}

.opl-contributions--item:after {
    display: inline-block;
    position: absolute;
    content: '';
    left: 50%;
    right: 50%;
    top: 0;
    width: 2px;
    height: 32px;
    background: #ff7900
}

.opl-contributions--item:first-child {
    padding-top: 48px;
    margin-top: -5px
}

.opl-contributions--item:first-child:after {
    height: 48px
}

.opl-contributions--oval {
    display: inline-block;
    background: #ff7900;
    padding: 8px 15px;
    border-radius: 36px
}

.opl-contributions--oval a {
    color: #fff;
    text-decoration: none
}

.opl-contributions--item-2,
.opl-contributions--item-3 {
    position: relative;
    display: block;
    left: 0;
    top: 0
}

.opl-contributions--item-2 p {
    position: relative;
    padding-left: 60px;
    top: 0;
    left: 50%;
    width: 40%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-contributions--item-2 p {
        width: 30%
    }
}

.opl-contributions--item-2 a {
    position: relative;
    display: block;
    left: 50%;
    padding-left: 60px;
    padding-bottom: 20px
}

.opl-contributions--item-2:before {
    display: inline-block;
    position: absolute;
    content: '';
    left: 50%;
    right: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    background: #ff7900
}

.opl-contributions--item-2:after {
    position: absolute;
    content: '';
    left: 50%;
    right: 50%;
    top: 50%;
    width: 40px;
    height: 2px;
    background: #ff7900
}

.opl-contributions--item-3 a,
.opl-contributions--item-3 p {
    width: 41%
}

.opl-contributions--item-3 a {
    position: relative;
    display: block;
    padding-bottom: 20px
}

.opl-contributions--item-3:before {
    display: inline-block;
    position: absolute;
    content: '';
    top: 0;
    width: 2px;
    height: 100%;
    background: #ff7900
}

.opl-contributions--item-3:after {
    position: absolute;
    content: '';
    right: 50%;
    top: 50%;
    width: 40px;
    height: 2px;
    background: #ff7900
}

.opl-contributions--table {
    width: 80%;
    margin: 0 auto;
    border: 2px solid transparent;
    position: relative
}

.opl-contributions .branch-lines {
    position: absolute;
    width: 2px;
    z-index: 2
}

.opl-contributions .branch-lines:before {
    position: absolute;
    bottom: -1px;
    right: 0;
    height: 2px;
    background-color: inherit;
    content: ""
}

.opl-contributions .branch-lines:after {
    position: absolute;
    top: -1px;
    right: 0;
    height: 2px;
    width: 14px;
    background-color: inherit;
    content: ""
}

.opl-contributions .branch-lines .g-icon {
    position: absolute;
    top: -10px;
    right: 13px
}

.opl-contributions .branch-lines .g-icon:before {
    font-size: 11px
}

.opl-contributions .branch-lines.level1 {
    margin-left: 40px
}

.opl-contributions .branch-lines.level1:before {
    width: 40px
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-contributions .branch-lines.level1 {
        margin-left: 30px
    }
    .opl-contributions .branch-lines.level1:before {
        width: 30px
    }
    .opl-contributions .branch-lines.level1:after {
        width: 10px
    }
    .opl-contributions .branch-lines.level1 .g-icon {
        right: 7px
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-contributions .branch-lines.level1 {
        margin-left: 20px
    }
    .opl-contributions .branch-lines.level1:before {
        width: 20px
    }
    .opl-contributions .branch-lines.level1:after {
        width: 5px
    }
    .opl-contributions .branch-lines.level1 .g-icon {
        top: -10px;
        right: 4px
    }
    .opl-contributions .branch-lines.level1 .g-icon:before {
        font-size: 8px
    }
}

.opl-contributions .branch-lines.level2 {
    margin-left: 70px
}

.opl-contributions .branch-lines.level2:before {
    width: 70px
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-contributions .branch-lines.level2 {
        margin-left: 50px
    }
    .opl-contributions .branch-lines.level2:before {
        width: 50px
    }
    .opl-contributions .branch-lines.level2:after {
        width: 10px
    }
    .opl-contributions .branch-lines.level2 .g-icon {
        right: 7px
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-contributions .branch-lines.level2 {
        margin-left: 30px
    }
    .opl-contributions .branch-lines.level2:before {
        width: 30px
    }
    .opl-contributions .branch-lines.level2:after {
        width: 5px
    }
    .opl-contributions .branch-lines.level2 .g-icon {
        top: -10px;
        right: 4px
    }
    .opl-contributions .branch-lines.level2 .g-icon:before {
        font-size: 8px
    }
}

.opl-contributions .branch-lines.level3 {
    margin-left: 100px
}

.opl-contributions .branch-lines.level3:before {
    width: 100px
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-contributions .branch-lines.level3 {
        margin-left: 70px
    }
    .opl-contributions .branch-lines.level3:before {
        width: 70px
    }
    .opl-contributions .branch-lines.level3:after {
        width: 10px
    }
    .opl-contributions .branch-lines.level3 .g-icon {
        right: 7px
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-contributions .branch-lines.level3 {
        margin-left: 40px
    }
    .opl-contributions .branch-lines.level3:before {
        width: 40px
    }
    .opl-contributions .branch-lines.level3:after {
        width: 5px
    }
    .opl-contributions .branch-lines.level3 .g-icon {
        top: -10px;
        right: 4px
    }
    .opl-contributions .branch-lines.level3 .g-icon:before {
        font-size: 8px
    }
}

.opl-input-line {
    display: inline-block;
    position: relative
}

.opl-input-line input {
    border: 0;
    border-bottom: 2px solid #000
}

.opl-input-line input::-webkit-input-placeholder {
    color: #fff
}

.opl-input-line input:-moz-placeholder {
    color: #fff
}

.opl-input-line input:-ms-input-placeholder {
    color: #fff
}

.opl-input-line input::placeholder {
    color: #fff
}

.opl-input-line-light input,
.opl-input-line:focus:not(:hover) input,
.opl-input-line:hover input,
.opl-input-line:not(.u-hide-focus):focus input,
.opl-input-line:not(:focus) input {
    border-bottom: 2px solid #fff;
    color: #fff;
    background: rgba(255, 255, 255, .08)
}

.opl-input-line-light input::-webkit-input-placeholder,
.opl-input-line:focus:not(:hover) input::-webkit-input-placeholder,
.opl-input-line:hover input::-webkit-input-placeholder,
.opl-input-line:not(.u-hide-focus):focus input::-webkit-input-placeholder,
.opl-input-line:not(:focus) input::-webkit-input-placeholder {
    color: #fff
}

.opl-input-line-light input:-moz-placeholder,
.opl-input-line:focus:not(:hover) input:-moz-placeholder,
.opl-input-line:hover input:-moz-placeholder,
.opl-input-line:not(.u-hide-focus):focus input:-moz-placeholder,
.opl-input-line:not(:focus) input:-moz-placeholder {
    color: #fff
}

.opl-input-line-light input:-ms-input-placeholder,
.opl-input-line:focus:not(:hover) input:-ms-input-placeholder,
.opl-input-line:hover input:-ms-input-placeholder,
.opl-input-line:not(.u-hide-focus):focus input:-ms-input-placeholder,
.opl-input-line:not(:focus) input:-ms-input-placeholder {
    color: #fff
}

.opl-input-line-light input::placeholder,
.opl-input-line:focus:not(:hover) input::placeholder,
.opl-input-line:hover input::placeholder,
.opl-input-line:not(.u-hide-focus):focus input::placeholder,
.opl-input-line:not(:focus) input::placeholder {
    color: #fff
}

.opl-input-line label {
    display: block;
    width: 100%;
    padding: 0
}

.opl-input-line label:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    border-bottom: 2px solid transparent;
    width: 0;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    white-space: nowrap;
    z-index: 1
}

.opl-input-line input:focus~label:before {
    width: 100%;
    border-bottom: 2px solid #ff7900
}

.opl-input-line--error label:before {
    width: 100%;
    border-bottom: 2px solid #cd3c14!important
}

.opl-input-line-dark:focus:not(:hover) input,
.opl-input-line-dark:hover input,
.opl-input-line-dark:not(.u-hide-focus):focus input,
.opl-input-line-dark:not(:focus) input {
    border-bottom: 2px solid #000;
    color: #000;
    background: rgba(0, 0, 0, .08);
    font-weight: 400
}

.opl-input-line-dark:focus:not(:hover) input::-webkit-input-placeholder,
.opl-input-line-dark:hover input::-webkit-input-placeholder,
.opl-input-line-dark:not(.u-hide-focus):focus input::-webkit-input-placeholder,
.opl-input-line-dark:not(:focus) input::-webkit-input-placeholder {
    color: #000!important;
    font-weight: 400
}

.opl-input-line-dark:focus:not(:hover) input:-moz-placeholder,
.opl-input-line-dark:hover input:-moz-placeholder,
.opl-input-line-dark:not(.u-hide-focus):focus input:-moz-placeholder,
.opl-input-line-dark:not(:focus) input:-moz-placeholder {
    color: #000!important;
    font-weight: 400
}

.opl-input-line-dark:focus:not(:hover) input:-ms-input-placeholder,
.opl-input-line-dark:hover input:-ms-input-placeholder,
.opl-input-line-dark:not(.u-hide-focus):focus input:-ms-input-placeholder,
.opl-input-line-dark:not(:focus) input:-ms-input-placeholder {
    color: #000!important;
    font-weight: 400
}

.opl-input-line-dark:focus:not(:hover) input::placeholder,
.opl-input-line-dark:hover input::placeholder,
.opl-input-line-dark:not(.u-hide-focus):focus input::placeholder,
.opl-input-line-dark:not(:focus) input::placeholder {
    color: #000!important;
    font-weight: 400
}

.opl-console-dropdown__list li:hover button:before,
.opl-knowledge-carousel .slick-dots li.slick-active button,
.opl-newsletter-bar,
.opl-wiking-gallery-single .slick-dots li.slick-active {
    background: #000
}

.opl-newsletter-bar .o-ci-label,
.opl-newsletter-bar p {
    color: #fff
}

.opl-newsletter-bar:not(.ie8) .opl-checkbox input:checked~.o-ci:after {
    color: #fff!important
}

.opl-newsletter-bar:not(.ie8) .opl-checkbox input:not(:checked)~.o-ci:before {
    background: 0 0!important;
    border-color: #fff
}

.opl-newsletter-bar .o-checkbox input:hover~.o-ci:before {
    border-color: #ff7900!important
}

.opl-newsletter-bar .o-checkbox input:focus~.o-ci:before {
    border-color: #ff7900
}

.opl-newsletter-bar--valid-info {
    color: #cd3c14!important
}

.opl-newsletter-bar--valid-chceckbox .o-ci:before {
    border-color: #cd3c14!important
}

.opl-newsletter-bar a {
    color: #fff;
    text-decoration: underline!important
}

.opl-glorious-slider--navigation .slick-current a,
.opl-newsletter-bar a:hover,
.opl-newsletter-bar--white a:hover {
    color: #ff7900
}

.opl-newsletter-bar .opl-btn {
    color: #fff;
    border-color: #fff
}

.opl-newsletter-bar .opl-btn:before,
.opl-newsletter-bar--white .opl-btn:before {
    background: 0 0
}

.opl-newsletter-bar .opl-btn:hover,
.opl-newsletter-bar .opl-btn:not(.u-hide-focus):focus {
    color: #fff;
    border-color: #fff
}

.opl-newsletter-bar .opl-btn:hover:before,
.opl-newsletter-bar .opl-btn:not(.u-hide-focus):focus:before {
    background: rgba(255, 255, 255, .2)
}

.opl-newsletter-bar .opl-btn.opl-btn-disabled,
.opl-newsletter-bar .opl-btn:disabled,
.opl-newsletter-bar .opl-btn[disabled] {
    border-color: #666;
    color: #666
}

.opl-newsletter-bar .opl-btn.opl-btn-disabled:before,
.opl-newsletter-bar .opl-btn:disabled:before,
.opl-newsletter-bar .opl-btn[disabled]:before {
    display: none
}

.opl-newsletter-bar .opl-btn.opl-btn-disabled:hover,
.opl-newsletter-bar .opl-btn.opl-btn-disabled:not(.u-hide-focus):focus,
.opl-newsletter-bar .opl-btn:disabled:hover,
.opl-newsletter-bar .opl-btn:disabled:not(.u-hide-focus):focus,
.opl-newsletter-bar .opl-btn[disabled]:hover,
.opl-newsletter-bar .opl-btn[disabled]:not(.u-hide-focus):focus {
    cursor: not-allowed;
    border-color: #666;
    color: #666
}

.opl-newsletter-bar .opl-btn.opl-btn-disabled:hover:before,
.opl-newsletter-bar .opl-btn.opl-btn-disabled:not(.u-hide-focus):focus:before,
.opl-newsletter-bar .opl-btn:disabled:hover:before,
.opl-newsletter-bar .opl-btn:disabled:not(.u-hide-focus):focus:before,
.opl-newsletter-bar .opl-btn[disabled]:hover:before,
.opl-newsletter-bar .opl-btn[disabled]:not(.u-hide-focus):focus:before {
    display: none
}

.opl-newsletter-bar--white {
    background: #fff!important
}

.opl-newsletter-bar--white .o-ci-label,
.opl-newsletter-bar--white a,
.opl-newsletter-bar--white p {
    color: #000
}

.opl-newsletter-bar--white:not(.ie8) .opl-checkbox input:not(:checked)~.o-ci:before {
    border-color: #ccc
}

.opl-newsletter-bar--white .opl-btn {
    color: #000;
    border-color: #000
}

.opl-newsletter-bar--white .opl-btn:hover,
.opl-newsletter-bar--white .opl-btn:not(.u-hide-focus):focus {
    color: #000;
    border-color: #000
}

.opl-newsletter-bar--white .opl-btn:hover:before,
.opl-newsletter-bar--white .opl-btn:not(.u-hide-focus):focus:before {
    background: rgba(0, 0, 0, .12)
}

.opl-newsletter-bar--white .opl-btn.opl-btn-disabled,
.opl-newsletter-bar--white .opl-btn:disabled,
.opl-newsletter-bar--white .opl-btn[disabled] {
    border-color: #666;
    color: #666
}

.opl-newsletter-bar--white .opl-btn.opl-btn-disabled:before,
.opl-newsletter-bar--white .opl-btn:disabled:before,
.opl-newsletter-bar--white .opl-btn[disabled]:before {
    display: none
}

.opl-newsletter-bar--white .opl-btn.opl-btn-disabled:hover,
.opl-newsletter-bar--white .opl-btn.opl-btn-disabled:not(.u-hide-focus):focus,
.opl-newsletter-bar--white .opl-btn:disabled:hover,
.opl-newsletter-bar--white .opl-btn:disabled:not(.u-hide-focus):focus,
.opl-newsletter-bar--white .opl-btn[disabled]:hover,
.opl-newsletter-bar--white .opl-btn[disabled]:not(.u-hide-focus):focus {
    cursor: not-allowed;
    border-color: #666;
    color: #666
}

.opl-newsletter-bar--white .opl-btn.opl-btn-disabled:hover:before,
.opl-newsletter-bar--white .opl-btn.opl-btn-disabled:not(.u-hide-focus):focus:before,
.opl-newsletter-bar--white .opl-btn:disabled:hover:before,
.opl-newsletter-bar--white .opl-btn:disabled:not(.u-hide-focus):focus:before,
.opl-newsletter-bar--white .opl-btn[disabled]:hover:before,
.opl-newsletter-bar--white .opl-btn[disabled]:not(.u-hide-focus):focus:before {
    display: none
}

.opl-tabs-horizontal-icon .opl-tabs__nav-wrapper-inner {
    height: auto;
    padding: 0
}

.opl-tabs-horizontal-icon .opl-tabs__nav-wrapper-inner:before {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px #ccc solid
}

.opl-tabs-horizontal-icon .opl-tabs__nav-item {
    padding-left: 0;
    padding-right: 0
}

.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link {
    display: block;
    padding: 0;
    font-weight: lighter;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden
}

.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link-inner {
    display: table;
    margin: 0 auto;
    padding-bottom: 1px
}

.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link-inner-wrap {
    display: table-cell;
    height: 100%;
    padding-left: 30px;
    padding-right: 30px;
    vertical-align: top
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-tabs-horizontal-icon .opl-tabs__nav-icon-link-inner-wrap {
        padding-left: 20px;
        padding-right: 20px
    }
}

.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link:active,
.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link:focus,
.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link:hover {
    color: inherit;
    text-decoration: inherit
}

@media all and (min-width:1259px) {
    .opl-tabs-horizontal-icon .opl-tabs__nav-icon-link:hover {
        color: #f16e00
    }
}

.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link.is-active,
.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link[aria-selected=true] {
    color: #f16e00
}

.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link .g-icon {
    display: block
}

.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link .g-icon:before {
    font-size: 52px;
    line-height: 62px
}

.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link .g-icon.energy:before {
    font-size: 110px
}

.opl-tabs-horizontal-icon .opl-tabs__nav-icon-link-description {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px
}

.opl-tabs-horizontal-icon .opl-tabs__nav-item__content {
    text-align: center;
    padding: 0
}

.opl-tabs-horizontal-icon .opl-tabs__nav-float-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    border-top: 3px #f16e00 solid;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: width .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -o-transition: width .4s ease-in-out, transform .4s ease-in-out;
    -moz-transition: width .4s ease-in-out, transform .4s ease-in-out, -moz-transform .4s ease-in-out;
    transition: width .4s ease-in-out, transform .4s ease-in-out;
    transition: width .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out, -moz-transform .4s ease-in-out
}

.opl-glorious {
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .2)
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.opl-glorious--call {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 56px;
    padding: 12px 60px 12px 20px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
    font-weight: 400;
    vertical-align: bottom
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious--call {
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px);
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 30px;
        height: 44px
    }
    .opl-glorious--call p {
        line-height: 44px!important;
        font-size: .8rem
    }
    .opl-glorious--call .opl-glorious--round-button {
        top: -8px
    }
    .opl-glorious--call .opl-glorious--round-button .opl-round-button {
        height: 60px;
        width: 60px
    }
    .opl-glorious--call .opl-glorious--round-button .opl-round-button .g-icon:before {
        font-size: 30px
    }
}

.opl-glorious--call p {
    color: #000;
    line-height: 14px
}

.opl-glorious--round-button {
    position: absolute;
    top: -8px;
    right: -30px;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2)
}

.opl-glorious--price {
    font-size: 7.8rem;
    line-height: 6.6rem
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious--price {
        font-size: 4.5rem;
        line-height: 3.5rem
    }
}

.opl-glorious--price-small {
    position: relative;
    font-size: 3.8rem;
    line-height: 3.8rem;
    vertical-align: top;
    margin-left: 10px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious--price-small {
        font-size: 1.8rem;
        line-height: 1.8rem
    }
}

.opl-glorious--price-bottom {
    position: absolute;
    bottom: -2rem;
    left: 0;
    font-size: 1.333rem;
    line-height: 1.333rem
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious--price-bottom {
        bottom: -1.6rem;
        font-size: 1rem;
        line-height: 1rem
    }
}

.opl-glorious--badges {
    position: relative;
    width: 140px;
    height: 140px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious--badges {
        width: 100px;
        height: 100px
    }
}

.opl-glorious--badges:hover .opl-glorious--badges-bg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.opl-glorious--badges-small {
    width: 90px;
    height: 90px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious--badges-small {
        width: 75px;
        height: 75px
    }
}

.opl-glorious--badges-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.opl-glorious--badges-text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-glorious-grid {
    overflow: hidden
}

.opl-glorious-grid p,
.opl-glorious-slider--content p {
    cursor: pointer;
    color: #fff
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-glorious-grid--title {
        font-size: 2.4rem
    }
}

.opl-glorious-grid--item {
    padding: 0!important
}

.opl-glorious-grid--box {
    position: relative;
    width: 100%
}

.opl-glorious-grid--box:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.opl-glorious-grid--box-bg {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.opl-glorious-grid--box-half:after {
    padding-bottom: 50%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious-grid--box-small-half:after {
        padding-bottom: 50%!important
    }
    .opl-glorious-grid--box-small-double:after {
        padding-bottom: 200%!important
    }
    .opl-glorious-grid--box-small-80:after {
        padding-bottom: 80%!important
    }
    .opl-glorious-grid--box-small-125:after {
        padding-bottom: 125%!important
    }
    .opl-glorious-grid--box-small-155:after {
        padding-bottom: 155%!important
    }
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-glorious-grid--box-medium-half:after {
        padding-bottom: 50%!important
    }
    .opl-glorious-grid--box-medium-60:after {
        padding-bottom: 60%
    }
    .opl-glorious-grid--box-medium-120:after {
        padding-bottom: 120%
    }
}

.opl-glorious-grid--vertical {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious-grid--vertical {
        padding: 20px
    }
}

.opl-glorious-grid--vertical-50 {
    width: 50%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious-grid--vertical-50 {
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.opl-glorious-grid--content-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious-grid--content-top {
        padding: 20px
    }
}

.opl-glorious-grid--content-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 30px;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious-grid--content-bottom {
        padding: 20px;
        font-size: .8rem
    }
}

.opl-glorious-grid--content-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right
}

.opl-glorious-grid--content-image img {
    height: 100%;
    width: auto
}

.new-login-panel .login-article__list li,
.opl-glorious--wrapper {
    position: relative
}

.opl-glorious--wrapper:after {
    content: "";
    display: block;
    padding-bottom: 50%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious--wrapper:after {
        padding-bottom: -webkit-calc(110% + 40px);
        padding-bottom: -moz-calc(110% + 40px);
        padding-bottom: calc(110% + 40px)
    }
}

.opl-glorious-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.opl-glorious-slider--slide {
    display: none
}

.opl-glorious-slider--slide[aria-hidden=false] {
    display: block
}

.opl-glorious-slider--content {
    position: relative;
    width: 100%
}

.opl-glorious-slider--content.slick-initialized {
    height: -webkit-calc(100% - 80px)!important;
    height: -moz-calc(100% - 80px)!important;
    height: calc(100% - 80px)!important
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious-slider--content.slick-initialized {
        height: -webkit-calc(100% - 40px)!important;
        height: -moz-calc(100% - 40px)!important;
        height: calc(100% - 40px)!important
    }
}

.opl-glorious-slider--navigation {
    width: 100%;
    height: 80px;
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    -moz-transition: opacity .6s;
    transition: opacity .6s
}

.opl-glorious-slider--navigation.slick-initialized {
    height: 80px!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious-slider--navigation {
        text-align: center
    }
    .opl-glorious-slider--navigation.slick-initialized {
        height: 30px!important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

@media all and (min-width:768px) {
    .opl-glorious-slider--navigation .slick-track {
        display: table
    }
}

.opl-glorious-slider--navigation-item {
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 5px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

@media all and (min-width:768px) {
    .opl-glorious-slider--navigation-item.slick-slide {
        display: table-cell;
        vertical-align: middle;
        float: none
    }
    .opl-glorious-slider--navigation-item.slick-slide p {
        margin-top: -4px
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious-slider--navigation-item {
        width: auto!important;
        padding-top: 12px;
        padding-left: 0;
        margin-left: 8px;
        margin-right: 8px;
        float: none;
        display: inline-block!important
    }
    .opl-glorious-slider--navigation-item p {
        display: none
    }
}

.opl-glorious-slider--navigation .slick-current {
    border-top: 5px solid #f16e00;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #f16e00
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious-slider--navigation .slick-current {
        border-color: transparent
    }
    .opl-glorious-slider--navigation .slick-current .opl-glorious-slider--dot {
        background: #000;
        width: 10px;
        height: 10px;
        margin-top: -3px
    }
}

.opl-glorious-slider--item {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.opl-glorious-slider--dot {
    display: none;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ccc
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-glorious-slider--dot {
        display: block
    }
}

.opl-availability-calendar .fc-bg table,
.opl-glorious-slider .slick-list,
.opl-glorious-slider .slick-track {
    height: 100%
}

.opl-round-button {
    position: relative;
    height: 75px;
    width: 75px;
    border: 0;
    background: 0 0
}

.opl-round-button--bg,
.opl-round-button--icon {
    display: block;
    position: absolute;
    left: 0;
    width: 100%
}

.opl-round-button--bg {
    height: 100%;
    border-radius: 50%;
    top: 0;
    z-index: 1
}

.opl-round-button--icon {
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.animation--scale .opl-round-button--bg {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.animation--scale:hover>.opl-round-button--bg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.animation--icon-shake:hover>.opl-round-button--icon>.g-icon {
    -webkit-animation-name: shake-rotate;
    -moz-animation-name: shake-rotate;
    animation-name: shake-rotate;
    -webkit-animation-duration: 2000ms;
    -moz-animation-duration: 2000ms;
    animation-duration: 2000ms;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animation--icon-shake .g-icon {
    display: inline-block;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

@-webkit-keyframes shake-rotate {
    2%,
    34%,
    60% {
        -webkit-transform: translate(0, 0) rotate(3.5deg);
        transform: translate(0, 0) rotate(3.5deg)
    }
    4%,
    48%,
    84%,
    96% {
        -webkit-transform: translate(0, 0) rotate(-1.5deg);
        transform: translate(0, 0) rotate(-1.5deg)
    }
    6%,
    78%,
    82% {
        -webkit-transform: translate(0, 0) rotate(-5.5deg);
        transform: translate(0, 0) rotate(-5.5deg)
    }
    18%,
    66%,
    8%,
    86% {
        -webkit-transform: translate(0, 0) rotate(.5deg);
        transform: translate(0, 0) rotate(.5deg)
    }
    10%,
    26%,
    32%,
    68%,
    74%,
    90%,
    94% {
        -webkit-transform: translate(0, 0) rotate(4.5deg);
        transform: translate(0, 0) rotate(4.5deg)
    }
    12%,
    52%,
    56% {
        -webkit-transform: translate(0, 0) rotate(-3.5deg);
        transform: translate(0, 0) rotate(-3.5deg)
    }
    14%,
    16%,
    38% {
        -webkit-transform: translate(0, 0) rotate(5.5deg);
        transform: translate(0, 0) rotate(5.5deg)
    }
    20%,
    76%,
    98% {
        -webkit-transform: translate(0, 0) rotate(7.5deg);
        transform: translate(0, 0) rotate(7.5deg)
    }
    22%,
    30%,
    40%,
    46%,
    50%,
    72%,
    92% {
        -webkit-transform: translate(0, 0) rotate(-4.5deg);
        transform: translate(0, 0) rotate(-4.5deg)
    }
    24%,
    62% {
        -webkit-transform: translate(0, 0) rotate(-.5deg);
        transform: translate(0, 0) rotate(-.5deg)
    }
    28%,
    58%,
    64% {
        -webkit-transform: translate(0, 0) rotate(2.5deg);
        transform: translate(0, 0) rotate(2.5deg)
    }
    36%,
    54%,
    70%,
    88% {
        -webkit-transform: translate(0, 0) rotate(-6.5deg);
        transform: translate(0, 0) rotate(-6.5deg)
    }
    42%,
    44%,
    80% {
        -webkit-transform: translate(0, 0) rotate(1.5deg);
        transform: translate(0, 0) rotate(1.5deg)
    }
    0%,
    to {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@-moz-keyframes shake-rotate {
    2%,
    34%,
    60% {
        -moz-transform: translate(0, 0) rotate(3.5deg);
        transform: translate(0, 0) rotate(3.5deg)
    }
    4%,
    48%,
    84%,
    96% {
        -moz-transform: translate(0, 0) rotate(-1.5deg);
        transform: translate(0, 0) rotate(-1.5deg)
    }
    6%,
    78%,
    82% {
        -moz-transform: translate(0, 0) rotate(-5.5deg);
        transform: translate(0, 0) rotate(-5.5deg)
    }
    18%,
    66%,
    8%,
    86% {
        -moz-transform: translate(0, 0) rotate(.5deg);
        transform: translate(0, 0) rotate(.5deg)
    }
    10%,
    26%,
    32%,
    68%,
    74%,
    90%,
    94% {
        -moz-transform: translate(0, 0) rotate(4.5deg);
        transform: translate(0, 0) rotate(4.5deg)
    }
    12%,
    52%,
    56% {
        -moz-transform: translate(0, 0) rotate(-3.5deg);
        transform: translate(0, 0) rotate(-3.5deg)
    }
    14%,
    16%,
    38% {
        -moz-transform: translate(0, 0) rotate(5.5deg);
        transform: translate(0, 0) rotate(5.5deg)
    }
    20%,
    76%,
    98% {
        -moz-transform: translate(0, 0) rotate(7.5deg);
        transform: translate(0, 0) rotate(7.5deg)
    }
    22%,
    30%,
    40%,
    46%,
    50%,
    72%,
    92% {
        -moz-transform: translate(0, 0) rotate(-4.5deg);
        transform: translate(0, 0) rotate(-4.5deg)
    }
    24%,
    62% {
        -moz-transform: translate(0, 0) rotate(-.5deg);
        transform: translate(0, 0) rotate(-.5deg)
    }
    28%,
    58%,
    64% {
        -moz-transform: translate(0, 0) rotate(2.5deg);
        transform: translate(0, 0) rotate(2.5deg)
    }
    36%,
    54%,
    70%,
    88% {
        -moz-transform: translate(0, 0) rotate(-6.5deg);
        transform: translate(0, 0) rotate(-6.5deg)
    }
    42%,
    44%,
    80% {
        -moz-transform: translate(0, 0) rotate(1.5deg);
        transform: translate(0, 0) rotate(1.5deg)
    }
    0%,
    to {
        -moz-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes shake-rotate {
    2%,
    34%,
    60% {
        -webkit-transform: translate(0, 0) rotate(3.5deg);
        -moz-transform: translate(0, 0) rotate(3.5deg);
        transform: translate(0, 0) rotate(3.5deg)
    }
    4%,
    48%,
    84%,
    96% {
        -webkit-transform: translate(0, 0) rotate(-1.5deg);
        -moz-transform: translate(0, 0) rotate(-1.5deg);
        transform: translate(0, 0) rotate(-1.5deg)
    }
    6%,
    78%,
    82% {
        -webkit-transform: translate(0, 0) rotate(-5.5deg);
        -moz-transform: translate(0, 0) rotate(-5.5deg);
        transform: translate(0, 0) rotate(-5.5deg)
    }
    18%,
    66%,
    8%,
    86% {
        -webkit-transform: translate(0, 0) rotate(.5deg);
        -moz-transform: translate(0, 0) rotate(.5deg);
        transform: translate(0, 0) rotate(.5deg)
    }
    10%,
    26%,
    32%,
    68%,
    74%,
    90%,
    94% {
        -webkit-transform: translate(0, 0) rotate(4.5deg);
        -moz-transform: translate(0, 0) rotate(4.5deg);
        transform: translate(0, 0) rotate(4.5deg)
    }
    12%,
    52%,
    56% {
        -webkit-transform: translate(0, 0) rotate(-3.5deg);
        -moz-transform: translate(0, 0) rotate(-3.5deg);
        transform: translate(0, 0) rotate(-3.5deg)
    }
    14%,
    16%,
    38% {
        -webkit-transform: translate(0, 0) rotate(5.5deg);
        -moz-transform: translate(0, 0) rotate(5.5deg);
        transform: translate(0, 0) rotate(5.5deg)
    }
    20%,
    76%,
    98% {
        -webkit-transform: translate(0, 0) rotate(7.5deg);
        -moz-transform: translate(0, 0) rotate(7.5deg);
        transform: translate(0, 0) rotate(7.5deg)
    }
    22%,
    30%,
    40%,
    46%,
    50%,
    72%,
    92% {
        -webkit-transform: translate(0, 0) rotate(-4.5deg);
        -moz-transform: translate(0, 0) rotate(-4.5deg);
        transform: translate(0, 0) rotate(-4.5deg)
    }
    24%,
    62% {
        -webkit-transform: translate(0, 0) rotate(-.5deg);
        -moz-transform: translate(0, 0) rotate(-.5deg);
        transform: translate(0, 0) rotate(-.5deg)
    }
    28%,
    58%,
    64% {
        -webkit-transform: translate(0, 0) rotate(2.5deg);
        -moz-transform: translate(0, 0) rotate(2.5deg);
        transform: translate(0, 0) rotate(2.5deg)
    }
    36%,
    54%,
    70%,
    88% {
        -webkit-transform: translate(0, 0) rotate(-6.5deg);
        -moz-transform: translate(0, 0) rotate(-6.5deg);
        transform: translate(0, 0) rotate(-6.5deg)
    }
    42%,
    44%,
    80% {
        -webkit-transform: translate(0, 0) rotate(1.5deg);
        -moz-transform: translate(0, 0) rotate(1.5deg);
        transform: translate(0, 0) rotate(1.5deg)
    }
    0%,
    to {
        -webkit-transform: translate(0, 0) rotate(0);
        -moz-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

.opl-wwt-form {
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .2)
}

.opl-wwt-form p {
    cursor: pointer
}

.opl-wwt-form:after,
.opl-wwt-form:before {
    content: ' ';
    display: table
}

.opl-wwt-form:after {
    clear: both
}

.opl-wwt-form--image {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-wwt-form--image {
        display: none
    }
}

.opl-wwt-form--image:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.opl-wwt-form--image-arrow {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    overflow: hidden
}

.opl-wwt-form--image-arrow:before {
    content: '';
    position: absolute;
    top: -webkit-calc(50% - 30px);
    top: -moz-calc(50% - 30px);
    top: calc(50% - 30px);
    right: 12px;
    height: 30px;
    width: 30px;
    background: 0 0;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 0 5000px #ffd200;
    box-shadow: 0 0 0 5000px #ffd200
}

.opl-wwt-form .opl-autocomplete ul.ui-autocomplete {
    border: 0;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2)
}

.opl-wwt-form .opl-autocomplete ul.ui-autocomplete li.ui-menu-item {
    padding-left: 20px;
    padding-right: 20px;
    border: 0
}

.opl-wwt-form .opl-autocomplete ul.ui-autocomplete li.ui-menu-item span {
    font-style: normal
}

.opl-wwt-form .opl-autocomplete ul.ui-autocomplete .loadAllClass {
    color: #000;
    font-weight: 700;
    padding-bottom: 10px
}

.opl-search-responsive {
    border-top: 1px solid #232323;
    background: #232323;
    color: #fff;
    padding: 25px 0;
    width: 100%;
    position: absolute;
    z-index: 3;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, .07);
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, .07)
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-search-responsive {
        display: none
    }
}

.opl-knowledge2__menu nav.is-fixed,
.opl-search-responsive__fixed {
    position: fixed
}

.opl-search-responsive.opened {
    visibility: visible;
    height: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.opl-search-responsive-close {
    width: 40px;
    height: 40px;
    background: 0 0;
    border: 0
}

.opl-search-responsive-close:hover {
    color: #ff7900
}

.opl-search-responsive .g-icon:after,
.opl-search-responsive .g-icon:before {
    font-size: 14px
}

.opl-search-responsive__autocompelte ul {
    padding-top: 20px;
    width: 100%!important
}

.opl-search-responsive__autocompelte ul li {
    padding: 10px 0 10px 10px
}

.opl-search-responsive__autocompelte ul li.ui-state-focus,
.opl-search-responsive__autocompelte ul li:hover {
    background: #f16e00;
    color: #fff
}

.opl-search-responsive__button-white {
    display: none
}

.opl-progress-bar {
    width: 200px;
    height: 200px
}

.opl-progress-bar--content {
    text-align: center
}

.opl-switch-btn,
.opl-switch-btn label {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-switch-btn {
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 46px;
    height: 50px;
    width: 320px
}

.opl-switch-btn input {
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0
}

.opl-switch-btn label {
    float: left;
    width: 50%;
    color: #000;
    height: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.opl-switch-btn input:checked+label {
    color: #fff
}

.opl-switch-btn input:checked+label .g-icon {
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    margin-left: 0
}

.opl-switch-btn--right:checked~.opl-switch-btn--bg {
    left: -webkit-calc(100% - 3px);
    left: -moz-calc(100% - 3px);
    left: calc(100% - 3px);
    margin-left: -50%
}

.opl-switch-btn--text {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 2
}

.opl-switch-btn--text span:last-child {
    display: block;
    text-align: center
}

.opl-switch-btn--text .g-icon {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity .3s, margin .5s;
    -o-transition: opacity .3s, margin .5s;
    -moz-transition: opacity .3s, margin .5s;
    transition: opacity .3s, margin .5s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    margin-left: 50px
}

.opl-switch-btn--text-l {
    left: 5px
}

.opl-switch-btn--text-r {
    left: 0
}

.opl-switch-btn--bg {
    position: absolute;
    width: 50%;
    height: -webkit-calc(100% - 6px);
    height: -moz-calc(100% - 6px);
    height: calc(100% - 6px);
    top: 3px;
    left: 3px;
    background: #ff7900;
    border-radius: 44px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 1
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-switch-btn {
        max-width: 100%
    }
    .opl-switch-btn--vertical-mobile {
        width: 50px;
        height: 100px;
        border-radius: 46px
    }
    .opl-switch-btn--vertical-mobile.u-w-100 {
        width: 50px!important
    }
    .opl-switch-btn--vertical-mobile label {
        float: none;
        width: 100%;
        color: #000;
        height: 50%;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        overflow: visible
    }
    .opl-switch-btn--vertical-mobile input:checked+label {
        color: #000
    }
    .opl-switch-btn--vertical-mobile input:checked+label .g-icon {
        color: #fff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        margin-left: 0
    }
    .opl-switch-btn--vertical-mobile input:checked+label span>span:last-child {
        color: #ff7900
    }
    .opl-switch-btn--vertical-mobile .opl-switch-btn--right:checked~.opl-switch-btn--bg {
        top: -webkit-calc(50% + 3px);
        top: -moz-calc(50% + 3px);
        top: calc(50% + 3px);
        margin-left: -webkit-calc(-100% + 6px);
        margin-left: -moz-calc(-100% + 6px);
        margin-left: calc(-100% + 6px)
    }
    .opl-switch-btn--vertical-mobile .opl-switch-btn--text {
        display: block;
        position: absolute;
        z-index: 2
    }
    .opl-switch-btn--vertical-mobile .opl-switch-btn--text span:last-child {
        width: 25vw;
        overflow: hidden;
        -webkit-transform: translateX(60px);
        -moz-transform: translateX(60px);
        -ms-transform: translateX(60px);
        transform: translateX(60px);
        text-align: left;
        -webkit-transition: color .3s ease .1s;
        -o-transition: color .3s ease .1s;
        -moz-transition: color .3s ease .1s;
        transition: color .3s ease .1s;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
    .opl-switch-btn--vertical-mobile .opl-switch-btn--text .g-icon {
        color: #fff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transition: opacity .5s;
        -o-transition: opacity .5s;
        -moz-transition: opacity .5s;
        transition: opacity .5s;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin-left: 0
    }
    .opl-switch-btn--vertical-mobile .opl-switch-btn--text-l {
        left: 0
    }
    .opl-switch-btn--vertical-mobile .opl-switch-btn--text-r {
        left: 0;
        top: -webkit-calc(50% - 3px);
        top: -moz-calc(50% - 3px);
        top: calc(50% - 3px)
    }
    .opl-switch-btn--vertical-mobile .opl-switch-btn--bg {
        width: -webkit-calc(100% - 6px);
        width: -moz-calc(100% - 6px);
        width: calc(100% - 6px);
        height: -webkit-calc(50% - 6px);
        height: -moz-calc(50% - 6px);
        height: calc(50% - 6px);
        top: 3px;
        left: 3px;
        background: #ff7900;
        border-radius: 50%;
        -webkit-transition: all .3s ease .1s;
        -o-transition: all .3s ease .1s;
        -moz-transition: all .3s ease .1s;
        transition: all .3s ease .1s;
        z-index: 1
    }
    .o-icon-list--small-no-col,
    .o-icon-list--small-no-col .o-icon-list__icon,
    .o-icon-list--small-no-col .o-icon-list__item,
    .o-icon-list--small-no-col .o-icon-list__text {
        display: block;
        width: auto
    }
    .o-icon-list--small-no-col .o-icon-list__icon {
        padding-right: 0;
        padding-bottom: 20px
    }
}

@-webkit-keyframes ripple {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        width: 200%;
        padding-bottom: 200%
    }
}

@-moz-keyframes ripple {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        width: 200%;
        padding-bottom: 200%
    }
}

@keyframes ripple {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        width: 200%;
        padding-bottom: 200%
    }
}

.opl-ripple-box,
.opl-ripple-circle {
    position: absolute!important;
    background: 0 0
}

.opl-ripple-box {
    overflow: hidden!important;
    z-index: 0!important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.opl-ripple-box.animate .opl-ripple-circle {
    -webkit-animation: ripple;
    -moz-animation: ripple;
    animation: ripple;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear
}

.opl-ripple-circle {
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    width: 0;
    height: 0;
    border-radius: 50%
}

.opl-rating {
    display: inline-block;
    position: relative
}

.opl-rating .g-icon {
    padding: 0 3px;
    display: inline-block
}

.opl-rating .g-icon:before {
    color: #ddd
}

.opl-rating-bar {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    width: 50%
}

.opl-rating-bar .g-icon:before {
    color: #f16e00
}

.opl-rating--clickable .opl-checkbox,
.opl-rating--clickable .opl-radio {
    min-width: 32px;
    padding: 0
}

.opl-rating--clickable .opl-checkbox .g-icon:before,
.opl-rating--clickable .opl-radio .g-icon:before {
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    -moz-transition: color .2s ease;
    transition: color .2s ease
}

.opl-rating--clickable .opl-checkbox .g-icon.checked:before,
.opl-rating--clickable .opl-checkbox input:checked~.g-icon:before,
.opl-rating--clickable .opl-radio .g-icon.checked:before,
.opl-rating--clickable .opl-radio input:checked~.g-icon:before {
    color: #ff7900!important
}

.opl-rating--clickable .opl-checkbox .g-icon:not(.checked):hover:before,
.opl-rating--clickable .opl-checkbox input:not(:checked) .g-icon:hover:before,
.opl-rating--clickable .opl-radio .g-icon:not(.checked):hover:before,
.opl-rating--clickable .opl-radio input:not(:checked) .g-icon:hover:before {
    color: #ccc
}

.login-box {
    min-height: 300px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.login-box .login-box__title {
    font-size: 28px
}

.login-box .login-box__checkbox {
    color: #000
}

.login-box .login-box__left-arrow:before {
    font-size: 14px
}

.login-box .login-box__padlock:before {
    position: relative;
    top: 0
}

.login-box .login-box__error {
    color: #dc3c14
}

.login-box .s-captcha .captcha-item {
    margin-right: 15px;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid #f0f0f0
}

.login-box .s-captcha .captcha-item.error {
    border: 3px solid #dc3c14
}

.login-box .s-captcha .alert {
    padding-left: 0!important;
    color: #dc3c14;
    font-weight: 700
}

.login-box .s-captcha .alert:before {
    display: none
}

.login-box .login-box__warning-alert {
    position: relative;
    top: 3px;
    color: #ffd200
}

.login-box .login-box__warning-alert:before {
    font-size: 18px
}

.new-login-panel .l-row {
    max-width: 1220px
}

.new-login-panel h2 {
    margin: 0 0 .421878em;
    color: #000;
    font-size: 2em;
    font-weight: 700;
    line-height: normal
}

.new-login-panel h2,
.new-login-panel h3 {
    font-family: Arial, sans-serif
}

.new-login-panel .login-article__title {
    font-size: 1.666666em;
    font-weight: 400
}

.new-login-panel .login-article__list {
    margin-left: 35px
}

.new-login-panel .login-article__list li:before {
    content: '';
    width: 35px;
    height: 30px;
    position: absolute;
    top: -2px;
    left: -35px;
    background: url(../images/tick.jpg) no-repeat
}

.new-login-panel .login-article__shop {
    width: 30%;
    height: 40px;
    margin: 0 10px 10px 0;
    display: inline-block
}

.new-login-panel .login-article__shop--android {
    background: url(../images/android.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.new-login-panel .login-article__shop--ios {
    background: url(../images/ios.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.new-login-panel .login-article__shop--windows-store {
    background: url(../images/windows-store.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

@media all and (max-width:767px) {
    .new-login-panel .login-article__shop {
        width: 150px
    }
}

.opl-stb-container__footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.opl-stb-container__footer-links {
    display: inline-block;
    padding-right: 40px
}

.opl-stb-container__footer-links .g-icon {
    padding-right: 10px
}

.opl-stb-container .opl-carousel__nav--prev {
    left: 10px
}

.opl-stb-container .opl-carousel__nav--next {
    right: 10px
}

.opl-dropdown-select {
    display: inline-block;
    position: relative;
    width: auto;
    border: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-dropdown-select--btn {
    position: relative;
    width: 100%;
    color: #000;
    padding: 16px 45px 15px 15px;
    background: #f5f5f5;
    border: 0;
    border-bottom: 2px solid #ddd;
    font-weight: 700;
    text-align: left;
    cursor: pointer
}

.opl-dropdown-select--btn:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    z-index: 3;
    background: #000;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    -moz-transition: width .3s ease;
    transition: width .3s ease
}

.opl-dropdown-select--btn:focus:after {
    width: 100%
}

.opl-dropdown-select--btn:before {
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: 'CustomIcons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
    content: "";
    color: #000;
    font-size: 20px
}

.opl-dropdown-select--btn:after {
    color: #000;
    font-size: 20px
}

.opl-dropdown-select--primary,
.opl-dropdown-select--white .opl-dropdown-select--btn {
    background: #fff
}

.opl-dropdown-select:hover .opl-dropdown-select--btn:after {
    width: 100%
}

.opl-dropdown-select--list {
    display: none;
    position: absolute;
    background: #fff;
    top: -webkit-calc(100% - 1px);
    top: -moz-calc(100% - 1px);
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    z-index: 2
}

.opl-dropdown-select--list li [data-option] {
    display: inline-block;
    width: 100%;
    padding: 15px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-dropdown-select--list li [data-option]:focus,
.opl-dropdown-select--list li [data-option]:hover {
    background: #ff7900;
    color: #fff;
    outline: 0!important
}

.opl-dropdown-select.is-open .opl-dropdown-select--btn,
.opl-dropdown-select.is-open .opl-dropdown-select--list {
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .1)
}

.opl-dropdown-select.is-open .opl-dropdown-select--btn {
    background: #fff
}

.opl-dropdown-select.is-open .opl-dropdown-select--btn:after {
    background: 0 0
}

.opl-dropdown-select.is-open .opl-dropdown-select--btn:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #ff7900
}

.tabed .opl-dropdown-select--btn {
    outline: 0!important
}

.opl-availability-calendar .fc {
    direction: ltr;
    text-align: left
}

.opl-availability-calendar .fc-rtl {
    text-align: right
}

.opl-availability-calendar body .fc {
    font-size: 1em
}

.opl-availability-calendar .fc-unthemed .fc-content,
.opl-availability-calendar .fc-unthemed .fc-divider,
.opl-availability-calendar .fc-unthemed .fc-list-heading td,
.opl-availability-calendar .fc-unthemed .fc-list-view,
.opl-availability-calendar .fc-unthemed .fc-popover,
.opl-availability-calendar .fc-unthemed .fc-row,
.opl-availability-calendar .fc-unthemed tbody,
.opl-availability-calendar .fc-unthemed td,
.opl-availability-calendar .fc-unthemed th,
.opl-availability-calendar .fc-unthemed thead {
    border-color: #ddd
}

.opl-availability-calendar .fc-unthemed .fc-popover {
    background-color: #fff
}

.opl-availability-calendar .fc-unthemed .fc-divider,
.opl-availability-calendar .fc-unthemed .fc-list-heading td,
.opl-availability-calendar .fc-unthemed .fc-popover .fc-header {
    background: #eee
}

.opl-availability-calendar .fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666
}

.opl-availability-calendar .fc-highlight {
    background: #bce8f1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: .3
}

.opl-availability-calendar .fc-bgevent {
    background: #8fdf82;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: .3
}

.opl-availability-calendar .fc-nonbusiness {
    background: #d7d7d7
}

.opl-availability-calendar .fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: .3
}

.opl-availability-calendar .ui-widget .fc-disabled-day {
    background-image: none
}

.opl-availability-calendar .fc-icon {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New", Courier, monospace;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.opl-availability-calendar .fc-icon:after {
    position: relative
}

.opl-availability-calendar .fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.opl-availability-calendar .fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: 700;
    font-size: 200%;
    top: -7%
}

.opl-availability-calendar .fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%
}

.opl-availability-calendar .fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%
}

.opl-availability-calendar .fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%
}

.opl-availability-calendar .fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%
}

.opl-availability-calendar .fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%
}

.opl-availability-calendar .fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%
}

.opl-availability-calendar .fc button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    white-space: nowrap;
    cursor: pointer
}

.opl-availability-calendar .fc button .fc-icon {
    position: relative;
    top: -.05em;
    margin: 0 .2em;
    vertical-align: middle
}

.opl-availability-calendar .fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, left, right);
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.opl-availability-calendar .fc-state-hover {
    background-color: #e6e6e6
}

.opl-availability-calendar .fc-state-active,
.opl-availability-calendar .fc-state-down {
    color: #333
}

.opl-availability-calendar .fc-state-disabled {
    color: #333;
    background-color: #e6e6e6
}

.opl-availability-calendar .fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.opl-availability-calendar .fc-state-active,
.opl-availability-calendar .fc-state-down {
    background-color: #ccc;
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.opl-availability-calendar .fc-state-disabled {
    cursor: default;
    background-image: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

.opl-availability-calendar .fc-button-group {
    display: inline-block
}

.opl-availability-calendar .fc .fc-button-group>* {
    float: left;
    margin: 0 0 0 -1px
}

.opl-availability-calendar .fc .fc-button-group>:first-child {
    margin-left: 0
}

.opl-availability-calendar .fc-popover {
    position: absolute;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.opl-availability-calendar .fc-popover .fc-header {
    padding: 2px 4px
}

.opl-availability-calendar .fc-popover .fc-header .fc-title {
    margin: 0 2px
}

.opl-availability-calendar .fc-popover .fc-header .fc-close,
.opl-availability-calendar a[data-goto] {
    cursor: pointer
}

.opl-availability-calendar .fc-ltr .fc-popover .fc-header .fc-title,
.opl-availability-calendar .fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}

.opl-availability-calendar .fc-ltr .fc-popover .fc-header .fc-close,
.opl-availability-calendar .fc-rtl .fc-popover .fc-header .fc-title {
    float: right
}

.opl-availability-calendar .fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px
}

.opl-availability-calendar .fc-popover>.ui-widget-header+.ui-widget-content,
.opl-availability-calendar .fc-row .fc-content-skeleton tbody td,
.opl-availability-calendar .fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.opl-availability-calendar .fc-divider,
.opl-availability-calendar .fc-unthemed .fc-popover {
    border-style: solid;
    border-width: 1px
}

.opl-availability-calendar hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0
}

.opl-availability-calendar .fc-clear {
    clear: both
}

.opl-availability-calendar .fc-bg,
.opl-availability-calendar .fc-bgevent-skeleton,
.opl-availability-calendar .fc-helper-skeleton,
.opl-availability-calendar .fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.opl-availability-calendar .fc-bg {
    bottom: 0
}

.opl-availability-calendar .fc table {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em
}

.opl-availability-calendar .fc th {
    text-align: center
}

.opl-availability-calendar .fc td,
.opl-availability-calendar .fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top
}

.opl-availability-calendar .fc td.fc-today {
    border-style: double
}

.opl-availability-calendar .fc-list-item-title a[href]:hover,
.opl-availability-calendar a.fc-more:hover,
.opl-availability-calendar a[data-goto]:hover {
    text-decoration: underline
}

.opl-availability-calendar .fc .fc-row {
    border-style: solid;
    border-width: 0
}

.opl-availability-calendar .fc-row,
.opl-availability-calendar .fc-toolbar button {
    position: relative
}

.opl-availability-calendar .fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.opl-availability-calendar .fc-row:first-child table {
    border-top: 0 hidden transparent
}

.opl-availability-calendar .fc-row .fc-bg {
    z-index: 1
}

.opl-availability-calendar .fc-row .fc-bgevent-skeleton,
.opl-availability-calendar .fc-row .fc-highlight-skeleton {
    bottom: 0
}

.opl-availability-calendar .fc-row .fc-bgevent-skeleton table,
.opl-availability-calendar .fc-row .fc-highlight-skeleton table {
    height: 100%
}

.opl-availability-calendar .fc-row .fc-bgevent-skeleton td,
.opl-availability-calendar .fc-row .fc-highlight-skeleton td {
    border-color: transparent
}

.opl-availability-calendar .fc-row .fc-bgevent-skeleton {
    z-index: 2
}

.opl-availability-calendar .fc-row .fc-highlight-skeleton {
    z-index: 3
}

.opl-availability-calendar .fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px
}

.opl-availability-calendar .fc-row .fc-helper-skeleton {
    z-index: 5
}

.opl-availability-calendar .fc-row .fc-content-skeleton td,
.opl-availability-calendar .fc-row .fc-helper-skeleton td {
    background: 0 0;
    border-color: transparent;
    border-bottom: 0
}

.opl-availability-calendar .fc-scroller {
    -webkit-overflow-scrolling: touch
}

.opl-availability-calendar .fc-scroller>.fc-day-grid,
.opl-availability-calendar .fc-scroller>.fc-time-grid {
    position: relative;
    width: 100%
}

.opl-availability-calendar .fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border: 1px solid #3a87ad;
    font-weight: 400;
    background-color: #3a87ad
}

.opl-availability-calendar .fc-event-dot {
    background-color: #3a87ad
}

.opl-availability-calendar .fc-event,
.opl-availability-calendar .fc-event:hover,
.opl-availability-calendar .ui-widget .fc-event {
    color: #fff;
    text-decoration: none
}

.opl-availability-calendar .fc-event.fc-draggable,
.opl-availability-calendar .fc-event[href] {
    cursor: pointer
}

.opl-availability-calendar .fc-not-allowed,
.opl-availability-calendar .fc-not-allowed .fc-event {
    cursor: not-allowed
}

.opl-availability-calendar .fc-event .fc-bg {
    z-index: 1
}

.opl-availability-calendar .fc-event .fc-content {
    position: relative;
    z-index: 2
}

.opl-availability-calendar .fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none
}

.opl-availability-calendar .fc-event.fc-allow-mouse-resize .fc-resizer,
.opl-availability-calendar .fc-event.fc-selected .fc-resizer {
    display: block
}

.opl-availability-calendar .fc-event.fc-selected {
    z-index: 9999!important;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.opl-availability-calendar .fc-event.fc-selected .fc-resizer:before {
    content: "";
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px
}

.opl-availability-calendar .fc-event.fc-selected.fc-dragging {
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 7px rgba(0, 0, 0, .3)
}

.opl-availability-calendar .fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}

.opl-availability-calendar .fc-ltr .fc-h-event.fc-not-start,
.opl-availability-calendar .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.opl-availability-calendar .fc-ltr .fc-h-event.fc-not-end,
.opl-availability-calendar .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.opl-availability-calendar .fc-ltr .fc-h-event .fc-start-resizer,
.opl-availability-calendar .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px
}

.opl-availability-calendar .fc-ltr .fc-h-event .fc-end-resizer,
.opl-availability-calendar .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px
}

.opl-availability-calendar .fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px
}

.opl-availability-calendar .fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px
}

.opl-availability-calendar .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.opl-availability-calendar .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px
}

.opl-availability-calendar .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.opl-availability-calendar .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px
}

.opl-availability-calendar .fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px
}

.opl-availability-calendar tr:first-child>td>.fc-day-grid-event {
    margin-top: 2px
}

.opl-availability-calendar .fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    opacity: .25
}

.opl-availability-calendar .fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden
}

.opl-availability-calendar .fc-day-grid-event .fc-time {
    font-weight: 700
}

.opl-availability-calendar .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.opl-availability-calendar .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px
}

.opl-availability-calendar .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.opl-availability-calendar .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px
}

.opl-availability-calendar a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

.opl-availability-calendar .fc-limited {
    display: none
}

.opl-availability-calendar .fc-day-grid .fc-row {
    z-index: 1
}

.opl-availability-calendar .fc-more-popover {
    z-index: 2;
    width: 220px
}

.opl-availability-calendar .fc-more-popover .fc-event-container {
    padding: 10px
}

.opl-availability-calendar .fc-now-indicator {
    position: absolute;
    border: 0 solid red
}

.opl-availability-calendar .fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.opl-availability-calendar .fc-basic-view td.fc-week-number,
.opl-availability-calendar .fc-toolbar {
    text-align: center
}

.opl-availability-calendar .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em
}

.opl-availability-calendar .fc-toolbar.fc-footer-toolbar {
    margin-top: 1em
}

.opl-availability-calendar .fc-toolbar .fc-left {
    float: left
}

.opl-availability-calendar .fc-ltr .fc-basic-view .fc-day-top .fc-day-number,
.opl-availability-calendar .fc-toolbar .fc-right {
    float: right
}

.opl-availability-calendar .fc-toolbar .fc-center {
    display: inline-block
}

.opl-availability-calendar .fc .fc-toolbar>*>* {
    float: left;
    margin-left: .75em
}

.opl-availability-calendar .fc .fc-toolbar>*>:first-child {
    margin-left: 0
}

.opl-availability-calendar .fc-toolbar .fc-state-hover,
.opl-availability-calendar .fc-toolbar .ui-state-hover {
    z-index: 2
}

.opl-availability-calendar .fc-toolbar .fc-state-down {
    z-index: 3
}

.opl-availability-calendar .fc-toolbar .fc-state-active,
.opl-availability-calendar .fc-toolbar .ui-state-active {
    z-index: 4
}

.opl-availability-calendar .fc-toolbar button:focus {
    z-index: 5
}

.opl-availability-calendar .fc-view-container *,
.opl-availability-calendar .fc-view-container:after,
.opl-availability-calendar .fc-view-container:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.opl-availability-calendar .fc-time-grid-container,
.opl-availability-calendar .fc-view,
.opl-availability-calendar .fc-view>table {
    position: relative;
    z-index: 1
}

.opl-availability-calendar .fc-basicDay-view .fc-content-skeleton,
.opl-availability-calendar .fc-basicWeek-view .fc-content-skeleton {
    padding-bottom: 1em
}

.opl-availability-calendar .fc-basic-view .fc-body .fc-row {
    min-height: 4em
}

.opl-availability-calendar .fc-row.fc-rigid {
    overflow: hidden
}

.opl-availability-calendar .fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.opl-availability-calendar .fc-day-top.fc-other-month {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: .3
}

.opl-availability-calendar .fc-basic-view .fc-day-number,
.opl-availability-calendar .fc-basic-view .fc-week-number {
    padding: 2px
}

.opl-availability-calendar .fc-basic-view th.fc-day-number,
.opl-availability-calendar .fc-basic-view th.fc-week-number {
    padding: 0 2px
}

.opl-availability-calendar .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left
}

.opl-availability-calendar .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px 0
}

.opl-availability-calendar .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px
}

.opl-availability-calendar .fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: gray
}

.opl-availability-calendar .fc-basic-view td.fc-week-number>* {
    display: inline-block;
    min-width: 1.25em
}

.opl-availability-calendar .fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

.opl-availability-calendar .fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}

.opl-availability-calendar .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-bottom: 1em
}

.opl-availability-calendar .fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}

.opl-availability-calendar .fc-ltr .fc-axis {
    text-align: right
}

.opl-availability-calendar .fc-rtl .fc-axis {
    text-align: left
}

.opl-availability-calendar .ui-widget td.fc-axis {
    font-weight: 400
}

.opl-availability-calendar .fc-time-grid {
    position: relative;
    z-index: 1;
    min-height: 100%
}

.opl-availability-calendar .fc-time-grid table {
    border: 0 hidden transparent
}

.opl-availability-calendar .fc-time-grid>.fc-bg {
    z-index: 1
}

.opl-availability-calendar .fc-time-grid .fc-slats,
.opl-availability-calendar .fc-time-grid>hr {
    position: relative;
    z-index: 2
}

.opl-availability-calendar .fc-time-grid .fc-content-col {
    position: relative
}

.opl-availability-calendar .fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0
}

.opl-availability-calendar .fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1
}

.opl-availability-calendar .fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2
}

.opl-availability-calendar .fc-time-grid .fc-highlight-container {
    z-index: 3
}

.opl-availability-calendar .fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4
}

.opl-availability-calendar .fc-time-grid .fc-now-indicator-line {
    z-index: 5
}

.opl-availability-calendar .fc-time-grid .fc-helper-container {
    position: relative;
    z-index: 6
}

.opl-availability-calendar .fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0
}

.opl-availability-calendar .fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted
}

.opl-availability-calendar .fc-time-grid .fc-slats .ui-widget-content {
    background: 0 0
}

.opl-availability-calendar .fc-time-grid .fc-highlight-container,
.opl-category-tree li {
    position: relative
}

.opl-availability-calendar .fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0
}

.opl-availability-calendar .fc-time-grid .fc-event {
    position: absolute;
    z-index: 1
}

.opl-availability-calendar .fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0
}

.opl-availability-calendar .fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.opl-availability-calendar .fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.opl-availability-calendar .fc-time-grid-event.fc-selected {
    overflow: visible
}

.opl-availability-calendar .fc-time-grid-event.fc-selected .fc-bg,
.opl-availability-calendar .fc-time-grid-event.fc-short .fc-time span {
    display: none
}

.opl-availability-calendar .fc-time-grid-event,
.opl-availability-calendar .fc-time-grid-event .fc-content {
    overflow: hidden
}

.opl-availability-calendar .fc-time-grid-event .fc-time,
.opl-availability-calendar .fc-time-grid-event .fc-title {
    padding: 0 1px
}

.opl-availability-calendar .fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}

.opl-availability-calendar .fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}

.opl-availability-calendar .fc-time-grid-event.fc-short .fc-time,
.opl-availability-calendar .fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

.opl-availability-calendar .fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start)
}

.opl-availability-calendar .fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0"
}

.opl-availability-calendar .fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.opl-availability-calendar .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

.opl-availability-calendar .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "="
}

.opl-availability-calendar .fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px
}

.opl-availability-calendar .fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0
}

.opl-availability-calendar .fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px
}

.opl-availability-calendar .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.opl-availability-calendar .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.opl-availability-calendar .fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px
}

.opl-availability-calendar .fc-rtl .fc-list-view {
    direction: rtl
}

.opl-availability-calendar .fc-list-view {
    border-width: 1px;
    border-style: solid
}

.opl-availability-calendar .fc .fc-list-table {
    table-layout: auto
}

.opl-availability-calendar .fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px
}

.opl-availability-calendar .fc-list-table tr:first-child td {
    border-top-width: 0
}

.opl-availability-calendar .fc-list-heading {
    border-bottom-width: 1px
}

.opl-availability-calendar .fc-list-heading td {
    font-weight: 700
}

.opl-availability-calendar .fc-ltr .fc-list-heading-main {
    float: left
}

.opl-availability-calendar .fc-ltr .fc-list-heading-alt,
.opl-availability-calendar .fc-rtl .fc-list-heading-main {
    float: right
}

.opl-availability-calendar .fc-rtl .fc-list-heading-alt {
    float: left
}

.opl-availability-calendar .fc-list-item.fc-has-url {
    cursor: pointer
}

.opl-availability-calendar .fc-list-item:hover td {
    background-color: #f5f5f5
}

.opl-availability-calendar .fc-list-item-marker,
.opl-availability-calendar .fc-list-item-time {
    white-space: nowrap;
    width: 1px
}

.opl-availability-calendar .fc-ltr .fc-list-item-marker {
    padding-right: 0
}

.opl-availability-calendar .fc-rtl .fc-list-item-marker {
    padding-left: 0
}

.opl-availability-calendar .fc-list-item-title a {
    text-decoration: none;
    color: inherit
}

.opl-availability-calendar .fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.opl-availability-calendar .fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table
}

.opl-availability-calendar .fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.opl-availability-calendar .fc-unthemed .fc-list-empty {
    background-color: #eee
}

.opl-availability-calendar .fc-button {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #000;
    border-radius: 0!important;
    color: #000
}

.opl-availability-calendar .fc-button:hover {
    background: rgba(0, 0, 0, .12)
}

.opl-availability-calendar .fc-prev-button {
    margin-right: 5px!important;
    height: 30px
}

.opl-availability-calendar .fc-next-button:after,
.opl-availability-calendar .fc-prev-button:after {
    font-family: 'CustomIcons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 100%;
    text-align: center;
    line-height: 28px;
    font-size: 12px
}

.opl-availability-calendar .fc-next-button {
    margin-left: 5px!important;
    height: 30px
}

.opl-availability-calendar .fc-next-button:after {
    content: "";
    height: 35px
}

.opl-feature-object {
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    -moz-transition: color .2s ease;
    transition: color .2s ease;
    width: 100%;
    max-width: 230px;
    max-height: 230px;
    margin: 0 auto;
    display: table;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-feature-object:hover .opl-feature-object__inner-wrapper:before {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.opl-feature-object--featured .opl-feature-object__inner-wrapper:before,
.opl-feature-object:hover .opl-feature-object__inner-wrapper:before {
    -webkit-box-shadow: 0 14px 18px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 14px 18px 0 rgba(0, 0, 0, .15)
}

.opl-feature-object--featured .opl-feature-object__inner-wrapper:after {
    background-color: #ddd;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.opl-feature-object--featured:hover .opl-feature-object__inner-wrapper:after,
.opl-feature-object.opl-feature-object--zoomed .opl-feature-object__inner-wrapper:before,
.opl-feature-object__inner-wrapper:before:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.opl-feature-object--featured .opl-feature-object__separator {
    border-color: #fff
}

.opl-feature-object.opl-feature-object--zoomed .opl-feature-object__inner-wrapper:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.opl-feature-object.opl-feature-object--zoom-in-zoom-out img,
.opl-feature-object__inner-wrapper:before {
    -webkit-transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    -moz-transition: transform .2s ease, -moz-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.opl-feature-object.opl-feature-object--zoom-in-zoom-out .g-icon:after,
.opl-feature-object.opl-feature-object--zoom-in-zoom-out .g-icon:before {
    -webkit-transition: font-size .2s ease;
    -o-transition: font-size .2s ease;
    -moz-transition: font-size .2s ease;
    transition: font-size .2s ease;
    font-size: 44px
}

@media all and (max-width:567px) {
    .opl-feature-object.opl-feature-object--zoom-in-zoom-out .g-icon:after,
    .opl-feature-object.opl-feature-object--zoom-in-zoom-out .g-icon:before {
        font-size: 30px
    }
}

.opl-feature-object.opl-feature-object--zoom-in-zoom-out:hover .opl-feature-object__inner-wrapper:before {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-box-shadow: none;
    box-shadow: none
}

.opl-feature-object--image-icon:hover .opl-feature-object__inner-img,
.opl-feature-object.opl-feature-object--zoom-in-zoom-out:hover .opl-feature-object__inner-wrapper:after {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.opl-feature-object.opl-feature-object--zoom-in-zoom-out:hover img {
    -webkit-transform: scale(1.1)!important;
    -moz-transform: scale(1.1)!important;
    -ms-transform: scale(1.1)!important;
    transform: scale(1.1)!important
}

.opl-feature-object.opl-feature-object--zoom-in-zoom-out:hover .g-icon:after,
.opl-feature-object.opl-feature-object--zoom-in-zoom-out:hover .g-icon:before {
    font-size: 50px
}

@media all and (max-width:567px) {
    .opl-feature-object.opl-feature-object--zoom-in-zoom-out:hover .g-icon:after,
    .opl-feature-object.opl-feature-object--zoom-in-zoom-out:hover .g-icon:before {
        font-size: 35px
    }
}

.js-selected .opl-feature-object {
    background-color: #ddd;
    color: #fff
}

.opl-feature-object--wiking {
    width: 74px;
    height: 74px
}

.opl-feature-object--wiking img {
    height: 66px
}

.opl-feature-object--wiking-v2 {
    width: 90px;
    height: 90px
}

.opl-feature-object--wiking-v2 img {
    height: 90px
}

.opl-feature-object--small-phone {
    max-width: 60px;
    max-height: 60px
}

.opl-feature-object--small-phone img {
    height: 60px
}

.opl-feature-object--medium-phone {
    max-width: 120px;
    max-height: 120px
}

.opl-feature-object--medium-phone img {
    height: 120px
}

.opl-feature-object--mobile-medium-desktop-small {
    max-width: 80px;
    max-height: 80px
}

.opl-feature-object--mobile-medium-desktop-small img {
    max-height: 80px
}

@media all and (max-width:767px) {
    .opl-feature-object--mobile-medium-desktop-small {
        max-width: 120px;
        max-height: 120px
    }
    .opl-feature-object--mobile-medium-desktop-small img {
        max-height: 100px
    }
}

@media all and (max-width:567px) {
    .opl-feature-object--mobile-medium-desktop-small img {
        max-height: 60px
    }
}

.opl-feature-object--whatnext-phone {
    width: 120px;
    height: 120px
}

.opl-feature-object--whatnext-phone img {
    height: 120px
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-feature-object--whatnext-phone {
        width: 150px;
        height: 150px
    }
    .opl-feature-object--whatnext-phone img {
        height: 150px
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-feature-object--whatnext-phone {
        width: 100%;
        height: 100%
    }
    .opl-feature-object--whatnext-phone img {
        height: 120px
    }
}

.opl-feature-object--small {
    max-width: 150px;
    max-height: 150px
}

.opl-feature-object--medium {
    max-width: 180px;
    max-height: 180px
}

.opl-feature-object__content {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.opl-feature-object__content--pull-up {
    top: -15px
}

.opl-feature-object__content--pull-left {
    left: -15px
}

.opl-feature-object__inner {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.opl-feature-object__inner .g-icon,
.opl-feature-object__inner img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.opl-feature-object__inner-wrapper {
    position: relative;
    width: 100%
}

.opl-feature-object__inner-wrapper:before {
    content: '';
    display: block;
    padding-bottom: 100%;
    -webkit-transition: background-color .2s ease, -webkit-box-shadow .2s ease, -webkit-transform .2s ease;
    -o-transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
    -moz-transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease, -moz-transform .2s ease;
    transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
    transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease, -webkit-box-shadow .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease;
    background-color: #f2f2f2;
    border-radius: 50%
}

.opl-feature-object__inner-wrapper:after {
    content: '';
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transition: background-color .2s ease, opacity .2s ease, -webkit-transform .2s ease;
    -o-transition: background-color .2s ease, opacity .2s ease, transform .2s ease;
    -moz-transition: background-color .2s ease, opacity .2s ease, transform .2s ease, -moz-transform .2s ease;
    transition: background-color .2s ease, opacity .2s ease, transform .2s ease;
    transition: background-color .2s ease, opacity .2s ease, transform .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease;
    background-color: #f2f2f2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.opl-feature-object__inner-wrapper .opl-badge {
    z-index: 1
}

.opl-feature-object__inner-wrapper.opl-feature-object-darker:before {
    background-color: #ddd
}

.opl-feature-object__inner .img-vertival {
    max-width: 90%;
    vertical-align: middle;
    display: inline-block
}

.opl-feature-object__big-horizontal {
    width: 150%
}

.opl-feature-object__title {
    position: absolute;
    top: 16%;
    width: 100%;
    font-weight: 700;
    margin-left: -15px
}

.opl-feature-object__title--no-icon {
    margin-left: 0
}

.opl-feature-object__separator {
    -webkit-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    transition: border-color .2s ease;
    max-width: 155px;
    border-bottom: 2px solid #d0d0d0;
    display: inline-block
}

.opl-feature-object__label {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    max-width: 250px;
    max-height: 250px;
    cursor: pointer;
    z-index: 1;
    padding: 0
}

.opl-feature-object .opl-channel,
.opl-feature-object .opl-speed {
    position: absolute;
    top: 28%;
    text-align: center;
    width: 100%
}

.opl-feature-object .opl-channel {
    top: 16%
}

.opl-feature-object.opl-skin-black {
    background-color: transparent
}

.opl-feature-object--image-icon .g-icon {
    color: #fff
}

.opl-feature-object--image-icon .g-icon:after,
.opl-feature-object--image-icon .g-icon:before {
    -webkit-transition: font-size .2s ease;
    -o-transition: font-size .2s ease;
    -moz-transition: font-size .2s ease;
    transition: font-size .2s ease;
    font-size: 26px!important
}

.opl-feature-object--image-icon:hover .g-icon:after,
.opl-feature-object--image-icon:hover .g-icon:before {
    font-size: 36px!important
}

.opl-feature-object--image-icon .opl-feature-object__inner {
    z-index: 3
}

.opl-feature-object--image-icon .opl-feature-object__inner-wrapper:before {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.opl-feature-object--image-icon .opl-feature-object__inner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.opl-feature-object--image-icon .opl-feature-object__inner-layer {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%
}

.opl-feature-object--image-icon .opl-feature-object__inner-layer:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
    z-index: 3;
    pointer-events: none
}

.opl-switcher-list__item {
    padding: 15px;
    border: 2px solid transparent;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2);
    -webkit-transition: border ease-in-out .1s;
    -o-transition: border ease-in-out .1s;
    -moz-transition: border ease-in-out .1s;
    transition: border ease-in-out .1s
}

.opl-switcher-list__item.is-selected {
    border-color: #ff7900;
    -webkit-box-shadow: none;
    box-shadow: none
}

.opl-category-tree__trigger {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.2rem;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    -moz-transition: .3s all;
    transition: .3s all;
    cursor: pointer
}

.opl-category-tree__trigger:hover {
    text-decoration: none
}

.opl-category-tree .o-ci-label {
    font-weight: 400
}

.opl-category-tree .is-expanded~.opl-category-tree__trigger {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.opl-tags__list {
    list-style-type: none;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle
}

.opl-tags__item {
    position: relative;
    margin: 5px 10px 5px 0;
    padding: 5px 20px 5px 5px;
    float: left;
    background: #eee;
    color: #000;
    font-weight: 400;
    border-radius: 2px;
    cursor: pointer
}

.opl-tags__delete,
.opl-tags__item,
.opl-tags__item img,
.opl-tags__item p {
    display: inline-block
}

.opl-tags__item.ui-sortable-helper .opl-tags__delete:after {
    display: none
}

.opl-tags__delete {
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 10px
}

.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:after,
.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:before,
.opl-tags__delete:after,
.opl-tags__delete:before {
    font-family: 'CustomIcons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    content: "";
    font-size: 10px;
    line-height: 14px
}

.opl-tags__delete:before {
    display: none
}

.opl-tags__delete:after {
    display: inline-block
}

.opl-comparator,
.opl-tags__deleteAll {
    display: table-cell;
    vertical-align: middle
}

.opl-comparator {
    list-style-type: none;
    padding-right: 10px
}

.opl-comparator__item,
.opl-comparator__placeholder {
    position: relative;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin: 5px 20px 5px 0;
    padding: 5px;
    float: left
}

.opl-comparator__item img,
.opl-comparator__placeholder img {
    max-height: 130%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    z-index: 1;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.opl-comparator__item:after,
.opl-comparator__placeholder:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    -moz-transition: .4s ease;
    transition: .4s ease
}

.opl-comparator__placeholder:after {
    background-color: #eee
}

.opl-comparator__item:hover img,
.opl-comparator__placeholder:hover img {
    max-height: 140%
}

.opl-comparator__item:hover:after,
.opl-comparator__placeholder:hover:after {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.opl-comparator__item:after {
    background-color: #ff7900
}

.opl-checkout__icon__cell,
.opl-checkout__image__cell {
    width: 100px
}

@media all and (max-width:767px) {
    .opl-checkout__icon__cell,
    .opl-checkout__image__cell {
        width: 60px
    }
}

.opl-checkout__button__cell {
    width: 40px
}

img.opl-checkout__image--phone {
    max-width: 50px;
    max-height: 60px
}

.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger {
    position: relative;
    display: inline-block;
    padding-left: 30px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger {
        padding-left: 40px
    }
}

.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:after,
.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:before {
    line-height: 1;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 20px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:after,
    .opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:before {
        top: 0;
        left: 10px
    }
}

.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:before {
    display: inline-block
}

.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:after {
    display: none
}

.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:focus:not(.u-hide-focus),
.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:hover,
.opl-checkout__section__title,
.opl-checkout__section__title:focus:not(.u-hide-focus),
.opl-checkout__section__title:hover {
    color: #000;
    text-decoration: none
}

.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:hover:after,
.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:hover:before {
    -webkit-animation-name: arrow-move;
    -moz-animation-name: arrow-move;
    animation-name: arrow-move;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: 2;
    -moz-animation-iteration-count: 2;
    animation-iteration-count: 2
}

.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:hover:before {
    display: inline-block
}

.opl-checkout__section--togglable .opl-checkout__section__header .opl-checkout__section__trigger:hover:after {
    display: none
}

.opl-checkout__section--togglable.is-expanded .opl-checkout__section__header .opl-checkout__section__trigger:after,
.opl-checkout__section--togglable.is-expanded .opl-checkout__section__header .opl-checkout__section__trigger:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.opl-checkout__section--togglable.is-expanded .opl-checkout__section__header .opl-checkout__section__trigger:before {
    display: inline-block
}

.opl-checkout__section.is-expanded>.opl-checkout__section__content {
    display: block
}

.opl-checkout__section-hide,
.opl-checkout__section-show {
    position: absolute;
    left: -9999px
}

.is-expanded-show,
.is-expanding-show,
.opl-checkout__section--togglable.is-expanded .opl-checkout__section__header .opl-checkout__section__trigger:after,
.opl-checkout__section--togglable>.opl-checkout__section__content,
.opl-checkout__section-hide,
.opl-checkout__section.is-expanded .opl-checkout__section-show {
    display: none
}

.opl-checkout__section.is-expanded .is-expanded-show,
.opl-checkout__section.is-expanded .opl-checkout__section-hide,
.opl-checkout__section.is-expanding .is-expanding-show {
    display: block
}

.opl-checkout__section.is-expanded .is-expanded-hide,
.opl-checkout__section.is-expanding .is-expanding-hide {
    display: none
}

.opl-checkout__item__remove {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    line-height: 12px;
    overflow: hidden;
    padding: 10px
}

.opl-checkout__item__remove:after,
.opl-checkout__item__remove:before {
    font-family: 'CustomIcons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
    content: "";
    font-size: 12px
}

.opl-checkout__item__remove:before {
    display: inline-block
}

.opl-checkout__item__remove:after,
.opl-wiking-gallery-navigation .slick-current .opl-feature-object__inner-img,
.opl-wiking-gallery-single .slick-dots li button {
    display: none
}

.opl-multicheckout-option-box__item {
    position: relative;
    border: 1px solid #ddd;
    cursor: pointer
}

.opl-multicheckout-option-box input[type=radio]:checked~label {
    border: 2px solid #f16e00
}

.opl-price-v2 {
    display: table;
    line-height: .73;
    font-weight: 700;
    white-space: nowrap
}

.opl-price-v2__part {
    display: table-cell;
    vertical-align: top
}

.opl-price-v2__decimal,
.opl-price-v2__suffix,
.opl-price-v2__whole {
    display: block
}

.opl-price-v2__whole {
    font-size: 60px
}

.opl-price-v2__separator {
    position: absolute!important;
    left: -9999px!important
}

.opl-price-v2__decimal {
    font-size: 30px
}

.opl-price-v2__suffix {
    font-size: 16px;
    margin-bottom: -10px;
    padding-top: 10px;
    padding-left: 2px
}

.opl-wiking-gallery-navigation {
    padding-top: 25px;
    padding-bottom: 25px
}

.opl-wiking-gallery-navigation .opl-carousel__nav--next,
.opl-wiking-gallery-navigation .opl-carousel__nav--prev {
    left: -webkit-calc(50% - 15px);
    left: -moz-calc(50% - 15px);
    left: calc(50% - 15px);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.opl-wiking-gallery-navigation .opl-carousel__nav--prev {
    margin-top: 0;
    top: 0
}

.opl-wiking-gallery-navigation .opl-carousel__nav--next:before,
.opl-wiking-gallery-navigation .opl-carousel__nav--prev:before {
    font-size: 14px
}

.opl-wiking-gallery-navigation .opl-carousel__nav--next {
    top: auto;
    bottom: 0;
    right: auto
}

.opl-wiking-gallery-navigation .slick-current .opl-feature-object__inner-wrapper:before {
    background: #f16e00
}

.opl-wiking-gallery-navigation .slick-slide,
.opl-wiking-product-menu li a:hover {
    cursor: pointer
}

.opl-wiking-gallery-single {
    height: 450px;
    overflow: hidden
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-wiking-gallery-single {
        height: 300px
    }
}

.opl-wiking-gallery-single .slick-dots {
    width: 100%;
    text-align: center
}

.opl-wiking-gallery-single .slick-dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #999;
    margin: 5px;
    padding: 0;
    cursor: pointer
}

.opl-wiking-gallery-single--item {
    height: 460px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-wiking-gallery-single--item {
        height: 330px
    }
}

.opl-wiking-gallery-single--wrapper {
    display: inline-block;
    width: auto;
    margin: 30px 0;
    height: 400px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-wiking-gallery-single--wrapper {
        height: 300px;
        margin-bottom: 0
    }
}

.opl-wiking-gallery-single--wrapper img {
    height: 100%
}

.opl-wiking-product-menu {
    padding: 20px 0;
    -webkit-box-shadow: 0 10px 15px -2px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 15px -2px rgba(0, 0, 0, .2)
}

.opl-wiking-product-menu li {
    margin: 0 10px;
    padding-bottom: 10px;
    display: inline-block
}

.opl-wiking-product-menu li a {
    font-weight: 700;
    text-decoration: none
}

.opl-wiking-product-menu li.active {
    border-bottom: 4px solid #f16e00
}

.opl-wiking-product-menu li.active a {
    color: #f16e00
}

.opl-wiking-expander__trigger {
    position: absolute;
    display: none;
    width: 100%;
    top: 0;
    padding: 15px 0;
    left: 0;
    cursor: pointer
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-wiking-expander__trigger {
        display: block
    }
}

.opl-wiking-expander__trigger .g-icon:before,
.opl-wiking-expander__trigger--plus .g-icon:before {
    font-size: 18px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.opl-wiking-expander__trigger[aria-expanded=true] .g-icon:after,
.opl-wiking-expander__trigger[aria-expanded=true] .g-icon:before {
    top: -3px;
    left: 2px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.opl-wiking-expander__trigger--plus {
    display: block;
    text-align: right
}

.opl-wiking-expander__trigger--plus .g-icon:before {
    font-size: 12px
}

.opl-wiking-expander__trigger--plus[aria-expanded=true] .g-icon:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-wiking-expander__container {
        position: relative;
        padding: 15px 0;
        border-top: 1px solid #ddd
    }
    .opl-wiking-expander__content {
        display: none
    }
}

.opl-wiking-comments .opl-progress--availability {
    margin-top: 4px;
    padding: 4px
}

.opl-wiking-comments .opl-rating {
    margin-left: -7px
}

.opl-wiking-comments__value {
    margin-top: 4px
}

.opl-wiking-comments textarea {
    resize: none;
    min-height: 100px
}

.opl-wiking-manufacturers__wrapper {
    position: relative;
    width: 33.333333%;
    float: left
}

.opl-wiking-manufacturers__wrapper:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.opl-product-box,
.opl-wiking-manufacturers__item,
.opl-wiking-manufacturers__item a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.opl-wiking-manufacturers__item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding-right: 10px;
    padding-bottom: 10px
}

.opl-product-box,
.opl-wiking-manufacturers__item a {
    display: block
}

.opl-wiking-manufacturers__item a {
    text-align: center;
    height: 100%;
    border: 1px solid #ccc
}

.opl-wiking-manufacturers__item a.active,
.opl-wiking-manufacturers__item a:hover {
    border: 2px solid #f16e00
}

.opl-wiking-manufacturers__item a:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.opl-wiking-manufacturers__item a img {
    display: inline-block;
    vertical-align: middle;
    width: 80%
}

.opl-product-box {
    position: relative;
    margin: 0;
    border: 0;
    -webkit-transition: -webkit-box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
    padding: 10px;
    text-decoration: none;
    color: #000
}

.opl-product-box__section {
    padding: 0;
    position: relative
}

.opl-product-box__image-wrapper {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px
}

.opl-product-box__image-wrapper:hover img {
    top: 40%
}

.opl-product-box__image-content img,
.opl-product-box__image-content:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.opl-product-box__image-content:before {
    content: '';
    width: 80%;
    height: 80%;
    border-radius: 50%;
    background: 0 0;
    -webkit-transition: background .2s ease;
    -o-transition: background .2s ease;
    -moz-transition: background .2s ease;
    transition: background .2s ease
}

.opl-product-box__image-content:after {
    display: block;
    content: '';
    padding-top: 100%
}

.opl-product-box__image-content img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: top .2s ease;
    -o-transition: top .2s ease;
    -moz-transition: top .2s ease;
    transition: top .2s ease
}

.opl-product-box__image-content.is-compared:before {
    background: #ff7900
}

.opl-product-box:hover,
.opl-product-box:not(.u-hide-focus):focus {
    text-decoration: none;
    color: #000;
    -webkit-box-shadow: 0 5px 15px 5px rgba(0, 0, 0, .14);
    box-shadow: 0 5px 15px 5px rgba(0, 0, 0, .14);
    border: 0
}

.opl-product-box--bordered {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.opl-product-box--bordered:hover,
.opl-product-box--bordered:not(.u-hide-focus):focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.opl-product-box--bordered__wrapper {
    position: relative
}

.opl-product-box--bordered__wrapper:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-product-box--bordered-medium {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }
    .opl-product-box--bordered-medium:hover,
    .opl-product-box--bordered-medium:not(.u-hide-focus):focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }
    .opl-product-box--bordered-medium__wrapper {
        position: relative
    }
    .opl-product-box--bordered-medium__wrapper:before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 1;
        border-right: 2px solid #fff;
        border-left: 2px solid #fff
    }
}

@media all and (max-width:767px) {
    .opl-product-box--bordered-small {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }
    .opl-product-box--bordered-small:hover,
    .opl-product-box--bordered-small:not(.u-hide-focus):focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }
    .opl-product-box--bordered-small__wrapper {
        position: relative
    }
    .opl-product-box--bordered-small__wrapper:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 1;
        border-right: 2px solid #fff;
        border-left: 2px solid #fff
    }
}

.opl-error-page__inner {
    position: relative
}

@media all and (min-width:768px) {
    .opl-error-page__inner {
        height: 480px
    }
}

.opl-error-page__status-code {
    font-size: 8em;
    line-height: 1;
    font-weight: 400
}

@media all and (max-width:1258px) {
    .opl-error-page__status-code {
        font-size: 6em
    }
}

.opl-error-page__status-message {
    font-size: 3em
}

@media all and (max-width:1258px) {
    .opl-error-page__status-message {
        font-size: 2em
    }
}

.opl-error-page__link-list li+li {
    padding-top: 5px
}

.opl-error-page__bgimg {
    position: absolute
}

@media all and (max-width:767px) {
    .opl-error-page__bgimg {
        display: none
    }
}

.opl-error-page__bgimg--bottom-left,
.opl-error-page__bgimg--bottom-right {
    bottom: 0
}

.opl-error-page__bgimg--middle-left,
.opl-error-page__bgimg--middle-right {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.opl-error-page__bgimg--top-left,
.opl-error-page__bgimg--top-right {
    top: 0
}

.opl-error-page__bgimg--bottom-left,
.opl-error-page__bgimg--middle-left,
.opl-error-page__bgimg--top-left {
    left: 0
}

.opl-error-page__bgimg--bottom-right,
.opl-error-page__bgimg--middle-right,
.opl-error-page__bgimg--top-right {
    right: 0
}

.opl-error-page--400 .opl-error-page__bgimg-1 {
    margin-left: 80px
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-error-page--400 .opl-error-page__bgimg-1 {
        margin-left: 0
    }
}

.opl-error-page--400 .opl-error-page__bgimg-2 {
    margin-bottom: 100px
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-error-page--400 .opl-error-page__bgimg-2 {
        margin-left: -60px
    }
}

.opl-error-page--400 .opl-error-page__bgimg-3 {
    margin-left: 280px
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-error-page--400 .opl-error-page__bgimg-3 {
        margin-left: 140px
    }
}

.opl-error-page--400 .opl-error-page__bgimg-4 {
    margin-bottom: 80px
}

.opl-console,
.opl-console-container {
    background: #fff
}

.opl-console-container .l-page-row {
    position: relative
}

.opl-console-container .console-row {
    position: relative;
    height: 63px;
    padding: 25px 15px;
    display: none
}

.opl-console {
    min-height: 40px;
    border-left: 10px solid #32c832;
    padding: 10px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    z-index: 3
}

.opl-console a,
.opl-console button {
    font-size: 12px;
    color: #000
}

.opl-console button {
    text-decoration: none
}

.opl-console a:focus,
.opl-console a:hover,
.opl-console button:focus,
.opl-console button:hover {
    outline: 0!important
}

.opl-console a.opl-btn-line,
.opl-console button.opl-btn-line {
    border: 1px solid #000;
    padding: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-console button.opl-console-button--green {
    color: #fff
}

.opl-console a {
    text-decoration: underline
}

.opl-console label,
.opl-console p,
.opl-console-select .o-select__arrow:after,
.opl-console-select .o-select__arrow:before {
    font-size: 12px
}

.opl-console select,
.opl-console-select select {
    border: 1px solid #ddd;
    padding: 12px 10px;
    height: 40px;
    font-size: 12px;
    font-weight: 700
}

.opl-console--reset {
    border-left: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.opl-console--no-border {
    border-left: none
}

.opl-console--w-auto {
    width: auto!important
}

.opl-console--list label {
    padding-bottom: 0
}

.opl-console--arrow-out {
    position: relative;
    z-index: 0
}

.opl-console--arrow-out:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 35px;
    height: 20px;
    width: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff
}

.opl-console--left-arrow {
    position: relative
}

.opl-console--left-arrow:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #32c832
}

.opl-console--left-border {
    border-left: 10px solid #32c832
}

.opl-console--ecare-container {
    position: relative
}

.opl-console--ecare-box {
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 20px;
    padding: 15px 15px 18px;
    margin-bottom: -11px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: 1
}

.opl-console--ecare-box-arrow {
    position: absolute
}

.opl-console--ecare-box-arrow:before {
    content: '';
    position: absolute;
    top: -24px;
    left: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 16px;
    height: 16px
}

.opl-console--ecare-box .opl-list--squared li {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px
}

.opl-console--content-data {
    margin: 20px 15px
}

.opl-console--radio-switch {
    border: 1px solid #ddd;
    font-size: 12px
}

.opl-console--radio-switch .opl-btn,
.opl-console--radio-switch .opl-btn:before {
    border: 2px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-console--radio-switch .opl-btn {
    width: 100%;
    padding-top: 4px!important;
    padding-bottom: 5px!important;
    background-color: transparent
}

.opl-console--radio-switch .opl-btn:before {
    background: #32c832;
    z-index: -1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale3d(.7, 1, 1);
    -moz-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    -webkit-transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease;
    -o-transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
    -moz-transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
    transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}

.opl-console--radio-switch .opl-btn:active,
.opl-console--radio-switch .opl-btn:hover,
.tabed .opl-console--radio-switch .opl-btn:not(.u-hide-focus):focus {
    color: #fff
}

.opl-console--radio-switch .opl-btn:active:before,
.opl-console--radio-switch .opl-btn:hover:before,
.tabed .opl-console--radio-switch .opl-btn:not(.u-hide-focus):focus:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    visibility: visible;
    background: #32c832;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media all and (min-width:1600px) {
    .opl-console--ecare-box {
        -webkit-box-shadow: none;
        box-shadow: none;
        min-height: 20px;
        padding: 5px 15px 5px 18px;
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        position: absolute;
        top: -1px;
        right: -278px;
        width: 220px
    }
    .opl-console--ecare-box-arrow {
        display: none
    }
    .opl-console--ecare-box .opl-list--squared li {
        display: block;
        margin-left: 15px;
        margin-right: 15px
    }
}

.opl-console--absolute {
    position: absolute;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px)
}

.opl-console .opl-btn:not(.no-rwd) {
    width: auto
}

.opl-console .o-select__arrow:after,
.opl-console .o-select__arrow:before {
    font-size: 12px
}

.opl-console.is-visable .opl-console {
    display: block
}

.opl-console .console-border-r {
    border-right: 1px solid #ddd
}

.opl-console .console-border-l {
    border-left: 1px solid #ddd
}

.opl-console .console-border-t {
    border-top: 1px solid #ddd
}

.opl-console .console-margin-t-10 {
    margin-top: 10px
}

.opl-console .console-margin-t-16 {
    margin-top: 16px
}

.opl-console .console-margin-t-20 {
    margin-top: 20px
}

.opl-console .console-margin-t-36 {
    margin-top: 36px
}

.opl-console .console-margin-b-20 {
    margin-bottom: 20px
}

.opl-console .console-margin-b-30 {
    margin-bottom: 30px
}

.opl-console .console-padding-l-10 {
    padding-left: 10px
}

.opl-console .console-padding-r-10 {
    padding-right: 10px
}

.opl-console .console-padding-t-20 {
    padding-top: 20px
}

.opl-console .console-u-right {
    float: right!important
}

.opl-console .console-shadow-row {
    width: 100%;
    height: 20px;
    margin-top: 10px;
    background: #fff;
    border-top: 1px solid #ddd;
    -webkit-box-shadow: 0 -5px 10px -6px rgba(0, 0, 0, .2);
    box-shadow: 0 -5px 10px -6px rgba(0, 0, 0, .2)
}

.opl-console .l-row {
    margin-left: -5px;
    margin-right: -5px
}

.opl-console .l-col {
    padding-left: 5px;
    padding-right: 5px
}

.opl-console--subcontent {
    position: absolute;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    z-index: 3;
    top: 43px;
    background: #fff
}

.opl-console--form-group {
    padding: 15px 0
}

.opl-console--form-admin {
    margin: 0 -5px;
    padding: 0 5px;
    background: #eee
}

.opl-console--message-container {
    min-height: 110px
}

.opl-console-tab-content {
    margin-top: 20px;
    display: none
}

.opl-console-right-col {
    padding-left: 30px
}

.opl-console input {
    width: 100%;
    border: 1px solid #ddd;
    padding: 12px 10px;
    font-size: 12px;
    font-weight: 700
}

.opl-console input:focus,
.opl-console input:hover {
    border: 1px solid #000
}

.opl-console input.input--small {
    padding: 7px
}

.opl-console .o-select.select--small select {
    padding: 7px;
    height: 30px
}

.opl-console .o-select.select--small .o-select__arrow {
    padding-top: 2px
}

.opl-console .h7 {
    width: 100%;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding-bottom: 10px
}

.opl-console-state-button {
    position: absolute;
    top: 36px;
    right: 16px;
    width: 40px;
    height: 40px;
    color: #fff!important;
    background: #32c832;
    border: 0;
    border-radius: 50%;
    z-index: 3;
    padding: 0;
    text-align: center;
    display: none;
    -webkit-box-shadow: rgba(0, 0, 0, .4) 0 0 5px;
    box-shadow: rgba(0, 0, 0, .4) 0 0 5px
}

.opl-console-state-button .g-icon:after,
.opl-console-state-button .g-icon:before {
    font-size: 15px;
    line-height: 0
}

.opl-console--right-panel {
    width: 100%;
    text-align: right
}

.opl-console--right-panel .opl-console-switch {
    float: right;
    margin-right: 15px
}

.opl-console--right-panel .opl-console-switch input,
.opl-console--right-panel .opl-console-switch span {
    margin-top: 8px
}

.opl-console--right-panel .opl-console-switch span:before {
    top: 8px;
    bottom: -8px
}

.opl-console--right-panel .opl-console-dropdown {
    float: right;
    margin-right: 30px
}

.opl-console .opl-msg {
    font-size: 13px
}

.opl-console .opl-radio--green input:checked~.o-ci:before {
    border-width: 4px
}

.opl-console .opl-radio--green .o-ci-label {
    font-size: 12px
}

.opl-console-column {
    position: relative
}

.opl-console-column .opl-console {
    position: fixed;
    width: 280px;
    top: 243px;
    right: 60px;
    z-index: 5;
    padding: 10px 20px
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-console-column .opl-console {
        top: 140px;
        position: absolute
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-console-column .opl-console {
        top: 140px;
        position: absolute
    }
}

.opl-console-column .opl-console--w-100 {
    width: 100px
}

.opl-console-switch {
    display: inline-block;
    position: relative;
    width: 56px;
    height: 26px;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.opl-console-switch input[type=checkbox],
.opl-console-switch--checkbox {
    display: none
}

.opl-console-switch--checkbox:checked+.opl-console-switch--lable {
    background-color: #ccc
}

.opl-console-switch--checkbox:checked+.opl-console-switch--lable:before {
    right: 0;
    background-color: #32c832;
    border-color: #fff
}

.opl-console-switch--lable {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 20px;
    padding: 0;
    line-height: 20px;
    border-radius: 20px;
    border: 3px solid #fff;
    background-color: #999;
    -webkit-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in
}

.opl-console-switch--lable:before {
    content: "";
    display: block;
    width: 26px;
    margin: 0;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 28px;
    border-radius: 26px;
    -webkit-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s
}

.opl-console-switch--checkbox+.opl-console-switch--lable {
    background-color: #999
}

.opl-console-switch--checkbox+.opl-console-switch--lable:before {
    background-color: #ddd;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    box-shadow: 0 0 4px rgba(0, 0, 0, .5)
}

.opl-console-button {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 9px 10px 8px;
    width: auto;
    height: auto;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #ddd;
    background: #fff;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.opl-console-button i {
    position: relative;
    top: 0;
    z-index: 1;
    margin-right: 5px
}

.opl-console-button:hover,
.tabed .opl-console-button:focus {
    border: 1px solid #000!important;
    -webkit-box-shadow: inset 0 0 0 1px #000!important;
    box-shadow: inset 0 0 0 1px #000!important;
    color: #000;
    outline: 0!important
}

.opl-console-button--badge {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: -1px -7px -1px -2px;
    min-width: 22px;
    padding: 5px 5px 0;
    height: 23px;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
    border-radius: 20px;
    border: 1px solid #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    color: #fff;
    background: #32c832;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-console-button--green {
    position: relative;
    width: 100%;
    z-index: 1;
    line-height: normal;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 700;
    padding: 8px;
    background: #32c832;
    color: #fff;
    border-width: 0
}

.opl-console-button--green:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    border: 1px #000 solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: -1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale3d(.7, 1, 1);
    -moz-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    -webkit-transition: opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease;
    -o-transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
    -moz-transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
    transition: transform .4s ease, opacity .4s ease, visibility .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}

.opl-console-button--green:hover,
.tabed .opl-console-button--green:not(.u-hide-focus):focus {
    outline: 0!important
}

.opl-console-button--green:hover:before,
.tabed .opl-console-button--green:not(.u-hide-focus):focus:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.opl-console-button--green:disabled:before {
    display: none
}

.opl-console-button--green:disabled {
    background: #999;
    color: #fff
}

.opl-console-button--green[disabled] {
    background: #999;
    color: #fff
}

.opl-console-button--green:hover {
    background: rgba(50, 200, 50, .99);
    color: #fff;
    border-width: 0
}

.opl-console-button--green.opl-btn--small {
    font-size: 12px;
    padding: 4px 10px 5px
}

.opl-console-button--green.opl-btn--small:focus,
.opl-console-button--green.opl-btn--small:hover {
    color: #fff
}

.opl-console-button--green.opl-btn--medium {
    padding: 12px 10px;
    height: 40px
}

.opl-console-dropdown,
a.opl-console-button--green {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a.opl-console-button--green {
    display: inline-block;
    text-align: center;
    color: #fff;
    text-decoration: none
}

.opl-console-dropdown,
.opl-console-dropdown button {
    position: relative;
    background: #fff;
    text-align: left;
    width: 100%
}

.opl-console-dropdown {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    vertical-align: middle;
    white-space: nowrap;
    padding: 8px 0;
    border: 1px solid #ddd
}

.opl-console-dropdown button,
.opl-console-dropdown__list li {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.opl-console-dropdown button {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: -1px;
    padding: 0 25px 0 10px
}

.opl-console-dropdown button:after,
.opl-console-dropdown button:before {
    content: '';
    position: absolute;
    visibility: visible;
    -webkit-transform: initial;
    -moz-transform: initial;
    -ms-transform: initial;
    transform: initial;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

.opl-console-dropdown button:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    width: 0;
    height: 0;
    right: 10px;
    top: 8px
}

.opl-console-dropdown button:before {
    width: 30px;
    height: 23px;
    right: 0;
    top: 0;
    background: #fff;
    border: 0!important
}

.opl-console-dropdown button:hover {
    color: #000!important
}

.opl-console-dropdown button i {
    float: left;
    margin-right: 5px
}

.opl-console-dropdown:hover {
    background: 0 0
}

.opl-console-dropdown:hover>button:before {
    border-top: initial;
    border-bottom: 6px solid #000
}

.opl-console-dropdown:hover>.opl-console-dropdown__list {
    display: block
}

.opl-console-dropdown__list {
    display: none;
    width: -webkit-calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: calc(100% + 2px);
    position: absolute;
    margin-top: 9px;
    margin-left: -1px;
    z-index: 9;
    background: #fff;
    border-top: none
}

.opl-console-dropdown__list li {
    padding: 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.opl-console-dropdown__list li:hover {
    color: #fff
}

.opl-console-dropdown__list li a {
    text-decoration: none
}

.opl-console-dropdown--small-l {
    width: 64px
}

.opl-console-dropdown--small-l:hover {
    border-bottom: 1px solid #fff
}

.opl-console-dropdown--small-l button {
    margin-top: 1px
}

.opl-console-dropdown--small-l ul {
    width: 230px;
    margin-top: 9px;
    left: -166px
}

.opl-console-dropdown--small-l ul li:first-child {
    border-top: 1px solid #ddd
}

.opl-console-search-client form .opl-console-dropdown,
.opl-console-search-client form input,
.opl-console-search-client form select {
    margin: 5px 0
}

.opl-console__content,
.opl-console__trigger--hide {
    display: none
}

.is-expanded .opl-console__togglable:not(.is-expanded) .opl-console__content {
    display: none
}

.is-expanded .opl-console__expander-trigger {
    text-decoration: none
}

.is-expanded .opl-console__expander-trigger:after,
.is-expanded .opl-console__expander-trigger:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.is-expanded .opl-console__expander-trigger:before {
    display: inline-block
}

.is-expanded .opl-console__expander-trigger:after {
    display: none
}

.is-expanded .opl-console__togglable.is-expanded .opl-console__trigger--hide {
    display: block;
    visibility: visible
}

.is-expanded .opl-console__togglable.is-expanded .opl-console__trigger--show {
    display: none;
    visibility: hidden
}

.is-expanded .opl-console__togglable:not(.is-expanded) .opl-console__trigger--hide {
    display: none;
    visibility: hidden
}

.is-expanded .opl-console__togglable:not(.is-expanded) .opl-console__trigger--show {
    display: block;
    visibility: visible
}

.opl-console-search-result .opl-btn--small {
    padding: 4px 0 5px
}

.opl-console-search-result__list {
    font-size: 12px
}

.opl-console-search-result__item {
    border-top: 1px solid #ddd;
    padding-top: 22px;
    padding-bottom: 23px
}

.opl-console-search-result__item:first-child {
    border-top: 1px solid #fff
}

.opl-console-search-result__item .opl-service-status {
    float: left;
    margin-right: 20px
}

.opl-console-search-result__item .opl-service-status .opl-service-status__indicator {
    border: 0;
    height: .866667em;
    width: .866667em
}

.opl-console-search-result__item .o-icon-list {
    margin-top: 30px
}

.opl-console-search-result__item .o-icon-list .o-icon-list__icon,
.opl-knowledge2__topmenu li a span.g-knowledge-icon {
    padding-right: 10px
}

.opl-console-search-result__item .g-icon:before {
    font-size: 14px
}

.opl-console-service-container {
    padding-left: 10px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-console-service-container .h6,
    .opl-console-service-container h6 {
        min-height: 34px
    }
}

.opl-console-service-continue {
    padding: 0 20px
}

.opl-console-service-continue .opl-btn--small {
    padding: 4px 10px 5px
}

.opl-console--contracts-content p,
.opl-console-service-list__icon,
.opl-console-service-list__text {
    display: inline-block
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-console-service-list__icon,
    .opl-console-service-list__text {
        display: block
    }
}

.opl-console-service-list__item {
    position: relative
}

.opl-console-service-list__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    text-align: right
}

.opl-console-service-list__icon .g-icon:before {
    font-size: 28px
}

.opl-console-service-list__text {
    width: 100%;
    padding-left: 45px;
    padding-right: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-console-service-list .opl-service-status__indicator {
    position: absolute;
    top: 0;
    right: 15px;
    width: 10px;
    height: 10px;
    border: 0;
    margin-right: 5px
}

.opl-console--contracts {
    padding: 20px 35px;
    border: 1px solid #000
}

.opl-console--contracts-title {
    font-size: 14px;
    margin-bottom: 5px
}

.opl-console--contracts .opl-service-status {
    border-right: 2px solid #000;
    padding-right: 10px;
    margin-right: 15px
}

.opl-console--contracts .opl-service-status:last-child {
    border: 0;
    padding: 0;
    margin: 0
}

.opl-console--contracts .opl-service-status__status {
    font-size: 18px
}

.opl-console--widget-fle {
    position: fixed;
    width: 310px;
    bottom: 0;
    right: 60px;
    z-index: 99;
    padding-top: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.opl-console--widget-fle .opl-console {
    min-height: 0;
    padding-left: 0!important
}

.opl-console--widget-fle .opl-console p {
    font-size: 13px;
    margin-bottom: 0;
    padding-left: 10px
}

.opl-console--widget-fle .opl-console a {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    width: 100%;
    height: 100%
}

.opl-console--widget-fle .opl-console a:before {
    left: auto;
    right: 10px;
    padding-top: 14px
}

.opl-console--widget-fle .opl-section__content-inner {
    padding-top: 0;
    padding-bottom: 0
}

.opl-console--widget-fle-box {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-console--widget-fle-box .js-expander__trigger {
    display: inline-block;
    text-decoration: none;
    margin-bottom: 5px
}

.opl-console--widget-fle-list {
    border: 1px solid #ddd;
    background: #fff
}

.opl-console--widget-fle-list li {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.opl-console--widget-fle-list li:last-child {
    border-bottom: none
}

.opl-console--widget-fle-list li:last-child:after,
.opl-console--widget-fle-list li:last-child:before {
    display: none
}

.opl-console--widget-fle-list li:after,
.opl-console--widget-fle-list li:before {
    position: absolute;
    content: '';
    left: 15px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.opl-console--widget-fle-list li:after {
    background: #ddd;
    bottom: -5px;
    z-index: 1
}

.opl-console--widget-fle-list li:before {
    bottom: -4px;
    background: #fff;
    z-index: 2
}

.opl-console--widget-fle-list li p {
    font-size: 13px;
    font-weight: 700
}

.opl-console--link-wrapper a,
.opl-console--link-wrapper td,
.opl-console--widget-fle-list li a {
    font-size: 13px
}

.opl-console--widget-fle .opl-section__expander-trigger:after,
.opl-console--widget-fle .opl-section__expander-trigger:before {
    font-family: 'CustomIcons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
    content: "";
    font-size: 12px
}

.opl-console--widget-fle .opl-section__expander-trigger:before,
.opl-knowledge--step-list li a {
    display: inline-block
}

.opl-console--widget-fle .opl-section__expander-trigger:after {
    display: none
}

.opl-console--link-wrapper {
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd
}

.opl-console--link-wrapper tr:not(.tr-sub) td:first-child,
.opl-console--link-wrapper tr:not(.tr-sub--b) td:first-child {
    padding-left: 0!important
}

.opl-console--link-wrapper tr:first-child td,
.opl-console--link-wrapper tr:first-child th {
    border-top: none
}

.opl-console--link-wrapper tr:last-child td,
.opl-console--link-wrapper tr:last-child th {
    padding-bottom: 0
}

.opl-knowledge--wrapper {
    background: #fff;
    padding: 50px 110px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge {
        padding: 50px 10px 50px 70px
    }
}

.opl-knowledge-title {
    position: relative
}

.opl-knowledge-title a {
    text-decoration: none
}

.opl-knowledge-title--number {
    position: absolute;
    top: 5px;
    left: -83px;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    color: #fff;
    background: #000;
    font-size: 18px;
    text-indent: 1px
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-knowledge-title--number {
        top: 0
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge-title--number {
        top: 0;
        left: -55px
    }
}

.opl-knowledge-title--icon {
    position: absolute;
    top: 5px;
    left: -95px;
    width: 60px;
    text-align: center;
    display: block
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-knowledge-title--icon {
        top: 0
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge-title--icon {
        top: 0;
        left: -67px
    }
}

.opl-knowledge .o-separator {
    border-color: #50be87
}

.opl-knowledge-blue .o-separator,
.opl-knowledge-blue .opl-knowledge-border-list--content,
.opl-knowledge-blue .opl-knowledge-box,
.opl-knowledge-blue .opl-knowledge-box--title {
    border-color: #4bb4e6
}

.opl-knowledge-blue .opl-knowledge-border-list--nested .opl-knowledge-border-list--item:first-child:before {
    background: #4bb4e6
}

.opl-knowledge-blue .opl-knowledge-border-list--item:not(:last-child):after {
    background: #4bb4e6
}

.opl-knowledge-blue .opl-knowledge-border-list--number span {
    background: #4bb4e6
}

.opl-knowledge-purple .o-separator,
.opl-knowledge-purple .opl-knowledge-border-list--content,
.opl-knowledge-purple .opl-knowledge-box,
.opl-knowledge-purple .opl-knowledge-box--title {
    border-color: #a885d8
}

.opl-knowledge-purple .opl-knowledge-border-list--nested .opl-knowledge-border-list--item:first-child:before {
    background: #a885d8
}

.opl-knowledge-purple .opl-knowledge-border-list--item:not(:last-child):after {
    background: #a885d8
}

.opl-knowledge-purple .opl-knowledge-border-list--number span {
    background: #a885d8
}

.opl-knowledge-box {
    border: 2px solid #50be87
}

.opl-knowledge-box--title {
    position: relative;
    padding: 20px 20px 20px 70px;
    border-bottom: 2px solid #50be87
}

.opl-knowledge-box--title .g-icon {
    position: absolute;
    top: 17px;
    left: 20px;
    width: 30px;
    text-align: center
}

.opl-knowledge-box--title-header {
    display: inline-block;
    width: 100%;
    padding-left: 50px
}

.opl-knowledge-box--content {
    padding: 15px
}

.opl-knowledge-border-list--nested {
    padding-left: 20px
}

.opl-knowledge-border-list--nested .opl-knowledge-border-list--item:first-child {
    margin-top: 25px
}

.opl-knowledge-border-list--nested .opl-knowledge-border-list--item:first-child:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 25px;
    background: #50be87;
    left: 26px;
    top: -25px
}

.opl-knowledge-border-list--item {
    position: relative;
    width: 100%;
    margin-bottom: 30px
}

.opl-knowledge-border-list--item:not(:last-child):after {
    content: '';
    position: absolute;
    width: 1px;
    height: 30px;
    background: #50be87;
    left: 46px;
    bottom: -30px
}

.opl-knowledge-border-list--item:last-child:after {
    display: none
}

.opl-knowledge-border-list--content {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 20px;
    border: 2px solid #50be87
}

.opl-knowledge-border-list--number {
    position: absolute;
    top: -webkit-calc(50% - 15px);
    top: -moz-calc(50% - 15px);
    top: calc(50% - 15px);
    left: 31px;
    width: 80px;
    height: 100%
}

.opl-knowledge-border-list--number span {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #50be87
}

.opl-knowledge--step-list,
.opl-knowledge-border-list--text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opl-knowledge-border-list--text {
    padding-left: 80px
}

.opl-knowledge-border-list--ignore:after,
.opl-knowledge-border-list--ignore:before {
    display: none!important
}

.opl-knowledge--step-list {
    height: 726px;
    overflow-y: scroll
}

.opl-knowledge--step-list li.active a,
.opl-knowledge--step-list li.active p,
.opl-white-skin .opl-header .opl-navigation__child>li:hover>a {
    color: #f16e00
}

.opl-knowledge--step-list li.active p {
    font-weight: 700
}

.opl-knowledge--step-list li.passed a,
.opl-knowledge--step-list li.passed p {
    color: #666
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge--scroll-small {
        height: -webkit-calc(100vh - 83px);
        height: -moz-calc(100vh - 83px);
        height: calc(100vh - 83px);
        overflow-y: auto;
        position: relative
    }
}

.opl-knowledge--separator-right {
    border-right: 1px solid #ccc
}

.opl-knowledge--screen img {
    width: 100%;
    height: auto
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge--screen img {
        margin-bottom: 60px
    }
}

.opl-knowledge--screen-bg {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.opl-knowledge--tutorial-content {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 1
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge--modal {
        position: relative;
        height: -webkit-calc(100vh - 40px);
        height: -moz-calc(100vh - 40px);
        height: calc(100vh - 40px)
    }
    .opl-knowledge--modal .opl-knowledge--tutorial-content {
        position: fixed
    }
}

.opl-knowledge--modal-height {
    height: 726px
}

.opl-knowledge--modal .o-modal__close {
    top: 5px
}

.opl-knowledge2__mobile-menu-trigger {
    padding: 15px 20px;
    background-color: #eee;
    font-weight: 700;
    font-size: 1.3em;
    position: relative
}

.opl-knowledge2__mobile-menu-trigger a {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: block;
    left: 0;
    top: 0
}

.opl-knowledge2__mobile-menu-trigger a:after,
.opl-knowledge2__mobile-menu-trigger a:before {
    font-family: 'CustomIcons';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
    content: "";
    font-size: 20px;
    position: absolute;
    left: auto;
    top: 9px;
    padding-top: 8px;
    float: right;
    right: 21px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: 50% 70% 0;
    -moz-transform-origin: 50% 70% 0;
    -ms-transform-origin: 50% 70% 0;
    transform-origin: 50% 70% 0
}

.opl-knowledge2__mobile-menu-trigger a:before {
    display: inline-block
}

.opl-knowledge2__mobile-menu-trigger a:after {
    display: none
}

.opl-knowledge2__mobile-menu-trigger a:hover {
    color: #ff7900
}

.opl-knowledge2__mobile-menu-trigger a.is-active:after,
.opl-knowledge2__mobile-menu-trigger a.is-active:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.opl-knowledge2__mobile-menu-trigger a.is-active:before {
    display: inline-block
}

.opl-knowledge2__mobile-menu-trigger a.is-active:after {
    display: none
}

.opl-knowledge2__glorius {
    height: 250px;
    background-position: top
}

@media all and (max-width:1258px) {
    .opl-knowledge2__glorius {
        display: none
    }
}

.opl-knowledge2__wrapper {
    position: relative
}

.opl-knowledge2__wrapper.opl-tabs .slick-slider .slick-track {
    border: 0
}

.opl-knowledge2__topmenu {
    background-color: #f16e00
}

.opl-knowledge2__topmenu li {
    float: left;
    position: relative
}

.opl-knowledge2__topmenu li:hover {
    background-color: #ff7900
}

.opl-knowledge2__topmenu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 20px 50px;
    cursor: pointer
}

@media all and (min-width:768px) {
    .opl-knowledge2__topmenu li a.is-active {
        background-color: #dc5300
    }
    .opl-knowledge2__topmenu li a.is-active:after {
        content: '';
        display: block;
        border-bottom: 1em solid #fff;
        border-left: 1em solid transparent;
        border-right: 1em solid transparent;
        position: absolute;
        bottom: -5%;
        left: 50%;
        margin-left: -1em
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge2__topmenu li a span.g-knowledge-icon {
        padding-right: 5px
    }
}

.opl-knowledge2__topmenu li a:active,
.opl-knowledge2__topmenu li a:focus,
.opl-knowledge2__topmenu li a:hover {
    color: #fff;
    text-decoration: none
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-knowledge2__topmenu {
        display: table;
        width: 100%
    }
    .opl-knowledge2__topmenu li {
        float: none;
        display: table-cell
    }
    .opl-knowledge2__topmenu li a {
        text-align: center
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge2__topmenu {
        display: none;
        background-color: #fff;
        -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .9);
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .9);
        z-index: 2;
        position: absolute;
        width: 100%
    }
    .opl-knowledge2__topmenu.is-active {
        display: block
    }
    .opl-knowledge2__topmenu li {
        float: none;
        display: block;
        text-align: center
    }
    .opl-knowledge2__topmenu li a {
        text-align: left;
        padding: 15px 20px;
        color: #000
    }
    .opl-knowledge2__topmenu li a:active,
    .opl-knowledge2__topmenu li a:focus,
    .opl-knowledge2__topmenu li a:hover {
        background-color: #dc5300
    }
    .opl-knowledge2__topmenu li a span.g-knowledge-icon {
        float: right
    }
    .opl-knowledge2__topmenu li.active {
        background-color: transparent
    }
    .opl-knowledge2__topmenu li.active:after {
        display: none
    }
}

.opl-knowledge2__topmenu-content {
    display: none
}

.opl-knowledge2__toggle .opl-knowledge2__container,
.opl-knowledge2__topmenu-content.is-active {
    display: block
}

.opl-knowledge2__submenu {
    background-color: #fff;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, .2);
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, .2)
}

.opl-knowledge2__submenu li {
    float: left
}

.opl-knowledge2__submenu li.active a {
    color: #f16e00;
    font-weight: 700
}

.opl-knowledge2__submenu li a {
    display: block;
    color: #000;
    text-decoration: none;
    font-weight: 400;
    padding: 18px 0;
    margin: 0 30px;
    text-align: center;
    text-shadow: 0 0 1px rgba(0, 0, 0, .2);
    cursor: pointer
}

.opl-knowledge2__submenu li a:active,
.opl-knowledge2__submenu li a:focus,
.opl-knowledge2__submenu li a:hover {
    color: #f16e00;
    text-decoration: none
}

@media all and (min-width:768px) and (max-width:1258px) {
    .opl-knowledge2__submenu li {
        float: left;
        text-align: center
    }
    .opl-knowledge2__submenu li a {
        font-weight: 700;
        padding: 20px 0;
        margin: 0 20px
    }
    .opl-knowledge2__submenu li.active a {
        border-bottom: 2px solid #f16e00;
        color: #000
    }
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge2__submenu {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .opl-knowledge2__submenu li a {
        display: inline-block;
        font-weight: 700;
        margin: 0;
        padding: 15px
    }
    .opl-knowledge2__submenu li.active a {
        border-bottom: 2px solid #ff7900
    }
    .opl-knowledge2__toggle .opl-knowledge2__container {
        display: none
    }
}

.opl-knowledge2__toggle .opl-knowledge2__container .opl-section__expander-trigger {
    right: 18px
}

.opl-knowledge2__toggle .opl-knowledge2__header {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    display: table
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge2__toggle .opl-knowledge2__header {
        display: block;
        padding-top: 15px;
        padding-bottom: 5px
    }
    .opl-knowledge2__toggle .opl-knowledge2__header .h4 {
        font-size: 1.2em
    }
}

.opl-knowledge2__toggle .opl-knowledge2__header-trigger {
    display: none;
    position: absolute
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge2__toggle .opl-knowledge2__header-trigger {
        top: 0;
        display: block;
        width: 100%;
        height: 100%
    }
    .opl-knowledge2__toggle .opl-knowledge2__header-trigger:after,
    .opl-knowledge2__toggle .opl-knowledge2__header-trigger:before {
        font-family: 'CustomIcons';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        vertical-align: middle;
        line-height: 1;
        content: "";
        font-size: 11px;
        position: absolute;
        left: auto;
        top: 20px;
        float: right;
        right: 8px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        -ms-transform-origin: 50%;
        transform-origin: 50%
    }
    .opl-knowledge2__toggle .opl-knowledge2__header-trigger:before {
        display: inline-block
    }
    .opl-knowledge2__toggle .opl-knowledge2__header-trigger:after {
        display: none
    }
    .opl-knowledge2__toggle .opl-knowledge2__header-trigger:hover {
        color: #ff7900
    }
}

.opl-knowledge2__toggle .opl-knowledge2__header-circle {
    position: relative;
    width: 50px;
    height: 50px;
    color: #000;
    text-align: center;
    line-height: 50px;
    text-indent: 1px;
    display: table-cell;
    vertical-align: top
}

.opl-knowledge2__toggle .opl-knowledge2__header-circle>span {
    position: relative;
    z-index: 2
}

.opl-knowledge2__toggle .opl-knowledge2__header-circle:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    border-radius: 100px;
    background: #ddd;
    width: 50px;
    height: 50px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge2__toggle .opl-knowledge2__header-circle {
        display: block;
        width: 30px;
        height: 100%;
        background: 0 0;
        float: left;
        line-height: normal;
        text-align: left
    }
    .opl-knowledge2__toggle .opl-knowledge2__header-circle:before {
        display: none
    }
}

.opl-knowledge2__toggle .opl-knowledge2__header-text {
    display: table-cell;
    vertical-align: middle
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge2__toggle .opl-knowledge2__header-text {
        display: block;
        float: left;
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px)
    }
}

.opl-knowledge2__toggle .opl-knowledge2__header-text .h4 {
    margin: 0
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge2__toggle .opl-knowledge2__header-text .h4 {
        margin-bottom: 8px
    }
}

.opl-knowledge2__toggle .opl-knowledge2__header:active,
.opl-knowledge2__toggle .opl-knowledge2__header:focus,
.opl-knowledge2__toggle .opl-knowledge2__header:hover {
    text-decoration: none
}

.opl-knowledge2__menu {
    max-width: 100%;
    position: relative
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge2__menu {
        display: none
    }
}

.opl-knowledge2__menu nav.sticked {
    position: absolute!important
}

.opl-knowledge2__menu a {
    display: block;
    width: auto;
    padding: 15px 10px 15px 49px;
    text-decoration: none;
    border-bottom: solid 1px #ccc
}

.opl-knowledge2__menu a:before {
    content: '';
    -webkit-box-shadow: inset -28px 0 13px -9px #fff;
    box-shadow: inset -28px 0 13px -9px #fff;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px
}

.opl-knowledge2__menu a,
.opl-knowledge2__menu a:hover {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.opl-knowledge2__menu ol {
    counter-reset: my-badass-counter
}

.opl-knowledge2__menu a,
.opl-knowledge2__menu li {
    overflow: hidden;
    position: relative
}

.opl-knowledge2__menu li:before {
    position: absolute;
    left: 30px;
    top: 15px;
    z-index: 1;
    font-weight: 700;
    content: counter(my-badass-counter) ".";
    counter-increment: my-badass-counter
}

.opl-knowledge2__menu li.active,
.opl-knowledge2__menu li.active a:hover,
.opl-knowledge2__menu li:hover,
.opl-knowledge2__menu li:hover a:hover {
    color: #fff
}

.opl-knowledge2__menu a:hover,
.opl-knowledge2__menu li.active a,
.opl-knowledge2__menu li:hover a {
    color: #fff;
    background-color: #ff7900
}

.opl-knowledge2__menu li.active a:before,
.opl-knowledge2__menu li:hover a:before {
    -webkit-box-shadow: inset -28px 0 13px -9px #fe771a;
    box-shadow: inset -28px 0 13px -9px #fe771a
}

.opl-knowledge2__box {
    margin-left: -15px;
    margin-right: -15px
}

.opl-knowledge2__box-title {
    padding: 12px 20px
}

.opl-knowledge2__box-title p {
    margin-bottom: 0;
    padding-bottom: 0
}

.opl-knowledge2__box-content {
    margin-top: 3px;
    padding: 20px
}

.opl-knowledge2__table {
    border-collapse: collapse
}

.opl-knowledge2__table td,
.opl-knowledge2__table th {
    padding: 30px 20px;
    vertical-align: bottom;
    text-align: left;
    border-left: none;
    border-right: 20px solid #fff;
    border-top: none
}

.opl-knowledge2__table td:last-child,
.opl-knowledge2__table th:last-child {
    border-right: none
}

.opl-knowledge2__table th {
    color: #ff7900;
    border-bottom: 2px solid #ff7900
}

.opl-knowledge2__table td {
    color: #000;
    border-bottom: 1px solid #000
}

.opl-knowledge2 .opl-section--togglable .opl-section__expander-trigger.slim:after,
.opl-knowledge2 .opl-section--togglable .opl-section__expander-trigger.slim:before {
    font-size: 11px
}

.is-knowledge-expanded.opl-knowledge2__toggle .opl-knowledge2__header-trigger {
    display: none
}

@media all and (min-width:0) and (max-width:767px) {
    .is-knowledge-expanded.opl-knowledge2__toggle .opl-knowledge2__header-trigger {
        display: block
    }
    .is-knowledge-expanded.opl-knowledge2__toggle .opl-knowledge2__header-trigger:after,
    .is-knowledge-expanded.opl-knowledge2__toggle .opl-knowledge2__header-trigger:before {
        font-size: 11px;
        position: absolute;
        left: auto;
        top: 20px;
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        -ms-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .is-knowledge-expanded.opl-knowledge2__toggle .opl-knowledge2__header-trigger:before {
        display: inline-block
    }
    .is-knowledge-expanded.opl-knowledge2__toggle .opl-knowledge2__header-trigger:after {
        display: none
    }
}

.is-knowledge-expanded.opl-knowledge2__toggle .opl-knowledge2__container {
    display: block
}

.is-knowledge-expanded.opl-knowledge2__toggle .opl-knowledge2__container-lists ul li:before {
    content: normal
}

.opl-knowledge-step-list {
    width: 100%;
    height: 0
}

.opl-knowledge-step-list__link {
    padding: 40px 25px 40px 50px;
    position: relative;
    display: table;
    height: 40px;
    overflow: hidden;
    text-decoration: none;
    font-weight: 400;
    color: #ccc
}

.opl-knowledge-step-list__link:before {
    content: attr(data-number);
    position: absolute;
    left: 10px;
    top: -webkit-calc(50% - (30px/2));
    top: -moz-calc(50% - (30px/2));
    top: calc(50% - (30px/2));
    background: #eee;
    color: #999;
    font-weight: 700;
    font-size: 14px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    transition: all .1s ease
}

.opl-knowledge-step-list__link:active,
.opl-knowledge-step-list__link:focus,
.opl-knowledge-step-list__link:hover {
    color: #ccc!important;
    text-decoration: none!important
}

.opl-knowledge-step-list__link:active:before,
.opl-knowledge-step-list__link:focus:before,
.opl-knowledge-step-list__link:hover:before {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge-step-list__link {
        padding: 20px 25px 20px 50px;
        vertical-align: middle
    }
}

.opl-knowledge-step-list__text {
    display: table-cell;
    vertical-align: middle
}

.opl-knowledge-step-list .opl-carousel__nav--next {
    right: -25px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge-step-list .opl-carousel__nav--next {
        right: -15px
    }
}

.opl-knowledge-step-list .opl-carousel__nav--prev {
    left: -25px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge-step-list .opl-carousel__nav--prev {
        left: -15px
    }
}

.opl-knowledge-step-list__item.slick-current .opl-knowledge-step-list__link {
    color: #000;
    font-weight: 700
}

.opl-knowledge-step-list__item.slick-current .opl-knowledge-step-list__link:before {
    background: #ff7900;
    color: #fff
}

.opl-knowledge-step-list__item.slick-current .opl-knowledge-step-list__link:active,
.opl-knowledge-step-list__item.slick-current .opl-knowledge-step-list__link:focus,
.opl-knowledge-step-list__item.slick-current .opl-knowledge-step-list__link:hover {
    color: #000!important;
    text-decoration: none!important
}

.opl-knowledge-step-list .slick-disabled {
    display: none!important
}

.opl-knowledge-step-list--basic li {
    display: inline-block
}

.opl-knowledge-step-list--basic li a {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.opl-knowledge-step-list--basic li a:before {
    content: attr(data-number);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: 700;
    background: #eee;
    color: #999;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.opl-knowledge-step-list--basic li a:active,
.opl-knowledge-step-list--basic li a:focus,
.opl-knowledge-step-list--basic li a:hover {
    text-decoration: none!important
}

.opl-knowledge-step-list--basic li a:active:before,
.opl-knowledge-step-list--basic li a:focus:before,
.opl-knowledge-step-list--basic li a:hover:before {
    color: #ccc;
    -webkit-transform: translate(-50%, -50%) scale(.8);
    -moz-transform: translate(-50%, -50%) scale(.8);
    -ms-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8)
}

.opl-knowledge-step-list--basic li a.active {
    text-decoration: none!important
}

.opl-knowledge-step-list--basic li a.active:before {
    color: #fff;
    background: #f16e00
}

@media all and (max-width:767px) {
    .opl-knowledge-step-list--basic {
        display: table;
        margin: 0 auto
    }
    .opl-knowledge-step-list--basic li {
        display: table-cell
    }
}

.opl-knowledge-carousel__item {
    text-align: center
}

.opl-knowledge-carousel__img {
    height: 265px
}

@media all and (min-width:0) and (max-width:767px) {
    .opl-knowledge-carousel__img {
        height: 200px
    }
}

.opl-knowledge-carousel__img img {
    display: inline-block;
    height: 100%;
    width: auto
}

.opl-knowledge-carousel .o-btn-arrow {
    color: #fff;
    background: #000;
    border-radius: 50%;
    padding: 5px;
    height: 40px;
    width: 40px;
    text-align: center
}

.opl-knowledge-carousel .slick-dots {
    margin-top: 25px;
    text-align: center
}

.opl-knowledge-carousel .slick-dots li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

.opl-knowledge-carousel .slick-dots li button {
    color: transparent;
    height: 10px;
    width: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #eee
}

.opl-skin-black {
    background-color: #000;
    color: #fff
}

.opl-skin-black--p-20 {
    padding: 20px
}

.opl-skin-black a:focus,
.opl-skin-black button:focus,
.opl-skin-black input:focus,
.opl-skin-black select:focus,
.opl-skin-black textarea:focus {
    outline-color: #fff
}

.opl-skin-black a.u-hide-focus:focus,
.opl-skin-black button.u-hide-focus:focus,
.opl-skin-black input.u-hide-focus:focus,
.opl-skin-black select.u-hide-focus:focus,
.opl-skin-black textarea.u-hide-focus:focus {
    outline: 0
}

.opl-skin-black .h1,
.opl-skin-black .h2,
.opl-skin-black .h3,
.opl-skin-black .h4,
.opl-skin-black .h5,
.opl-skin-black .h6,
.opl-skin-black .label,
.opl-skin-black .p,
.opl-skin-black a,
.opl-skin-black h1,
.opl-skin-black h2,
.opl-skin-black h3,
.opl-skin-black h4,
.opl-skin-black h5,
.opl-skin-black h6,
.opl-skin-black label,
.opl-skin-black p {
    color: #fff
}

.opl-skin-black a:active,
.opl-skin-black a:focus,
.opl-skin-black a:hover {
    color: #ff7900
}

.opl-skin-black .opl-btn {
    color: #fff;
    border-color: #fff
}

.opl-skin-black .opl-btn--yellow:before,
.opl-skin-black .opl-btn:before {
    background: 0 0
}

.opl-skin-black .opl-btn:hover,
.opl-skin-black .opl-btn:not(.u-hide-focus):focus {
    color: #fff;
    border-color: #fff
}

.opl-skin-black .opl-btn:hover:before,
.opl-skin-black .opl-btn:not(.u-hide-focus):focus:before {
    background: rgba(255, 255, 255, .2)
}

.opl-skin-black .opl-btn.opl-btn-disabled,
.opl-skin-black .opl-btn:disabled,
.opl-skin-black .opl-btn[disabled] {
    border-color: #666;
    color: #666
}

.opl-skin-black .opl-btn.opl-btn-disabled:before,
.opl-skin-black .opl-btn:disabled:before,
.opl-skin-black .opl-btn[disabled]:before {
    display: none
}

.opl-skin-black .opl-btn.opl-btn-disabled:hover,
.opl-skin-black .opl-btn.opl-btn-disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn:disabled:hover,
.opl-skin-black .opl-btn:disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn[disabled]:hover,
.opl-skin-black .opl-btn[disabled]:not(.u-hide-focus):focus {
    cursor: not-allowed;
    border-color: #666;
    color: #666
}

.opl-skin-black .opl-btn.opl-btn-disabled:hover:before,
.opl-skin-black .opl-btn.opl-btn-disabled:not(.u-hide-focus):focus:before,
.opl-skin-black .opl-btn:disabled:hover:before,
.opl-skin-black .opl-btn:disabled:not(.u-hide-focus):focus:before,
.opl-skin-black .opl-btn[disabled]:hover:before,
.opl-skin-black .opl-btn[disabled]:not(.u-hide-focus):focus:before {
    display: none
}

.opl-skin-black .opl-btn--black.opl-btn-disabled,
.opl-skin-black .opl-btn--black:disabled,
.opl-skin-black .opl-btn--black[disabled],
.opl-skin-black .opl-btn--blue.opl-btn-disabled,
.opl-skin-black .opl-btn--blue:disabled,
.opl-skin-black .opl-btn--blue[disabled],
.opl-skin-black .opl-btn--green.opl-btn-disabled,
.opl-skin-black .opl-btn--green:disabled,
.opl-skin-black .opl-btn--green[disabled],
.opl-skin-black .opl-btn--primary.opl-btn-disabled,
.opl-skin-black .opl-btn--primary:disabled,
.opl-skin-black .opl-btn--primary[disabled],
.opl-skin-black .opl-btn--purple.opl-btn-disabled,
.opl-skin-black .opl-btn--purple:disabled,
.opl-skin-black .opl-btn--purple[disabled],
.opl-skin-black .opl-btn--red.opl-btn-disabled,
.opl-skin-black .opl-btn--red:disabled,
.opl-skin-black .opl-btn--red[disabled],
.opl-skin-black .opl-btn--white.opl-btn-disabled,
.opl-skin-black .opl-btn--white:disabled,
.opl-skin-black .opl-btn--white[disabled],
.opl-skin-black .opl-btn--yellow.opl-btn-disabled,
.opl-skin-black .opl-btn--yellow:disabled,
.opl-skin-black .opl-btn--yellow[disabled] {
    background-color: #666;
    color: #fff
}

.opl-skin-black .opl-btn--black.opl-btn-disabled:hover,
.opl-skin-black .opl-btn--black.opl-btn-disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--black:disabled:hover,
.opl-skin-black .opl-btn--black:disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--black[disabled]:hover,
.opl-skin-black .opl-btn--black[disabled]:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--blue.opl-btn-disabled:hover,
.opl-skin-black .opl-btn--blue.opl-btn-disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--blue:disabled:hover,
.opl-skin-black .opl-btn--blue:disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--blue[disabled]:hover,
.opl-skin-black .opl-btn--blue[disabled]:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--green.opl-btn-disabled:hover,
.opl-skin-black .opl-btn--green.opl-btn-disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--green:disabled:hover,
.opl-skin-black .opl-btn--green:disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--green[disabled]:hover,
.opl-skin-black .opl-btn--green[disabled]:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--primary.opl-btn-disabled:hover,
.opl-skin-black .opl-btn--primary.opl-btn-disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--primary:disabled:hover,
.opl-skin-black .opl-btn--primary:disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--primary[disabled]:hover,
.opl-skin-black .opl-btn--primary[disabled]:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--purple.opl-btn-disabled:hover,
.opl-skin-black .opl-btn--purple.opl-btn-disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--purple:disabled:hover,
.opl-skin-black .opl-btn--purple:disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--purple[disabled]:hover,
.opl-skin-black .opl-btn--purple[disabled]:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--red.opl-btn-disabled:hover,
.opl-skin-black .opl-btn--red.opl-btn-disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--red:disabled:hover,
.opl-skin-black .opl-btn--red:disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--red[disabled]:hover,
.opl-skin-black .opl-btn--red[disabled]:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--white.opl-btn-disabled:hover,
.opl-skin-black .opl-btn--white.opl-btn-disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--white:disabled:hover,
.opl-skin-black .opl-btn--white:disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--white[disabled]:hover,
.opl-skin-black .opl-btn--white[disabled]:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--yellow.opl-btn-disabled:hover,
.opl-skin-black .opl-btn--yellow.opl-btn-disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--yellow:disabled:hover,
.opl-skin-black .opl-btn--yellow:disabled:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--yellow[disabled]:hover,
.opl-skin-black .opl-btn--yellow[disabled]:not(.u-hide-focus):focus {
    background-color: #666;
    color: #fff
}

.opl-skin-black .opl-btn--green,
.opl-skin-black .opl-btn--white,
.opl-skin-black .opl-btn--yellow {
    color: #000
}

.opl-skin-black .opl-btn--green:hover,
.opl-skin-black .opl-btn--green:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--white:hover,
.opl-skin-black .opl-btn--white:not(.u-hide-focus):focus,
.opl-skin-black .opl-btn--yellow:hover,
.opl-skin-black .opl-btn--yellow:not(.u-hide-focus):focus {
    color: #000
}

.opl-skin-black .opl-btn--white:hover,
.opl-skin-black .opl-btn--white:not(.u-hide-focus):focus {
    background: #fff;
    border-color: #fff
}

.opl-skin-black .opl-btn--white:hover:before,
.opl-skin-black .opl-btn--white:not(.u-hide-focus):focus:before,
.opl-skin-black .opl-btn--yellow:hover:before,
.opl-skin-black .opl-btn--yellow:not(.u-hide-focus):focus:before {
    background: rgba(0, 0, 0, .2)
}

.opl-skin-black .opl-checkbox-btn:checked+.opl-btn,
.opl-skin-black .opl-radio-btn:checked+.opl-btn {
    color: #000
}

.opl-skin-black .opl-dropdown-button .opl-btn,
.opl-white-skin .opl-header a,
.opl-white-skin .opl-navigation--first a {
    color: #000
}

.opl-skin-black .opl-dropdown-button .opl-btn:before,
.opl-skin-black .opl-dropdown-button .opl-btn:hover:before {
    background: 0 0
}

.opl-skin-black .opl-dropdown-button__list li:hover .opl-btn {
    color: #fff
}

:not(.ie8) .opl-skin-black .opl-radio:not(.u-hide-focus) input:focus~.o-ci:before {
    background-color: #fff;
    border-color: #ff7900
}

:not(.ie8) .opl-skin-black .opl-radio:not(.u-hide-focus) input:checked:focus~.o-ci:before {
    background-color: transparent;
    border-color: #ff7900
}

:not(.ie8) .opl-skin-black .opl-checkbox:not(.u-hide-focus) input:focus~.o-ci:before {
    background-color: #000;
    border-color: #fff
}

:not(.ie8) .opl-skin-black .opl-checkbox:not(.u-hide-focus) input:checked:focus~.o-ci:before {
    background-color: #ff7900;
    border-color: #ff7900
}

:not(.ie8) .opl-skin-black .opl-checkbox:not(.u-hide-focus) input:checked:focus~.o-ci:after {
    color: #000
}

:not(.ie8) .opl-skin-black .opl-checkbox input:checked~.o-ci:after {
    color: #000
}

:not(.ie8) .opl-skin-black .opl-checkbox input:disabled:checked~.o-ci:after {
    color: #000
}

:not(.ie8) .opl-skin-black .opl-checkbox--grey-disabled input:disabled:checked~.o-ci:before {
    background-color: #ccc;
    border-color: #ccc
}

:not(.ie8) .opl-skin-black .opl-checkbox--grey-disabled input:disabled:checked~.o-ci:after {
    color: #000
}

:not(.ie8) .opl-skin-black .opl-checkbox--green input:checked~.o-ci:before {
    background-color: #32c832;
    border-color: #32c832
}

:not(.ie8) .opl-skin-black .opl-checkbox--green input:disabled:checked~.o-ci:before {
    background-color: #ccc;
    border-color: #ccc
}

:not(.ie8) .opl-skin-black .opl-checkbox--green input:disabled:checked~.o-ci:after {
    color: #000
}

.opl-white-skin,
.opl-white-skin .opl-header__main {
    background: #fff
}

.opl-white-skin .opl-footer__list li a:hover,
.opl-white-skin .opl-header .opl-navigation__li:hover>a,
.opl-white-skin .opl-header a:hover,
.opl-white-skin .opl-navigation__li--active a {
    color: #ff7900
}

.opl-white-skin .opl-header__top {
    background: #ccc
}

.opl-white-skin .opl-header .opl-mobile-menu__icon,
.opl-white-skin .opl-header .opl-mobile-menu__icon:after,
.opl-white-skin .opl-header .opl-mobile-menu__icon:before {
    background: #000
}

.opl-white-skin .opl--menu-visible .opl-mobile-menu__icon,
.opl-white-skin .opl--menu-visible .opl-mobile-menu__icon:after,
.opl-white-skin .opl--menu-visible .opl-mobile-menu__icon:before,
.opl-white-skin .opl-navigation__li--active {
    background: #fff
}

.opl-white-skin .opl-search-responsive {
    border-top: 1px solid #fff;
    background: #fff;
    color: #000
}

.opl-white-skin .opl-search-responsive .opl-input-line input {
    border-color: #000;
    color: #000;
    background: #eee
}

.opl-white-skin .opl-search-responsive .opl-input-line input::-webkit-input-placeholder {
    color: #000
}

.opl-white-skin .opl-search-responsive .opl-input-line input:-moz-placeholder {
    color: #000
}

.opl-white-skin .opl-search-responsive .opl-input-line input:-ms-input-placeholder {
    color: #000
}

.opl-white-skin .opl-search-responsive .opl-input-line input::placeholder {
    color: #000
}

.opl-white-skin .opl-search-responsive__button-white {
    display: block
}

.opl-white-skin .opl-search-responsive__button-black {
    display: none
}

.opl-white-skin .opl-footer {
    background: #fff
}

.opl-white-skin .opl-footer .h5,
.opl-white-skin .opl-footer .h6,
.opl-white-skin .opl-footer a,
.opl-white-skin .opl-footer__expander-trigger .g-icon:after,
.opl-white-skin .opl-footer__expander-trigger .g-icon:before {
    color: #000
}

.opl-white-skin .opl-footer__list li a {
    color: #666
}

.opl-white-skin .opl-footer .o-separator,
.opl-white-skin .opl-footer-inner {
    border-color: #ddd
}

.opl-white-skin .opl-footer__social-icon:before {
    border-color: #000
}

.opl-white-skin .opl-footer__expander-trigger {
    border-color: #fff
}

.opl-white-skin .opl-footer__expander-trigger .g-icon:before {
    display: inline-block
}

.opl-white-skin .opl-footer__expander-trigger .g-icon:after {
    display: none
}

.opl-white-skin .opl-footer__loyalty-link:focus,
.opl-white-skin .opl-footer__loyalty-link:hover {
    color: #ff7900!important
}