.m644__container {
padding-left: 2rem;
padding-right: 2rem
}
.m644__container:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m644__container {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m644__container {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m644__container {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.m644-content,
.vw-iframe-template~.m520 {
display: none
}
.m644 {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
transition: -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
-o-transition: -o-transform .15s cubic-bezier(.55, .055, .675, .19);
-moz-transition: transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19);
transition: transform .15s cubic-bezier(.55, .055, .675, .19);
transition: transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19), -moz-transform .15s cubic-bezier(.55, .055, .675, .19), -o-transform .15s cubic-bezier(.55, .055, .675, .19);
position: fixed;
bottom: 0;
left: 0;
width: 100%;
pointer-events: none;
z-index: 9
}
@media screen and (min-width:48em) {
.m644 {
padding-left: 9.6rem
}
}
.m644.is-opened {
max-height: 100%;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .15s cubic-bezier(.215, .61, .355, 1);
transition: -webkit-transform .15s cubic-bezier(.215, .61, .355, 1);
-o-transition: -o-transform .15s cubic-bezier(.215, .61, .355, 1);
-moz-transition: transform .15s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s cubic-bezier(.215, .61, .355, 1);
transition: transform .15s cubic-bezier(.215, .61, .355, 1);
transition: transform .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s cubic-bezier(.215, .61, .355, 1), -moz-transform .15s cubic-bezier(.215, .61, .355, 1), -o-transform .15s cubic-bezier(.215, .61, .355, 1)
}
.m644__container {
pointer-events: auto
}
.m644__inner {
height: 100%;
position: relative;
padding: 1.5rem 4rem 1.5rem 1.5rem;
font-size: 1.1rem;
line-height: 1.455;
letter-spacing: 0;
color: #808890;
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
background-color: #2f3538;
color: #f3f5f6
}
.m644__close {
cursor: pointer;
position: absolute;
top: 1.5rem;
right: 1.5rem;
border-radius: 50%;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
text-align: center;
color: #fff;
background-color: rgba(29, 30, 32, .3)
}
.m644__data {
overflow-y: auto;
max-height: 100%
}
.m644__icon {
vertical-align: middle;
position: relative;
bottom: .1rem
}
.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before {
text-align: center
}
@font-face {
font-family: VideoJS;
src: url(../../../../font/1.5.1/VideoJS.eot) format("eot")
}
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
font-weight: 400;
font-style: normal
}
.video-js .vjs-big-play-button,
.video-js .vjs-play-control,
.vjs-icon-play {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before,
.vjs-icon-play:before {
content: "\F101"
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-play-circle:before {
content: "\F102"
}
.video-js .vjs-play-control.vjs-playing,
.vjs-icon-pause {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-play-control.vjs-playing:before,
.vjs-icon-pause:before {
content: "\F103"
}
.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0,
.vjs-icon-volume-mute {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before,
.vjs-icon-volume-mute:before {
content: "\F104"
}
.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1,
.vjs-icon-volume-low {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before,
.vjs-icon-volume-low:before {
content: "\F105"
}
.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2,
.vjs-icon-volume-mid {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before,
.vjs-icon-volume-mid:before {
content: "\F106"
}
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button,
.vjs-icon-volume-high {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before,
.vjs-icon-volume-high:before {
content: "\F107"
}
.video-js .vjs-fullscreen-control,
.vjs-icon-fullscreen-enter {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-fullscreen-control:before,
.vjs-icon-fullscreen-enter:before {
content: "\F108"
}
.video-js.vjs-fullscreen .vjs-fullscreen-control,
.vjs-icon-fullscreen-exit {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js.vjs-fullscreen .vjs-fullscreen-control:before,
.vjs-icon-fullscreen-exit:before {
content: "\F109"
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-square:before {
content: "\F10A"
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-spinner:before {
content: "\F10B"
}
.video-js .vjs-subtitles-button,
.vjs-icon-subtitles {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-subtitles-button:before,
.vjs-icon-subtitles:before {
content: "\F10C"
}
.video-js .vjs-captions-button,
.vjs-icon-captions {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-captions-button:before,
.vjs-icon-captions:before {
content: "\F10D"
}
.video-js .vjs-chapters-button,
.vjs-icon-chapters {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-chapters-button:before,
.vjs-icon-chapters:before {
content: "\F10E"
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-share:before {
content: "\F10F"
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-cog:before {
content: "\F110"
}
.video-js .vjs-mouse-display,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-mouse-display:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before {
content: "\F111"
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-circle-outline:before {
content: "\F112"
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-circle-inner-circle:before {
content: "\F113"
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-hd:before {
content: "\F114"
}
.video-js .vjs-control.vjs-close-button,
.vjs-icon-cancel {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-control.vjs-close-button:before,
.vjs-icon-cancel:before {
content: "\F115"
}
.vjs-icon-replay {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-replay:before {
content: "\F116"
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-facebook:before {
content: "\F117"
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-gplus:before {
content: "\F118"
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-linkedin:before {
content: "\F119"
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-twitter:before {
content: "\F11A"
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-tumblr:before {
content: "\F11B"
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-pinterest:before {
content: "\F11C"
}
.video-js .vjs-descriptions-button,
.vjs-icon-audio-description {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-descriptions-button:before,
.vjs-icon-audio-description:before {
content: "\F11D"
}
.video-js .vjs-audio-button,
.vjs-icon-audio {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.video-js .vjs-audio-button:before,
.vjs-icon-audio:before {
content: "\F11E"
}
.video-js {
display: block;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: 400;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.video-js:-moz-full-screen {
position: absolute
}
.video-js:-webkit-full-screen {
width: 100%!important;
height: 100%!important
}
.video-js *,
.video-js :after,
.video-js :before {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin: 0
}
.video-js.vjs-4-3,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
width: 100%;
max-width: 100%;
height: 0
}
.video-js.vjs-16-9 {
padding-top: 56.25%
}
.video-js.vjs-4-3 {
padding-top: 75%
}
.video-js.vjs-fill,
.video-js .vjs-tech {
width: 100%;
height: 100%
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0
}
.video-js.vjs-fullscreen {
width: 100%!important;
height: 100%!important;
padding-top: 0!important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none
}
.vjs-hidden {
display: none!important
}
.vjs-disabled {
opacity: .5;
cursor: default
}
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px
}
.vjs-lock-showing {
display: block!important;
opacity: 1;
visibility: visible
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0 auto
}
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66a8cc
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.5em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: .06666em solid #fff;
background-color: #2b333f;
background-color: rgba(43, 51, 63, .7);
border-radius: .3em;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -.75em;
margin-left: -1.5em
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
outline: 0;
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, .5);
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
display: none
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block
}
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
overflow: visible;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: .5em;
z-index: 2
}
.vjs-menu-button {
cursor: pointer
}
.vjs-menu-button.vjs-disabled {
cursor: default
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
overflow: auto;
font-family: Arial, Helvetica, sans-serif
}
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
display: none
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: .2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
outline: 0;
background-color: #73859f;
background-color: rgba(115, 133, 159, .5)
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2b333f
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 .3em;
font-weight: 700;
cursor: default
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, .7)
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2b333f;
background-color: rgba(43, 51, 63, .7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
display: block
}
.video-js .vjs-menu-button-inline {
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
overflow: hidden
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em
}
.video-js .vjs-menu-button-inline.vjs-slider-active {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
display: block;
opacity: 1
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
width: auto
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2b333f;
background-color: rgba(43, 51, 63, .7)
}
.vjs-has-started .vjs-control-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
visibility: visible;
opacity: 1;
-webkit-transition: visibility .1s, opacity .1s;
-moz-transition: visibility .1s, opacity .1s;
-o-transition: visibility .1s, opacity .1s;
transition: visibility .1s, opacity .1s
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
display: none!important
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table
}
.video-js .vjs-control {
outline: none;
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none
}
.video-js .vjs-control:before {
font-size: 1.8em;
line-height: 1.67
}
.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
text-shadow: 0 0 1em #fff
}
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle
}
.video-js .vjs-custom-control-spacer {
display: none
}
.video-js .vjs-progress-control {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-moz-box-align: center;
align-items: center;
min-width: 4em
}
.vjs-live .vjs-progress-control {
display: none
}
.video-js .vjs-progress-holder {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
height: .3em
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666666666667em
}
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
font-family: Arial, Helvetica, sans-serif;
visibility: visible;
font-size: .6em
}
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
left: 0;
top: 0
}
.video-js .vjs-mouse-display:before {
display: none
}
.video-js .vjs-play-progress {
background-color: #fff
}
.video-js .vjs-play-progress:before {
position: absolute;
top: -.333333333333333em;
right: -.5em;
font-size: .9em
}
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after,
.video-js .vjs-time-tooltip {
visibility: hidden;
pointer-events: none;
position: absolute;
top: -3.4em;
right: -1.9em;
font-size: .9em;
color: #000;
content: attr(data-current-time);
padding: 6px 8px 8px;
background-color: #fff;
background-color: hsla(0, 0%, 100%, .8);
border-radius: .3em
}
.video-js .vjs-play-progress:after,
.video-js .vjs-play-progress:before,
.video-js .vjs-time-tooltip {
z-index: 1
}
.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
display: none
}
.video-js .vjs-load-progress {
background: #bfc7d3;
background: rgba(115, 133, 159, .5)
}
.video-js .vjs-load-progress div {
background: #fff;
background: rgba(115, 133, 159, .75)
}
.video-js.vjs-no-flex .vjs-progress-control {
width: auto
}
.video-js .vjs-time-tooltip {
display: inline-block;
height: 2.4em;
position: relative;
float: right;
right: -1.9em
}
.vjs-tooltip-progress-bar {
visibility: hidden
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
display: none
}
.video-js .vjs-progress-control .vjs-mouse-display:after,
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, .8)
}
.video-js .vjs-slider {
outline: 0;
position: relative;
cursor: pointer;
padding: 0;
margin: 0 .45em;
background-color: #73859f;
background-color: rgba(115, 133, 159, .5)
}
.video-js .vjs-slider:focus {
text-shadow: 0 0 1em #fff;
-webkit-box-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff
}
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none
}
.video-js .vjs-volume-control {
width: 5em;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-moz-box-align: center;
align-items: center
}
.video-js .vjs-volume-bar {
margin: 1.35em .45em
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: .3em
}
.vjs-volume-bar.vjs-slider-vertical {
width: .3em;
height: 5em;
margin: 1.35em auto
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: .9em
}
.vjs-slider-vertical .vjs-volume-level {
width: .3em
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -.5em;
left: -.3em
}
.vjs-slider-horizontal .vjs-volume-level {
height: .3em
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -.3em;
right: -.5em
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%
}
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
display: block;
width: 0;
height: 0;
border-top-color: transparent
}
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
left: .5em;
height: 8em
}
.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
left: -2em
}
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
height: 0;
width: 0;
overflow-x: hidden;
overflow-y: hidden
}
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical:hover .vjs-menu-content {
height: 8em;
width: 2.9em
}
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
height: 2.9em;
width: 8em
}
.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
background-color: transparent!important
}
.vjs-poster {
display: inline-block;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: contain;
background-size: contain;
background-color: #000;
cursor: pointer;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%
}
.vjs-poster,
.vjs-poster img {
vertical-align: middle;
padding: 0
}
.vjs-poster img {
display: block;
margin: 0 auto;
max-height: 100%;
width: 100%
}
.vjs-has-started .vjs-poster {
display: none
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block
}
.vjs-using-native-controls .vjs-poster {
display: none
}
.video-js .vjs-live-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
-moz-box-align: start;
align-items: flex-start;
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 1em;
line-height: 3em
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left
}
.video-js .vjs-time-control {
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em
}
.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
display: none
}
.vjs-time-divider {
display: none;
line-height: 3em
}
.vjs-live .vjs-time-divider {
display: none
}
.video-js .vjs-play-control {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: .1em;
background-color: #000;
background-color: rgba(0, 0, 0, .5)
}
.vjs-subtitles {
color: #fff
}
.vjs-captions {
color: #fc6
}
.vjs-tt-cue {
display: block
}
video::-webkit-media-text-track-display {
-moz-transform: translateY(-3em);
-ms-transform: translateY(-3em);
-o-transform: translateY(-3em);
-webkit-transform: translateY(-3em);
transform: translateY(-3em)
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-moz-transform: translateY(-1.5em);
-ms-transform: translateY(-1.5em);
-o-transform: translateY(-1.5em);
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em)
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none
}
.vjs-playback-rate .vjs-playback-rate-value {
font-size: 1.5em;
line-height: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: "X";
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -.5em;
position: absolute;
text-shadow: .05em .05em .1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .85;
text-align: left;
border: 6px solid rgba(43, 51, 63, .7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
content: "";
position: absolute;
margin: -6px;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: #fff
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
-moz-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
-o-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: #fff
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: #fff;
-webkit-animation-delay: .44s;
-moz-animation-delay: .44s;
-o-animation-delay: .44s;
animation-delay: .44s
}
@-moz-keyframes vjs-spinner-spin {
to {
-moz-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-o-keyframes vjs-spinner-spin {
to {
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes vjs-spinner-spin {
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-webkit-keyframes vjs-spinner-spin {
to {
-webkit-transform: rotate(1turn)
}
}
@-moz-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f
}
20% {
border-top-color: #73859f
}
35% {
border-top-color: #fff
}
60% {
border-top-color: #73859f
}
to {
border-top-color: #73859f
}
}
@-o-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f
}
20% {
border-top-color: #73859f
}
35% {
border-top-color: #fff
}
60% {
border-top-color: #73859f
}
to {
border-top-color: #73859f
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f
}
20% {
border-top-color: #73859f
}
35% {
border-top-color: #fff
}
60% {
border-top-color: #73859f
}
to {
border-top-color: #73859f
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f
}
20% {
border-top-color: #73859f
}
35% {
border-top-color: #fff
}
60% {
border-top-color: #73859f
}
to {
border-top-color: #73859f
}
}
.vjs-chapters-button .vjs-menu ul {
width: 24em
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
width: auto
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button {
display: none
}
.vjs-caption-settings {
position: relative;
top: 1em;
background-color: #2b333f;
background-color: rgba(43, 51, 63, .75);
color: #fff;
margin: 0 auto;
padding: .5em;
height: 16em;
font-size: 12px;
width: 40em
}
.vjs-caption-settings .vjs-tracksettings {
top: 0;
bottom: 1em;
left: 0;
right: 0;
position: absolute;
overflow: auto
}
.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
float: left
}
.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-controls:after,
.vjs-caption-settings .vjs-tracksettings-font:after {
clear: both
}
.vjs-caption-settings .vjs-tracksettings-controls {
position: absolute;
bottom: 1em;
right: 1em
}
.vjs-caption-settings .vjs-tracksetting {
margin: 5px;
padding: 3px;
min-height: 40px;
border: none
}
.vjs-caption-settings .vjs-tracksetting label,
.vjs-caption-settings .vjs-tracksetting legend {
display: block;
width: 100px;
margin-bottom: 5px
}
.vjs-caption-settings .vjs-tracksetting span {
display: inline;
margin-left: 5px;
vertical-align: top;
float: right
}
.vjs-caption-settings .vjs-tracksetting>div {
margin-bottom: 5px;
min-height: 20px
}
.vjs-caption-settings .vjs-tracksetting>div:last-child {
margin-bottom: 0;
padding-bottom: 0;
min-height: 0
}
.vjs-caption-settings label>input {
margin-right: 10px
}
.vjs-caption-settings fieldset {
margin-top: 1em;
margin-left: .5em
}
.vjs-caption-settings fieldset .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden
}
.vjs-caption-settings input[type=button] {
width: 40px;
height: 40px
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, .8);
background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(hsla(0, 0%, 100%, 0)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
background: -moz-linear-gradient(top, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
background: -o-linear-gradient(top, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0))
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1
}
@media print {
.video-js>:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden
}
}
.video-unit {
overflow: hidden;
margin: 0 auto
}
.video-unit.vjs-vwd5-skin .vjs-big-play-button {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='932 64 320 384'%3E%3Cpath fill='%23fff' d='M932 64l320 192-320 192V64z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
-webkit-background-size: 45px 45px;
background-size: 45px 45px;
background-position: 60%;
border-radius: 50%;
height: 2.8em;
width: 2.8em;
border: none;
background-color: rgba(0, 0, 0, .4);
left: -webkit-calc(50% - 1.6em);
left: -moz-calc(50% - 1.6em);
left: calc(50% - 1.6em);
top: -webkit-calc(50% - 1.6em);
top: -moz-calc(50% - 1.6em);
top: calc(50% - 1.6em)
}
.video-unit.vjs-vwd5-skin .vjs-big-play-button:before {
content: ""
}
.video-unit.vjs-vwd5-skin .vjs-control-bar {
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 44px;
padding: 5px 23px 0 30px;
background-color: #2f3538
}
.video-unit.vjs-vwd5-skin .vjs-play-control {
border-radius: 64%;
background-color: #fff;
height: 30px;
width: 30px;
margin-top: 2px;
background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="875 94 370 354"><path fill="%230099da" d="M1255.1 271L905 94v354z"/></svg>');
background-repeat: no-repeat;
background-position: 50%;
-webkit-background-size: 50% 50%;
background-size: 50% 50%
}
.video-unit.vjs-vwd5-skin .vjs-play-control:before {
content: ""
}
.video-unit.vjs-vwd5-skin .vjs-play-control.vjs-playing {
background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-538 390.9 36 43.2"><path fill="rgba(0,153,218,1)" d="M-538 390.9h11.2v43.2H-538v-43.2zM-513.2 390.9h11.2v43.2h-11.2v-43.2z"/></svg>');
-webkit-background-size: 50% 50%;
background-size: 50% 50%;
background-repeat: no-repeat;
background-position: 50%
}
.video-unit.vjs-vwd5-skin .vjs-mute-control,
.video-unit.vjs-vwd5-skin .vjs-volume-menu-button {
background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-293 196.8 604 448.1"><path d="M-92.3 236.1c12.8-12.8 23.3-8.4 23.3 9.7v414c0 18.2-10.5 22.5-23.3 9.7L-213 548.8h-80v-192h80l120.7-120.7z" fill="%230099da"/></svg>');
-webkit-background-size: 20px 50%;
background-size: 20px 50%;
background-repeat: no-repeat;
background-position: 0 6px;
width: 2em;
margin-left: 20px;
margin-right: 15px
}
.video-unit.vjs-vwd5-skin .vjs-mute-control:hover,
.video-unit.vjs-vwd5-skin .vjs-volume-menu-button:hover {
width: 9em
}
.video-unit.vjs-vwd5-skin .vjs-mute-control:before,
.video-unit.vjs-vwd5-skin .vjs-volume-menu-button:before {
content: ""
}
.video-unit.vjs-vwd5-skin .vjs-mute-control:after,
.video-unit.vjs-vwd5-skin .vjs-volume-menu-button:after {
content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDMyIDYwNCA0NDguMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDMyIDYwNCA0NDguMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMwMEE5RjciIGQ9Ik01MDUsNDYxYy02LjEsMC0xMi4zLTIuMy0xNy03Yy05LjQtOS40LTkuNC0yNC42LDAtMzMuOWM0My44LTQzLjgsNjgtMTAyLjEsNjgtMTY0YzAtNjItMjQuMS0xMjAuMi02OC0xNjRjLTkuNC05LjQtOS40LTI0LjYsMC0zMy45YzkuNC05LjQsMjQuNi05LjQsMzMuOSwwYzUyLjksNTIuOSw4MiwxMjMuMiw4MiwxOThjMCw3NC44LTI5LjEsMTQ1LjEtODIsMTk4QzUxNy4zLDQ1OC43LDUxMS4yLDQ2MSw1MDUsNDYxeiIgLz48cGF0aCBmaWxsPSIjMDBBOUY3IiBkPSJNNDE5LjgsNDE1LjhjLTYuMSwwLTEyLjMtMi4zLTE3LTdjLTkuNC05LjQtOS40LTI0LjYsMC0zMy45YzY1LjUtNjUuNSw2NS41LTE3Mi4xLDAtMjM3LjZjLTkuNC05LjQtOS40LTI0LjYsMC0zMy45YzkuNC05LjQsMjQuNi05LjQsMzMuOSwwYzQwLjgsNDAuOCw2My4zLDk1LDYzLjMsMTUyLjdjMCw1Ny43LTIyLjUsMTExLjktNjMuMywxNTIuN0M0MzIsNDEzLjQsNDI1LjksNDE1LjgsNDE5LjgsNDE1Ljh6IiAvPjxwYXRoIGZpbGw9IiMwMEE5RjciIGQ9Ik0zMjQuNSwzNzAuNWMtNi4xLDAtMTIuMy0yLjMtMTctN2MtOS40LTkuNC05LjQtMjQuNiwwLTMzLjljNDAuNS00MC41LDQwLjUtMTA2LjUsMC0xNDcuMWMtOS40LTkuNC05LjQtMjQuNiwwLTMzLjljOS40LTkuNCwyNC42LTkuNCwzMy45LDBjNTkuMyw1OS4zLDU5LjMsMTU1LjcsMCwyMTVDMzM2LjgsMzY4LjIsMzMwLjcsMzcwLjUsMzI0LjUsMzcwLjV6IiAvPjwvc3ZnPg==");
width: 20px;
position: absolute;
left: 1%;
top: 23%
}
.video-unit.vjs-vwd5-skin .vjs-mute-control.vjs-vol-0,
.video-unit.vjs-vwd5-skin .vjs-volume-menu-button.vjs-vol-0 {
background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-293 196.8 604 448.1"><path fill="rgba(0,153,218,1)" d="M-92.3 236.1c12.8-12.8 23.3-8.4 23.3 9.7v414c0 18.2-10.5 22.5-23.3 9.7L-213 548.8h-80v-192h80l120.7-120.7zM188.9 386.1l-29.7-29.7-66.7 66.7-66.7-66.7-29.7 29.7 66.8 66.7-66.8 66.7 29.7 29.7 66.7-66.7 66.7 66.7 29.7-29.7-66.7-66.7z"/></svg>');
-webkit-background-size: 20px 50%;
background-size: 20px 50%;
background-repeat: no-repeat;
background-position: 0 6px
}
.video-unit.vjs-vwd5-skin .vjs-mute-control.vjs-vol-0:after,
.video-unit.vjs-vwd5-skin .vjs-volume-menu-button.vjs-vol-0:after {
content: ""
}
.video-unit.vjs-vwd5-skin .vjs-mute-control.vjs-vol-1:after,
.video-unit.vjs-vwd5-skin .vjs-volume-menu-button.vjs-vol-1:after {
content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDMyIDYwNCA0NDguMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDMyIDYwNCA0NDguMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIGQ9Ik01MDUsNDYxYy02LjEsMC0xMi4zLTIuMy0xNy03Yy05LjQtOS40LTkuNC0yNC42LDAtMzMuOWM0My44LTQzLjgsNjgtMTAyLjEsNjgtMTY0YzAtNjItMjQuMS0xMjAuMi02OC0xNjRjLTkuNC05LjQtOS40LTI0LjYsMC0zMy45YzkuNC05LjQsMjQuNi05LjQsMzMuOSwwYzUyLjksNTIuOSw4MiwxMjMuMiw4MiwxOThjMCw3NC44LTI5LjEsMTQ1LjEtODIsMTk4QzUxNy4zLDQ1OC43LDUxMS4yLDQ2MSw1MDUsNDYxeiIgLz48cGF0aCBmaWxsPSIjNzA3MDcwIiBkPSJNNDE5LjgsNDE1LjhjLTYuMSwwLTEyLjMtMi4zLTE3LTdjLTkuNC05LjQtOS40LTI0LjYsMC0zMy45YzY1LjUtNjUuNSw2NS41LTE3Mi4xLDAtMjM3LjZjLTkuNC05LjQtOS40LTI0LjYsMC0zMy45YzkuNC05LjQsMjQuNi05LjQsMzMuOSwwYzQwLjgsNDAuOCw2My4zLDk1LDYzLjMsMTUyLjdjMCw1Ny43LTIyLjUsMTExLjktNjMuMywxNTIuN0M0MzIsNDEzLjQsNDI1LjksNDE1LjgsNDE5LjgsNDE1Ljh6IiAvPjxwYXRoIGZpbGw9IiMwMEE5RjciIGQ9Ik0zMjQuNSwzNzAuNWMtNi4xLDAtMTIuMy0yLjMtMTctN2MtOS40LTkuNC05LjQtMjQuNiwwLTMzLjljNDAuNS00MC41LDQwLjUtMTA2LjUsMC0xNDcuMWMtOS40LTkuNC05LjQtMjQuNiwwLTMzLjljOS40LTkuNCwyNC42LTkuNCwzMy45LDBjNTkuMyw1OS4zLDU5LjMsMTU1LjcsMCwyMTVDMzM2LjgsMzY4LjIsMzMwLjcsMzcwLjUsMzI0LjUsMzcwLjV6IiAvPjwvc3ZnPg==")
}
.video-unit.vjs-vwd5-skin .vjs-mute-control.vjs-vol-2:after,
.video-unit.vjs-vwd5-skin .vjs-volume-menu-button.vjs-vol-2:after {
content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDMyIDYwNCA0NDguMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDMyIDYwNCA0NDguMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM3MDcwNzAiIGQ9Ik01MDUsNDYxYy02LjEsMC0xMi4zLTIuMy0xNy03Yy05LjQtOS40LTkuNC0yNC42LDAtMzMuOWM0My44LTQzLjgsNjgtMTAyLjEsNjgtMTY0YzAtNjItMjQuMS0xMjAuMi02OC0xNjRjLTkuNC05LjQtOS40LTI0LjYsMC0zMy45YzkuNC05LjQsMjQuNi05LjQsMzMuOSwwYzUyLjksNTIuOSw4MiwxMjMuMiw4MiwxOThjMCw3NC44LTI5LjEsMTQ1LjEtODIsMTk4QzUxNy4zLDQ1OC43LDUxMS4yLDQ2MSw1MDUsNDYxeiIgLz48cGF0aCBmaWxsPSIjMDBBOUY3IiBkPSJNNDE5LjgsNDE1LjhjLTYuMSwwLTEyLjMtMi4zLTE3LTdjLTkuNC05LjQtOS40LTI0LjYsMC0zMy45YzY1LjUtNjUuNSw2NS41LTE3Mi4xLDAtMjM3LjZjLTkuNC05LjQtOS40LTI0LjYsMC0zMy45YzkuNC05LjQsMjQuNi05LjQsMzMuOSwwYzQwLjgsNDAuOCw2My4zLDk1LDYzLjMsMTUyLjdjMCw1Ny43LTIyLjUsMTExLjktNjMuMywxNTIuN0M0MzIsNDEzLjQsNDI1LjksNDE1LjgsNDE5LjgsNDE1Ljh6IiAvPjxwYXRoIGZpbGw9IiMwMEE5RjciIGQ9Ik0zMjQuNSwzNzAuNWMtNi4xLDAtMTIuMy0yLjMtMTctN2MtOS40LTkuNC05LjQtMjQuNiwwLTMzLjljNDAuNS00MC41LDQwLjUtMTA2LjUsMC0xNDcuMWMtOS40LTkuNC05LjQtMjQuNiwwLTMzLjljOS40LTkuNCwyNC42LTkuNCwzMy45LDBjNTkuMyw1OS4zLDU5LjMsMTU1LjcsMCwyMTVDMzM2LjgsMzY4LjIsMzMwLjcsMzcwLjUsMzI0LjUsMzcwLjV6IiAvPjwvc3ZnPg==")
}
.video-unit.vjs-vwd5-skin .vjs-volume-bar {
margin: 1.6em 1em
}
.video-unit.vjs-vwd5-skin .vjs-volume-level {
background-color: #0099da
}
.video-unit.vjs-vwd5-skin .vjs-volume-level:before {
font-size: 18px;
content: "";
width: 16px;
height: 16px;
background-color: #0099da;
border-radius: 8px;
border: 3px solid #fff
}
.video-unit.vjs-vwd5-skin .vjs-control:focus,
.video-unit.vjs-vwd5-skin .vjs-control:focus:before,
.video-unit.vjs-vwd5-skin .vjs-control:hover:before {
text-shadow: none
}
.video-unit.vjs-vwd5-skin .vjs-progress-holder {
margin: 0
}
.video-unit.vjs-vwd5-skin .vjs-slider-bar:before {
content: ""
}
.video-unit.vjs-vwd5-skin .vjs-slider-bar:after {
display: none
}
.video-unit.vjs-vwd5-skin .vjs-menu {
opacity: 1;
display: block;
left: 2em
}
.video-unit.vjs-vwd5-skin .vjs-current-time,
.video-unit.vjs-vwd5-skin .vjs-duration,
.video-unit.vjs-vwd5-skin .vjs-time-divider {
width: auto;
font-size: 18px;
font-weight: 400;
display: block
}
.video-unit.vjs-vwd5-skin .vjs-time-control {
line-height: 2em;
padding: 0;
min-width: inherit
}
.video-unit.vjs-vwd5-skin .vjs-time-divider {
padding: 0 .2em
}
.video-unit.vjs-vwd5-skin .vjs-remaining-time {
display: none
}
.video-unit.vjs-vwd5-skin .vjs-progress-control {
font-size: 5px;
height: 10px;
top: -1.75em;
position: absolute;
left: 0;
right: 0;
width: auto;
-webkit-transition: all .2s;
-o-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s
}
.video-unit.vjs-vwd5-skin .vjs-progress-control .vjs-load-progress,
.video-unit.vjs-vwd5-skin .vjs-progress-control .vjs-progress-holder {
background-color: #f3f5f6;
height: 9px
}
.video-unit.vjs-vwd5-skin .vjs-progress-control .vjs-play-progress {
background: #0099da;
height: 9px
}
.video-unit.vjs-vwd5-skin .vjs-progress-control .vjs-mouse-display,
.video-unit.vjs-vwd5-skin .vjs-progress-control .vjs-mouse-display:after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s
}
.video-unit.vjs-vwd5-skin .vjs-progress-control .vjs-mouse-display {
display: block;
width: 10px;
height: 10px;
font-size: 26px;
position: absolute;
bottom: 10px;
background-color: transparent;
color: #fff;
margin-left: -10px
}
.video-unit.vjs-vwd5-skin .vjs-thumbnail-holder {
border: 2px solid #fff;
height: 88px!important;
width: 154px!important
}
.video-unit.vjs-vwd5-skin .vjs-fullscreen-control {
background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g fill="rgba(0,153,218,1)"><path d="M29.414 26.586L22.828 20 20 22.828l6.586 6.586L24 32h8v-8zM2.586 5.414L9.172 12 12 9.172 5.414 2.586 8 0H0v8zM26.586 2.586L20 9.172 22.828 12l6.586-6.586L32 8V0h-8zM12 22.828L9.172 20l-6.586 6.586L0 24v8h8l-2.586-2.586z"/></g></svg>');
-webkit-background-size: 50% 50%;
background-size: 50% 50%;
background-repeat: no-repeat;
background-position: 50%;
margin-left: auto
}
.video-unit.vjs-vwd5-skin .vjs-fullscreen-control:before {
content: ""
}
.video-unit.vjs-vwd5-skin .vjs-load-progress div {
background: #fff
}
.video-unit.vjs-vwd5-skin.vjs-mobile .vjs-control-bar {
padding: 5px 3px 0 10px
}
.video-unit.vjs-vwd5-skin.vjs-mobile .vjs-big-play-button {
height: 1.8em;
width: 1.8em;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
top: -webkit-calc(50% - .9em);
top: -moz-calc(50% - .9em);
top: calc(50% - .9em);
left: -webkit-calc(50% - .9em);
left: -moz-calc(50% - .9em);
left: calc(50% - .9em)
}
.video-unit.vjs-vwd5-skin.vjs-mobile .vjs-time-control {
display: none
}
.video-unit.vjs-vwd5-skin.vjs-paused .vjs-big-play-button {
display: block
}
.video-unit.vjs-vwd5-skin.vjs-ended .vjs-big-play-button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMEE3QTlFRkY1MTUxMUU1OTA5NzkwMjA5RDg2QzZGMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMEE3QTlGMEY1MTUxMUU1OTA5NzkwMjA5RDg2QzZGMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwQTdBOUVERjUxNTExRTU5MDk3OTAyMDlEODZDNkYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwQTdBOUVFRjUxNTExRTU5MDk3OTAyMDlEODZDNkYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WC42EQAABBxJREFUeNrsmllIVVEUhq+lIVpiamZGo5WhEZUGatlkA1lhCQlmENH8EEFE0FMTDWT0INRDQfXSQ1BEVEqkDVhGWYppA2U5UDnQZANJard/5YJCUtc+5+xztHsXfFzQfe4+/znrrr32WtvH7Xa7HDA/8BO02T2xj0OC14JqkG/3xH1czlgiuAZSPUXwB/68AnZ5guC/bSe4CkI9RTDZfFDKru4RgsmGgSKw438U/LWL/+0Hp3np6rXLEv0+x4Aw8B1sAwu7ueYVSAdlvUVwPFgGZrLYQTQfIzVKTtbwG7fGSLCF+IN1oMRtrR0HAVbco5VveAXYB0Zq8pgHYBFodNqlKbqeAAtsiAVN7OLnnRIcz0lDiM1Rnh7weruXpXngngNiyZ7b/YbJfXMdWMcLOFY02il4OrjlgNjdVmw0VAUPBiUg0kah9DYXg2InEo8z7FKq9gM85odFmdNykCy47izYAhqcSDxWGkgYmkEOiO3wXXsE126wOCn6jcrgMkWx10FEJ9+V3cV1xSBGh1hCGnhWg4kKjnMIzAH1nf2Uulhfp4InugKCr3BclsJ3HjSwp/0GMsEl7SFQ4AYxCm6cL3Stwx1cP8qgi1Js2AtKQZzkGskbThM+uxawVTjWnz+3g2zFd0SbkyW8V6ZI35f/Pgs8NOvS/cBk4Y2cAo+EYyt5E3BSsnSCIRwTsliY/z/GJVjh0omgTujOyUI39GGkbpsAWgTzV4ARZqM0PdlwwXN7Ae5KwwYjtRrwWTAuGow2u1saKsyZn4FWTXG1DtwUrjiRZgWHC2/qrebF5LVwXJBZwdKCm+4uYLN0b2BWsFSIn2bB0iJDq1nBTcKJdG8XhwvHfTIruIZrw91ZDAjUJDZUmMfT231nVjAlCFWCyUaBJE2CKZuKEK4UlWYF02a9SHhjGzUJXiUcVwFqraha3hZOmM5pn5VG/aelwrGi4xOSEg9lME+FS1Q5iOONhFnrzyWhscJlK1ryhqX5bK7CFvGcRdWJCzrmlE6epljeyTXR/AoElxXnS9VR0ypUvIlyMFtRbAqoVZwnT1cRb67BVucNkAGCO9kqhoNMHmfEknS2S4+BTQaDUD0Hv/cc1Gh3Q03yCa72kwFGLIfr1toK8QGgEExxOW/UL05U3ZYa6S1FgTvcdnHKGlhsleqFRruH5IYFCvtlq8VS/arayMVmGuKxXIkIs1nsNPDS6BeYPQEwHlwE42wQSxVRasKbOuNhRUbkC4649VkbOMAJia3NtO6YwV0EK40ytklWNtN0HEyjZthmV3vHIsjA9XS0mA7KHOXVwFLTeRIvGGSAFDCQI3sIJxw+XC9r4bLMG3Cfa9t5rj/nqV29SXBHC+NlbACLplMBXzgIfVQszvcKwT3CvIK9gr2CvYK9gnuy/RJgAE+cid75fOWnAAAAAElFTkSuQmCC);
height: 2em;
width: 2em;
left: -webkit-calc(50% - 1em);
left: -moz-calc(50% - 1em);
left: calc(50% - 1em);
top: -webkit-calc(50% - 1em);
top: -moz-calc(50% - 1em);
top: calc(50% - 1em)
}
.video-unit.vjs-vwd5-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
bottom: 0;
height: 0;
padding-top: 5px;
margin-bottom: -5px;
-webkit-transition: height .8s;
-o-transition: height .8s;
-moz-transition: height .8s;
transition: height .8s
}
.video-unit.vjs-vwd5-skin.vjs-fullscreen .vjs-fullscreen-control {
background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g fill="rgba(0,153,218,1)"><path d="M22.586 25.414L29.172 32 32 29.172l-6.586-6.586L28 20h-8v8zM6.547 9.371L4 12l7.961-.043L12 4 9.375 6.543 2.828 0 0 2.828zM0 29.172L2.828 32l6.586-6.586L12 28v-8H4l2.586 2.586zM28.031 12l-2.593-2.596L32 2.838 29.164 0l-6.566 6.566L20 3.971V12z"/></g></svg>');
-webkit-background-size: 50% 50%;
background-size: 50% 50%;
background-repeat: no-repeat;
background-position: 50%
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m400-close:before {
font-family: icon-navigation
}
body.m400 {
position: static;
max-width: 100vw
}
.m400 {
display: block;
position: fixed;
overflow: auto;
-webkit-overflow-scrolling: touch;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 10
}
.m400:after {
clear: both;
content: "";
display: table
}
.m400__iframe {
width: 100%;
height: 100%;
position: absolute
}
.m400-opened .m400 {
display: block
}
.m400-close {
position: fixed;
top: 1.5rem;
right: 2rem;
height: 3rem;
width: 3rem;
z-index: 11;
border-radius: 50%;
background-color: rgba(47, 53, 56, .6);
color: #fff;
overflow: hidden;
text-indent: -9999px
}
.m400-close:before {
content: "\E002";
position: absolute;
top: 0;
text-align: center;
left: 0;
line-height: 3rem;
text-indent: 0;
width: 100%
}
.is-ie .m400-close:before {
line-height: 30px
}
@media screen and (min-width:48em) {
.m400-close {
top: 2rem;
right: 3rem;
height: 4rem;
width: 4rem
}
.m400-close:before {
line-height: 4rem
}
.is-ie .m400-close:before {
line-height: 40px
}
}
.m400__full-height {
min-height: 100vh
} a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
} html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
article,
aside,
footer,
header,
nav,
section {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
figcaption,
figure,
main {
display: block
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit;
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details,
menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
[hidden],
template {
display: none
}
@font-face {
font-family: vw_head;
src: url(../../../themes/alethemes-master/fonts/VWHeadOffice.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/VWHeadOffice.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: vw_text;
src: url(../../../themes/alethemes-master/fonts/VWTextOffice-Bold.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/VWTextOffice-Bold.woff) format("woff");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: vw_head;
src: url(../../../themes/alethemes-master/fonts/VWHeadOffice-Bold.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/VWHeadOffice-Bold.woff) format("woff");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: vw_text;
src: url(../../../themes/alethemes-master/fonts/VWTextOffice.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/VWTextOffice.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: icon-arrow;
src: url(../../../themes/alethemes-master/fonts/icon-arrow.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/icon-arrow.woff) format("woff"), url(../../../themes/alethemes-master/fonts/icon-arrow.ttf) format("truetype")
}
.icon-arrow-down-double:before {
content: "\E001"
}
.icon-arrow-down:before {
content: "\E002"
}
.icon-arrow-left-double:before {
content: "\E003"
}
.icon-arrow-left:before {
content: "\E004"
}
.icon-arrow-right-double:before {
content: "\E005"
}
.icon-arrow-right:before {
content: "\E006"
}
.icon-arrow-up-double:before {
content: "\E007"
}
.icon-arrow-up:before {
content: "\E008"
}
@font-face {
font-family: icon-engine;
src: url(../../../themes/alethemes-master/fonts/icon-engine.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/icon-engine.woff) format("woff"), url(../../../themes/alethemes-master/fonts/icon-engine.ttf) format("truetype")
}
.icon-engine-automatic:before,
.icon-engine-CO2-emissions:before,
.icon-engine-diesel:before,
.icon-engine-electric:before,
.icon-engine-fuel-consumption:before,
.icon-engine-gear-change:before,
.icon-engine-hybrid:before,
.icon-engine-natural-gas:before,
.icon-engine-petrol:before,
.icon-engine-power:before {
font-family: icon-engine
}
.icon-engine-automatic:before {
content: "\E001"
}
.icon-engine-CO2-emissions:before {
content: "\E002"
}
.icon-engine-diesel:before {
content: "\E003"
}
.icon-engine-electric:before {
content: "\E004"
}
.icon-engine-fuel-consumption:before {
content: "\E005"
}
.icon-engine-gear-change:before {
content: "\E006"
}
.icon-engine-hybrid:before {
content: "\E007"
}
.icon-engine-natural-gas:before {
content: "\E008"
}
.icon-engine-petrol:before {
content: "\E009"
}
.icon-engine-power:before {
content: "\E00A"
}
@font-face {
font-family: icon-link;
src: url(../../../themes/alethemes-master/fonts/icon-link.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/icon-link.woff) format("woff"), url(../../../themes/alethemes-master/fonts/icon-link.ttf) format("truetype")
}
.icon-link-back-to-top:before,
.icon-link-compare:before,
.icon-link-configure:before,
.icon-link-contacts:before,
.icon-link-delete:before,
.icon-link-download:before,
.icon-link-email:before,
.icon-link-fax:before,
.icon-link-locate-me:before,
.icon-link-mail:before,
.icon-link-phone:before,
.icon-link-pin:before,
.icon-link-print:before,
.icon-link-reload:before,
.icon-link-route:before,
.icon-link-search:before,
.icon-link-standardlink:before,
.icon-link-upload:before,
.icon-link-view:before,
.icon-link-website:before,
.icon-link-write:before,
.icon-link-zoom-in:before,
.icon-link-zoom-out:before,
.mk504__contacts_link:before {
font-family: icon-link
}
.icon-link-back-to-top:before {
content: "\E001"
}
.icon-link-compare:before {
content: "\E002"
}
.icon-link-configure:before {
content: "\E003"
}
.icon-link-contacts:before {
content: "\E004"
}
.icon-link-delete:before {
content: "\E005"
}
.icon-link-download:before {
content: "\E006"
}
.icon-link-email:before {
content: "\E007"
}
.icon-link-fax:before {
content: "\E008"
}
.icon-link-locate-me:before {
content: "\E009"
}
.icon-link-mail:before {
content: "\E00A"
}
.icon-link-phone:before {
content: "\E00B"
}
.icon-link-pin:before {
content: "\E00C"
}
.icon-link-print:before {
content: "\E00D"
}
.icon-link-reload:before {
content: "\E00E"
}
.icon-link-route:before {
content: "\E00F"
}
.icon-link-search:before {
content: "\E010"
}
.icon-link-standardlink:before {
content: "\E011"
}
.icon-link-upload:before {
content: "\E012"
}
.icon-link-view:before {
content: "\E013"
}
.icon-link-website:before {
content: "\E014"
}
.icon-link-write:before {
content: "\E015"
}
.icon-link-zoom-in:before {
content: "\E016"
}
.icon-link-zoom-out:before {
content: "\E017"
}
@font-face {
font-family: icon-navigation;
src: url(../../../themes/alethemes-master/fonts/icon-navigation.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/icon-navigation.woff) format("woff"), url(../../../themes/alethemes-master/fonts/icon-navigation.ttf) format("truetype")
}
.icon-navigation-business-customers:before {
content: "\E001"
}
.icon-navigation-close:before {
content: "\E002"
}
.icon-navigation-configure:before {
content: "\E003"
}
.icon-navigation-corporate-topics:before {
content: "\E004"
}
.icon-navigation-dealer:before {
content: "\E005"
}
.icon-navigation-get-your-volkswagen-1:before {
content: "\E006"
}
.icon-navigation-get-your-volkswagen-2:before {
content: "\E007"
}
.icon-navigation-get-your-volkswagen:before {
content: "\E008"
}
.icon-navigation-home:before {
content: "\E009"
}
.icon-navigation-importer:before {
content: "\E00A"
}
.icon-navigation-menu:before {
content: "\E00B"
}
.icon-navigation-models:before {
content: "\E00C"
}
.icon-navigation-more:before {
content: "\E00D"
}
.icon-navigation-news:before {
content: "\E00E"
}
.icon-navigation-offer:before {
content: "\E00F"
}
.icon-navigation-owners:before {
content: "\E010"
}
.icon-navigation-preowned:before {
content: "\E011"
}
.icon-navigation-profile:before {
content: "\E012"
}
.icon-navigation-responsibility:before {
content: "\E013"
}
.icon-navigation-search:before {
content: "\E014"
}
.icon-navigation-service:before {
content: "\E015"
}
.icon-navigation-test-drive:before {
content: "\E016"
}
.icon-navigation-volkswagen-live:before {
content: "\E017"
}
@font-face {
font-family: icon-misc;
src: url(../../../themes/alethemes-master/fonts/icon-misc.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/icon-misc.woff) format("woff"), url(../../../themes/alethemes-master/fonts/icon-misc.ttf) format("truetype")
}
.icon-misc-minus:before,
.icon-misc-plus:before,
.icon-misc-toggle-XL:before,
.icon-misc-toggle-XS:before {
font-family: icon-misc
}
.icon-misc-minus:before {
content: "\E001"
}
.icon-misc-plus:before {
content: "\E002"
}
.icon-misc-toggle-XL:before {
content: "\E003"
}
.icon-misc-toggle-XS:before {
content: "\E004"
}
@font-face {
font-family: icon-nextstep;
src: url(../../../themes/alethemes-master/fonts/icon-nextstep.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/icon-nextstep.woff) format("woff"), url(../../../themes/alethemes-master/fonts/icon-nextstep.ttf) format("truetype")
}
.icon-nextstep-360:before,
.icon-nextstep-brochure:before,
.icon-nextstep-business-customers:before,
.icon-nextstep-calculator:before,
.icon-nextstep-calendar-export:before,
.icon-nextstep-calendar:before,
.icon-nextstep-car:before,
.icon-nextstep-checkmark:before,
.icon-nextstep-compare:before,
.icon-nextstep-configure:before,
.icon-nextstep-convince-someone:before,
.icon-nextstep-corporate-topics:before,
.icon-nextstep-dealer:before,
.icon-nextstep-download:before,
.icon-nextstep-email:before,
.icon-nextstep-exclamation-mark:before,
.icon-nextstep-favourite:before,
.icon-nextstep-fax:before,
.icon-nextstep-filter:before,
.icon-nextstep-get-your-volkswagen-1:before,
.icon-nextstep-get-your-volkswagen-2:before,
.icon-nextstep-home:before,
.icon-nextstep-image-gallery:before,
.icon-nextstep-image:before,
.icon-nextstep-importer:before,
.icon-nextstep-info:before,
.icon-nextstep-locate-me:before,
.icon-nextstep-mail:before,
.icon-nextstep-more:before,
.icon-nextstep-news:before,
.icon-nextstep-offer:before,
.icon-nextstep-owners:before,
.icon-nextstep-phone:before,
.icon-nextstep-pin:before,
.icon-nextstep-preowned:before,
.icon-nextstep-print:before,
.icon-nextstep-profile:before,
.icon-nextstep-question-mark:before,
.icon-nextstep-responsibility:before,
.icon-nextstep-route:before,
.icon-nextstep-search:before,
.icon-nextstep-service:before,
.icon-nextstep-support:before,
.icon-nextstep-testdrive:before,
.icon-nextstep-upload:before,
.icon-nextstep-video:before,
.icon-nextstep-view:before,
.icon-nextstep-website:before,
.icon-nextstep-write:before {
font-family: icon-nextstep
}
.icon-nextstep-360:before {
content: "\E001"
}
.icon-nextstep-brochure:before {
content: "\E002"
}
.icon-nextstep-business-customers:before {
content: "\E003"
}
.icon-nextstep-calculator:before {
content: "\E004"
}
.icon-nextstep-calendar-export:before {
content: "\E005"
}
.icon-nextstep-calendar:before {
content: "\E006"
}
.icon-nextstep-car:before {
content: "\E007"
}
.icon-nextstep-checkmark:before {
content: "\E008"
}
.icon-nextstep-compare:before {
content: "\E009"
}
.icon-nextstep-configure:before {
content: "\E00A"
}
.icon-nextstep-convince-someone:before {
content: "\E00B"
}
.icon-nextstep-corporate-topics:before {
content: "\E00C"
}
.icon-nextstep-dealer:before {
content: "\E00D"
}
.icon-nextstep-download:before {
content: "\E00E"
}
.icon-nextstep-email:before {
content: "\E00F"
}
.icon-nextstep-exclamation-mark:before {
content: "\E010"
}
.icon-nextstep-favourite:before {
content: "\E011"
}
.icon-nextstep-fax:before {
content: "\E012"
}
.icon-nextstep-filter:before {
content: "\E013"
}
.icon-nextstep-get-your-volkswagen-1:before {
content: "\E014"
}
.icon-nextstep-get-your-volkswagen-2:before {
content: "\E015"
}
.icon-nextstep-home:before {
content: "\E016"
}
.icon-nextstep-image-gallery:before {
content: "\E017"
}
.icon-nextstep-image:before {
content: "\E018"
}
.icon-nextstep-importer:before {
content: "\E019"
}
.icon-nextstep-info:before {
content: "\E01A"
}
.icon-nextstep-locate-me:before {
content: "\E01B"
}
.icon-nextstep-mail:before {
content: "\E01C"
}
.icon-nextstep-more:before {
content: "\E01D"
}
.icon-nextstep-news:before {
content: "\E01E"
}
.icon-nextstep-offer:before {
content: "\E01F"
}
.icon-nextstep-owners:before {
content: "\E020"
}
.icon-nextstep-phone:before {
content: "\E021"
}
.icon-nextstep-pin:before {
content: "\E022"
}
.icon-nextstep-preowned:before {
content: "\E023"
}
.icon-nextstep-print:before {
content: "\E024"
}
.icon-nextstep-profile:before {
content: "\E025"
}
.icon-nextstep-question-mark:before {
content: "\E026"
}
.icon-nextstep-responsibility:before {
content: "\E027"
}
.icon-nextstep-route:before {
content: "\E028"
}
.icon-nextstep-search:before {
content: "\E029"
}
.icon-nextstep-service:before {
content: "\E02A"
}
.icon-nextstep-support:before {
content: "\E02B"
}
.icon-nextstep-testdrive:before {
content: "\E02C"
}
.icon-nextstep-upload:before {
content: "\E02D"
}
.icon-nextstep-video:before {
content: "\E02E"
}
.icon-nextstep-view:before {
content: "\E02F"
}
.icon-nextstep-website:before {
content: "\E030"
}
.icon-nextstep-write:before {
content: "\E031"
}
@font-face {
font-family: icon-quickaccess;
src: url(../../../themes/alethemes-master/fonts/icon-quickaccess.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/icon-quickaccess.woff) format("woff"), url(../../../themes/alethemes-master/fonts/icon-quickaccess.ttf) format("truetype")
}
.icon-quickaccess-360:before,
.icon-quickaccess-brochure:before,
.icon-quickaccess-business-customers:before,
.icon-quickaccess-calculator:before,
.icon-quickaccess-calendar:before,
.icon-quickaccess-car:before,
.icon-quickaccess-checkmark:before,
.icon-quickaccess-close:before,
.icon-quickaccess-compare:before,
.icon-quickaccess-configurator:before,
.icon-quickaccess-configure:before,
.icon-quickaccess-convince:before,
.icon-quickaccess-corporate-topics:before,
.icon-quickaccess-dealer:before,
.icon-quickaccess-download:before,
.icon-quickaccess-email:before,
.icon-quickaccess-exclamation-mark:before,
.icon-quickaccess-favourite:before,
.icon-quickaccess-fax:before,
.icon-quickaccess-filter:before,
.icon-quickaccess-get-your-volkswagen-1:before,
.icon-quickaccess-get-your-volkswagen-2:before,
.icon-quickaccess-home:before,
.icon-quickaccess-image-gallery:before,
.icon-quickaccess-image:before,
.icon-quickaccess-importer:before,
.icon-quickaccess-info:before,
.icon-quickaccess-locate-me:before,
.icon-quickaccess-mail:before,
.icon-quickaccess-more:before,
.icon-quickaccess-news:before,
.icon-quickaccess-offer:before,
.icon-quickaccess-owners:before,
.icon-quickaccess-phone:before,
.icon-quickaccess-pin:before,
.icon-quickaccess-preowned:before,
.icon-quickaccess-print:before,
.icon-quickaccess-profile:before,
.icon-quickaccess-question-mark:before,
.icon-quickaccess-reload:before,
.icon-quickaccess-responsibility:before,
.icon-quickaccess-route:before,
.icon-quickaccess-search:before,
.icon-quickaccess-service:before,
.icon-quickaccess-share:before,
.icon-quickaccess-social-facebook:before,
.icon-quickaccess-social-googleplus:before,
.icon-quickaccess-social-twitter:before,
.icon-quickaccess-support:before,
.icon-quickaccess-testdrive:before,
.icon-quickaccess-trash:before,
.icon-quickaccess-upload:before,
.icon-quickaccess-video:before,
.icon-quickaccess-view:before,
.icon-quickaccess-website:before,
.icon-quickaccess-write:before,
.icon-quickaccess-zoom-in:before,
.icon-quickaccess-zoom-out:before {
font-family: icon-quickaccess
}
.icon-quickaccess-360:before {
content: "\E001"
}
.icon-quickaccess-brochure:before {
content: "\E002"
}
.icon-quickaccess-business-customers:before {
content: "\E003"
}
.icon-quickaccess-calculator:before {
content: "\E004"
}
.icon-quickaccess-calendar:before {
content: "\E005"
}
.icon-quickaccess-car:before {
content: "\E006"
}
.icon-quickaccess-checkmark:before {
content: "\E007"
}
.icon-quickaccess-close:before {
content: "\E008"
}
.icon-quickaccess-compare:before {
content: "\E009"
}
.icon-quickaccess-configurator:before {
content: "\E00A"
}
.icon-quickaccess-configure:before {
content: "\E00B"
}
.icon-quickaccess-convince:before {
content: "\E00C"
}
.icon-quickaccess-corporate-topics:before {
content: "\E00D"
}
.icon-quickaccess-dealer:before {
content: "\E00E"
}
.icon-quickaccess-download:before {
content: "\E00F"
}
.icon-quickaccess-email:before {
content: "\E010"
}
.icon-quickaccess-exclamation-mark:before {
content: "\E011"
}
.icon-quickaccess-favourite:before {
content: "\E012"
}
.icon-quickaccess-fax:before {
content: "\E013"
}
.icon-quickaccess-filter:before {
content: "\E014"
}
.icon-quickaccess-get-your-volkswagen-1:before {
content: "\E015"
}
.icon-quickaccess-get-your-volkswagen-2:before {
content: "\E016"
}
.icon-quickaccess-home:before {
content: "\E017"
}
.icon-quickaccess-image-gallery:before {
content: "\E018"
}
.icon-quickaccess-image:before {
content: "\E019"
}
.icon-quickaccess-importer:before {
content: "\E01A"
}
.icon-quickaccess-info:before {
content: "\E01B"
}
.icon-quickaccess-locate-me:before {
content: "\E01C"
}
.icon-quickaccess-mail:before {
content: "\E01D"
}
.icon-quickaccess-more:before {
content: "\E01E"
}
.icon-quickaccess-news:before {
content: "\E01F"
}
.icon-quickaccess-offer:before {
content: "\E020"
}
.icon-quickaccess-owners:before {
content: "\E021"
}
.icon-quickaccess-phone:before {
content: "\E022"
}
.icon-quickaccess-pin:before {
content: "\E023"
}
.icon-quickaccess-preowned:before {
content: "\E024"
}
.icon-quickaccess-print:before {
content: "\E025"
}
.icon-quickaccess-profile:before {
content: "\E026"
}
.icon-quickaccess-question-mark:before {
content: "\E027"
}
.icon-quickaccess-reload:before {
content: "\E028"
}
.icon-quickaccess-responsibility:before {
content: "\E029"
}
.icon-quickaccess-route:before {
content: "\E02A"
}
.icon-quickaccess-search:before {
content: "\E02B"
}
.icon-quickaccess-service:before {
content: "\E02C"
}
.icon-quickaccess-share:before {
content: "\E02D"
}
.icon-quickaccess-social-facebook:before {
content: "\E02E"
}
.icon-quickaccess-social-googleplus:before {
content: "\E02F"
}
.icon-quickaccess-social-twitter:before {
content: "\E030"
}
.icon-quickaccess-support:before {
content: "\E031"
}
.icon-quickaccess-testdrive:before {
content: "\E032"
}
.icon-quickaccess-trash:before {
content: "\E033"
}
.icon-quickaccess-upload:before {
content: "\E034"
}
.icon-quickaccess-video:before {
content: "\E035"
}
.icon-quickaccess-view:before {
content: "\E036"
}
.icon-quickaccess-website:before {
content: "\E037"
}
.icon-quickaccess-write:before {
content: "\E038"
}
.icon-quickaccess-zoom-in:before {
content: "\E039"
}
.icon-quickaccess-zoom-out:before {
content: "\E03A"
}
@font-face {
font-family: icon-share;
src: url(../../../themes/alethemes-master/fonts/icon-share.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/icon-share.woff) format("woff"), url(../../../themes/alethemes-master/fonts/icon-share.ttf) format("truetype")
}
.icon-share-facebook:before,
.icon-share-googleplus:before,
.icon-share-instagram:before,
.icon-share-linkedin:before,
.icon-share-odnoklassniki:before,
.icon-share-pinterest:before,
.icon-share-twitter:before,
.icon-share-vkontakte:before,
.icon-share-youtube:before {
font-family: icon-share
}
.icon-share-facebook:before {
content: "\E001"
}
.icon-share-googleplus:before {
content: "\E002"
}
.icon-share-instagram:before {
content: "\E003"
}
.icon-share-linkedin:before {
content: "\E004"
}
.icon-share-odnoklassniki:before {
content: "\E005"
}
.icon-share-pinterest:before {
content: "\E006"
}
.icon-share-twitter:before {
content: "\E007"
}
.icon-share-vkontakte:before {
content: "\E008"
}
.icon-share-youtube:before {
content: "\E009"
}
@font-face {
font-family: icon-currency;
src: url(../../../themes/alethemes-master/fonts/icon-currency.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/icon-currency.woff) format("woff"), url(../../../themes/alethemes-master/fonts/icon-currency.ttf) format("truetype")
}
.icon-currency-rouble:before {
font-family: icon-currency;
content: "\E001"
}
@font-face {
font-family: icon-features;
src: url(../../../themes/alethemes-master/fonts/icon-features.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/icon-features.woff) format("woff"), url(../../../themes/alethemes-master/fonts/icon-features.ttf) format("truetype")
}
.icon-features-airbag:before,
.icon-features-brake:before,
.icon-features-chassis-full:before,
.icon-features-checkmark:before,
.icon-features-clearance:before,
.icon-features-climate:before,
.icon-features-cruise-control:before,
.icon-features-directions:before,
.icon-features-door:before,
.icon-features-engine:before,
.icon-features-front-assist:before,
.icon-features-fuel-consumption:before,
.icon-features-gti:before,
.icon-features-heat:before,
.icon-features-high-beam:before,
.icon-features-low-beam:before,
.icon-features-mileage:before,
.icon-features-mount:before,
.icon-features-snow:before,
.icon-features-spin:before,
.icon-features-start-stop:before,
.icon-features-test-drive:before,
.icon-features-transmission-automatic:before,
.icon-features-trunk:before,
.icon-features-window:before {
font-family: icon-features
}
.icon-features-airbag:before {
content: "\E001"
}
.icon-features-brake:before {
content: "\E002"
}
.icon-features-chassis-full:before {
content: "\E003"
}
.icon-features-checkmark:before {
content: "\E004"
}
.icon-features-clearance:before {
content: "\E005"
}
.icon-features-climate:before {
content: "\E006"
}
.icon-features-cruise-control:before {
content: "\E007"
}
.icon-features-directions:before {
content: "\E008"
}
.icon-features-door:before {
content: "\E009"
}
.icon-features-engine:before {
content: "\E00A"
}
.icon-features-front-assist:before {
content: "\E00B"
}
.icon-features-fuel-consumption:before {
content: "\E00C"
}
.icon-features-gti:before {
content: "\E00D"
}
.icon-features-heat:before {
content: "\E00E"
}
.icon-features-high-beam:before {
content: "\E00F"
}
.icon-features-low-beam:before {
content: "\E010"
}
.icon-features-mileage:before {
content: "\E011"
}
.icon-features-mount:before {
content: "\E012"
}
.icon-features-snow:before {
content: "\E013"
}
.icon-features-spin:before {
content: "\E014"
}
.icon-features-start-stop:before {
content: "\E015"
}
.icon-features-test-drive:before {
content: "\E016"
}
.icon-features-transmission-automatic:before {
content: "\E017"
}
.icon-features-trunk:before {
content: "\E018"
}
.icon-features-window:before {
content: "\E019"
}
@font-face {
font-family: icon-base;
src: url(../../../themes/alethemes-master/fonts/icon-base.woff2) format("woff2"), url(../../../themes/alethemes-master/fonts/icon-base.woff) format("woff"), url(../../../themes/alethemes-master/fonts/icon-base.ttf) format("truetype")
}
.icon-base-360:before {
content: "\E001"
}
.icon-base-accessories:before {
content: "\E002"
}
.icon-base-airbag:before {
content: "\E003"
}
.icon-base-app-store:before {
content: "\E004"
}
.icon-base-arrow-double-down:before {
content: "\E005"
}
.icon-base-arrow-double-left:before {
content: "\E006"
}
.icon-base-arrow-double-right:before {
content: "\E007"
}
.icon-base-arrow-double-up:before {
content: "\E008"
}
.icon-base-arrow-down:before {
content: "\E009"
}
.icon-base-arrow-left:before {
content: "\E00A"
}
.icon-base-arrow-right:before {
content: "\E00B"
}
.icon-base-arrow-up:before {
content: "\E00C"
}
.icon-base-body-coupe:before {
content: "\E00D"
}
.icon-base-body-hatchback:before {
content: "\E00E"
}
.icon-base-body-pickup:before {
content: "\E00F"
}
.icon-base-body-sedan:before {
content: "\E010"
}
.icon-base-body-suv:before {
content: "\E011"
}
.icon-base-body-universal:before {
content: "\E012"
}
.icon-base-body-van:before {
content: "\E013"
}
.icon-base-brake:before {
content: "\E014"
}
.icon-base-brochure:before {
content: "\E015"
}
.icon-base-business-customers:before {
content: "\E016"
}
.icon-base-calculate:before {
content: "\E017"
}
.icon-base-calendar:before {
content: "\E018"
}
.icon-base-chassis-back:before {
content: "\E019"
}
.icon-base-chassis-front:before {
content: "\E01A"
}
.icon-base-chassis-full:before {
content: "\E01B"
}
.icon-base-checkmark:before {
content: "\E01C"
}
.icon-base-child-seat:before {
content: "\E01D"
}
.icon-base-clearance:before {
content: "\E01E"
}
.icon-base-climate:before {
content: "\E01F"
}
.icon-base-clock:before {
content: "\E020"
}
.icon-base-close:before {
content: "\E021"
}
.icon-base-configure:before {
content: "\E022"
}
.icon-base-consumption:before {
content: "\E023"
}
.icon-base-convince:before {
content: "\E024"
}
.icon-base-corporate:before {
content: "\E025"
}
.icon-base-credit-calculator:before {
content: "\E026"
}
.icon-base-cruise-control:before {
content: "\E027"
}
.icon-base-customer:before {
content: "\E028"
}
.icon-base-day:before {
content: "\E029"
}
.icon-base-dealer:before {
content: "\E02A"
}
.icon-base-delete:before {
content: "\E02B"
}
.icon-base-directions:before {
content: "\E02C"
}
.icon-base-door:before {
content: "\E02D"
}
.icon-base-download:before {
content: "\E02E"
}
.icon-base-edit:before {
content: "\E02F"
}
.icon-base-email:before {
content: "\E030"
}
.icon-base-emission:before {
content: "\E031"
}
.icon-base-engine-diesel:before {
content: "\E032"
}
.icon-base-engine-electric:before {
content: "\E033"
}
.icon-base-engine-gas:before {
content: "\E034"
}
.icon-base-engine-hybrid:before {
content: "\E035"
}
.icon-base-engine-petrol:before {
content: "\E036"
}
.icon-base-engine:before {
content: "\E037"
}
.icon-base-exclamation:before {
content: "\E038"
}
.icon-base-favourite:before {
content: "\E039"
}
.icon-base-fax:before {
content: "\E03A"
}
.icon-base-filter:before {
content: "\E03B"
}
.icon-base-forward:before {
content: "\E03C"
}
.icon-base-front-assist:before {
content: "\E03D"
}
.icon-base-fullscreen-enter:before {
content: "\E03E"
}
.icon-base-fullscreen-exit:before {
content: "\E03F"
}
.icon-base-get-your-volkswagen:before {
content: "\E040"
}
.icon-base-gti:before {
content: "\E041"
}
.icon-base-heat:before {
content: "\E042"
}
.icon-base-high-beam:before {
content: "\E043"
}
.icon-base-home:before {
content: "\E044"
}
.icon-base-image-gallery:before {
content: "\E045"
}
.icon-base-image:before {
content: "\E046"
}
.icon-base-importer:before {
content: "\E047"
}
.icon-base-info:before {
content: "\E048"
}
.icon-base-link-arrow:before {
content: "\E049"
}
.icon-base-locate-me:before {
content: "\E04A"
}
.icon-base-lock:before {
content: "\E04B"
}
.icon-base-low-beam:before {
content: "\E04C"
}
.icon-base-mail:before {
content: "\E04D"
}
.icon-base-menu:before {
content: "\E04E"
}
.icon-base-messenger-skype:before {
content: "\E04F"
}
.icon-base-messenger-telegram:before {
content: "\E050"
}
.icon-base-messenger-viber:before {
content: "\E051"
}
.icon-base-messenger-whats-app:before {
content: "\E052"
}
.icon-base-mileage:before {
content: "\E053"
}
.icon-base-minus:before {
content: "\E054"
}
.icon-base-models:before {
content: "\E055"
}
.icon-base-more:before {
content: "\E056"
}
.icon-base-mount:before {
content: "\E057"
}
.icon-base-news:before {
content: "\E058"
}
.icon-base-night:before {
content: "\E059"
}
.icon-base-offer:before {
content: "\E05A"
}
.icon-base-owners:before {
content: "\E05B"
}
.icon-base-pause:before {
content: "\E05C"
}
.icon-base-percent:before {
content: "\E05D"
}
.icon-base-performance:before {
content: "\E05E"
}
.icon-base-phone:before {
content: "\E05F"
}
.icon-base-pin-clean:before {
content: "\E060"
}
.icon-base-pin-phone:before {
content: "\E061"
}
.icon-base-pin:before {
content: "\E062"
}
.icon-base-play:before {
content: "\E063"
}
.icon-base-plus:before {
content: "\E064"
}
.icon-base-print:before {
content: "\E065"
}
.icon-base-purchase:before {
content: "\E066"
}
.icon-base-question:before {
content: "\E067"
}
.icon-base-record:before {
content: "\E068"
}
.icon-base-reload:before {
content: "\E069"
}
.icon-base-responsibility:before {
content: "\E06A"
}
.icon-base-rewind:before {
content: "\E06B"
}
.icon-base-rouble:before {
content: "\E06C"
}
.icon-base-route-by-car:before {
content: "\E06D"
}
.icon-base-route-by-foot:before {
content: "\E06E"
}
.icon-base-route-public-transport:before {
content: "\E06F"
}
.icon-base-route-start:before {
content: "\E070"
}
.icon-base-search:before {
content: "\E071"
}
.icon-base-seat:before {
content: "\E072"
}
.icon-base-service-calculator:before {
content: "\E073"
}
.icon-base-service-unit:before {
content: "\E074"
}
.icon-base-service:before {
content: "\E075"
}
.icon-base-settings:before {
content: "\E076"
}
.icon-base-share:before {
content: "\E077"
}
.icon-base-skip-back:before {
content: "\E078"
}
.icon-base-skip-forward:before {
content: "\E079"
}
.icon-base-snow:before {
content: "\E07A"
}
.icon-base-social-facebook:before {
content: "\E07B"
}
.icon-base-social-google-plus:before {
content: "\E07C"
}
.icon-base-social-linkedin:before {
content: "\E07D"
}
.icon-base-social-odnoklassniki:before {
content: "\E07E"
}
.icon-base-social-twitter:before {
content: "\E07F"
}
.icon-base-social-vkontakte:before {
content: "\E080"
}
.icon-base-sound-off:before {
content: "\E081"
}
.icon-base-sound-on:before {
content: "\E082"
}
.icon-base-start-stop:before {
content: "\E083"
}
.icon-base-stop:before {
content: "\E084"
}
.icon-base-support:before {
content: "\E085"
}
.icon-base-test-drive:before {
content: "\E086"
}
.icon-base-thumbnails-large:before {
content: "\E087"
}
.icon-base-thumbnails-small:before {
content: "\E088"
}
.icon-base-torque:before {
content: "\E089"
}
.icon-base-transmission-automatic:before {
content: "\E08A"
}
.icon-base-transmission-manual:before {
content: "\E08B"
}
.icon-base-trunk:before {
content: "\E08C"
}
.icon-base-upload:before {
content: "\E08D"
}
.icon-base-used-cars:before {
content: "\E08E"
}
.icon-base-video:before {
content: "\E08F"
}
.icon-base-view:before {
content: "\E090"
}
.icon-base-volkswagen-code:before {
content: "\E091"
}
.icon-base-website:before {
content: "\E092"
}
.icon-base-window:before {
content: "\E093"
}
.icon-base-zoom-in:before {
content: "\E094"
}
.icon-base-zoom-out:before {
content: "\E095"
}
.hasicon:before,
.hasicon_after:after {
display: inline-block;
font-size: inherit;
font-style: normal;
speak: none;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon {
display: inline-block
}
.icon:before {
font-size: inherit;
speak: none;
line-height: 1;
font-variant: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon:after,
.icon:before {
display: block
}
.gridcontainer:after,
.gridcontainer:before {
content: " ";
display: table;
clear: both
}
.gridcontainer {
position: relative
}
[class*=" grid_"],
[class^=grid_] {
position: relative;
min-height: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.gridcontainer {
width: auto;
margin-left: -1.38885%!important;
margin-right: -1.38885%!important
}
[class*=" grid_"],
[class^=grid_] {
display: inline;
float: left;
padding-left: 1.38885%;
padding-right: 1.38885%
}
.grid_1 {
width: 8.33333%
}
.grid_2 {
width: 16.66667%
}
.grid_3 {
width: 25%
}
.grid_4 {
width: 33.33333%
}
.grid_5 {
width: 41.66667%
}
.grid_6 {
width: 50%
}
.grid_7 {
width: 58.33333%
}
.grid_8 {
width: 66.66667%
}
.grid_9 {
width: 75%
}
.grid_10 {
width: 83.33333%
}
.grid_11 {
width: 91.66667%
}
.grid_12 {
width: 100%
}
.prefix_1 {
margin-left: 8.33333%
}
.prefix_2 {
margin-left: 16.66667%
}
.prefix_3 {
margin-left: 25%
}
.prefix_4 {
margin-left: 33.33333%
}
.prefix_5 {
margin-left: 41.66667%
}
.prefix_6 {
margin-left: 50%
}
.prefix_7 {
margin-left: 58.33333%
}
.prefix_8 {
margin-left: 66.66667%
}
.prefix_9 {
margin-left: 75%
}
.prefix_10 {
margin-left: 83.33333%
}
.prefix_11 {
margin-left: 91.66667%
}
.suffix_1 {
margin-right: 8.33333%
}
.suffix_2 {
margin-right: 16.66667%
}
.suffix_3 {
margin-right: 25%
}
.suffix_4 {
margin-right: 33.33333%
}
.suffix_5 {
margin-right: 41.66667%
}
.suffix_6 {
margin-right: 50%
}
.suffix_7 {
margin-right: 58.33333%
}
.suffix_8 {
margin-right: 66.66667%
}
.suffix_9 {
margin-right: 75%
}
.suffix_10 {
margin-right: 83.33333%
}
.suffix_11 {
margin-right: 91.66667%
}
.push_1 {
left: 8.33333%
}
.push_2 {
left: 16.66667%
}
.push_3 {
left: 25%
}
.push_4 {
left: 33.33333%
}
.push_5 {
left: 41.66667%
}
.push_6 {
left: 50%
}
.push_7 {
left: 58.33333%
}
.push_8 {
left: 66.66667%
}
.push_9 {
left: 75%
}
.push_10 {
left: 83.33333%
}
.push_11 {
left: 91.66667%
}
.pull_1 {
left: -8.33333%
}
.pull_2 {
left: -16.66667%
}
.pull_3 {
left: -25%
}
.pull_4 {
left: -33.33333%
}
.pull_5 {
left: -41.66667%
}
.pull_6 {
left: -50%
}
.pull_7 {
left: -58.33333%
}
.pull_8 {
left: -66.66667%
}
.pull_9 {
left: -75%
}
.pull_10 {
left: -83.33333%
}
.pull_11 {
left: -91.66667%
}
.prefix_0 {
margin-left: 0
}
.suffix_0 {
margin-right: 0
}
.pull_0,
.push_0 {
left: 0
}
.nogrid {
left: auto;
right: auto;
display: block;
float: none;
width: auto;
margin: 0
}
@media screen and (max-width: 47.9em){
.page-wrapper {
padding-top: 5rem;
}}
@media only screen and (max-width:767px) { .salmob{
display:block !important;
padding-left: 0 !important;
}
.salmob div{
width: 100% !important;
}
.radiobtn__title {
margin-left: 0 !important;
display: inline-block;
vertical-align: top;
float: right;
width: 80%;
}
.mobtop{
align-items: start !important;
justify-content: left !important;
padding-left: 20px !important;
padding-top:10px;
display: block !important;
}
.mobtop .top__back, .mobtop .top__back_u{
width: 100% !important;
}
.top__back_u{
justify-content: left !important;
padding-top: 5px;
}
.stepsmob .top__step{
display:none;
}
.stepsmob .current{
display:flex;
width: 100% !important;
}
.glavnye_osobennosti .main-advantages__close{
top:8px;
}
.grid_xs_1 {
width: 8.33333%
}
.grid_xs_2 {
width: 16.66667%
}
.grid_xs_3 {
width: 25%
}
.grid_xs_4 {
width: 33.33333%
}
.grid_xs_5 {
width: 41.66667%
}
.grid_xs_6 {
width: 50%
}
.grid_xs_7 {
width: 58.33333%
}
.grid_xs_8 {
width: 66.66667%
}
.grid_xs_9 {
width: 75%
}
.grid_xs_10 {
width: 83.33333%
}
.grid_xs_11 {
width: 91.66667%
}
.grid_xs_12 {
width: 100%
}
}
@media only screen and (min-width:768px) {
.gridcontainer {
width: auto;
margin-left: -6px!important;
margin-right: -6px!important
}
[class*=" grid_"],
[class^=grid_] {
display: inline;
float: left;
padding-left: 6px;
padding-right: 6px
}
.grid_sm_1 {
width: 8.33333%
}
.grid_sm_2 {
width: 16.66667%
}
.grid_sm_3 {
width: 25%
}
.grid_sm_4 {
width: 33.33333%
}
.grid_sm_5 {
width: 41.66667%
}
.grid_sm_6 {
width: 50%
}
.grid_sm_7 {
width: 58.33333%
}
.grid_sm_8 {
width: 66.66667%
}
.grid_sm_9 {
width: 75%
}
.grid_sm_10 {
width: 83.33333%
}
.grid_sm_11 {
width: 91.66667%
}
.grid_sm_12 {
width: 100%
}
.prefix_sm_1 {
margin-left: 8.33333%
}
.prefix_sm_2 {
margin-left: 16.66667%
}
.prefix_sm_3 {
margin-left: 25%
}
.prefix_sm_4 {
margin-left: 33.33333%
}
.prefix_sm_5 {
margin-left: 41.66667%
}
.prefix_sm_6 {
margin-left: 50%
}
.prefix_sm_7 {
margin-left: 58.33333%
}
.prefix_sm_8 {
margin-left: 66.66667%
}
.prefix_sm_9 {
margin-left: 75%
}
.prefix_sm_10 {
margin-left: 83.33333%
}
.prefix_sm_11 {
margin-left: 91.66667%
}
.suffix_sm_1 {
margin-right: 8.33333%
}
.suffix_sm_2 {
margin-right: 16.66667%
}
.suffix_sm_3 {
margin-right: 25%
}
.suffix_sm_4 {
margin-right: 33.33333%
}
.suffix_sm_5 {
margin-right: 41.66667%
}
.suffix_sm_6 {
margin-right: 50%
}
.suffix_sm_7 {
margin-right: 58.33333%
}
.suffix_sm_8 {
margin-right: 66.66667%
}
.suffix_sm_9 {
margin-right: 75%
}
.suffix_sm_10 {
margin-right: 83.33333%
}
.suffix_sm_11 {
margin-right: 91.66667%
}
.push_sm_1 {
left: 8.33333%
}
.push_sm_2 {
left: 16.66667%
}
.push_sm_3 {
left: 25%
}
.push_sm_4 {
left: 33.33333%
}
.push_sm_5 {
left: 41.66667%
}
.push_sm_6 {
left: 50%
}
.push_sm_7 {
left: 58.33333%
}
.push_sm_8 {
left: 66.66667%
}
.push_sm_9 {
left: 75%
}
.push_sm_10 {
left: 83.33333%
}
.push_sm_11 {
left: 91.66667%
}
.pull_sm_1 {
left: -8.33333%
}
.pull_sm_2 {
left: -16.66667%
}
.pull_sm_3 {
left: -25%
}
.pull_sm_4 {
left: -33.33333%
}
.pull_sm_5 {
left: -41.66667%
}
.pull_sm_6 {
left: -50%
}
.pull_sm_7 {
left: -58.33333%
}
.pull_sm_8 {
left: -66.66667%
}
.pull_sm_9 {
left: -75%
}
.pull_sm_10 {
left: -83.33333%
}
.pull_sm_11 {
left: -91.66667%
}
.prefix_sm_0 {
margin-left: 0
}
.suffix_sm_0 {
margin-right: 0
}
.pull_sm_0,
.push_sm_0 {
left: 0
}
.nogrid_sm {
left: auto;
right: auto;
display: block;
float: none;
width: auto;
margin: 0
}
}
@media only screen and (min-width:1281px) {
.gridcontainer {
width: auto;
margin-left: -8px!important;
margin-right: -8px!important
}
[class*=" grid_"],
[class^=grid_] {
display: inline;
float: left;
padding-left: 8px;
padding-right: 8px
}
.grid_m_1 {
width: 8.33333%
}
.grid_m_2 {
width: 16.66667%
}
.grid_m_3 {
width: 25%
}
.grid_m_4 {
width: 33.33333%
}
.grid_m_5 {
width: 41.66667%
}
.grid_m_6 {
width: 50%
}
.grid_m_7 {
width: 58.33333%
}
.grid_m_8 {
width: 66.66667%
}
.grid_m_9 {
width: 75%
}
.grid_m_10 {
width: 83.33333%
}
.grid_m_11 {
width: 91.66667%
}
.grid_m_12 {
width: 100%
}
.prefix_m_1 {
margin-left: 8.33333%
}
.prefix_m_2 {
margin-left: 16.66667%
}
.prefix_m_3 {
margin-left: 25%
}
.prefix_m_4 {
margin-left: 33.33333%
}
.prefix_m_5 {
margin-left: 41.66667%
}
.prefix_m_6 {
margin-left: 50%
}
.prefix_m_7 {
margin-left: 58.33333%
}
.prefix_m_8 {
margin-left: 66.66667%
}
.prefix_m_9 {
margin-left: 75%
}
.prefix_m_10 {
margin-left: 83.33333%
}
.prefix_m_11 {
margin-left: 91.66667%
}
.suffix_m_1 {
margin-right: 8.33333%
}
.suffix_m_2 {
margin-right: 16.66667%
}
.suffix_m_3 {
margin-right: 25%
}
.suffix_m_4 {
margin-right: 33.33333%
}
.suffix_m_5 {
margin-right: 41.66667%
}
.suffix_m_6 {
margin-right: 50%
}
.suffix_m_7 {
margin-right: 58.33333%
}
.suffix_m_8 {
margin-right: 66.66667%
}
.suffix_m_9 {
margin-right: 75%
}
.suffix_m_10 {
margin-right: 83.33333%
}
.suffix_m_11 {
margin-right: 91.66667%
}
.push_m_1 {
left: 8.33333%
}
.push_m_2 {
left: 16.66667%
}
.push_m_3 {
left: 25%
}
.push_m_4 {
left: 33.33333%
}
.push_m_5 {
left: 41.66667%
}
.push_m_6 {
left: 50%
}
.push_m_7 {
left: 58.33333%
}
.push_m_8 {
left: 66.66667%
}
.push_m_9 {
left: 75%
}
.push_m_10 {
left: 83.33333%
}
.push_m_11 {
left: 91.66667%
}
.pull_m_1 {
left: -8.33333%
}
.pull_m_2 {
left: -16.66667%
}
.pull_m_3 {
left: -25%
}
.pull_m_4 {
left: -33.33333%
}
.pull_m_5 {
left: -41.66667%
}
.pull_m_6 {
left: -50%
}
.pull_m_7 {
left: -58.33333%
}
.pull_m_8 {
left: -66.66667%
}
.pull_m_9 {
left: -75%
}
.pull_m_10 {
left: -83.33333%
}
.pull_m_11 {
left: -91.66667%
}
.prefix_m_0 {
margin-left: 0
}
.suffix_m_0 {
margin-right: 0
}
.pull_m_0,
.push_m_0 {
left: 0
}
.nogrid_m {
left: auto;
right: auto;
display: block;
float: none;
width: auto;
margin: 0
}
}
@media only screen and (min-width:1486px) {
.gridcontainer {
width: auto;
margin-left: -9px!important;
margin-right: -9px!important
}
[class*=" grid_"],
[class^=grid_] {
display: inline;
float: left;
padding-left: 9px;
padding-right: 9px
}
.grid_l_1 {
width: 8.33333%
}
.grid_l_2 {
width: 16.66667%
}
.grid_l_3 {
width: 25%
}
.grid_l_4 {
width: 33.33333%
}
.grid_l_5 {
width: 41.66667%
}
.grid_l_6 {
width: 50%
}
.grid_l_7 {
width: 58.33333%
}
.grid_l_8 {
width: 66.66667%
}
.grid_l_9 {
width: 75%
}
.grid_l_10 {
width: 83.33333%
}
.grid_l_11 {
width: 91.66667%
}
.grid_l_12 {
width: 100%
}
.prefix_l_1 {
margin-left: 8.33333%
}
.prefix_l_2 {
margin-left: 16.66667%
}
.prefix_l_3 {
margin-left: 25%
}
.prefix_l_4 {
margin-left: 33.33333%
}
.prefix_l_5 {
margin-left: 41.66667%
}
.prefix_l_6 {
margin-left: 50%
}
.prefix_l_7 {
margin-left: 58.33333%
}
.prefix_l_8 {
margin-left: 66.66667%
}
.prefix_l_9 {
margin-left: 75%
}
.prefix_l_10 {
margin-left: 83.33333%
}
.prefix_l_11 {
margin-left: 91.66667%
}
.suffix_l_1 {
margin-right: 8.33333%
}
.suffix_l_2 {
margin-right: 16.66667%
}
.suffix_l_3 {
margin-right: 25%
}
.suffix_l_4 {
margin-right: 33.33333%
}
.suffix_l_5 {
margin-right: 41.66667%
}
.suffix_l_6 {
margin-right: 50%
}
.suffix_l_7 {
margin-right: 58.33333%
}
.suffix_l_8 {
margin-right: 66.66667%
}
.suffix_l_9 {
margin-right: 75%
}
.suffix_l_10 {
margin-right: 83.33333%
}
.suffix_l_11 {
margin-right: 91.66667%
}
.push_l_1 {
left: 8.33333%
}
.push_l_2 {
left: 16.66667%
}
.push_l_3 {
left: 25%
}
.push_l_4 {
left: 33.33333%
}
.push_l_5 {
left: 41.66667%
}
.push_l_6 {
left: 50%
}
.push_l_7 {
left: 58.33333%
}
.push_l_8 {
left: 66.66667%
}
.push_l_9 {
left: 75%
}
.push_l_10 {
left: 83.33333%
}
.push_l_11 {
left: 91.66667%
}
.pull_l_1 {
left: -8.33333%
}
.pull_l_2 {
left: -16.66667%
}
.pull_l_3 {
left: -25%
}
.pull_l_4 {
left: -33.33333%
}
.pull_l_5 {
left: -41.66667%
}
.pull_l_6 {
left: -50%
}
.pull_l_7 {
left: -58.33333%
}
.pull_l_8 {
left: -66.66667%
}
.pull_l_9 {
left: -75%
}
.pull_l_10 {
left: -83.33333%
}
.pull_l_11 {
left: -91.66667%
}
.prefix_l_0 {
margin-left: 0
}
.suffix_l_0 {
margin-right: 0
}
.pull_l_0,
.push_l_0 {
left: 0
}
.nogrid_l {
left: auto;
right: auto;
display: block;
float: none;
width: auto;
margin: 0
}
}
html {
font-size: 62.5%
}
body {
color: #2f3538;
font-family: vw_text, sans-serif;
font-size: 1.6rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.base-typo h1,
.base-typo h2,
.base-typo h3,
.base-typo h4,
.base-typo h5,
.base-typo h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
display: block;
color: #1d1f20;
margin: 0;
font-family: vw_head, sans-serif;
font-weight: 700
}
.base-typo h1:last-child,
.base-typo h1>:last-child,
.base-typo h2:last-child,
.base-typo h2>:last-child,
.base-typo h3:last-child,
.base-typo h3>:last-child,
.base-typo h4:last-child,
.base-typo h4>:last-child,
.base-typo h5:last-child,
.base-typo h5>:last-child,
.base-typo h6:last-child,
.base-typo h6>:last-child,
.h1:last-child,
.h1>:last-child,
.h2:last-child,
.h2>:last-child,
.h3:last-child,
.h3>:last-child,
.h4:last-child,
.h4>:last-child,
.h5:last-child,
.h5>:last-child,
.h6:last-child,
.h6>:last-child {
margin-bottom: 0;
line-height: 1em;
}
.base-typo h1,
.base-typo h1>*,
.h1,
.h1>* {
font-size: 3rem;
line-height: 1.1;
letter-spacing: -.25px;
font-weight: 600
}
@media screen and (min-width:30em) {
.base-typo h1,
.base-typo h1>*,
.h1,
.h1>* {
font-size: 3.6rem
}
}
@media screen and (min-width:48em) {
.base-typo h1,
.base-typo h1>*,
.h1,
.h1>* {
font-size: 4.5rem
}
}
@media screen and (min-width:64em) {
.base-typo h1,
.base-typo h1>*,
.h1,
.h1>* {
font-size: 6rem
}
}
.base-typo h2,
.base-typo h2>*,
.h2,
.h2>* {
font-size: 2.3rem;
line-height: 1.174;
letter-spacing: -.25px;
font-weight: 600
}
@media screen and (min-width:30em) {
.base-typo h2,
.base-typo h2>*,
.h2,
.h2>* {
font-size: 2.6rem;
line-height: 1.154
}
}
@media screen and (min-width:48em) {
.base-typo h2,
.base-typo h2>*,
.h2,
.h2>* {
font-size: 3.5rem;
line-height: 1.143
}
}
@media screen and (min-width:64em) {
.base-typo h2,
.base-typo h2>*,
.h2,
.h2>* {
font-size: 4.5rem;
line-height: 1.112
}
}
.base-typo h1,
.base-typo h1>*,
.base-typo h2,
.base-typo h2>*,
.h1,
.h1>*,
.h2,
.h2>* {
margin-bottom: 2rem
}
@media screen and (min-width:48em) {
.base-typo h1,
.base-typo h1>*,
.base-typo h2,
.base-typo h2>*,
.h1,
.h1>*,
.h2,
.h2>* {
margin-bottom: 3rem
}
}
.base-typo h3,
.base-typo h3>*,
.h3,
.h3>* {
font-size: 2.1rem;
line-height: 1.191;
letter-spacing: -.25px;
font-weight: 600
}
@media screen and (min-width:64em) {
.base-typo h3,
.base-typo h3>*,
.h3,
.h3>* {
font-size: 2.8rem;
line-height: 1.179
}
}
.base-typo h4,
.base-typo h4>*,
.h4,
.h4>* {
font-size: 1.8rem;
line-height: 1.223;
letter-spacing: -.25px;
font-weight: 600
}
@media screen and (min-width:64em) {
.base-typo h4,
.base-typo h4>*,
.h4,
.h4>* {
font-size: 2.4rem;
line-height: 1.209
}
}
.base-typo h5,
.base-typo h5>*,
.h5,
.h5>* {
font-size: 1.6rem;
line-height: 1.25;
letter-spacing: -.25px;
font-weight: 600
}
@media screen and (min-width:64em) {
.base-typo h5,
.base-typo h5>*,
.h5,
.h5>* {
font-size: 1.8rem;
line-height: 1.278
}
}
.base-typo h3,
.base-typo h3>*,
.base-typo h4,
.base-typo h4>*,
.base-typo h5,
.base-typo h5>*,
.h3,
.h3>*,
.h4,
.h4>*,
.h5,
.h5>* {
margin-bottom: 1rem
}
@media screen and (min-width:48em) {
.base-typo h3,
.base-typo h3>*,
.base-typo h4,
.base-typo h4>*,
.base-typo h5,
.base-typo h5>*,
.h3,
.h3>*,
.h4,
.h4>*,
.h5,
.h5>* {
margin-bottom: 2rem
}
}
.dragNdropUpload__maxFilesReached {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0
}
.m520-disclaimer__container {
font-size: 1.1rem;
line-height: 1.455;
letter-spacing: 0;
color: #808890
}
.base-typo p {
margin-bottom: 1rem;
line-height: 23px;
}
.base-typo p:last-child {
margin-bottom: 0
}
.sub,
.sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
.sub {
bottom: -.25em
}
.sup {
top: -.5em
}
.required-mark {
color: #0099da;
top: -.25em;
font-size: 100%
}
.vwd5_bg_blue .required-mark,
.vwd5_bg_blue_imp .required-mark {
color: #fff
}
.cl:after,
.clear:after,
.clearfix:after {
clear: both;
content: "";
display: table
}
.mt-100 {
margin-top: -100px
}
.mt-50 {
margin-top: -50px
}
.mt-40 {
margin-top: -40px
}
.mt-30 {
margin-top: -30px
}
.mt-25 {
margin-top: -25px
}
.mt-20 {
margin-top: -20px
}
.mt-15 {
margin-top: -15px
}
.mt-10 {
margin-top: -10px
}
.mt-5 {
margin-top: -5px
}
.mt5 {
margin-top: 5px
}
.mt10 {
margin-top: 10px
}
.mt15 {
margin-top: 15px
}
.mt20 {
margin-top: 20px
}
.mt25 {
margin-top: 25px
}
.mt30 {
margin-top: 30px
}
.mt40 {
margin-top: 40px
}
.mt50 {
margin-top: 50px
}
.mt80 {
margin-top: 80px
}
.mt100 {
margin-top: 100px
}
.mt150 {
margin-top: 150px
}
.mr-100 {
margin-right: -100px
}
.mr-50 {
margin-right: -50px
}
.mr-40 {
margin-right: -40px
}
.mr-30 {
margin-right: -30px
}
.mr-25 {
margin-right: -25px
}
.mr-20 {
margin-right: -20px
}
.mr-15 {
margin-right: -15px
}
.mr-10 {
margin-right: -10px
}
.mr-5 {
margin-right: -5px
}
.mr5 {
margin-right: 5px
}
.mr10 {
margin-right: 10px
}
.mr15 {
margin-right: 15px
}
.mr20 {
margin-right: 20px
}
.mr25 {
margin-right: 25px
}
.mr30 {
margin-right: 30px
}
.mr40 {
margin-right: 40px
}
.mr50 {
margin-right: 50px
}
.mr80 {
margin-right: 80px
}
.mr100 {
margin-right: 100px
}
.mr150 {
margin-right: 150px
}
.mb-100 {
margin-bottom: -100px
}
.mb-50 {
margin-bottom: -50px
}
.mb-40 {
margin-bottom: -40px
}
.mb-30 {
margin-bottom: -30px
}
.mb-25 {
margin-bottom: -25px
}
.mb-20 {
margin-bottom: -20px
}
.mb-15 {
margin-bottom: -15px
}
.mb-10 {
margin-bottom: -10px
}
.mb-5 {
margin-bottom: -5px
}
.mb5 {
margin-bottom: 5px
}
.mb10 {
margin-bottom: 10px;
line-height: 23px;
}
.mb15 {
margin-bottom: 15px
}
.mb20 {
margin-bottom: 20px
}
.mb25 {
margin-bottom: 25px
}
.mb30 {
margin-bottom: 30px
}
.mb40 {
margin-bottom: 40px
}
.mb50 {
margin-bottom: 50px
}
.mb80 {
margin-bottom: 80px
}
.mb100 {
margin-bottom: 100px
}
.mb150 {
margin-bottom: 150px
}
.ml-100 {
margin-left: -100px
}
.ml-50 {
margin-left: -50px
}
.ml-40 {
margin-left: -40px
}
.ml-30 {
margin-left: -30px
}
.ml-25 {
margin-left: -25px
}
.ml-20 {
margin-left: -20px
}
.ml-15 {
margin-left: -15px
}
.ml-10 {
margin-left: -10px
}
.ml-5 {
margin-left: -5px
}
.ml5 {
margin-left: 5px
}
.ml10 {
margin-left: 10px
}
.ml15 {
margin-left: 15px
}
.ml20 {
margin-left: 20px
}
.ml25 {
margin-left: 25px
}
.ml30 {
margin-left: 30px
}
.ml40 {
margin-left: 40px
}
.ml50 {
margin-left: 50px
}
.ml80 {
margin-left: 80px
}
.ml100 {
margin-left: 100px
}
.ml150 {
margin-left: 150px
}
.pt-100 {
padding-top: -100px
}
.pt-50 {
padding-top: -50px
}
.pt-40 {
padding-top: -40px
}
.pt-30 {
padding-top: -30px
}
.pt-25 {
padding-top: -25px
}
.pt-20 {
padding-top: -20px
}
.pt-15 {
padding-top: -15px
}
.pt-10 {
padding-top: -10px
}
.pt-5 {
padding-top: -5px
}
.pt5 {
padding-top: 5px
}
.pt10 {
padding-top: 10px
}
.pt15 {
padding-top: 15px
}
.pt20 {
padding-top: 20px
}
.pt25 {
padding-top: 25px
}
.pt30 {
padding-top: 30px
}
.pt40 {
padding-top: 40px
}
.pt50 {
padding-top: 50px
}
.pt80 {
padding-top: 80px
}
.pt100 {
padding-top: 100px
}
.pt150 {
padding-top: 150px
}
.pr-100 {
padding-right: -100px
}
.pr-50 {
padding-right: -50px
}
.pr-40 {
padding-right: -40px
}
.pr-30 {
padding-right: -30px
}
.pr-25 {
padding-right: -25px
}
.pr-20 {
padding-right: -20px
}
.pr-15 {
padding-right: -15px
}
.pr-10 {
padding-right: -10px
}
.pr-5 {
padding-right: -5px
}
.pr5 {
padding-right: 5px
}
.pr10 {
padding-right: 10px
}
.pr15 {
padding-right: 15px
}
.pr20 {
padding-right: 20px
}
.pr25 {
padding-right: 25px
}
.pr30 {
padding-right: 30px
}
.pr40 {
padding-right: 40px
}
.pr50 {
padding-right: 50px
}
.pr80 {
padding-right: 80px
}
.pr100 {
padding-right: 100px
}
.pr150 {
padding-right: 150px
}
.pb-100 {
padding-bottom: -100px
}
.pb-50 {
padding-bottom: -50px
}
.pb-40 {
padding-bottom: -40px
}
.pb-30 {
padding-bottom: -30px
}
.pb-25 {
padding-bottom: -25px
}
.pb-20 {
padding-bottom: -20px
}
.pb-15 {
padding-bottom: -15px
}
.pb-10 {
padding-bottom: -10px
}
.pb-5 {
padding-bottom: -5px
}
.pb5 {
padding-bottom: 5px
}
.pb10 {
padding-bottom: 10px
}
.pb15 {
padding-bottom: 15px
}
.pb20 {
padding-bottom: 20px
}
.pb25 {
padding-bottom: 25px
}
.pb30 {
padding-bottom: 30px
}
.pb40 {
padding-bottom: 40px
}
.pb50 {
padding-bottom: 50px
}
.pb80 {
padding-bottom: 80px
}
.pb100 {
padding-bottom: 100px
}
.pb150 {
padding-bottom: 150px
}
.pl-100 {
padding-left: -100px
}
.pl-50 {
padding-left: -50px
}
.pl-40 {
padding-left: -40px
}
.pl-30 {
padding-left: -30px
}
.pl-25 {
padding-left: -25px
}
.pl-20 {
padding-left: -20px
}
.pl-15 {
padding-left: -15px
}
.pl-10 {
padding-left: -10px
}
.pl-5 {
padding-left: -5px
}
.pl5 {
padding-left: 5px
}
.pl10 {
padding-left: 10px
}
.pl15 {
padding-left: 15px
}
.pl20 {
padding-left: 20px
}
.pl25 {
padding-left: 25px
}
.pl30 {
padding-left: 30px
}
.pl40 {
padding-left: 40px
}
.pl50 {
padding-left: 50px
}
.pl80 {
padding-left: 80px
}
.pl100 {
padding-left: 100px
}
.pl150 {
padding-left: 150px
}
.m0,
.no_m {
margin: 0!important
}
.mt0,
.no_mt {
margin-top: 0!important
}
.mb0,
.no_mb {
margin-bottom: 0!important
}
.ml0,
.no_ml {
margin-left: 0!important
}
.mr0,
.no_mr {
margin-right: 0!important
}
.no_p,
.p0 {
padding: 0!important
}
.no_pt,
.pt0 {
padding-top: 0!important
}
.no_pb,
.pb0 {
padding-bottom: 0!important
}
.no_pr,
.pr0 {
padding-right: 0!important
}
.no_pl,
.pl0 {
padding-left: 0!important
}
.hidden {
display: none!important;
visibility: hidden
}
.visuallyhidden {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.invisible {
visibility: hidden
}
.fl_left {
float: left!important
}
.fl_right {
float: right!important
}
.fl_none {
float: none!important
}
.txt_right {
text-align: right
}
.txt_left {
text-align: left
}
.centred,
.txt_center {
text-align: center
}
.show_overflow {
overflow: visible!important
}
.clear {
clear: both
}
.d_bl {
display: block!important
}
.d_inbl {
display: inline-block!important
}
.no_bg {
background: none!important
}
.no_border {
border: none!important
}
.static {
position: static!important
}
.nowrap {
white-space: nowrap!important
}
.noellipsis {
overflow: visible!important
}
.auto_width {
width: auto!important
}
.ul_simple {
list-style: none;
list-style-image: none
}
.ul_simple,
.ul_simple li {
padding: 0;
margin: 0
}
.ul_simple li:before {
display: none
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit
}
body {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0
}
body.scroll-lock {
overflow: hidden
}
a {
color: #0099da;
text-decoration: none;
cursor: pointer
}
a:hover {
color: #0068aa
}
.vwd5_bg_blue_imp a:not(.btn),
.vwd5_bg_blue a:not(.btn),
.vwd5_bg_gray_dark_imp a:not(.btn),
.vwd5_bg_gray_dark a:not(.btn) {
color: #fff;
text-decoration: underline
}
.vwd5_bg_blue_imp a:not(.btn):hover,
.vwd5_bg_blue a:not(.btn):hover,
.vwd5_bg_gray_dark_imp a:not(.btn):hover,
.vwd5_bg_gray_dark a:not(.btn):hover {
color: #fff;
text-decoration: none
}
@media screen and (min-width:48em) {
.page-wrapper {
margin-top: 0;
margin-left: 9.6rem;
/* min-height: 100vh */
}
}
.error-container {
font-size: 1.1rem;
line-height: 1.455;
letter-spacing: 0;
color: #808890;
color: #c82e2d;
display: none
}
.has-error .error-container {
display: block
}
img:not([src]):not([srcset]) {
visibility: hidden
}
@-moz-document url-prefix() {
img:-moz-loading {
visibility: hidden
}
}
.vw_sticky {
position: fixed;
width: 100%
}
@media screen and (min-width:48em) {
.vw_sticky {
padding-right: 9.6rem
}
}
.btn {
border-radius: .4rem;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.6rem;
white-space: normal;
height: 4.2rem;
min-height: 4.2rem;
padding: .4rem .9rem;
width: 100%;
background: #fff;
border: .1rem solid #dee1e3;
color: #0099da;
font-family: vw_text, sans-serif;
text-decoration: none!important;
cursor: pointer;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
text-align: center;
display: table;
margin-bottom: 1rem
}
.btn:last-child {
margin-bottom: 0
}
.btn_cta {
background: #0099da;
border-color: #0099da;
color: #fff !important;
}
.vwd5_bg_blue .btn_cta {
background: #fff;
border: .1rem solid #dee1e3;
color: #0099da
}
.btn_center {
margin-left: auto;
margin-right: auto
}
.btn:hover {
background: #0068aa;
border-color: #0068aa;
color: #fff
}
.btn.disabled {
background: #bdc3c6;
border-color: #808890;
color: #878b8e
}
@media screen and (min-width:30em) {
.btn {
max-width: 19.8rem
}
}
.btn__text {
line-height: 1.6rem;
display: table-cell;
vertical-align: middle
}
button.btn {
display: block
}
button.btn .btn__text {
display: inline-block
}
.btn[disabled] {
background-color: #bdc3c6;
border: 1px solid #bdc3c6;
pointer-events: none;
color: rgba(47, 53, 56, .5)
}
.checkbox {
display: block;
position: relative;
cursor: pointer;
margin-bottom: 2rem
}
.checkbox:after {
clear: both;
content: "";
display: table
}
.checkbox__control {
opacity: 0;
position: absolute;
left: 0;
cursor: pointer
}
.checkbox__control,
.checkbox__mask {
display: block;
height: 3rem;
width: 3rem
}
.checkbox__mask {
position: relative;
float: left;
border-radius: .4rem;
background: #fff;
border: .1rem solid #dee1e3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.checkbox__mask:before {
position: absolute;
top: -6px;
opacity: 0;
color: #fff;
font-size: 2.5rem;
line-height: 3rem;
text-align: center;
width: 100%;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-webkit-transition-property: opacity, top;
-o-transition-property: opacity, top;
-moz-transition-property: opacity, top;
transition-property: opacity, top;
visibility: hidden
}
.is-ie .checkbox__mask:before {
line-height: 30px
}
.has-error .checkbox__mask {
border-color: #c82e2d!important
}
.checkbox__control:checked+.checkbox__mask {
background: #0099da;
border-color: #0099da
}
.vwd5_bg_blue .checkbox__control:checked+.checkbox__mask {
background: #fff;
border-color: #dee1e3
}
.vwd5_bg_blue .checkbox__control:checked+.checkbox__mask:before {
color: #0099da
}
.checkbox__control:checked+.checkbox__mask:before {
opacity: 1;
top: -1px;
visibility: visible
}
.checkbox__title {
padding-top: .4rem;
float: left;
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0;
padding-left: 4.5rem;
margin-left: -3rem;
width: 100%;
display: inline-block;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.has-error .checkbox__title {
color: #c82e2d
}
.checkbox__help-block {
clear: both
}
.checkbox__help-block:not(:empty) {
padding-top: .5rem
}
.datepicker {
display: inline-block;
max-width: 100%;
width: 100%;
margin-bottom: 2rem;
position: relative
}
.datepicker_active {
z-index: 8
}
.datepicker__group {
position: relative
}
.field-valid .datepicker__group:before {
content: "\E01C";
color: #7ed321;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 4.2rem;
width: 4.2rem;
font-size: 1.4rem;
text-align: center;
z-index: 1;
pointer-events: none
}
.field-valid .datepicker__group:focus:before {
display: none
}
.datepicker__title {
display: block;
font-size: 1.6rem;
line-height: 2.5rem
}
.has-error .datepicker__title {
color: #c82e2d
}
.datepicker__field {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
font-size: 1.4rem;
line-height: 2.2rem;
border-radius: .4rem;
height: 4.2rem;
padding: .7rem 1.5rem;
background: #fff;
max-width: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: .1rem solid #dee1e3;
color: #2f3538
}
.has-error .datepicker__field {
color: #c82e2d;
border-color: #c82e2d
}
.datepicker__field:focus {
outline: none;
padding-right: 4.2rem;
color: #2f3538
}
.datepicker__field::-ms-clear {
display: none;
width: 0;
height: 0
}
.datepicker__icon+.datepicker__field {
padding-left: 4.2rem
}
.datepicker__icon {
left: 0
}
.datepicker__clear {
right: 0;
cursor: pointer;
display: none
}
.is-filled .datepicker__clear {
display: block
}
.datepicker__help-block:not(:empty) {
margin-top: .5rem
}
.datepicker__popup-wrap {
position: relative
}
.datepicker .bootstrap-datetimepicker-widget {
width: 33rem;
padding: 1rem 0;
position: absolute;
background: #fff;
z-index: 9;
border-radius: .4rem;
color: #1d1f20
}
.datepicker .bootstrap-datetimepicker-widget .datepicker {
margin-bottom: 0
}
.datepicker .picker-switch {
pointer-events: none
}
.datepicker .table-condensed {
table-layout: fixed;
width: 100%
}
.datepicker .table-condensed th.dow {
text-transform: uppercase;
color: #808890;
padding: .5rem 0 1rem
}
.datepicker .table-condensed td,
.datepicker .table-condensed th.dow {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0;
text-align: center
}
.datepicker .table-condensed th.next,
.datepicker .table-condensed th.prev {
color: #0099da;
cursor: pointer
}
.datepicker .table-condensed th.picker-switch {
text-align: center;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0;
text-transform: capitalize
}
@media screen and (min-width:64em) {
.datepicker .table-condensed th.picker-switch {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.datepicker .table-condensed th.picker-switch {
font-size: 1.6rem;
line-height: 1.563
}
}
.datepicker .table-condensed th.prev {
text-align: center
}
.datepicker .table-condensed th.prev:before {
content: "\E004"
}
.datepicker .table-condensed th.next {
text-align: center
}
.datepicker .table-condensed th.next:before {
content: "\E006"
}
.datepicker .datepicker-days .table-condensed td {
width: 14.285%;
padding: .5rem;
cursor: pointer
}
.datepicker .datepicker-days .day.old {
visibility: hidden
}
.datepicker .datepicker-days .day.new {
display: none
}
.datepicker .datepicker-days .day.active {
position: relative;
color: #fff
}
.datepicker .datepicker-days .day.active:before {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
overflow: hidden;
border-radius: 50%;
content: "";
display: block;
width: 66%;
padding-top: 66%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: #0099da;
z-index: -1
}
.datepicker .datepicker-days .day.disabled {
color: #bdc3c6
}
.datepicker .datepicker-months .table-condensed td {
font-size: 0
}
.datepicker .datepicker-months .table-condensed td .month {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0;
width: 33.333%;
text-align: center;
display: inline-block;
text-transform: uppercase
}
@media screen and (min-width:64em) {
.datepicker .datepicker-months .table-condensed td .month {
font-size: 1.6rem;
line-height: 1.563
}
}
.fileupload {
margin-bottom: 1rem
}
.fileupload__btn {
border-radius: .4rem;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.6rem;
white-space: normal;
height: 4.2rem;
min-height: 4.2rem;
padding: .4rem .9rem;
width: 100%;
background: #fff;
border: .1rem solid #dee1e3;
color: #0099da;
font-family: vw_text, sans-serif;
text-decoration: none;
cursor: pointer;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
text-align: center;
display: table
}
.fileupload__btn_cta {
background: #0099da;
border-color: #0099da;
color: #fff
}
.vwd5_bg_blue .fileupload__btn_cta {
background: #fff;
border: .1rem solid #dee1e3;
color: #0099da
}
.fileupload__btn_center {
margin-left: auto;
margin-right: auto
}
.fileupload__btn:hover {
background: #0068aa;
border-color: #0068aa;
color: #fff
}
.fileupload__btn.disabled {
background: #bdc3c6;
border-color: #808890;
color: #878b8e
}
@media screen and (min-width:30em) {
.fileupload__btn {
max-width: 19.8rem
}
}
.fileupload__title {
display: block;
font-size: 1.6rem;
line-height: 2.5rem
}
.has-error .fileupload__title {
color: #c82e2d
}
.fileupload__help-block:not(:empty) {
margin-top: .5rem
}
.fileupload__btn__text {
line-height: 1.6rem;
display: table-cell;
vertical-align: middle
}
.fileupload__field {
display: none
}
.field-valid .datepicker__group:before,
.field-valid .input__group:before,
.field-valid .timepicker__group:before,
.icon-base-360:before,
.icon-base-accessories:before,
.icon-base-airbag:before,
.icon-base-app-store:before,
.icon-base-arrow-double-down:before,
.icon-base-arrow-double-left:before,
.icon-base-arrow-double-right:before,
.icon-base-arrow-double-up:before,
.icon-base-arrow-down:before,
.icon-base-arrow-left:before,
.icon-base-arrow-right:before,
.icon-base-arrow-up:before,
.icon-base-body-coupe:before,
.icon-base-body-hatchback:before,
.icon-base-body-pickup:before,
.icon-base-body-sedan:before,
.icon-base-body-suv:before,
.icon-base-body-universal:before,
.icon-base-body-van:before,
.icon-base-brake:before,
.icon-base-brochure:before,
.icon-base-business-customers:before,
.icon-base-calculate:before,
.icon-base-calendar:before,
.icon-base-chassis-back:before,
.icon-base-chassis-front:before,
.icon-base-chassis-full:before,
.icon-base-checkmark:before,
.icon-base-child-seat:before,
.icon-base-clearance:before,
.icon-base-climate:before,
.icon-base-clock:before,
.icon-base-close:before,
.icon-base-configure:before,
.icon-base-consumption:before,
.icon-base-convince:before,
.icon-base-corporate:before,
.icon-base-credit-calculator:before,
.icon-base-cruise-control:before,
.icon-base-customer:before,
.icon-base-day:before,
.icon-base-dealer:before,
.icon-base-delete:before,
.icon-base-directions:before,
.icon-base-door:before,
.icon-base-download:before,
.icon-base-edit:before,
.icon-base-email:before,
.icon-base-emission:before,
.icon-base-engine-diesel:before,
.icon-base-engine-electric:before,
.icon-base-engine-gas:before,
.icon-base-engine-hybrid:before,
.icon-base-engine-petrol:before,
.icon-base-engine:before,
.icon-base-exclamation:before,
.icon-base-favourite:before,
.icon-base-fax:before,
.icon-base-filter:before,
.icon-base-forward:before,
.icon-base-front-assist:before,
.icon-base-fullscreen-enter:before,
.icon-base-fullscreen-exit:before,
.icon-base-get-your-volkswagen:before,
.icon-base-gti:before,
.icon-base-heat:before,
.icon-base-high-beam:before,
.icon-base-home:before,
.icon-base-image-gallery:before,
.icon-base-image:before,
.icon-base-importer:before,
.icon-base-info:before,
.icon-base-link-arrow:before,
.icon-base-locate-me:before,
.icon-base-lock:before,
.icon-base-low-beam:before,
.icon-base-mail:before,
.icon-base-menu:before,
.icon-base-messenger-skype:before,
.icon-base-messenger-telegram:before,
.icon-base-messenger-viber:before,
.icon-base-messenger-whats-app:before,
.icon-base-mileage:before,
.icon-base-minus:before,
.icon-base-models:before,
.icon-base-more:before,
.icon-base-mount:before,
.icon-base-news:before,
.icon-base-night:before,
.icon-base-offer:before,
.icon-base-owners:before,
.icon-base-pause:before,
.icon-base-percent:before,
.icon-base-performance:before,
.icon-base-phone:before,
.icon-base-pin-clean:before,
.icon-base-pin-phone:before,
.icon-base-pin:before,
.icon-base-play:before,
.icon-base-plus:before,
.icon-base-print:before,
.icon-base-purchase:before,
.icon-base-question:before,
.icon-base-record:before,
.icon-base-reload:before,
.icon-base-responsibility:before,
.icon-base-rewind:before,
.icon-base-rouble:before,
.icon-base-route-by-car:before,
.icon-base-route-by-foot:before,
.icon-base-route-public-transport:before,
.icon-base-route-start:before,
.icon-base-search:before,
.icon-base-seat:before,
.icon-base-service-calculator:before,
.icon-base-service-unit:before,
.icon-base-service:before,
.icon-base-settings:before,
.icon-base-share:before,
.icon-base-skip-back:before,
.icon-base-skip-forward:before,
.icon-base-snow:before,
.icon-base-social-facebook:before,
.icon-base-social-google-plus:before,
.icon-base-social-linkedin:before,
.icon-base-social-odnoklassniki:before,
.icon-base-social-twitter:before,
.icon-base-social-vkontakte:before,
.icon-base-sound-off:before,
.icon-base-sound-on:before,
.icon-base-start-stop:before,
.icon-base-stop:before,
.icon-base-support:before,
.icon-base-test-drive:before,
.icon-base-thumbnails-large:before,
.icon-base-thumbnails-small:before,
.icon-base-torque:before,
.icon-base-transmission-automatic:before,
.icon-base-transmission-manual:before,
.icon-base-trunk:before,
.icon-base-upload:before,
.icon-base-used-cars:before,
.icon-base-video:before,
.icon-base-view:before,
.icon-base-volkswagen-code:before,
.icon-base-website:before,
.icon-base-window:before,
.icon-base-zoom-in:before,
.icon-base-zoom-out:before {
font-family: icon-base
}
.input {
display: inline-block;
max-width: 100%;
width: 100%;
margin-bottom: 2rem
}
.input__group {
position: relative
}
.field-valid .input__group {
color: #7ed321
}
.field-valid .input__group:before {
content: "\E01C";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 4.2rem;
width: 4.2rem;
font-size: 1.4rem;
text-align: center;
pointer-events: none
}
.field-valid .input__group:focus:before {
display: none
}
.input__title {
display: block;
font-size: 1.6rem;
line-height: 2.5rem;
color: #2f3538;
}
.has-error .input__title {
color: #c82e2d
}
.input__field {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
font-size: 1.4rem;
line-height: 2.2rem;
border-radius: .4rem;
height: 4.2rem;
padding: .7rem 1.5rem;
background: #fff;
max-width: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: .1rem solid #dee1e3;
color: #2f3538
}
.has-error .input__field {
color: #c82e2d;
border-color: #c82e2d
}
.input__field:focus {
outline: none;
padding-right: 4.2rem;
color: #2f3538
}
.input__field::-ms-clear {
display: none;
width: 0;
height: 0
}
.input__field[type=number]::-webkit-inner-spin-button,
.input__field[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.input__icon+.input__field {
padding-left: 4.2rem
}
.input__icon {
left: 0
}
.input__clear {
right: 0;
cursor: pointer;
display: none
}
.is-filled .input__clear {
display: block
}
.input__help-block:not(:empty) {
margin-top: .5rem
}
.vwd5-textlink__icon {
margin-right: 1rem
}
.base-typo ol,
.base-typo ul,
.vwd5_dot_list,
.vwd5_ordered_list {
padding-left: 4rem;
counter-reset: vwd5-list-counter;
list-style: none
}
.base-typo li,
.vwd5_list_item {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.base-typo li,
.vwd5_list_item {
font-size: 1.6rem;
line-height: 1.563
}
}
.base-typo li:before,
.vwd5_list_item:before {
display: inline-block;
counter-increment: vwd5-list-counter;
padding-left: 2.5rem;
width: 4rem;
margin-left: -4rem
}
.base-typo ul>.vwd5_list_item:before,
.base-typo ul>li:before,
.vwd5_dot_list>.vwd5_list_item:before,
.vwd5_dot_list>li:before {
content: counter(vwd5-list-counter, disc)
}
.base-typo ol>.vwd5_list_item:before,
.base-typo ol>li:before,
.vwd5_ordered_list>.vwd5_list_item:before,
.vwd5_ordered_list>li:before {
content: counter(vwd5-list-counter, decimal) "."
}
.base-typo ol>.vwd5_list_item:nth-child(n+10):before,
.base-typo ol>li:nth-child(n+10):before,
.vwd5_ordered_list>.vwd5_list_item:nth-child(n+10):before,
.vwd5_ordered_list>li:nth-child(n+10):before {
width: 5rem;
margin-left: -5rem
}
.vwd5_arrow {
display: block;
width: 3.6rem;
height: 8rem;
line-height: 8rem;
margin: -4rem 0;
border: 0;
padding: 0;
font-size: 2.5rem;
text-align: center;
background: none;
background-color: rgba(29, 31, 32, .3);
color: #fff;
cursor: pointer;
pointer-events: auto
}
.vwd5_arrow,
.vwd5_arrow:focus,
.vwd5_arrow:hover {
outline: none
}
.vwd5_arrow:active,
.vwd5_arrow:hover {
background-color: rgba(29, 31, 32, .5)
}
.vwd5_arrow[disabled] {
pointer-events: none;
color: hsla(0, 0%, 100%, .3)
}
.vwd5_arrow:before {
display: inline-block;
vertical-align: middle;
position: relative;
bottom: 1px
}
.vwd5_arrow--right {
border-top-left-radius: .4rem;
border-bottom-left-radius: .4rem;
float: right
}
.vwd5_arrow--left {
border-top-right-radius: .4rem;
border-bottom-right-radius: .4rem;
float: left
}
.vwd5_arrow--nobg {
background-color: transparent;
color: #0099da;
line-height: 4rem;
height: 4rem;
margin: -2rem 0
}
.vwd5_arrow--nobg:active,
.vwd5_arrow--nobg:hover {
color: #2f3538;
background-color: transparent
}
.vwd5_arrow--table {
background-color: transparent;
color: #1d1f20;
line-height: 4rem;
height: 4rem;
margin: -2rem 0;
font-size: 2rem
}
.vwd5_arrow--table:active,
.vwd5_arrow--table:hover {
color: #fff;
background-color: transparent
}
.vwd5_arrow--table[aria-disabled=true] {
display: none!important
}
.vwd5_arrows {
display: none;
position: absolute;
left: 0;
top: 50%;
width: 100%
}
.vwd5_arrows:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.vwd5_arrows {
display: block
}
}
.vwd5_dot {
display: block;
height: .8rem;
width: .8rem;
border: 0;
padding: 0;
border-radius: .2rem;
background: #808890;
outline: none;
font-size: 0;
line-height: 0;
color: transparent;
cursor: pointer;
pointer-events: all;
vertical-align: top
}
html.no-touch .vwd5_dot:hover {
background-color: #0068aa
}
.vwd5_dot:active {
background-color: #0099da
}
.vwd5_dot:focus,
.vwd5_dot:hover {
outline: none
}
@media screen and (min-width:64em) {
.vwd5_dot {
height: 1.3rem;
width: 1.3rem;
border-radius: .4rem
}
}
.vwd5_dots {
list-style: none;
list-style-image: none;
display: block;
text-align: center;
width: 100%;
pointer-events: none;
line-height: 0
}
.vwd5_dots,
.vwd5_dots li {
padding: 0;
margin: 0
}
.vwd5_dots li:before {
display: none
}
.vwd5_dots li {
display: inline-block;
margin-right: .8rem
}
@media screen and (min-width:64em) {
.vwd5_dots li {
margin-right: 1rem
}
}
.vwd5_dots li:last-child {
margin-right: 0
}
.vwd5_dots li.slick-active .vwd5_dot {
background-color: #0099da
}
.radiobtn {
display: inline-block;
position: relative;
cursor: pointer;
margin-bottom: 2rem
}
.radiobtn__control {
display: block;
height: 3rem;
width: 3rem;
opacity: 0;
position: absolute;
left: 0;
cursor: pointer
}
.radiobtn__mask {
width: 3rem;
height: 3rem;
position: relative;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
background: #fff;
border: .1rem solid #dee1e3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.radiobtn__mask:before {
content: "";
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
height: 1.2rem;
width: 1.2rem;
left: 0;
right: 0;
margin: auto;
opacity: 0;
background: #fff;
text-align: center;
border-radius: 50%;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-webkit-transition-property: opacity;
-o-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
visibility: hidden
}
.radiobtn__control:checked+.radiobtn__mask {
background: #0099da;
border-color: #0099da
}
.vwd5_bg_blue .radiobtn__control:checked+.radiobtn__mask {
background: #fff;
border-color: #dee1e3
}
.vwd5_bg_blue .radiobtn__control:checked+.radiobtn__mask:before {
background: #0099da
}
.radiobtn__control:checked+.radiobtn__mask:before {
opacity: 1;
visibility: visible
}
.has-error .radiobtn__mask {
border-color: #c82e2d!important
}
.radiobtn__title {
margin-left: 1.5rem;
display: inline-block;
vertical-align: middle
}
.has-error .radiobtn__title {
color: #c82e2d
}
.radiogroup__title {
display: block;
font-size: 1.6rem;
line-height: 2.5rem
}
.has-error .radiogroup__title {
color: #c82e2d
}
.radiogroup .radiobtn {
margin-right: 2rem
}
.radiogroup__help-block:not(:empty) {
margin-top: -1.5rem
}
.select {
position: relative;
margin-bottom: 24px;
font-size: 14px
}
.select:focus {
outline: none
}
.select:last-child {
margin-bottom: 0
}
.select.is-disabled .select__inner,
.select.is-disabled .select__input {
background-color: #eaeaea;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.select.is-disabled .select__item {
cursor: not-allowed
}
.select[data-type*=select-one] {
cursor: pointer
}
.select[data-type*=select-one] .select__inner {
padding-bottom: 7.5px
}
.select[data-type*=select-one] .select__input {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #ddd;
background-color: #fff;
margin: 0
}
.select[data-type*=select-one] .select__button {
background-image: url(//volkswagen-astana.kz/images/cross-inverse.svg);
padding: 0;
-webkit-background-size: 8px 8px;
background-size: 8px;
height: 100%;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
margin-right: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: .5
}
.select[data-type*=select-one] .select__button:focus,
.select[data-type*=select-one] .select__button:hover {
opacity: 1
}
.select[data-type*=select-one] .select__button:focus {
-webkit-box-shadow: 0 0 0 2px #00bcd4;
box-shadow: 0 0 0 2px #00bcd4
}
.select[data-type*=select-one]:after {
content: "";
height: 0;
width: 0;
border-style: solid;
border-color: #333 transparent transparent;
border-width: 5px;
position: absolute;
right: 11.5px;
margin-top: -2.5px;
pointer-events: none
}
.select[data-type*=select-one].is-open:after {
border-color: transparent transparent #333;
margin-top: -7.5px
}
.select[data-type*=select-one][dir=rtl]:after {
left: 11.5px;
right: auto
}
.select[data-type*=select-one][dir=rtl] .select__button {
right: auto;
left: 0;
margin-left: 25px;
margin-right: 0
}
.select[data-type*=select-multiple] .select__inner,
.select[data-type*=text] .select__inner {
cursor: text
}
.select[data-type*=select-multiple] .select__button,
.select[data-type*=text] .select__button {
position: relative;
display: inline-block;
margin: 0 -4px 0 8px;
padding-left: 16px;
border-left: 1px solid #008fa1;
background-image: url(//volkswagen-astana.kz/images/cross.svg);
-webkit-background-size: 8px 8px;
background-size: 8px;
width: 8px;
line-height: 1;
opacity: .75
}
.select[data-type*=select-multiple] .select__button:focus,
.select[data-type*=select-multiple] .select__button:hover,
.select[data-type*=text] .select__button:focus,
.select[data-type*=text] .select__button:hover {
opacity: 1
}
.select__inner {
display: inline-block;
vertical-align: top;
width: 100%;
background-color: #f9f9f9;
padding: 7.5px 7.5px 3.75px;
border: 1px solid #ddd;
border-radius: .4rem;
font-size: 14px;
min-height: 44px;
overflow: hidden
}
.is-focused .select__inner,
.is-open .select__inner {
border-color: #b7b7b7
}
.is-open .select__inner {
border-radius: .4rem .4rem 0 0
}
.is-flipped.is-open .select__inner {
border-radius: 0 0 .4rem .4rem
}
.select__list {
margin: 0;
padding-left: 0;
list-style: none
}
.select__list--single {
display: inline-block;
padding: 4px 16px 4px 4px;
width: 100%
}
[dir=rtl] .select__list--single {
padding-right: 4px;
padding-left: 16px
}
.select__list--single .select__item {
width: 100%
}
.select__list--multiple {
display: inline
}
.select__list--multiple .select__item {
display: inline-block;
vertical-align: middle;
border-radius: 20px;
padding: 4px 10px;
font-size: 14px;
font-weight: 500;
margin-right: 3.75px;
margin-bottom: 3.75px;
background-color: #00bcd4;
border: 1px solid #00a5bb;
color: #fff;
word-break: break-all
}
.select__list--multiple .select__item[data-deletable] {
padding-right: 5px
}
[dir=rtl] .select__list--multiple .select__item {
margin-right: 0;
margin-left: 3.75px
}
.select__list--multiple .select__item.is-highlighted {
background-color: #00a5bb;
border: 1px solid #008fa1
}
.is-disabled .select__list--multiple .select__item {
background-color: #aaa;
border: 1px solid #919191
}
.select__list--dropdown {
display: none;
z-index: 1;
position: absolute;
width: 100%;
background-color: #fff;
border: 1px solid #ddd;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: .4rem;
border-bottom-right-radius: .4rem;
overflow: hidden;
word-break: break-all
}
.select__list--dropdown.is-active {
display: block
}
.is-open .select__list--dropdown {
border-color: #b7b7b7
}
.is-flipped .select__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: .25rem .25rem 0 0
}
.select__list--dropdown .select__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position
}
.select__list--dropdown .select__item {
position: relative;
padding: 10px;
font-size: 14px
}
[dir=rtl] .select__list--dropdown .select__item {
text-align: right
}
@media (min-width:640px) {
.select__list--dropdown .select__item--selectable {
padding-right: 100px
}
.select__list--dropdown .select__item--selectable:after {
content: attr(data-select-text);
font-size: 14px;
opacity: 0;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
[dir=rtl] .select__list--dropdown .select__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px
}
[dir=rtl] .select__list--dropdown .select__item--selectable:after {
right: auto;
left: 10px
}
}
.select__list--dropdown .select__item--selectable.is-highlighted {
background-color: #f2f2f2
}
.select__list--dropdown .select__item--selectable.is-highlighted:after {
opacity: .5
}
.select__item {
cursor: default
}
.select__item--selectable {
cursor: pointer
}
.select__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: .5
}
.select__heading {
font-weight: 600;
font-size: 14px;
padding: 10px;
border-bottom: 1px solid #f7f7f7;
color: gray
}
.select__button {
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer
}
.select__button:focus {
outline: none
}
.select__input {
display: inline-block;
vertical-align: baseline;
background-color: #f9f9f9;
font-size: 14px;
margin-bottom: 5px;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 4px 0 4px 2px
}
.select__input:focus {
outline: 0
}
[dir=rtl] .select__input {
padding-right: 2px;
padding-left: 0
}
.select__placeholder {
opacity: .5
}
.select {
color: #2f3538
}
.select[data-type*=select-one] .select__inner,
.select__inner {
font-size: 1.4rem;
line-height: 2.8rem;
border-radius: .4rem;
height: 4.2rem;
min-height: 0;
padding: .7rem 1.5rem;
background: #fff;
max-width: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: .1rem solid #dee1e3;
color: #2f3538
}
.has-error .select[data-type*=select-one] .select__inner,
.has-error .select__inner {
color: #c82e2d;
border-color: #c82e2d
}
.select[data-type*=select-one] .select__inner:focus,
.select__inner:focus {
outline: none;
padding-right: 4.2rem;
color: #2f3538
}
.select[data-type*=select-one] .select__inner::-ms-clear,
.select__inner::-ms-clear {
display: none;
width: 0;
height: 0
}
.select__icon {
position: absolute;
top: 0;
bottom: 0;
line-height: 4.2rem;
width: 4.2rem;
font-size: 2.5rem;
text-align: center;
color: #bdc3c6;
z-index: 1;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.select__icon:before {
font-size: inherit;
line-height: inherit
}
.has-error .select__icon {
color: #c82e2d
}
.select__icon+.select .select__inner {
padding-left: 4.2rem
}
.select.is-open .select__inner {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select__item--choice,
.select__list--dropdown .select__item--choice {
font-size: 1.4rem;
line-height: 2.8rem;
height: 4.2rem;
padding: .7rem 1.5rem;
background: #fff;
max-width: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #2f3538
}
.select__item--choice[data-value=""],
.select__list--dropdown .select__item--choice[data-value=""] {
display: none
}
.select__item--choice:hover,
.select__list--dropdown .select__item--choice:hover {
background-color: #f3f5f6
}
.select__list {
padding: 0
}
.is-open .select__list--dropdown {
border: .1rem solid #dee1e3;
overflow: auto
}
.is-open .select__list--dropdown .select__list {
max-height: 21rem
}
.has-error .is-open .select__list--dropdown {
border-color: #c82e2d
}
.select[data-type*=select-one]:after {
border: none;
height: 42px;
height: 4.2rem;
line-height: 4.2rem;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
margin: 0;
padding: 0;
text-align: center;
width: 4.2rem;
font-family: icon-arrow;
content: "\E002";
color: #0099da
}
.is-ie .select[data-type*=select-one]:after {
line-height: 42px
}
.select.is-open[data-type*=select-one]:after {
content: "\E008";
margin: 0;
border: none
}
.has-error .select[data-type*=select-one]:after {
color: #c82e2d
}
.select.is-disabled .faux-select-native,
.select.is-disabled .faux-select-native:after,
.select.is-disabled .select:after,
.select.is-disabled .select__list--single .select__item,
.select.is-disabled:after {
color: #bdc3c6
}
.select_wrapper {
display: inline-block;
max-width: 100%;
width: 100%;
margin-bottom: 2rem
}
.select_wrapper__title {
display: block;
font-size: 1.6rem;
line-height: 2.5rem
}
.has-error .select_wrapper__title {
color: #c82e2d
}
.select_wrapper__group {
position: relative
}
.select_wrapper__group:after {
clear: both;
content: "";
display: table
}
.select_wrapper__help-block:not(:empty) {
margin-top: .5rem
}
.textarea {
display: inline-block;
max-width: 100%;
width: 100%;
margin-bottom: 2rem
}
.textarea__group {
position: relative
}
.textarea__title {
display: block;
font-size: 1.6rem;
line-height: 2.5rem
}
.has-error .textarea__title {
color: #c82e2d
}
.textarea__field {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
font-size: 1.4rem;
line-height: 2.2rem;
border-radius: .4rem;
min-height: 15rem;
padding: .7rem 1.5rem;
background: #fff;
max-width: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: .1rem solid #dee1e3;
color: #2f3538
}
.has-error .textarea__field {
color: #c82e2d;
border-color: #c82e2d
}
.textarea__field:focus {
outline: none;
padding-right: 4.2rem;
color: #2f3538
}
.textarea__field::-ms-clear {
display: none;
width: 0;
height: 0
}
.textarea__icon+.textarea__field {
padding-left: 4.2rem
}
.textarea__icon {
left: 0
}
.textarea__clear {
height: 4.2rem;
right: 0;
top: auto;
bottom: 0;
cursor: pointer;
display: none
}
.is-filled .textarea__clear {
display: block
}
.textarea__help-block:not(:empty) {
margin-top: .5rem
}
.textarea__counter {
position: absolute;
top: -2.5rem;
right: 0;
display: block;
font-size: 1.6rem;
line-height: 2.5rem;
color: #808890
}
.timepicker {
display: inline-block;
max-width: 100%;
width: 100%;
margin-bottom: 2rem
}
.timepicker__group {
position: relative
}
.field-valid .timepicker__group {
color: #7ed321
}
.field-valid .timepicker__group:before {
content: "\E01C";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 4.2rem;
width: 4.2rem;
font-size: 1.4rem;
text-align: center;
z-index: 1;
pointer-events: none
}
.field-valid .timepicker__group:focus:before {
display: none
}
.timepicker__title {
display: block;
font-size: 1.6rem;
line-height: 2.5rem
}
.has-error .timepicker__title {
color: #c82e2d
}
.timepicker__field {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
font-size: 1.4rem;
line-height: 2.2rem;
border-radius: .4rem;
height: 4.2rem;
padding: .7rem 1.5rem;
background: #fff;
max-width: 100%;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: .1rem solid #dee1e3;
color: #2f3538
}
.has-error .timepicker__field {
color: #c82e2d;
border-color: #c82e2d
}
.timepicker__field:focus {
outline: none;
padding-right: 4.2rem;
color: #2f3538
}
.timepicker__field::-ms-clear {
display: none;
width: 0;
height: 0
}
.timepicker__icon+.timepicker__field {
padding-left: 4.2rem
}
.datepicker__clear,
.datepicker__icon,
.input__clear,
.input__icon,
.textarea__clear,
.textarea__icon,
.timepicker__clear,
.timepicker__icon {
position: absolute;
top: 0;
bottom: 0;
line-height: 4.2rem;
width: 4.2rem;
font-size: 1.4rem;
text-align: center;
color: #bdc3c6
}
.datepicker__clear:before,
.datepicker__icon:before,
.input__clear:before,
.input__icon:before,
.textarea__clear:before,
.textarea__icon:before,
.timepicker__clear:before,
.timepicker__icon:before {
font-size: inherit;
line-height: inherit
}
.has-error .datepicker__clear,
.has-error .datepicker__icon,
.has-error .input__clear,
.has-error .input__icon,
.has-error .textarea__clear,
.has-error .textarea__icon,
.has-error .timepicker__clear,
.has-error .timepicker__icon {
color: #c82e2d
}
.timepicker__icon {
left: 0
}
.timepicker__clear {
right: 0;
cursor: pointer;
display: none
}
.is-filled .timepicker__clear {
display: block
}
.timepicker__help-block:not(:empty) {
margin-top: .5rem
}
.vwd5_toggle_switch {
display: inline
}
.vwd5_toggle_switch__inner {
display: inline-block;
height: 3rem;
width: 7.2rem;
background-color: #fff;
border: .1rem solid #dee1e3;
border-radius: 1.5rem;
overflow: hidden
}
.vwd5_toggle_switch__state {
float: left;
width: 50%;
border-radius: 1.5rem;
border: .2rem solid #fff;
text-align: center;
line-height: 2.4rem;
height: 2.8rem
}
.vwd5_toggle_switch__state:before {
display: block;
font-size: 2rem;
padding: .1rem 0 .3rem
}
.vwd5_toggle_switch__input:checked+.vwd5_toggle_switch__inner .vwd5_toggle_switch__state--off,
.vwd5_toggle_switch__state {
color: #808890;
background-color: transparent
}
.vwd5_toggle_switch__input:checked+.vwd5_toggle_switch__inner .vwd5_toggle_switch__state--off:hover,
.vwd5_toggle_switch__state:hover {
background-color: transparent
}
.vwd5_toggle_switch__input:checked+.vwd5_toggle_switch__inner .vwd5_toggle_switch__state--on,
.vwd5_toggle_switch__state--off {
background-color: #0099da;
color: #fff
}
.vwd5_toggle_switch__input:checked+.vwd5_toggle_switch__inner .vwd5_toggle_switch__state--on:hover,
.vwd5_toggle_switch__state--off:hover {
background-color: #0068aa
}
.text-limiter {
position: relative
}
.text-limiter-container {
overflow: hidden
}
.text-limiter__switcher {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0;
font-weight: 400;
cursor: pointer;
display: none;
margin: 1rem auto 0;
color: #0099da;
text-align: center
}
.text-limiter__switcher:hover {
color: #0068aa
}
.text-limiter_active .text-limiter__switcher {
display: block
}
.dragNdropUpload__maxFilesReached {
color: #808890;
margin-top: .5rem;
display: none
}
.dragNdropUpload-single .dragNdropUpload {
width: 50vw;
height: 50vw;
max-width: 25.5rem;
max-height: 25.5rem;
min-width: 20rem;
min-height: 200px;
border: 1px solid #dee1e3;
border-radius: 50%;
margin: 0 auto;
position: relative
}
.dragNdropUpload-single .dragNdropUpload.dz-drag-hover {
border-color: #0099da
}
.dragNdropUpload-single .dragNdropUpload.dz-started .dz-message {
display: none
}
.dragNdropUpload-single .dragNdropUpload .dz-image-preview {
width: 100%;
height: 100%;
position: relative
}
.dragNdropUpload-single .dragNdropUpload .dz-details,
.dragNdropUpload-single .dragNdropUpload .dz-error-mark,
.dragNdropUpload-single .dragNdropUpload .dz-error-message,
.dragNdropUpload-single .dragNdropUpload .dz-success-mark {
display: none
}
.dragNdropUpload-single .dragNdropUpload .dz-image {
border-radius: 50%;
overflow: hidden;
position: relative;
z-index: 2;
width: 100%;
height: 0;
pointer-events: none
}
.dragNdropUpload-single .dragNdropUpload .dz-image img {
width: 100%;
height: 100%;
pointer-events: none;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center"
}
.dragNdropUpload-single .dragNdropUpload .dz-message {
height: 100%;
width: 100%;
padding: 0 4rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.dragNdropUpload-single .dragNdropUpload .dz-message .dragNdropUpload__icon {
color: #0099da;
font-size: 3rem;
margin-bottom: 1rem;
text-align: center;
cursor: pointer
}
.dragNdropUpload-single .dragNdropUpload .dz-message .dragNdropUpload__text {
text-align: center
}
.dragNdropUpload-single .dragNdropUpload .dz-progress {
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background: url(../../../../images/spinner.svg) 50%/6rem no-repeat
}
.dragNdropUpload-single .dragNdropUpload .dz-remove {
position: absolute;
right: 5%;
top: 5%;
width: 4rem;
height: 4rem;
font-size: 0;
border-radius: 50%;
background-color: #f3f5f6;
z-index: 3;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s
}
.dragNdropUpload-single .dragNdropUpload .dz-remove:before {
content: "\E005";
color: #0099da;
font-size: 1.8rem;
position: absolute;
left: 1.2rem;
top: 1rem;
font-family: icon-link;
cursor: pointer
}
.dragNdropUpload-multiple .dragNdropUpload {
min-width: 25.5rem;
width: 100%;
min-height: 13.8rem;
padding: 2rem 3rem;
background-color: #fff;
border-radius: .4rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 3px dashed #dee1e3
}
.dragNdropUpload-multiple .dragNdropUpload.dz-drag-hover {
border-color: #0099da
}
.dragNdropUpload-multiple .dragNdropUpload.dz-drag-hover .dz-message .dragNdropUpload__icon,
.dragNdropUpload-multiple .dragNdropUpload.dz-drag-hover .dz-message .dragNdropUpload__text {
color: #0099da
}
.dragNdropUpload-multiple .dragNdropUpload.dz-started .dz-message {
display: none
}
.dragNdropUpload-multiple .dragNdropUpload .dz-image {
overflow: hidden;
position: relative;
padding-top: 56.5%;
z-index: 2;
width: 100%;
height: 0;
pointer-events: none
}
.dragNdropUpload-multiple .dragNdropUpload .dz-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center"
}
.dragNdropUpload-multiple .dragNdropUpload .dz-preview {
position: relative;
-webkit-flex-basis: 47.5%;
-ms-flex-preferred-size: 47.5%;
flex-basis: 47.5%
}
.dragNdropUpload-multiple .dragNdropUpload .dz-preview:nth-child(n+4) {
margin-top: 5%
}
.dragNdropUpload-multiple .dragNdropUpload .dz-preview.dz-image-preview .dz-image,
.dragNdropUpload-multiple .dragNdropUpload .dz-preview.dz-image-preview .dz-remove {
opacity: 0;
-webkit-animation: fadein .5s;
-moz-animation: fadein .5s;
-o-animation: fadein .5s;
animation: fadein .5s;
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.dragNdropUpload-multiple .dragNdropUpload .dz-details,
.dragNdropUpload-multiple .dragNdropUpload .dz-error-mark,
.dragNdropUpload-multiple .dragNdropUpload .dz-error-message,
.dragNdropUpload-multiple .dragNdropUpload .dz-success-mark {
display: none
}
.dragNdropUpload-multiple .dragNdropUpload .dz-message {
min-height: 10.2rem;
width: 100%;
padding: 0 4rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer
}
.dragNdropUpload-multiple .dragNdropUpload .dz-message .dragNdropUpload__icon {
color: #808890;
font-size: 4rem;
margin-bottom: 1rem;
text-align: center;
cursor: pointer
}
.dragNdropUpload-multiple .dragNdropUpload .dz-message .dragNdropUpload__text {
text-align: center;
color: #808890;
cursor: pointer
}
.dragNdropUpload-multiple .dragNdropUpload .dz-progress {
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
top: 0;
left: 0;
background: url(../../../../images/spinner.svg) 50%/6rem no-repeat
}
.dragNdropUpload-multiple .dragNdropUpload .dz-remove {
position: absolute;
right: 0;
top: 0;
width: 2rem;
height: 2rem;
font-size: 0;
border-radius: 50%;
background-color: #0099da;
z-index: 3;
cursor: pointer;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
display: none
}
.dragNdropUpload-multiple .dragNdropUpload .dz-remove:before {
content: "\E002";
color: #fff;
font-size: 1rem;
position: absolute;
left: 0;
top: 0;
font-family: icon-navigation;
cursor: pointer;
width: 100%;
height: 100%;
text-align: center;
line-height: 2rem
}
.dragNdropUpload-multiple .dragNdropUpload .dz-image-preview .dz-remove,
.dragNdropUpload-multiple.max-files-reached .dragNdropUpload__maxFilesReached {
display: block
}
@-webkit-keyframes fadein {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes fadein {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-o-keyframes fadein {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadein {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.m011_media_1x1,
.m013_media_16x9,
.m015_media_11x5,
.m016_media_32x9,
.m017_media_378x143 {
display: block;
width: 100%;
padding: 0;
margin: 0
}
.m011_media_1x1__image-wrapper,
.m013_media_16x9__image-wrapper,
.m015_media_11x5__image-wrapper,
.m016_media_32x9__image-wrapper,
.m017_media_378x143__image-wrapper {
display: block;
width: 100%;
position: relative;
margin: 0;
background: url(../../../../images/spinner.svg) 50%/6rem no-repeat
}
.m011_media_1x1__image-wrapper:focus,
.m013_media_16x9__image-wrapper:focus,
.m015_media_11x5__image-wrapper:focus,
.m016_media_32x9__image-wrapper:focus,
.m017_media_378x143__image-wrapper:focus {
outline: none
}
.m011_media_1x1__image-wrapper:before,
.m013_media_16x9__image-wrapper:before,
.m015_media_11x5__image-wrapper:before,
.m016_media_32x9__image-wrapper:before,
.m017_media_378x143__image-wrapper:before {
display: block;
content: "";
width: 100%
}
.is-loaded.m011_media_1x1__image-wrapper,
.is-loaded.m013_media_16x9__image-wrapper,
.is-loaded.m015_media_11x5__image-wrapper,
.is-loaded.m016_media_32x9__image-wrapper,
.is-loaded.m017_media_378x143__image-wrapper {
background: none
}
.m011_media_1x1__image,
.m013_media_16x9__image,
.m015_media_11x5__image,
.m016_media_32x9__image,
.m017_media_378x143__image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: object-fit\: cover
}
.m011_media_1x1__video,
.m013_media_16x9__video,
.m015_media_11x5__video,
.m016_media_32x9__video,
.m017_media_378x143__video {
position: absolute!important;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000
}
.m011_media_1x1__video video,
.m013_media_16x9__video video,
.m015_media_11x5__video video,
.m016_media_32x9__video video,
.m017_media_378x143__video video {
width: 100%;
height: 100%
}
.m011_media_1x1__caption,
.m013_media_16x9__caption,
.m015_media_11x5__caption,
.m016_media_32x9__caption,
.m017_media_378x143__caption {
display: block;
margin-top: .5rem;
font-size: 1.1rem;
line-height: 1.455;
letter-spacing: 0;
color: #808890
}
.m011_media_1x1__image-wrapper:before {
padding-top: 100%
}
.m011_media_1x1__image-wrapper.is-contained .m011_media_1x1__image {
-o-object-fit: contain;
object-fit: contain;
font-family: object-fit\: contain
}
.m013_media_16x9__image-wrapper:before {
padding-top: 56.25%
}
.m013_media_16x9__image-wrapper.is-contained .m013_media_16x9__image {
-o-object-fit: contain;
object-fit: contain;
font-family: object-fit\: contain
}
.m015_media_11x5__image-wrapper:before {
padding-top: 45.45455%
}
.m015_media_11x5__image-wrapper.is-contained .m015_media_11x5__image {
-o-object-fit: contain;
object-fit: contain;
font-family: object-fit\: contain
}
.m016_media_32x9__image-wrapper:before {
padding-top: 28.125%
}
.m016_media_32x9__image-wrapper.is-contained .m016_media_32x9__image {
-o-object-fit: contain;
object-fit: contain;
font-family: object-fit\: contain
}
.m017_media_378x143__image-wrapper:before {
padding-top: 37.83069%
}
.m017_media_378x143__image-wrapper.is-contained .m017_media_378x143__image {
-o-object-fit: contain;
object-fit: contain;
font-family: object-fit\: contain
}
.m020_Headline_H1,
.m021_Headline_H2,
.m022_Headline_H3,
.m023_Headline_H4,
.m024_Headline_H5 {
display: block;
margin: 0;
padding: 0;
font-family: vw_head, sans-serif;
font-weight: 700;
color: #1d1f20
}
.m020_Headline_H1 {
font-size: 3rem;
line-height: 1.1;
letter-spacing: -.25px
}
@media screen and (min-width:30em) {
.m020_Headline_H1 {
font-size: 3.6rem
}
}
@media screen and (min-width:48em) {
.m020_Headline_H1 {
font-size: 4.5rem
}
}
@media screen and (min-width:64em) {
.m020_Headline_H1 {
font-size: 6rem
}
}
.m021_Headline_H2 {
font-size: 2.3rem;
line-height: 1.174;
letter-spacing: -.25px
}
@media screen and (min-width:30em) {
.m021_Headline_H2 {
font-size: 2.6rem;
line-height: 1.154
}
}
@media screen and (min-width:48em) {
.m021_Headline_H2 {
font-size: 3.5rem;
line-height: 1.143
}
}
@media screen and (min-width:64em) {
.m021_Headline_H2 {
font-size: 4.5rem;
line-height: 1.112
}
}
.m022_Headline_H3 {
font-size: 2.1rem;
line-height: 1.191;
letter-spacing: -.25px
}
@media screen and (min-width:64em) {
.m022_Headline_H3 {
font-size: 2.8rem;
line-height: 1.179
}
}
.m023_Headline_H4 {
font-size: 1.8rem;
line-height: 1.223;
letter-spacing: -.25px
}
@media screen and (min-width:64em) {
.m023_Headline_H4 {
font-size: 2.4rem;
line-height: 1.209
}
}
.m024_Headline_H5 {
font-size: 1.6rem;
line-height: 1.25;
letter-spacing: -.25px
}
@media screen and (min-width:64em) {
.m024_Headline_H5 {
font-size: 1.8rem;
line-height: 1.278
}
}
.vw_m503_quick_access {
z-index: 9
}
.vw_m503_quick_access_row {
font-size: 0;
white-space: nowrap;
text-align: center
}
@media screen and (min-width:48em) {
.vw_m503_quick_access_row {
text-align: right
}
}
.vw_m503_icon_quick_access {
display: inline-block;
vertical-align: top;
font-size: 1.2rem;
width: 25%;
padding: 0 3px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
white-space: normal
}
@media screen and (min-width:48em) {
.vw_m503_icon_quick_access {
width: auto;
}
}
.vw_m503_icon_quick_access a,
.vw_m503_icon_quick_access a:hover {
text-decoration: none
}
.vw_m503_icon_quick_access:hover .vw_m503_link_icon {
background: rgba(29, 31, 32, .5)
}
.vw_m503_link_icon {
position: relative;
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(29, 31, 32, .3);
margin: auto;
color: #fff;
margin-bottom: 6px
}
.vw_m503_link_icon:before {
font-size: 2.8rem;
line-height: 30px
}
.vw_m503_link_label {
color: #1d1f20;
word-wrap: break-word;
-webkit-transition-property: color;
-o-transition-property: color;
-moz-transition-property: color;
transition-property: color;
-webkit-transition-duration: .15s;
-moz-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
-webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}
.is-light .vw_m503_quick_access .vw_m503_link_label,
.vw_m503_quick_access.is-light .vw_m503_link_label,
.vw_m503_quick_access_inverted .vw_m503_link_label {
color: #fff
}
.vw_m501_logo {
margin: .9rem 2.5rem .9rem 2rem;
display: inline-block
}
@media screen and (min-width:48em) {
.vw_m501_logo {
margin: 0;
text-align: center;
display: block;
line-height: 9.5rem
}
}
.vw_m501_logo__img_desktop,
.vw_m501_logo__img_mobile {
max-width: 20rem;
max-height: 3.2rem
}
@media screen and (min-width:48em) {
.vw_m501_logo__img_desktop,
.vw_m501_logo__img_mobile {
max-width: 9.6rem;
max-height: 100%;
margin: 0 auto;
vertical-align: middle
}
}
.vw_m501_logo__img_desktop {
display: none
}
@media screen and (min-width:48em) {
.vw_m501_logo__img_desktop {
display: inline-block;
width: 70%
}
}
@media screen and (min-width:48em) {
.vw_m501_logo__img_mobile {
display: none
}
}
.icon-navigation-business-customers:before,
.icon-navigation-close:before,
.icon-navigation-configure:before,
.icon-navigation-corporate-topics:before,
.icon-navigation-dealer:before,
.icon-navigation-get-your-volkswagen-1:before,
.icon-navigation-get-your-volkswagen-2:before,
.icon-navigation-get-your-volkswagen:before,
.icon-navigation-home:before,
.icon-navigation-importer:before,
.icon-navigation-menu:before,
.icon-navigation-models:before,
.icon-navigation-more:before,
.icon-navigation-news:before,
.icon-navigation-offer:before,
.icon-navigation-owners:before,
.icon-navigation-preowned:before,
.icon-navigation-profile:before,
.icon-navigation-responsibility:before,
.icon-navigation-search:before,
.icon-navigation-service:before,
.icon-navigation-test-drive:before,
.icon-navigation-volkswagen-live:before {
font-family: icon-navigation
}
@media screen and (min-width:48em) {
.vw_m502_main .vw_m502_btn {
white-space: nowrap;
display: block;
padding: 0.5rem;
min-height: 8.5rem;
max-height: 10.5rem;
border-top: .1rem solid #dee1e3;
text-align: center;
width: 96px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.vw_m502_main .vw_m502_btn:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.15em;
min-height: 6.5rem
}
.vw_m502_main .vw_m502_btn__inner {
white-space: normal;
display: inline-block;
vertical-align: middle;
width: 100%
}
}
.vw_m502_main .vw_m502_icon {
font-size: 3rem
}
.vw_m502_main .vw_m502_icon_wrapper {
margin: 0 0 .5rem;
height: 5.5rem
}
@media screen and (min-width:48em) {
.vw_m502_main .vw_m502_icon_wrapper {
height: 3rem;
display: inline-block
}
.vw_m502_sections .vw_m502_main .vw_m502_icon_wrapper {
width: 5rem
}
}
@media screen and (min-width:48em) {
.vw_m502_main .vw_m502_link_label {
display: block;
text-align: center;
overflow-wrap: break-word
}
}
.vw_m502_main .js_vw_m502_nav_item_flow {
display: none
}
.js_more_collapsed .vw_m502_icon:before {
content: "\E00B"
}
.vw_m502_more_sublayer {
font-family: vw_head, sans-serif;
font-weight: 700;
font-size: 1.2rem;
line-height: 1.3rem;
letter-spacing: 0
}
.vw_m502_more_sublayer .js_vw_m502_nav_item_flow {
display: block
}
@media screen and (min-width:48em) {
.vw_m502_more_sublayer .js_vw_m502_nav_item_flow {
display: none
}
}
.vw_m502_more_sublayer li:not(:last-child) {
border-bottom: 1px solid #dee1e3
}
.vw_m502_more_sublayer li a {
color: #808890
}
.vw_m502_more_sublayer .vw_m502_nav_item_flow {
display: none
}
.vw_m502_more_sublayer .vw_m502_icon_wrapper {
text-align: center;
margin-bottom: 0;
font-size: 2.5rem;
line-height: 5.5rem
}
.vw_m502_more_sublayer .vw_m502_link_label {
line-height: 1.5rem;
font-weight: 700;
padding-top: 1.35em;
}
.vw_m502_more_sublayer .vw_m502_link_label_text {
line-height: 1.2;
}
.vw_page_header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 7
}
@media screen and (min-width:48em) {
.vw_page_header {
-webkit-box-shadow: none;
box-shadow: none;
width: 9.6rem;
height: 100vh;
height: 100%;
-webkit-box-shadow: .5rem .4rem 2rem rgba(0, 0, 0, .1);
box-shadow: .5rem .4rem 2rem rgba(0, 0, 0, .1)
}
}
@media screen and (max-width:47.9em) {
.vw_page_header+.page-wrapper {
padding-top: 5rem
}
}
@media screen and (min-width:48em) {
.vw_m502 {
width: 9.6rem;
height: 100vh;
height: 100%;
z-index: 6
}
}
.vw_m502 a {
color: #808890
}
.vw_m502 a:hover {
color: #1d1f20
}
.vw_m502 .is-active a,
.vw_m502 a:active,
.vw_m502 a:hover .vw_m502_icon_wrapper {
color: #0099da
}
.vw_m502_main {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 5rem;
background: #dee1e3;
z-index: 9;
-webkit-transition: all .3s cubic-bezier(.55, .055, .675, .19);
-o-transition: all .3s cubic-bezier(.55, .055, .675, .19);
-moz-transition: all .3s cubic-bezier(.55, .055, .675, .19);
transition: all .3s cubic-bezier(.55, .055, .675, .19);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
will-change: transform
}
@media screen and (max-width:47.9em) {
.vw_m502_main {
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1)
}
.vw_m502_main.slide-up {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
-o-transition: all .3s cubic-bezier(.215, .61, .355, 1);
-moz-transition: all .3s cubic-bezier(.215, .61, .355, 1);
transition: all .3s cubic-bezier(.215, .61, .355, 1)
}
.vw_m502_main.slide-up+.vw_m502_more_sublayer {
padding-top: 0
}
}
@media screen and (min-width:48em) {
.vw_m502_main {
position: absolute;
width: 9.6rem;
top: 0;
bottom: 0;
height: 100vh;
height: 100%;
z-index: 6
}
}
.vw_m502_sections {
list-style: none;
list-style-image: none;
background: #fff;
height: 5rem;
font-family: vw_head, sans-serif;
font-weight: 700;
font-size: 1.2rem;
line-height: 1.3rem;
letter-spacing: 0;
overflow: hidden
}
.vw_m502_sections,
.vw_m502_sections li {
padding: 0;
margin: 0
}
.vw_m502_sections li:before {
display: none
}
@media screen and (min-width:48em) {
.vw_m502_sections {
height: 100%
}
}
.vw_m502_sections li {
display: none
}
@media screen and (min-width:48em) {
.vw_m502_sections li {
display: block
}
}
.vw_m502_sections>li:first-child {
display: block
}
@media screen and (min-width:48em) {
.vw_m502_sections>li:first-child .vw_m502_btn_icon {
display: block;
height: auto;
position: static;
width: 100%
}
}
.vw_m502_items {
list-style: none;
list-style-image: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-js-display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 9.6rem
}
.vw_m502_items,
.vw_m502_items li {
padding: 0;
margin: 0
}
.vw_m502_items li:before {
display: none
}
.vw_m502_items>.js_vw_m502_nav_item_flow {
display: none!important
}
.vw_m502_mobile_switcher {
position: absolute;
right: 0;
top: 0;
height: 5rem
}
@media screen and (min-width:48em) {
.vw_m502_mobile_switcher {
display: none
}
}
.vw_m502_mobile_switcher a {
font-size: 2rem;
line-height: 5rem;
display: block;
position: absolute;
right: 0;
padding-right: 2rem;
padding-left: 2.5rem;
height: 100%;
color: #0099da;
cursor: pointer
}
.vw_m502_mobile_switcher a:before {
font-size: inherit;
line-height: inherit;
color: inherit
}
.vw_m502_mobile_switcher a:last-child {
display: none
}
.vw_m502_more_sublayer {
position: fixed;
left: 100%;
right: -100%;
padding: 5rem 2rem 0;
display: block;
overflow-x: hidden;
overflow-y: auto;
opacity: 0;
background-color: #fff;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
height: 100%;
z-index: 5;
-webkit-transition-duration: .3s, .3s, 0s;
-moz-transition-duration: .3s, .3s, 0s;
-o-transition-duration: .3s, .3s, 0s;
transition-duration: .3s, .3s, 0s;
-webkit-transition-property: left, right, opacity;
-o-transition-property: left, right, opacity;
-moz-transition-property: left, right, opacity;
transition-property: left, right, opacity;
-webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19), cubic-bezier(.55, .055, .675, .19), linear;
-moz-transition-timing-function: cubic-bezier(.55, .055, .675, .19), cubic-bezier(.55, .055, .675, .19), linear;
-o-transition-timing-function: cubic-bezier(.55, .055, .675, .19), cubic-bezier(.55, .055, .675, .19), linear;
transition-timing-function: cubic-bezier(.55, .055, .675, .19), cubic-bezier(.55, .055, .675, .19), linear;
-webkit-transition-delay: 0s, 0s, .3s;
-moz-transition-delay: 0s, 0s, .3s;
-o-transition-delay: 0s, 0s, .3s;
transition-delay: 0s, 0s, .3s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (min-width:48em) {
.vw_m502_more_sublayer {
padding-top: 50px;
width: 24.5rem;
left: -14.9rem;
right: auto;
-webkit-box-shadow: .5rem -1rem 2rem rgba(0, 0, 0, .1);
box-shadow: .5rem -1rem 2rem rgba(0, 0, 0, .1)
}
}
.vw_m502_more_sublayer.is-opened {
left: 0;
right: 0;
opacity: 1;
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(.215, .61, .355, 1), linear;
-moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(.215, .61, .355, 1), linear;
-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(.215, .61, .355, 1), linear;
transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(.215, .61, .355, 1), linear;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
border-left: 1px solid #dee1e3
}
@media screen and (min-width:48em) {
.vw_m502_more_sublayer.is-opened {
height: 100vh;
height: 100%;
left: 9.6rem;
right: auto
}
}
.vw_m502_more_sublayer ul {
padding: 0;
margin: 0;
list-style: none;
list-style-image: none
}
.vw_m502_more_sublayer ul li {
margin: 0;
padding: 0
}
.vw_m502_more_sublayer ul li:before {
display: none
}
.vw_m502_more_sublayer__more {
background-color: #dee1e3;
padding-top: 1rem;
padding-bottom: 1rem;
margin-left: -2rem;
margin-right: -2rem
}
@media screen and (min-width:48em) {
.vw_m502_more_sublayer__more {
display: none
}
}
.datepicker .table-condensed th.next:before,
.datepicker .table-condensed th.prev:before,
.icon-arrow-down-double:before,
.icon-arrow-down:before,
.icon-arrow-left-double:before,
.icon-arrow-left:before,
.icon-arrow-right-double:before,
.icon-arrow-right:before,
.icon-arrow-up-double:before,
.icon-arrow-up:before,
.m520-breadcrumbs__item:before {
font-family: icon-arrow
}
.m520 {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0;
padding-bottom: 4rem
}
.m520:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m520 {
padding-bottom: 8rem
}
}
.m520-topbar {
background-color: #dee1e3;
text-align: right;
padding: .7rem 0 .6rem
}
.m520-topbar__icon {
margin-left: 1.7rem;
font-size: 1.2rem
}
.m520-topbar__gotop {
color: #2f3538;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.m520-topbar__gotop:active,
.m520-topbar__gotop:focus,
.m520-topbar__gotop:hover {
color: #808890
}
.m520-breadcrumbs {
padding: .7rem 0 .6rem;
display: none
}
@media screen and (min-width:64em) {
.m520-breadcrumbs {
display: block
}
}
.m520-breadcrumbs__item:before {
content: "\E006";
font-size: .8rem;
color: #808890;
width: 2.5rem;
display: inline-block;
text-align: center
}
.m520-breadcrumbs__item:first-child:before {
display: none
}
.m520-breadcrumbs__item:first-child .icon:before {
font-size: 1.6rem;
position: relative;
top: .2rem
}
.m520-breadcrumbs__link {
color: #1d1f20
}
.m520-breadcrumbs__link:active,
.m520-breadcrumbs__link:focus,
.m520-breadcrumbs__link:hover {
color: #2f3538
}
.m520-link {
height: 5rem;
overflow: hidden
}
.m520-link__link {
white-space: nowrap;
color: #2f3538
}
.m520-link__link:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.15em
}
.m520-link__link:active .m520-link__icon,
.m520-link__link:focus .m520-link__icon,
.m520-link__link:hover .m520-link__icon {
background-color: #0068aa
}
.m520-link__link:before {
margin-right: 0
}
.m520-link__icon {
position: relative;
vertical-align: middle;
color: #fff;
width: 2.6rem;
height: 2.6rem;
background-color: rgba(29, 31, 32, .3);
display: inline-block;
font-size: 2.2rem;
border-radius: 1.3rem;
margin-right: .6rem
}
.m520-link__icon:before {
line-height: 1;
position: absolute;
width: 100%;
text-align: center;
top: 50%;
margin-top: -1.1rem;
left: 0
}
.m520-link__text {
display: inline-block;
vertical-align: middle;
white-space: normal;
max-height: 5rem;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 100%
}
.m520-link__icon+.m520-link__text {
margin-left: -3.5rem;
padding-left: 3.5rem
}
.m520-link_mobile {
height: auto
}
.m520-links__link {
border-top: 1px solid #dee1e3;
padding: 0 .8rem
}
.m520-links__link:first-child {
border-top: none
}
.m520-links__link_mobile {
display: inline-block
}
.m520-links__basic {
width: 25%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%;
display: none
}
@media screen and (min-width:64em) {
.m520-links__basic {
display: block;
padding-left: 6px;
padding-right: 6px
}
}
.m520-links__social {
display: none
}
@media screen and (min-width:64em) {
.m520-links__social {
display: block;
width: 25%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.m520-links__social_mobile {
margin-top: 3rem;
display: block;
text-align: center;
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:64em) {
.m520-links__social_mobile {
display: none
}
}
.m520-other {
margin-top: 3rem
}
@media screen and (min-width:64em) {
.m520-other {
margin-top: 7rem
}
}
.m520-other__legal {
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:64em) {
.m520-other__legal {
width: 100%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.m520-other__search {
display: none;
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:64em) {
.m520-other__search {
width: 25%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.m520-other__item {
display: inline-block;
margin-bottom: .5rem
}
.m520-other__item:first-child {
padding-left: 0
}
.m520-other__links {
margin-bottom: 2.5rem;
text-align: center
}
@media screen and (min-width:64em) {
.m520-other__links {
margin-bottom: 1.2rem;
text-align: left
}
}
.m520-other__link,
.m520-other__link:hover {
color: #2f3538
}
.m520-other__link:after {
content: "";
width: 1px;
height: 1em;
background: #2f3538;
display: inline-block;
vertical-align: middle;
margin: 0 1rem
}
.m520-other__item:last-child .m520-other__link:after {
display: none
}
.m520-other__copyright {
margin-bottom: 2.5rem;
text-align: center
}
@media screen and (min-width:64em) {
.m520-other__copyright {
margin-bottom: 1.2rem;
text-align: left
}
}
.m520-disclaimer__container {
margin-top: 2.5rem
}
@media screen and (min-width:64em) {
.m520-disclaimer__container {
margin-top: 5rem
}
}
.m520-links__container,
.m520-other__container,
.mk504__phones {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
.m520-links__container:after,
.m520-other__container:after,
.mk504__phones:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:768px) {
.m520-links__container,
.m520-other__container,
.mk504__phones {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.m520-links__container,
.m520-other__container,
.mk504__phones {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.m520-links__container,
.m520-other__container,
.mk504__phones {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.vwd5_bg_blue .h1,
.vwd5_bg_blue .h2,
.vwd5_bg_blue .h3,
.vwd5_bg_blue .h4,
.vwd5_bg_blue .h5,
.vwd5_bg_blue .h6,
.vwd5_bg_blue_imp .h1,
.vwd5_bg_blue_imp .h2,
.vwd5_bg_blue_imp .h3,
.vwd5_bg_blue_imp .h4,
.vwd5_bg_blue_imp .h5,
.vwd5_bg_blue_imp .h6,
.vwd5_bg_blue_imp h1,
.vwd5_bg_blue_imp h2,
.vwd5_bg_blue_imp h3,
.vwd5_bg_blue_imp h4,
.vwd5_bg_blue_imp h5,
.vwd5_bg_blue_imp h6,
.vwd5_bg_blue h1,
.vwd5_bg_blue h2,
.vwd5_bg_blue h3,
.vwd5_bg_blue h4,
.vwd5_bg_blue h5,
.vwd5_bg_blue h6,
.vwd5_bg_gray_dark .h1,
.vwd5_bg_gray_dark .h2,
.vwd5_bg_gray_dark .h3,
.vwd5_bg_gray_dark .h4,
.vwd5_bg_gray_dark .h5,
.vwd5_bg_gray_dark .h6,
.vwd5_bg_gray_dark_imp .h1,
.vwd5_bg_gray_dark_imp .h2,
.vwd5_bg_gray_dark_imp .h3,
.vwd5_bg_gray_dark_imp .h4,
.vwd5_bg_gray_dark_imp .h5,
.vwd5_bg_gray_dark_imp .h6,
.vwd5_bg_gray_dark_imp h1,
.vwd5_bg_gray_dark_imp h2,
.vwd5_bg_gray_dark_imp h3,
.vwd5_bg_gray_dark_imp h4,
.vwd5_bg_gray_dark_imp h5,
.vwd5_bg_gray_dark_imp h6,
.vwd5_bg_gray_dark h1,
.vwd5_bg_gray_dark h2,
.vwd5_bg_gray_dark h3,
.vwd5_bg_gray_dark h4,
.vwd5_bg_gray_dark h5,
.vwd5_bg_gray_dark h6 {
color: #fff
}
.vwd5_bg_blue {
background-color: #0099da;
color: #fff
}
.vwd5_bg_gray_dark {
background-color: #2f3538;
color: #fff
}
.vwd5_bg_gray_light {
background-color: #f3f5f6
}
.vwd5_bg_blue_imp {
background-color: #0099da!important;
color: #fff!important
}
.vwd5_bg_gray_dark_imp {
background-color: #2f3538!important;
color: #fff!important
}
.vwd5_bg_gray_light_imp {
background-color: #f3f5f6!important
}
.content-wrapper,
.m520-breadcrumbs__container,
.m520-disclaimer__container,
.m520-links,
.m520-other,
.m520-topbar__container,
.mk504__container,
.vw_m503_quick_access,
.vwd5-container-fluid {
padding-left: 2rem;
padding-right: 2rem
}
.content-wrapper:after,
.m520-breadcrumbs__container:after,
.m520-disclaimer__container:after,
.m520-links:after,
.m520-other:after,
.m520-topbar__container:after,
.mk504__container:after,
.vw_m503_quick_access:after,
.vwd5-container-fluid:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.content-wrapper,
.m520-breadcrumbs__container,
.m520-disclaimer__container,
.m520-links,
.m520-other,
.m520-topbar__container,
.mk504__container,
.vw_m503_quick_access,
.vwd5-container-fluid {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.content-wrapper,
.m520-breadcrumbs__container,
.m520-disclaimer__container,
.m520-links,
.m520-other,
.m520-topbar__container,
.mk504__container,
.vw_m503_quick_access,
.vwd5-container-fluid {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.content-wrapper,
.m520-breadcrumbs__container,
.m520-disclaimer__container,
.m520-links,
.m520-other,
.m520-topbar__container,
.mk504__container,
.vw_m503_quick_access,
.vwd5-container-fluid {
padding-left: 8rem;
padding-right: 8rem
}
}
.vwd5-anti-container-fluid {
margin-left: -2rem;
margin-right: -2rem
}
.vwd5-anti-container-fluid:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.vwd5-anti-container-fluid {
margin-left: -5rem;
margin-right: -5rem
}
}
@media screen and (min-width:80.0625em) {
.vwd5-anti-container-fluid {
margin-left: -6rem;
margin-right: -6rem
}
}
@media screen and (min-width:92.875em) {
.vwd5-anti-container-fluid {
margin-left: -8rem;
margin-right: -8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk504 {
background-color: #fff;
overflow: hidden;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.vw-iframe-template-body .mk504 {
display: none
}
@media screen and (min-width:48em) {
.vw-iframe-template-body .mk504 {
display: block
}
}
.mk504__container {
white-space: nowrap
}
.mk504__container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.15em
}
@media screen and (min-width:64em) {
.mk504__container:before {
display: none
}
}
.mk504__main {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0
}
@media screen and (min-width:48em) {
.mk504__main {
margin-bottom: .6rem
}
}
@media screen and (min-width:92.875em) {
.mk504__main {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
}
@media screen and (min-width:92.875em) and (min-width:64em) {
.mk504__main {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk504__sub {
font-size: 1.1rem;
line-height: 1.455;
letter-spacing: 0;
color: #808890;
display: none
}
@media screen and (min-width:48em) {
.mk504__sub {
display: block
}
}
@media screen and (min-width:92.875em) {
.mk504__sub {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0;
color: #808890
}
}
.mk504__phones,
.mk504__title {
display: inline-block;
vertical-align: middle;
white-space: normal
}
@media screen and (min-width:64em) {
.mk504__title {
float: left;
max-width: 310px
}
}
@media screen and (min-width:64em) {
.mk504__phones {
float: right;
text-align: right;
font-size: 0
}
}
.mk504__phones_col {
display: none;
text-align: left;
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0;
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:64em) {
.mk504__phones_col {
font-size: 1.6rem;
line-height: 1.563;
max-width: 50%;
display: inline-block
}
}
@media screen and (min-width:64em) {
.mk504__phones_col:only-of-type {
max-width: 100%
}
}
.mk504__contacts_link {
display: inline-block;
width: 4.6rem;
line-height: 2.3rem;
height: 2.3rem;
text-align: right;
padding-right: 1px
}
@media screen and (min-width:64em) {
.mk504__contacts_link {
display: none
}
}
.mk504__contacts_link:before {
content: "\E004";
font-size: 2.7rem;
display: block;
width: auto
}
.mk504_phone {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
font-size: 1.1rem;
line-height: 1.455;
letter-spacing: 0;
color: #808890
}
@media screen and (min-width:92.875em) {
.mk504_phone {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0
}
}
@media screen and (min-width:64em) {
.mk504_phone {
display: block;
color: #1d1f20;
line-height: 2.2rem
}
}
@media screen and (min-width:92.875em) {
.mk504_phone+.mk504_phone {
margin-top: .6rem
}
}
.mk504_phone__icon {
color: #0099da;
margin-right: 3px
}
.mk504_phone__name,
.mk504_phone__phone {
white-space: nowrap
}
div.mk504_phone__phone+.mk504_phone__name {
display: block
}
.mk504_phone__name {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
.mk504__callme {
display: none;
float: right;
padding-left: 2rem;
width: 12rem
}
@media screen and (min-width:64em) {
.mk504__callme {
display: block
}
}
.m310_es_container,
.m310_es_qab {
padding-left: 2rem;
padding-right: 2rem
}
.m310_es_container:after,
.m310_es_qab:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m310_es_container,
.m310_es_qab {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m310_es_container,
.m310_es_qab {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m310_es_container,
.m310_es_qab {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m310_es {
position: relative;
color: #fff
}
.m310_es.is-dark {
color: #1d1f20
}
.m310_es.is-light {
color: #fff
}
.m310_es .m016_media_32x9 {
margin-bottom: 0
}
.m310_es_bg_blue {
width: 100%;
padding-top: 28.125%;
background: #0099da
}
.m310_es_container {
color: inherit;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.m310_es_headline {
color: inherit;
font-size: 2rem;
line-height: 1.1;
max-height: 4.9rem;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width:30em) {
.m310_es_headline {
font-size: 3rem;
max-height: 7.1rem
}
}
@media screen and (min-width:48em) {
.m310_es_headline {
font-size: 4rem;
max-height: 17.3rem;
padding-top: 8rem;
position: relative;
top: 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@media screen and (min-width:64em) {
.m310_es_headline {
font-size: 6rem;
max-height: 2.12rem;
padding-top: 7.5rem
}
}
@media screen and (min-width:80.0625em) {
.m310_es_headline {
font-size: 7.6rem;
max-height: 2.43rem;
padding-top: 7.1rem
}
}
@media screen and (min-width:92.875em) {
.m310_es_headline {
font-size: 8.6rem;
line-height: 1.1;
max-height: 26.27rem;
display: block;
padding-top: 6.85rem
}
}
.m310_es_qab {
display: none
}
@media screen and (min-width:48em) {
.m310_es_qab {
display: block;
position: absolute;
width: 100%;
left: 0;
top: 0;
padding-top: 25px;
z-index: 1
}
}
.m310_es .m013_media_16x9__image {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover; object-position: 50% 100%"
}
.m350__container {
padding-left: 2rem;
padding-right: 2rem
}
.m350__container:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m350__container {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m350__container {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m350__container {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m350__container {
padding-top: 5rem;
padding-bottom: 3rem
}
.slick-slider {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list,
.slick-slider {
position: relative;
display: block
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.vwd5_dot {
display: block;
height: .8rem;
width: .8rem;
border: 0;
padding: 0;
border-radius: .2rem;
background: #808890;
outline: none;
font-size: 0;
line-height: 0;
color: transparent;
cursor: pointer;
pointer-events: all;
vertical-align: top
}
html.no-touch .vwd5_dot:hover {
background-color: #0068aa
}
.vwd5_dot:active {
background-color: #0099da
}
.vwd5_dot:focus,
.vwd5_dot:hover {
outline: none
}
@media screen and (min-width:64em) {
.vwd5_dot {
height: 1.3rem;
width: 1.3rem;
border-radius: .4rem
}
}
.vwd5_dots {
list-style: none;
list-style-image: none;
display: block;
text-align: center;
width: 100%;
pointer-events: none;
line-height: 0
}
.vwd5_dots,
.vwd5_dots li {
padding: 0;
margin: 0
}
.vwd5_dots li:before {
display: none
}
.vwd5_dots li {
display: inline-block;
margin-right: .8rem
}
@media screen and (min-width:64em) {
.vwd5_dots li {
margin-right: 1rem
}
}
.vwd5_dots li:last-child {
margin-right: 0
}
.vwd5_dots li.slick-active .vwd5_dot {
background-color: #0099da
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.vwd5_arrow {
display: block;
width: 3.6rem;
height: 8rem;
line-height: 8rem;
margin: -4rem 0;
border: 0;
padding: 0;
font-size: 2.5rem;
text-align: center;
background: none;
background-color: rgba(29, 31, 32, .3);
color: #fff;
cursor: pointer;
pointer-events: auto
}
.vwd5_arrow,
.vwd5_arrow:focus,
.vwd5_arrow:hover {
outline: none
}
.vwd5_arrow:active,
.vwd5_arrow:hover {
background-color: rgba(29, 31, 32, .5)
}
.vwd5_arrow[disabled] {
pointer-events: none;
color: hsla(0, 0%, 100%, .3)
}
.vwd5_arrow:before {
display: inline-block;
vertical-align: middle;
position: relative;
bottom: 1px
}
.vwd5_arrow--right {
border-top-left-radius: .4rem;
border-bottom-left-radius: .4rem;
float: right
}
.vwd5_arrow--left {
border-top-right-radius: .4rem;
border-bottom-right-radius: .4rem;
float: left
}
.vwd5_arrow--nobg {
background-color: transparent;
color: #0099da;
line-height: 4rem;
height: 4rem;
margin: -2rem 0
}
.vwd5_arrow--nobg:active,
.vwd5_arrow--nobg:hover {
color: #2f3538;
background-color: transparent
}
.vwd5_arrow--table {
background-color: transparent;
color: #1d1f20;
line-height: 4rem;
height: 4rem;
margin: -2rem 0;
font-size: 2rem
}
.vwd5_arrow--table:active,
.vwd5_arrow--table:hover {
color: #fff;
background-color: transparent
}
.vwd5_arrow--table[aria-disabled=true] {
display: none!important
}
.vwd5_arrows {
display: none;
position: absolute;
left: 0;
top: 50%;
width: 100%
}
.vwd5_arrows:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.vwd5_arrows {
display: block
}
}
.mk154__container {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
.mk154__container:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:768px) {
.mk154__container {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.mk154__container {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.mk154__container {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.mk154 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.mk154 {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.mk154__title,
.mk154__wrapper {
padding-left: 2rem;
padding-right: 2rem
}
.mk154__title:after,
.mk154__wrapper:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk154__title,
.mk154__wrapper {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.mk154__title,
.mk154__wrapper {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.mk154__title,
.mk154__wrapper {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk154__title {
margin-bottom: 2rem;
text-align: center
}
@media screen and (min-width:48em) {
.mk154__title {
margin-bottom: 3rem
}
}
.mk154__wrapper {
position: relative;
overflow: hidden
}
.mk154__controls {
display: none
}
@media screen and (min-width:48em) {
.mk154__controls {
position: relative;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
pointer-events: none
}
.mk154__controls:before {
display: block;
content: "";
width: 100%;
padding-top: 12.39224%
}
}
@media screen and (min-width:92.875em) {
.mk154__controls {
position: relative;
position: absolute
}
.mk154__controls:before {
display: block;
content: "";
width: 100%;
padding-top: 8.1295%
}
}
.mk154__dots {
margin-top: 1rem
}
@media screen and (min-width:48em) {
.mk154__dots {
margin-top: 0
}
.mk154__dots .vwd5_dots {
margin-top: 5rem
}
}
@media screen and (max-width:47.9em) {
.mk154__container {
margin: 0 -7.5px
}
}
.mk154__container .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.mk154__cta {
margin-top: 1rem
}
@media screen and (min-width:48em) {
.mk154__cta {
margin-top: 20px
}
}
.slick-initialized .mk154_item {
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-right: 7.5px;
margin-left: 7.5px
}
@media screen and (min-width:48em) {
.slick-initialized .mk154_item {
margin-right: 0;
margin-left: 0
}
}
.slick-initialized .mk154_item__content {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto
}
@media screen and (min-width:48em) {
.is-one-element .mk154_item {
width: 100%;
float: left;
padding-left: 6px;
padding-right: 6px
}
.is-two-elements .mk154_item {
width: 50%;
float: left;
padding-left: 6px;
padding-right: 6px
}
.is-more-than-two-elements .mk154_item {
width: 33.33333%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:64em) {
.mk154.mk154_reversed .mk154_item,
.mk154_item {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:80.0625em) {
.mk154.mk154_reversed .mk154_item,
.mk154_item {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media screen and (min-width:92.875em) {
.mk154.mk154_reversed .mk154_item,
.mk154_item {
padding-left: 9px;
padding-right: 9px
}
}
.m101__content {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
.m101__content:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:768px) {
.m101__content {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.m101__content {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.m101__content {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.m101 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m101 {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.m101 {
padding-left: 2rem;
padding-right: 2rem
}
.m101:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m101 {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m101 {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m101 {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m101 {
text-align: center
}
@media screen and (min-width:48em) {
.m101 {
text-align: left
}
}
.m101__heading {
margin-bottom: 1rem
}
@media screen and (min-width:48em) {
.m101__heading {
font-size: 3.5rem;
line-height: 1.143
}
}
@media screen and (min-width:64em) {
.m101__heading {
font-size: 4.5rem;
line-height: 1.112
}
}
@media screen and (min-width:48em) {
.m101__heading {
margin-bottom: 2rem
}
}
.m101__content {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m101__content {
font-size: 1.6rem;
line-height: 1.563
}
}
.m101__footer {
margin-top: 2rem;
text-align: center
}
.m101__button,
.m101__link {
margin-top: 1rem
}
.m101__link {
display: inline-block
}
.m102 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m102 {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.m102__container,
.m102__heading {
padding-left: 2rem;
padding-right: 2rem
}
.m102__container:after,
.m102__heading:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m102__container,
.m102__heading {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m102__container,
.m102__heading {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m102__container,
.m102__heading {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m102 {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m102 {
font-size: 1.6rem;
line-height: 1.563
}
}
.m102__heading {
margin-bottom: 1rem
}
@media screen and (min-width:48em) {
.m102__heading {
margin-bottom: 2rem
}
}
.m102__container {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m102__container {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:48em) {
.m102_2column .m102__container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px
}
}
@media screen and (min-width:80.0625em) {
.m102_2column .m102__container {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px
}
}
@media screen and (min-width:92.875em) {
.m102_2column .m102__container {
-webkit-column-gap: 18px;
-moz-column-gap: 18px;
column-gap: 18px
}
}
.m103 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m103 {
padding-top: 8rem;
padding-bottom: 8rem
}
}
.m103 {
padding-left: 2rem;
padding-right: 2rem
}
.m103:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m103 {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m103 {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m103 {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m103__headline {
margin-bottom: 2rem
}
@media screen and (min-width:48em) {
.m103__headline {
margin-bottom: 2.5rem
}
}
.m103__image-wrapper {
margin-bottom: 2rem
}
@media screen and (min-width:48em) {
.m103__image-wrapper {
width: 58.33333%;
margin-bottom: 2.5rem
}
.m103__image-wrapper.is-right-positioned {
float: right;
padding-left: 8.33333%
}
.m103__image-wrapper.is-left-positioned {
float: left;
padding-right: 8.33333%
}
}
.m103__copy {
width: 91.66667%
}
.m103__copy>.vwd5_dot_list:last-child,
.m103__copy>.vwd5_ordered_list:last-child {
padding-bottom: 0
}
@media screen and (max-width:47.9em) {
.m103__copy.is-hidden-mobile>:first-child,
.m103__copy>* {
max-height: 5000px;
-webkit-transition: max-height .15s cubic-bezier(.215, .61, .355, 1);
-o-transition: max-height .15s cubic-bezier(.215, .61, .355, 1);
-moz-transition: max-height .15s cubic-bezier(.215, .61, .355, 1);
transition: max-height .15s cubic-bezier(.215, .61, .355, 1)
}
.m103__copy.is-hidden-mobile>* {
max-height: 0;
overflow: hidden;
padding: 0;
-webkit-transition: max-height .15s cubic-bezier(.55, .055, .675, .19);
-o-transition: max-height .15s cubic-bezier(.55, .055, .675, .19);
-moz-transition: max-height .15s cubic-bezier(.55, .055, .675, .19);
transition: max-height .15s cubic-bezier(.55, .055, .675, .19)
}
}
.m103__content {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
.m103__content:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:64em) {
.m103__content {
font-size: 1.6rem;
line-height: 1.563
}
}
.m210__container {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
.m210__container:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:768px) {
.m210__container {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.m210__container {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.m210__container {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.m210__wrapper {
padding-left: 2rem;
padding-right: 2rem
}
.m210__wrapper:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m210__wrapper {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m210__wrapper {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m210__wrapper {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m210__wrapper {
position: relative;
overflow: hidden
}
.m210__dots {
margin-top: 1rem;
margin-bottom: 1rem
}
.m210__slide {
height: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-right: 7.5px;
margin-left: 7.5px
}
@media screen and (min-width:48em) {
.m210__slide {
margin-right: 0;
margin-left: 0;
width: 33.33333%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.m210__controls {
display: none
}
@media screen and (min-width:48em) {
.m210__controls {
position: relative;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
pointer-events: none
}
.m210__controls:before {
display: block;
content: "";
width: 100%;
padding-top: 6.76949%
}
}
@media screen and (min-width:92.875em) {
.m210__controls {
position: relative;
position: absolute
}
.m210__controls:before {
display: block;
content: "";
width: 100%;
padding-top: 8.1295%
}
}
@media screen and (min-width:64em) {
.m210__slide {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:80.0625em) {
.m210__slide {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media screen and (min-width:92.875em) {
.m210__slide {
padding-left: 9px;
padding-right: 9px
}
}
.mk103 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.mk103 {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.mk103__heading,
.mk103__wrapper {
padding-left: 2rem;
padding-right: 2rem
}
.mk103__heading:after,
.mk103__wrapper:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk103__heading,
.mk103__wrapper {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.mk103__heading,
.mk103__wrapper {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.mk103__heading,
.mk103__wrapper {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk103 {
text-align: center
}
@media screen and (min-width:48em) {
.mk103 {
text-align: left
}
}
.mk103__heading {
margin-bottom: 1rem
}
@media screen and (min-width:48em) {
.mk103__heading {
font-size: 3.5rem;
line-height: 1.143
}
}
@media screen and (min-width:64em) {
.mk103__heading {
font-size: 4.5rem;
line-height: 1.112
}
}
@media screen and (min-width:48em) {
.mk103__heading {
margin-bottom: 2rem
}
}
.mk103__content {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.mk103__content {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk103__footer {
margin-top: 2rem;
text-align: center
}
.mk103__button,
.mk103__link {
margin-top: 1rem
}
.mk103__link {
display: inline-block
}
.m108_Accordion_item__head,
.m108_Accordion_item__inner {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
.m108_Accordion_item__head:after,
.m108_Accordion_item__inner:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:768px) {
.m108_Accordion_item__head,
.m108_Accordion_item__inner {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.m108_Accordion_item__head,
.m108_Accordion_item__inner {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.m108_Accordion_item__head,
.m108_Accordion_item__inner {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m108_Accordion_item {
border-top: .2rem solid #bdc3c6
}
.m108_Accordion_item:last-child {
border-bottom: .2rem solid #bdc3c6
}
.m108_Accordion_item__wrap {
height: 0;
overflow: hidden;
-webkit-transition: height .15s cubic-bezier(.55, .055, .675, .19);
-o-transition: height .15s cubic-bezier(.55, .055, .675, .19);
-moz-transition: height .15s cubic-bezier(.55, .055, .675, .19);
transition: height .15s cubic-bezier(.55, .055, .675, .19)
}
.m108_Accordion_item.is-opened>.m108_Accordion_item__wrap {
-webkit-transition: height .15s cubic-bezier(.215, .61, .355, 1);
-o-transition: height .15s cubic-bezier(.215, .61, .355, 1);
-moz-transition: height .15s cubic-bezier(.215, .61, .355, 1);
transition: height .15s cubic-bezier(.215, .61, .355, 1)
}
.m108_Accordion_item__head {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0;
display: block;
padding-top: 1.8rem;
padding-bottom: 1.6rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media screen and (min-width:64em) {
.m108_Accordion_item__head {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:48em) {
.m108_Accordion_item__head {
padding-top: 2.7rem;
padding-bottom: 2.7rem
}
}
.m108_Accordion_item__title {
cursor: pointer
}
.m108_Accordion_item__inner {
padding-top: .5rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m108_Accordion_item__inner {
padding-top: 1.3rem;
padding-bottom: 8rem
}
}
.m108_Accordion_item__mark {
text-align: center
}
.m108_Accordion_item__arrow {
color: #0099da;
cursor: pointer
}
.m108_Accordion_item.is-opened>.m108_Accordion_item__head .m108_Accordion_item__arrow:before {
content: "\E002"
}
.m104-mobile-item__wrap,
.m104-tbody__row,
.m104__thead-row {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
.m104-mobile-item__wrap:after,
.m104-tbody__row:after,
.m104__thead-row:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:768px) {
.m104-mobile-item__wrap,
.m104-tbody__row,
.m104__thead-row {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.m104-mobile-item__wrap,
.m104-tbody__row,
.m104__thead-row {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.m104-mobile-item__wrap,
.m104-tbody__row,
.m104__thead-row {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.m104 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m104 {
padding-top: 8rem;
padding-bottom: 8rem
}
}
.m104__container {
padding-left: 2rem;
padding-right: 2rem
}
.m104__container:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m104__container {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m104__container {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m104__container {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m104 {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m104 {
font-size: 1.6rem;
line-height: 1.563
}
}
.m104__headline {
margin-bottom: 2rem
}
@media screen and (min-width:48em) {
.m104__headline {
margin-bottom: 3rem
}
}
.m104__copy {
margin-bottom: 1.2rem
}
@media screen and (min-width:48em) {
.m104__copy {
margin-bottom: 2rem
}
}
.m104__table {
display: none
}
@media screen and (min-width:48em) {
.m104__table {
display: block
}
}
.m104__mtable {
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%;
display: block
}
@media screen and (min-width:48em) {
.m104__mtable {
display: none
}
}
.m104__thead {
background-color: #bdc3c6;
-webkit-background-clip: content-box;
background-clip: content-box;
color: #1d1f20;
font-weight: 700
}
.m104__tbody {
overflow: hidden
}
.m104-col {
padding: 2rem 0;
padding-right: 2rem;
height: auto
}
.m104-col:focus {
outline: none
}
.m104-col__label {
display: block
}
@media screen and (min-width:48em) {
.m104-col__label {
display: none
}
}
.m104-thead__label {
padding: 2rem 0
}
@media screen and (min-width:48em) {
.m104-thead__label {
width: 25%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.m104-thead__columns {
position: relative
}
@media screen and (min-width:48em) {
.m104-thead__columns {
width: 66.66667%;
float: left;
padding-left: 6px;
padding-right: 6px;
margin-left: 8.33333%
}
}
.m104-thead__controls {
position: absolute;
left: 0;
top: 50%;
width: 112.5%;
margin-left: -12.5%
}
.m104-tbody__row:nth-child(odd) {
background-color: #f3f5f6
}
.m104-tbody__row:first-child .m104-tbody__label:first-child:last-child,
.m104-tbody__row:first-child .m104-tbody__label:only-child {
border-top: none
}
.m104-tbody__label {
padding: 2rem 0
}
@media screen and (min-width:48em) {
.m104-tbody__label {
width: 33.33333%;
float: left;
padding-left: 6px;
padding-right: 6px
}
.m104-tbody__label:first-child:last-child,
.m104-tbody__label:only-child {
width: 100%;
float: left;
padding-left: 6px;
padding-right: 6px;
border-top: .2rem solid #bdc3c6;
border-bottom: .2rem solid #bdc3c6;
background-color: #fff;
font-weight: 700
}
}
@media screen and (min-width:48em) {
.m104-tbody__columns {
width: 66.66667%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.m104-tbody__inner,
.m104-thead__inner {
overflow: hidden
}
.m104-mobile-item,
.m104-mobile-item:last-child {
border: none
}
.m104-mobile-item__head {
background-color: #bdc3c6;
color: #1d1f20;
padding-left: 8.33333%
}
.m104-mobile-item__title {
width: 72.72727%;
float: left;
padding-left: 1.51515%;
padding-right: 1.51515%;
font-weight: 700
}
@media screen and (min-width:48em) {
.m104-mobile-item__title {
width: 81.81818%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.m104-mobile-item__mark {
width: 27.27273%;
float: left;
padding-left: 1.51515%;
padding-right: 1.51515%
}
@media screen and (min-width:48em) {
.m104-mobile-item__mark {
width: 18.18182%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.m104-mobile-item__state {
width: 2rem;
height: 2rem;
margin-top: -1rem;
margin-bottom: -1rem;
border-radius: 50%;
background-color: #0099da;
color: #fff;
text-align: center;
cursor: pointer
}
.m104-mobile-item__state:before {
line-height: 2rem;
font-size: 1em
}
@media screen and (min-width:48em) {
.m104-mobile-item__state {
width: 2.5rem;
height: 2.5rem;
margin-top: -1.25rem;
margin-bottom: -1.25rem
}
.m104-mobile-item__state:before {
line-height: 2.5rem
}
}
.is-opened .m104-mobile-item__state:before {
content: "\E001"
}
.m104-mobile-item__wrap>.m108_Accordion_item__inner {
padding-top: 0;
padding-bottom: 0
}
.m104-mobile-item__wrap .m104-mobile-item-col:nth-child(odd) {
background-color: #f3f5f6
}
.m104-mobile-item-col {
padding-left: 8.33333%
}
.m104-mobile-item-col__inner {
padding-top: 2rem;
padding-bottom: 2rem
}
.m104-mobile-item-col__inner:after {
clear: both;
content: "";
display: table
}
.m104-mobile-item-col__label,
.m104-mobile-item-col__value {
width: 50%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
.m104-tbody__columns,
.m104-tbody__label,
.m104-thead__columns,
.m104-thead__controls,
.m104-thead__label,
.m104__mtable {
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:48em) {
.m104-tbody__columns,
.m104-tbody__label,
.m104-thead__columns,
.m104-thead__controls,
.m104-thead__label,
.m104__mtable {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:64em) {
.m104-tbody__columns,
.m104-tbody__label,
.m104-thead__columns,
.m104-thead__controls,
.m104-thead__label,
.m104__mtable {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:80.0625em) {
.m104-tbody__columns,
.m104-tbody__label,
.m104-thead__columns,
.m104-thead__controls,
.m104-thead__label,
.m104__mtable {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media screen and (min-width:92.875em) {
.m104-tbody__columns,
.m104-tbody__label,
.m104-thead__columns,
.m104-thead__controls,
.m104-thead__label,
.m104__mtable {
padding-left: 9px;
padding-right: 9px
}
}
@media screen and (min-width:48em) {
.m104-tbody__label,
.m104-tbody__label:first-child:last-child,
.m104-tbody__label:only-child,
.m104-thead__label {
padding-left: 4.2rem
}
}
@media screen and (min-width:80.0625em) {
.m104-tbody__label,
.m104-tbody__label:first-child:last-child,
.m104-tbody__label:only-child,
.m104-thead__label {
padding-left: 4.5rem
}
}
@media screen and (min-width:92.875em) {
.m104-tbody__label,
.m104-tbody__label:first-child:last-child,
.m104-tbody__label:only-child,
.m104-thead__label {
padding-left: 4.8rem
}
}
.m104-tbody__columns,
.m104-thead__columns {
padding-right: 8.33333%
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk104__icon:before {
font-family: icon-base
}
.mk104__table {
table-layout: fixed;
width: 100%;
display: none
}
@media screen and (min-width:48em) {
.mk104__table {
display: table
}
}
.mk104__table thead {
background: #fff
}
@media screen and (min-width:48em) {
.mk104__table thead {
background: #bdc3c6
}
}
.mk104__table thead th {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0;
padding: .5rem 1rem;
text-align: left
}
@media screen and (min-width:64em) {
.mk104__table thead th {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.mk104__table thead th {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:48em) {
.mk104__table thead th {
text-align: left;
padding: 1rem
}
}
.mk104__table tbody tr {
background: #fff
}
.mk104__table tbody tr:nth-child(odd) {
background: #f3f5f6
}
.mk104__table tbody tr td {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0;
color: #808890;
text-align: left;
padding: .5rem 1rem
}
.mk104__table tbody tr td:first-child {
color: #2f3538
}
.mk104__table tfoot td {
border-top: 1px solid #1d1f20;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0;
text-align: left;
padding: 1rem
}
@media screen and (min-width:64em) {
.mk104__table tfoot td {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.mk104__table tfoot td {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:48em) {
.mk104__table .m104__col_100,
.mk104__table .mk104__col_100 {
width: 100%
}
.mk104__table .m104__col_99,
.mk104__table .mk104__col_99 {
width: 99%
}
.mk104__table .m104__col_98,
.mk104__table .mk104__col_98 {
width: 98%
}
.mk104__table .m104__col_97,
.mk104__table .mk104__col_97 {
width: 97%
}
.mk104__table .m104__col_96,
.mk104__table .mk104__col_96 {
width: 96%
}
.mk104__table .m104__col_95,
.mk104__table .mk104__col_95 {
width: 95%
}
.mk104__table .m104__col_94,
.mk104__table .mk104__col_94 {
width: 94%
}
.mk104__table .m104__col_93,
.mk104__table .mk104__col_93 {
width: 93%
}
.mk104__table .m104__col_92,
.mk104__table .mk104__col_92 {
width: 92%
}
.mk104__table .m104__col_91,
.mk104__table .mk104__col_91 {
width: 91%
}
.mk104__table .m104__col_90,
.mk104__table .mk104__col_90 {
width: 90%
}
.mk104__table .m104__col_89,
.mk104__table .mk104__col_89 {
width: 89%
}
.mk104__table .m104__col_88,
.mk104__table .mk104__col_88 {
width: 88%
}
.mk104__table .m104__col_87,
.mk104__table .mk104__col_87 {
width: 87%
}
.mk104__table .m104__col_86,
.mk104__table .mk104__col_86 {
width: 86%
}
.mk104__table .m104__col_85,
.mk104__table .mk104__col_85 {
width: 85%
}
.mk104__table .m104__col_84,
.mk104__table .mk104__col_84 {
width: 84%
}
.mk104__table .m104__col_83,
.mk104__table .mk104__col_83 {
width: 83%
}
.mk104__table .m104__col_82,
.mk104__table .mk104__col_82 {
width: 82%
}
.mk104__table .m104__col_81,
.mk104__table .mk104__col_81 {
width: 81%
}
.mk104__table .m104__col_80,
.mk104__table .mk104__col_80 {
width: 80%
}
.mk104__table .m104__col_79,
.mk104__table .mk104__col_79 {
width: 79%
}
.mk104__table .m104__col_78,
.mk104__table .mk104__col_78 {
width: 78%
}
.mk104__table .m104__col_77,
.mk104__table .mk104__col_77 {
width: 77%
}
.mk104__table .m104__col_76,
.mk104__table .mk104__col_76 {
width: 76%
}
.mk104__table .m104__col_75,
.mk104__table .mk104__col_75 {
width: 75%
}
.mk104__table .m104__col_74,
.mk104__table .mk104__col_74 {
width: 74%
}
.mk104__table .m104__col_73,
.mk104__table .mk104__col_73 {
width: 73%
}
.mk104__table .m104__col_72,
.mk104__table .mk104__col_72 {
width: 72%
}
.mk104__table .m104__col_71,
.mk104__table .mk104__col_71 {
width: 71%
}
.mk104__table .m104__col_70,
.mk104__table .mk104__col_70 {
width: 70%
}
.mk104__table .m104__col_69,
.mk104__table .mk104__col_69 {
width: 69%
}
.mk104__table .m104__col_68,
.mk104__table .mk104__col_68 {
width: 68%
}
.mk104__table .m104__col_67,
.mk104__table .mk104__col_67 {
width: 67%
}
.mk104__table .m104__col_66,
.mk104__table .mk104__col_66 {
width: 66%
}
.mk104__table .m104__col_65,
.mk104__table .mk104__col_65 {
width: 65%
}
.mk104__table .m104__col_64,
.mk104__table .mk104__col_64 {
width: 64%
}
.mk104__table .m104__col_63,
.mk104__table .mk104__col_63 {
width: 63%
}
.mk104__table .m104__col_62,
.mk104__table .mk104__col_62 {
width: 62%
}
.mk104__table .m104__col_61,
.mk104__table .mk104__col_61 {
width: 61%
}
.mk104__table .m104__col_60,
.mk104__table .mk104__col_60 {
width: 60%
}
.mk104__table .m104__col_59,
.mk104__table .mk104__col_59 {
width: 59%
}
.mk104__table .m104__col_58,
.mk104__table .mk104__col_58 {
width: 58%
}
.mk104__table .m104__col_57,
.mk104__table .mk104__col_57 {
width: 57%
}
.mk104__table .m104__col_56,
.mk104__table .mk104__col_56 {
width: 56%
}
.mk104__table .m104__col_55,
.mk104__table .mk104__col_55 {
width: 55%
}
.mk104__table .m104__col_54,
.mk104__table .mk104__col_54 {
width: 54%
}
.mk104__table .m104__col_53,
.mk104__table .mk104__col_53 {
width: 53%
}
.mk104__table .m104__col_52,
.mk104__table .mk104__col_52 {
width: 52%
}
.mk104__table .m104__col_51,
.mk104__table .mk104__col_51 {
width: 51%
}
.mk104__table .m104__col_50,
.mk104__table .mk104__col_50 {
width: 50%
}
.mk104__table .m104__col_49,
.mk104__table .mk104__col_49 {
width: 49%
}
.mk104__table .m104__col_48,
.mk104__table .mk104__col_48 {
width: 48%
}
.mk104__table .m104__col_47,
.mk104__table .mk104__col_47 {
width: 47%
}
.mk104__table .m104__col_46,
.mk104__table .mk104__col_46 {
width: 46%
}
.mk104__table .m104__col_45,
.mk104__table .mk104__col_45 {
width: 45%
}
.mk104__table .m104__col_44,
.mk104__table .mk104__col_44 {
width: 44%
}
.mk104__table .m104__col_43,
.mk104__table .mk104__col_43 {
width: 43%
}
.mk104__table .m104__col_42,
.mk104__table .mk104__col_42 {
width: 42%
}
.mk104__table .m104__col_41,
.mk104__table .mk104__col_41 {
width: 41%
}
.mk104__table .m104__col_40,
.mk104__table .mk104__col_40 {
width: 40%
}
.mk104__table .m104__col_39,
.mk104__table .mk104__col_39 {
width: 39%
}
.mk104__table .m104__col_38,
.mk104__table .mk104__col_38 {
width: 38%
}
.mk104__table .m104__col_37,
.mk104__table .mk104__col_37 {
width: 37%
}
.mk104__table .m104__col_36,
.mk104__table .mk104__col_36 {
width: 36%
}
.mk104__table .m104__col_35,
.mk104__table .mk104__col_35 {
width: 35%
}
.mk104__table .m104__col_34,
.mk104__table .mk104__col_34 {
width: 34%
}
.mk104__table .m104__col_33,
.mk104__table .mk104__col_33 {
width: 33%
}
.mk104__table .m104__col_32,
.mk104__table .mk104__col_32 {
width: 32%
}
.mk104__table .m104__col_31,
.mk104__table .mk104__col_31 {
width: 31%
}
.mk104__table .m104__col_30,
.mk104__table .mk104__col_30 {
width: 30%
}
.mk104__table .m104__col_29,
.mk104__table .mk104__col_29 {
width: 29%
}
.mk104__table .m104__col_28,
.mk104__table .mk104__col_28 {
width: 28%
}
.mk104__table .m104__col_27,
.mk104__table .mk104__col_27 {
width: 27%
}
.mk104__table .m104__col_26,
.mk104__table .mk104__col_26 {
width: 26%
}
.mk104__table .m104__col_25,
.mk104__table .mk104__col_25 {
width: 25%
}
.mk104__table .m104__col_24,
.mk104__table .mk104__col_24 {
width: 24%
}
.mk104__table .m104__col_23,
.mk104__table .mk104__col_23 {
width: 23%
}
.mk104__table .m104__col_22,
.mk104__table .mk104__col_22 {
width: 22%
}
.mk104__table .m104__col_21,
.mk104__table .mk104__col_21 {
width: 21%
}
.mk104__table .m104__col_20,
.mk104__table .mk104__col_20 {
width: 20%
}
.mk104__table .m104__col_19,
.mk104__table .mk104__col_19 {
width: 19%
}
.mk104__table .m104__col_18,
.mk104__table .mk104__col_18 {
width: 18%
}
.mk104__table .m104__col_17,
.mk104__table .mk104__col_17 {
width: 17%
}
.mk104__table .m104__col_16,
.mk104__table .mk104__col_16 {
width: 16%
}
.mk104__table .m104__col_15,
.mk104__table .mk104__col_15 {
width: 15%
}
.mk104__table .m104__col_14,
.mk104__table .mk104__col_14 {
width: 14%
}
.mk104__table .m104__col_13,
.mk104__table .mk104__col_13 {
width: 13%
}
.mk104__table .m104__col_12,
.mk104__table .mk104__col_12 {
width: 12%
}
.mk104__table .m104__col_11,
.mk104__table .mk104__col_11 {
width: 11%
}
.mk104__table .m104__col_10,
.mk104__table .mk104__col_10 {
width: 10%
}
.mk104__table .m104__col_9,
.mk104__table .mk104__col_9 {
width: 9%
}
.mk104__table .m104__col_8,
.mk104__table .mk104__col_8 {
width: 8%
}
.mk104__table .m104__col_7,
.mk104__table .mk104__col_7 {
width: 7%
}
.mk104__table .m104__col_6,
.mk104__table .mk104__col_6 {
width: 6%
}
.mk104__table .m104__col_5,
.mk104__table .mk104__col_5 {
width: 5%
}
.mk104__table .m104__col_4,
.mk104__table .mk104__col_4 {
width: 4%
}
.mk104__table .m104__col_3,
.mk104__table .mk104__col_3 {
width: 3%
}
.mk104__table .m104__col_2,
.mk104__table .mk104__col_2 {
width: 2%
}
.mk104__table .m104__col_1,
.mk104__table .mk104__col_1 {
width: 1%
}
}
.mk104__table_mob {
display: table
}
@media screen and (min-width:48em) {
.mk104__table_mob {
display: none
}
}
.mk104__table-mob-container {
display: block
}
@media screen and (min-width:48em) {
.mk104__table-mob-container {
display: none
}
}
.mk104__table-mob-item {
border-bottom: 2px solid #fff
}
.mk104__mob-trigger+.mk104__table-mob-item {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .3s cubic-bezier(.645, .045, .355, 1);
-o-transition: .3s cubic-bezier(.645, .045, .355, 1) max-height;
-moz-transition: .3s cubic-bezier(.645, .045, .355, 1) max-height;
transition: max-height .3s cubic-bezier(.645, .045, .355, 1)
}
.mk104__mob-trigger.mk104__mob-trigger_opened+.mk104__table-mob-item {
max-height: 150rem
}
.mk104__mob-trigger {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0;
cursor: pointer;
background: #bdc3c6;
padding: 1.2rem 2.5rem 1.2rem 1rem;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media screen and (min-width:64em) {
.mk104__mob-trigger {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.mk104__mob-trigger {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk104__icon {
background: #0099da;
border-radius: 50%;
width: 2.3rem;
height: 2.3rem;
line-height: 2.3rem;
font-size: 2rem;
position: absolute;
right: 1rem;
top: 1.25rem;
margin: auto;
color: #fff;
text-align: center
}
.mk104__icon:before {
content: "\E064";
line-height: 2.3rem;
height: 2.3rem
}
.mk104__mob-trigger_opened .mk104__icon:before {
content: "\E054"
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk505 {
text-align: center
}
.mk505_item {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.mk505_item {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.mk505_item {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk505_item.is-active {
color: #1d1f20
}
.mk505_item+.mk505_item {
margin-left: 3rem
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.m109__tabs,
.vw-iframe-template~.m520 {
display: none
}
.m109__tabs {
text-align: center;
margin-bottom: 3rem
}
@media screen and (min-width:48em) {
.m109__tabs {
display: block
}
}
.m109__tab_active {
color: #1d1f20
}
@media screen and (min-width:48em) {
.m109 .m108_Accordion_item__head {
display: none
}
}
@media screen and (min-width:48em) {
.m109 .m108_Accordion_item__wrap {
height: auto!important
}
}
@media screen and (min-width:48em) {
.m109 .m108_Accordion_item {
border: none;
display: none
}
.m109 .m108_Accordion_item.is-opened {
display: block
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk110 {
margin-top: 5px;
margin-bottom: 5px
}
.mk110__icon {
font-size: 1.3em;
display: inline-block;
vertical-align: middle
}
.mk110__icon,
.mk110__value {
color: #faaa00
}
.m151 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m151 {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.m151 {
padding-left: 2rem;
padding-right: 2rem
}
.m151:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m151 {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m151 {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m151 {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m151 {
text-align: center
}
.m151__heading {
margin-bottom: 1rem
}
@media screen and (min-width:48em) {
.m151__heading {
margin-bottom: 2rem
}
}
.m151__content {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m151__content {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk153__card {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.mk153__card {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.mk153__content {
padding-left: 2rem;
padding-right: 2rem
}
.mk153__content:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk153__content {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.mk153__content {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.mk153__content {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk153 {
position: relative
}
.mk153:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:64em) {
.mk153:after,
.mk153:before {
content: "";
height: 5rem;
width: 1px;
display: block
}
}
.mk153__map {
height: 30rem
}
@media screen and (min-width:64em) {
.mk153__map {
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
}
.mk153__card {
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%;
overflow-y: auto;
position: relative;
z-index: 1;
float: none;
padding-left: 0;
padding-right: 0
}
@media screen and (min-width:64em) {
.mk153__card {
width: 41.66667%;
float: left;
padding-left: 6px;
padding-right: 6px;
padding-left: 0;
padding-right: 0;
min-height: 35rem;
max-height: 48rem
}
.mk153_left-sided .mk153__card {
float: left
}
.mk153_right-sided .mk153__card {
float: right
}
}
.mk153__title {
margin-bottom: 1.5rem
}
.mk153__address,
.mk153__email,
.mk153__hours,
.mk153__phone {
margin-bottom: 1.3rem;
position: relative;
padding-left: 2.2rem
}
.mk153__icon {
position: absolute;
left: 0;
color: #0099da;
font-size: 1.2em;
top: -.1em
}
.mk153__btns {
text-align: center;
margin-top: 3rem
}
@media screen and (min-width:64em) {
.mk153__btns {
text-align: left
}
}
.mk153__map-ovelrlay {
position: absolute;
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 30rem
}
@media screen and (min-width:64em) {
.mk153__map-ovelrlay {
display: none
}
}
.mk153 .zoom-controls__layout {
display: none
}
@media screen and (min-width:64em) {
.mk153 .zoom-controls__layout {
display: block
}
}
.mk153 .zoom-controls__unit {
position: relative;
display: block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 36px;
height: 36px;
margin: 9px 0;
font-size: 15px;
line-height: 36px;
text-align: center;
background-color: #fff;
background-image: none;
border-radius: 36px
}
.mk153 .zoom-controls__unit i:before {
font-size: 24px
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk152 {
position: relative
}
.mk152:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:64em) {
.mk152:after,
.mk152:before {
content: "";
height: 5rem;
width: 1px;
display: block
}
}
.mk152__map {
height: 30rem
}
@media screen and (min-width:64em) {
.mk152__map {
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
}
.mk152__map-ovelrlay {
position: absolute;
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 30rem
}
@media screen and (min-width:64em) {
.mk152__map-ovelrlay {
display: none
}
}
.mk152__card {
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%;
overflow-y: auto;
position: relative;
z-index: 1;
float: none;
padding-left: 0;
padding-right: 0
}
@media screen and (min-width:64em) {
.mk152__card {
width: 41.66667%;
float: left;
padding-left: 6px;
padding-right: 6px;
float: right;
padding-left: 0;
padding-right: 0;
min-height: 35rem;
max-height: 48rem
}
.mk152_left-sided .mk152__card {
float: left
}
}
.mk152__content {
padding: 3rem 2rem
}
.mk152__title {
margin-bottom: 1.5rem
}
.mk152__address,
.mk152__email,
.mk152__hours,
.mk152__phone {
margin-bottom: 1.3rem;
position: relative;
padding-left: 2.2rem
}
.mk152__icon {
position: absolute;
left: 0;
color: #0099da;
font-size: 1.2em;
top: -.1em
}
.mk152__btns {
text-align: center;
margin-top: 3rem
}
@media screen and (min-width:64em) {
.mk152__btns {
text-align: left
}
}
.mk152 .sight-unit {
color: #0099da;
font-size: 4.5rem;
position: absolute;
width: 45px;
height: 45px
}
.mk152 .sight-unit.active,
.mk152 .sight-unit.hover {
color: #808890
}
.mk152 .zoom-controls__layout {
display: none
}
@media screen and (min-width:64em) {
.mk152 .zoom-controls__layout {
display: block
}
}
.mk152 .zoom-controls__unit {
position: relative;
display: block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 36px;
height: 36px;
margin: 9px 0;
font-size: 15px;
line-height: 36px;
text-align: center;
background-color: #fff;
background-image: none;
border-radius: 36px
}
.mk152 .zoom-controls__unit i:before {
font-size: 24px
}
.mk152__content .radiobtn {
display: block
}
.mk152__content .radiobtn__title {
max-width: -webkit-calc(100% - 4.5rem);
max-width: -moz-calc(100% - 4.5rem);
max-width: calc(100% - 4.5rem)
}
.mk152__content .radiobtn__mask {
vertical-align: top
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m200 {
height: auto;
text-align: center;
font-size: 0
}
.m200:after {
clear: both;
content: "";
display: table
}
.m200__image-wrapper {
margin: auto auto 2rem;
width: 100%;
position: relative
}
@media screen and (min-width:48em) {
.m200__image-wrapper {
margin: auto auto 3rem
}
}
.m200__inner {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m200__inner {
font-size: 1.6rem;
line-height: 1.563
}
}
.m200__content+.m200__footer {
margin-top: 2rem
}
.m200__button,
.m200__copy,
.m200__headline,
.m200__subline,
.m200__textlink {
margin-bottom: 1rem
}
.m200__button:last-child,
.m200__copy:last-child,
.m200__headline:last-child,
.m200__subline:last-child,
.m200__textlink:last-child {
margin-bottom: 0
}
.m200:focus {
outline: none
}
.m200.m200_flex {
flex-direction: column;
flex-wrap: nowrap;
-ms-flex-line-pack: stretch;
-ms-flex-align: stretch
}
.m200.m200_flex,
.m200.m200_flex .m200__inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
align-items: stretch
}
.m200.m200_flex .m200__inner {
flex-direction: column;
flex-wrap: nowrap;
-ms-flex-line-pack: stretch;
-ms-flex-align: stretch
}
.m200.m200_flex .m200__content,
.m200.m200_flex .m200__inner {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto
}
.m200.m200_flex .m200__content {
-ms-grid-row-align: auto
}
@media screen and (max-width:47.9em) {
.m200.m200_mfloat {
display: block;
text-align: left
}
.m200.m200_mfloat .m200__image-wrapper,
.m200.m200_mfloat .m200__inner {
padding-left: 1.38889%;
padding-right: 1.38889%
}
.m200.m200_mfloat .m200__image-wrapper {
padding-left: 0;
width: 33.33333%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
.m200.m200_mfloat .m200__inner {
padding-right: 0;
width: 66.66667%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
.m200.m200_mfloat .m200__button {
margin-left: 0
}
}
@media screen and (min-width:48em) {
.m200.m200_singlefloat:first-child:last-child,
.m200.m200_singlefloat:only-child {
white-space: nowrap;
display: block;
text-align: left
}
.m200.m200_singlefloat:first-child:last-child:before,
.m200.m200_singlefloat:only-child:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.15em
}
.m200.m200_singlefloat:first-child:last-child .m200__image-wrapper,
.m200.m200_singlefloat:first-child:last-child .m200__inner,
.m200.m200_singlefloat:only-child .m200__image-wrapper,
.m200.m200_singlefloat:only-child .m200__inner {
display: inline-block;
white-space: normal;
vertical-align: middle;
margin-top: 0;
margin-bottom: 0;
padding-left: 6px;
padding-right: 6px
}
.m200.m200_singlefloat:first-child:last-child .m200__image-wrapper,
.m200.m200_singlefloat:only-child .m200__image-wrapper {
width: 50%
}
.m200.m200_singlefloat:first-child:last-child .m200__inner,
.m200.m200_singlefloat:only-child .m200__inner {
width: 41.66667%;
margin-left: 8.33333%
}
.m200.m200_singlefloat:first-child:last-child .m200__button,
.m200.m200_singlefloat:only-child .m200__button {
margin-left: 0
}
.m200.m200_singlefloat:first-child:last-child.m200_singlefloat_reversed .m200__image-wrapper,
.m200.m200_singlefloat:first-child:last-child.m200_singlefloat_reversed .m200__inner,
.m200.m200_singlefloat:only-child.m200_singlefloat_reversed .m200__image-wrapper,
.m200.m200_singlefloat:only-child.m200_singlefloat_reversed .m200__inner {
position: relative
}
.m200.m200_singlefloat:first-child:last-child.m200_singlefloat_reversed .m200__image-wrapper,
.m200.m200_singlefloat:only-child.m200_singlefloat_reversed .m200__image-wrapper {
left: 50%
}
.m200.m200_singlefloat:first-child:last-child.m200_singlefloat_reversed .m200__inner,
.m200.m200_singlefloat:only-child.m200_singlefloat_reversed .m200__inner {
left: -58.33333%
}
}
@media screen and (min-width:80.0625em) {
.m200.m200_singlefloat:first-child:last-child .m200__image-wrapper,
.m200.m200_singlefloat:first-child:last-child .m200__inner,
.m200.m200_singlefloat:only-child .m200__image-wrapper,
.m200.m200_singlefloat:only-child .m200__inner {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media screen and (min-width:92.875em) {
.m200.m200_singlefloat:first-child:last-child .m200__image-wrapper,
.m200.m200_singlefloat:first-child:last-child .m200__inner,
.m200.m200_singlefloat:only-child .m200__image-wrapper,
.m200.m200_singlefloat:only-child .m200__inner {
padding-left: 9px;
padding-right: 9px
}
}
.m200.m200_singlefloat:first-child:last-child:not(.m200_singlefloat_reversed) .m200__image-wrapper,
.m200.m200_singlefloat:only-child:not(.m200_singlefloat_reversed) .m200__image-wrapper {
padding-left: 0
}
.m200.m200_singlefloat:first-child:last-child.m200_singlefloat_reversed .m200__image-wrapper,
.m200.m200_singlefloat:first-child:last-child:not(.m200_singlefloat_reversed) .m200__inner,
.m200.m200_singlefloat:only-child.m200_singlefloat_reversed .m200__image-wrapper,
.m200.m200_singlefloat:only-child:not(.m200_singlefloat_reversed) .m200__inner {
padding-right: 0
}
.m200.m200_singlefloat:first-child:last-child.m200_singlefloat_reversed .m200__inner,
.m200.m200_singlefloat:only-child.m200_singlefloat_reversed .m200__inner {
padding-left: 0
}
.m200__special-mark {
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
pointer-events: none
}
@media screen and (min-width:92.875em) {
.m200__special-mark {
padding: 0 9px
}
}
.m200__special-mark__ribbon {
position: relative
}
.m200__special-mark__ribbon:before {
content: "";
position: absolute;
top: 0;
left: 0;
border: 4rem solid #faaa00;
border-bottom-color: transparent;
border-right-color: transparent
}
.m200__special-mark__icon {
position: absolute;
left: .9rem;
top: .9rem;
color: #fff;
font-size: 3rem;
z-index: 1
}
.m155 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m155 {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.m155__arrow,
.m155__container,
.m155__dots,
.m155__tab_nav,
.m155__title {
padding-left: 2rem;
padding-right: 2rem
}
.m155__arrow:after,
.m155__container:after,
.m155__dots:after,
.m155__tab_nav:after,
.m155__title:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m155__arrow,
.m155__container,
.m155__dots,
.m155__tab_nav,
.m155__title {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m155__arrow,
.m155__container,
.m155__dots,
.m155__tab_nav,
.m155__title {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m155__arrow,
.m155__container,
.m155__dots,
.m155__tab_nav,
.m155__title {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m155 {
overflow: hidden
}
.m155__title {
margin-bottom: 2rem;
text-align: center
}
@media screen and (min-width:48em) {
.m155__title {
margin-bottom: 3rem
}
}
.m155__tab_nav {
display: none
}
@media screen and (min-width:48em) {
.m155__tab_nav {
display: block;
margin-bottom: 3rem
}
}
.m155__container {
position: relative;
overflow: hidden
}
.m155__inner {
width: 58.33333%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%;
margin-left: 20.83333%;
padding: 0
}
.m155__inner .slick-track {
z-index: 1
}
.m155__inner.is-one-element .slick-track {
-webkit-transform: translateZ(0)!important;
-moz-transform: translateZ(0)!important;
transform: translateZ(0)!important
}
.m155__dots {
position: relative
}
.m155__dots:before {
display: block;
content: "";
width: 100%;
padding-top: 26.27986%
}
@media screen and (min-width:48em) {
.m155__dots {
display: none
}
}
.m155__dots-list {
margin-top: 2rem
}
.m155__arrow {
position: relative;
display: none
}
.m155__arrow:before {
display: block;
content: "";
width: 100%;
padding-top: 14.01015%
}
@media screen and (min-width:48em) {
.m155__arrow {
display: block
}
}
.m155__arrow-align {
position: static;
width: 100%
}
.m155__arrow-align .vwd5_arrow {
margin-left: -1.8rem;
margin-right: -1.8rem
}
.m155__arrow-inner {
margin: 0 auto;
width: 59.02778%
}
.m155__arrow,
.m155__dots {
position: absolute;
top: 0;
left: 0;
width: 100%;
pointer-events: none
}
.m155 .slick-list {
overflow: visible
}
.m155_item:focus {
outline: none
}
.m155_item__image-wrapper {
display: block;
margin: 0 auto 5.1rem;
width: 85.71429%;
padding: 0 1.38889%
}
@media screen and (min-width:48em) {
.m155_item__image-wrapper {
padding: 0 6px;
margin-bottom: 3rem
}
}
@media screen and (min-width:64em) {
.m155_item__image-wrapper {
padding: 0 6px
}
}
@media screen and (min-width:80.0625em) {
.m155_item__image-wrapper {
padding: 0 7.5px
}
}
@media screen and (min-width:92.875em) {
.m155_item__image-wrapper {
padding: 0 9px
}
}
.m155_item__content,
.m155_item__footer {
opacity: 0;
visibility: hidden
}
@media screen and (min-width:48em) {
.m155_item__content,
.m155_item__footer {
-webkit-transition: all .3s cubic-bezier(.55, .055, .675, .19);
-o-transition: all .3s cubic-bezier(.55, .055, .675, .19);
-moz-transition: all .3s cubic-bezier(.55, .055, .675, .19);
transition: all .3s cubic-bezier(.55, .055, .675, .19)
}
}
.slick-active .m155_item__content,
.slick-active .m155_item__footer {
opacity: 1;
visibility: visible;
-webkit-transition: all .15s cubic-bezier(.215, .61, .355, 1);
-o-transition: all .15s cubic-bezier(.215, .61, .355, 1);
-moz-transition: all .15s cubic-bezier(.215, .61, .355, 1);
transition: all .15s cubic-bezier(.215, .61, .355, 1)
}
@media screen and (min-width:48em) {
.slick-active .m155_item__content,
.slick-active .m155_item__footer {
-webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
-o-transition: all .3s cubic-bezier(.215, .61, .355, 1);
-moz-transition: all .3s cubic-bezier(.215, .61, .355, 1);
transition: all .3s cubic-bezier(.215, .61, .355, 1)
}
}
.m155_item__content,
.m155_item__footer {
margin: 0 -35.71429%;
padding: 0 2.38095%
}
@media screen and (min-width:48em) {
.m155_item__content,
.m155_item__footer {
margin: 0 -7.14286%;
padding: 0 6px
}
}
.mk200 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.mk200 {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.mk200 {
padding-left: 2rem;
padding-right: 2rem
}
@media screen and (min-width:48em) {
.mk200 {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.mk200 {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.mk200 {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk200 {
height: auto;
text-align: center;
font-size: 0
}
.mk200:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk200 {
white-space: nowrap;
display: block;
text-align: left
}
.mk200:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.15em
}
.mk200 .mk200__image-wrapper,
.mk200 .mk200__inner {
position: relative;
display: inline-block;
white-space: normal;
vertical-align: middle;
margin-top: 0;
margin-bottom: 0;
padding-left: 6px;
padding-right: 6px
}
.mk200 .mk200__image-wrapper {
width: 50%
}
.mk200 .mk200__inner {
width: 41.66667%;
margin-left: 8.33333%
}
.mk200 .mk200__button {
margin-left: 0
}
}
@media screen and (min-width:80.0625em) {
.mk200 .mk200__image-wrapper,
.mk200 .mk200__inner {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media screen and (min-width:92.875em) {
.mk200 .mk200__image-wrapper,
.mk200 .mk200__inner {
padding-left: 9px;
padding-right: 9px
}
}
.mk200__image-wrapper {
margin: auto auto 2rem;
width: 100%
}
@media screen and (min-width:48em) {
.mk200__image-wrapper {
margin: auto auto 3rem
}
}
.mk200__inner {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.mk200__inner {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk200__content+.mk200__footer {
margin-top: 2rem
}
.mk200__button,
.mk200__copy,
.mk200__headline,
.mk200__subline,
.mk200__textlink {
margin-bottom: 1rem
}
.mk200__button:last-child,
.mk200__copy:last-child,
.mk200__headline:last-child,
.mk200__subline:last-child,
.mk200__textlink:last-child {
margin-bottom: 0
}
.mk200:focus {
outline: none
}
.mk200:not(.mk200_reversed) .mk200__image-wrapper {
padding-left: 0
}
.mk200.mk200_reversed .mk200__image-wrapper,
.mk200:not(.mk200_reversed) .mk200__inner {
padding-right: 0
}
.mk200.mk200_reversed .mk200__inner {
padding-left: 0
}
@media screen and (min-width:48em) {
.mk200.mk200_reversed .mk200__image-wrapper {
left: 50%
}
}
@media screen and (min-width:48em) {
.mk200.mk200_reversed .mk200__inner {
left: -58.33333%
}
}
.mk200__image-wrapper {
position: relative
}
.mk200__special-mark {
position: absolute;
top: 0;
left: 0;
z-index: 1;
pointer-events: none
}
.mk200__special-mark__ribbon {
position: relative
}
.mk200__special-mark__ribbon:before {
content: "";
position: absolute;
top: 0;
left: 0;
border: 4rem solid #faaa00;
border-bottom-color: transparent;
border-right-color: transparent
}
.mk200__special-mark__icon {
position: absolute;
left: .9rem;
top: .9rem;
color: #fff;
font-size: 3rem;
z-index: 1
}
@media screen and (min-width:48em) {
.mk200.mk200_reversed .mk200__special-mark {
width: 100%;
float: left;
padding-left: 6px;
padding-right: 6px;
float: none
}
}
.m207 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
.m207__content {
padding-left: 2rem;
padding-right: 2rem
}
.m207__content:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m207__content {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m207__content {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m207__content {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m207 {
overflow: hidden;
position: relative;
text-align: center
}
@media screen and (min-width:48em) {
.m207 {
padding: 0;
text-align: left
}
.m207.is-text-light .m207__copy,
.m207.is-text-light .m207__headline {
color: #fff
}
}
.m207__content {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m207__content {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:48em) {
.m207__content {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
max-height: 100%
}
}
@media screen and (min-width:48em) {
.m207__inner {
width: 50%
}
}
.m207__copy,
.m207__headline {
margin-bottom: 2rem
}
.m207__copy:last-child,
.m207__headline:last-child {
margin-bottom: 0
}
.m207__image {
margin-bottom: 2rem
}
@media screen and (min-width:48em) {
.m207__image {
margin: 0
}
}
.m207__button {
margin-left: auto;
margin-right: auto
}
@media screen and (min-width:48em) {
.m207__button {
margin-left: 0
}
}
.m211__container {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
.m211__container:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:768px) {
.m211__container {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.m211__container {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.m211__container {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.m211 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
.m211_item {
margin-bottom: 4rem
}
.m211_item:last-child {
margin-bottom: 0
}
@media screen and (min-width:64em) {
.m211 {
padding-top: 8rem;
padding-bottom: 8rem
}
}
.m211 {
padding-left: 2rem;
padding-right: 2rem
}
.m211:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m211 {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m211 {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m211 {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
@media screen and (min-width:48em) {
.m211__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.m211__container:after {
clear: both;
content: "";
display: table
}
}
.m211_item {
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:48em) {
.m211_item {
width: 33.33333%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:64em) {
.m211_item {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:80.0625em) {
.m211_item {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media screen and (min-width:92.875em) {
.m211_item {
padding-left: 9px;
padding-right: 9px
}
}
@media screen and (min-width:48em) {
.m211_item {
margin-bottom: 0;
display: block
}
}
.m211_item__headline {
font-size: 1.8rem;
line-height: 1.223;
letter-spacing: -.25px
}
@media screen and (min-width:64em) {
.m211_item__headline {
font-size: 2.4rem;
line-height: 1.209
}
}
.m211_item__image-wrapper {
margin-bottom: 3rem
}
@media screen and (min-width:30em) {
.m211_item__image-wrapper {
max-width: 21.3rem
}
.is-icon-contain .m211_item__image-wrapper {
max-width: 12rem
}
}
.m212__container,
.m212_sub__inner {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
.m212__container:after,
.m212_sub__inner:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:768px) {
.m212__container,
.m212_sub__inner {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.m212__container,
.m212_sub__inner {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.m212__container,
.m212_sub__inner {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.m212 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
.m212__container,
.m212_item,
.m212_sub {
margin-bottom: 4rem
}
.m212__container:last-child,
.m212_item:last-child,
.m212_sub:last-child {
margin-bottom: 0
}
@media screen and (min-width:64em) {
.m212 {
padding-top: 8rem;
padding-bottom: 8rem
}
}
@media screen and (min-width:64em) {
.m212__container {
margin-bottom: 8rem
}
.m212__container:last-child {
margin-bottom: 0
}
}
.m212 {
padding-left: 2rem;
padding-right: 2rem
}
.m212:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m212 {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m212 {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m212 {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
@media screen and (min-width:48em) {
.m212__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.m212__container:after {
clear: both;
content: "";
display: table
}
}
.m212_item,
.m212_sub {
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:48em) {
.m212_item,
.m212_sub {
width: 33.33333%;
float: left;
padding-left: 6px;
padding-right: 6px;
margin-bottom: 0;
display: block
}
}
.m212_item__headline {
font-size: 1.8rem;
line-height: 1.223;
letter-spacing: -.25px
}
@media screen and (min-width:64em) {
.m212_item__headline {
font-size: 2.4rem;
line-height: 1.209
}
}
.m212_item__image-wrapper {
margin-bottom: 3rem
}
@media screen and (min-width:30em) {
.m212_item__image-wrapper {
max-width: 21.3rem
}
.is-icon-contain .m212_item__image-wrapper {
max-width: 12rem
}
}
.m212_sub__inner {
white-space: nowrap;
font-size: 0
}
.m212_sub__inner:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -.15em
}
@media screen and (min-width:48em) {
.m212_sub__inner:before {
display: none
}
}
.m212_sub__media {
font-size: 4rem;
line-height: 1;
width: 25%;
margin-left: 8.33333%
}
@media screen and (min-width:48em) {
.m212_sub__media {
margin-left: 0;
margin-bottom: 1rem
}
}
.m212_sub__content {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0;
width: 66.66667%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
@media screen and (min-width:64em) {
.m212_sub__content {
font-size: 1.6rem;
line-height: 1.563
}
}
.m212_sub__icon {
vertical-align: top
}
.m212_sub__content,
.m212_sub__media {
display: inline-block;
vertical-align: middle;
white-space: normal
}
@media screen and (min-width:48em) {
.m212_sub__content,
.m212_sub__media {
width: 100%;
float: left;
padding-left: 6px;
padding-right: 6px;
text-align: center
}
}
.m212_item,
.m212_sub,
.m212_sub__content,
.m212_sub__media {
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:48em) {
.m212_item,
.m212_sub,
.m212_sub__content,
.m212_sub__media {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:64em) {
.m212_item,
.m212_sub,
.m212_sub__content,
.m212_sub__media {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:80.0625em) {
.m212_item,
.m212_sub,
.m212_sub__content,
.m212_sub__media {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media screen and (min-width:92.875em) {
.m212_item,
.m212_sub,
.m212_sub__content,
.m212_sub__media {
padding-left: 9px;
padding-right: 9px
}
}
.m245__inner,
.m245__title {
padding-left: 2rem;
padding-right: 2rem
}
.m245__inner:after,
.m245__title:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m245__inner,
.m245__title {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m245__inner,
.m245__title {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m245__inner,
.m245__title {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m245_item {
outline: none;
text-align: center
}
@media screen and (max-width:47.9em) {
.m245_item {
padding: 0
}
}
.m245_item__inner {
padding: 1.5rem 2.7777%
}
@media screen and (min-width:48em) {
.m245_item__inner {
padding: 1.5rem 0
}
}
.m245_item__image {
width: 100%;
margin-bottom: .8rem
}
@media screen and (min-width:64em) {
.m245_item__image {
margin-bottom: 1rem
}
}
.m245_item__price {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0;
color: #808890
}
.m245 {
padding-top: 4rem;
padding-bottom: 4rem;
background-color: #fff
}
@media screen and (min-width:64em) {
.m245 {
padding-top: 8rem;
padding-bottom: 8rem
}
}
.m245__title {
font-size: 2.3rem;
line-height: 1.174;
letter-spacing: -.25px;
text-align: center;
margin-bottom: 2rem
}
@media screen and (min-width:30em) {
.m245__title {
font-size: 2.6rem;
line-height: 1.154
}
}
@media screen and (min-width:48em) {
.m245__title {
font-size: 3.5rem;
line-height: 1.143
}
}
@media screen and (min-width:64em) {
.m245__title {
font-size: 4.5rem;
line-height: 1.112
}
}
@media screen and (min-width:48em) {
.m245__title {
margin-bottom: 3rem
}
}
.m245__container {
position: relative
}
.m245__carousel {
margin-bottom: 2.4rem
}
@media screen and (min-width:64em) {
.m245__carousel {
margin-bottom: 4.5rem
}
}
.m245__dots {
margin-bottom: 2rem
}
.m245__complete_list_icon {
margin-right: 10px
}
.m242__wrapper {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
.m242__wrapper:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:768px) {
.m242__wrapper {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.m242__wrapper {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.m242__wrapper {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.m242 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
.m242__container,
.m242__inner,
.m242__title {
padding-left: 2rem;
padding-right: 2rem
}
.m242__container:after,
.m242__inner:after,
.m242__title:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m242__container,
.m242__inner,
.m242__title {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m242__container,
.m242__inner,
.m242__title {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m242__container,
.m242__inner,
.m242__title {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m242 {
font-size: 0;
text-align: center
}
.m242__container {
position: relative
}
.m242__title {
font-size: 2.3rem;
line-height: 1.174;
letter-spacing: -.25px;
text-align: center;
margin-bottom: 2rem
}
@media screen and (min-width:30em) {
.m242__title {
font-size: 2.6rem;
line-height: 1.154
}
}
@media screen and (min-width:48em) {
.m242__title {
font-size: 3.5rem;
line-height: 1.143
}
}
@media screen and (min-width:64em) {
.m242__title {
font-size: 4.5rem;
line-height: 1.112
}
}
@media screen and (min-width:48em) {
.m242__title {
margin-bottom: 3rem
}
}
.m242_item {
outline: none;
text-align: center;
float: none
}
@media screen and (max-width:47.9em) {
.m242_item {
padding: 0
}
}
.m242_item__inner {
padding: 1.5rem 2.7777%
}
@media screen and (min-width:48em) {
.m242_item__inner {
padding: 1.5rem 0
}
}
.m242_item__image {
width: 100%;
margin-bottom: .8rem
}
@media screen and (min-width:64em) {
.m242_item__image {
margin-bottom: 1rem
}
}
.m242_item__price {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0;
color: #808890
}
.m246_item__inner {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
.m246_item__inner:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:768px) {
.m246_item__inner {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.m246_item__inner {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.m246_item__inner {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.m246 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m246 {
padding-top: 8rem;
padding-bottom: 8rem
}
}
.m246 {
padding-left: 2rem;
padding-right: 2rem
}
.m246:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m246 {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m246 {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m246 {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m246__caption,
.m246__headline {
text-align: center
}
.m246__headline {
margin-bottom: 1.1rem
}
@media screen and (min-width:48em) {
.m246__headline {
margin-bottom: 1.5rem
}
}
.m246__subtitle {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m246__subtitle {
font-size: 1.6rem;
line-height: 1.563
}
}
.m246__container {
position: relative;
margin-top: 1rem
}
@media screen and (min-width:48em) {
.m246__container {
margin-top: 4rem
}
}
.m246__dots {
position: relative;
position: absolute;
width: 100%;
left: 0;
top: 16px;
pointer-events: none
}
.m246__dots:before {
display: block;
content: "";
width: 100%;
padding-top: 37.83069%
}
.m246_item:focus {
outline: none
}
@media screen and (min-width:48em) {
.m246_item {
padding: 4rem 0 3rem
}
.m246_item:first-child {
padding-top: 0
}
.m246_item:last-child {
padding-bottom: 0
}
}
@media screen and (min-width:48em) {
.m246_item+.m246_item {
border-top: 2px solid #bdc3c6
}
}
.m246_item__actions,
.m246_item__features,
.m246_item__main {
width: 100%;
float: left
}
.m246_item__main {
text-align: center
}
@media screen and (min-width:48em) {
.m246_item__features {
margin-left: 8.33333%;
width: 33.33333%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.m246_item__actions:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m246_item__actions {
margin-left: 8.33333%
}
}
@media screen and (min-width:48em) {
.m246_item__actions,
.m246_item__main {
width: 25%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:48em) {
.m246_item__actions,
.m246_item__features,
.m246_item__main {
margin-bottom: 0
}
}
.m246_item__image {
margin-bottom: 5rem
}
@media screen and (min-width:48em) {
.m246_item__image {
margin-bottom: 1rem
}
}
.m246_item__price {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m246_item__price {
font-size: 1.6rem;
line-height: 1.563
}
}
.m246_item__old-price {
text-decoration: line-through;
color: #808890
}
@media screen and (min-width:48em) {
.m246_item__list {
padding: 0;
margin: 0
}
}
.m246_item__list,
.m246_item__old-price {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0
}
@media screen and (min-width:48em) {
.m246_item__button {
float: right;
clear: both
}
}
.m246_item__button+.m246_item__button {
margin-top: 1.5rem
}
.m246_item__feature {
margin-left: 0!important
}
@media screen and (min-width:48em) {
.m246_item__feature {
margin-left: -3.6rem!important
}
}
.m246_item__actions,
.m246_item__features,
.m246_item__main {
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:48em) {
.m246_item__actions,
.m246_item__features,
.m246_item__main {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:64em) {
.m246_item__actions,
.m246_item__features,
.m246_item__main {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:80.0625em) {
.m246_item__actions,
.m246_item__features,
.m246_item__main {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media screen and (min-width:92.875em) {
.m246_item__actions,
.m246_item__features,
.m246_item__main {
padding-left: 9px;
padding-right: 9px
}
}
.mk211__container {
padding-left: 2rem;
padding-right: 2rem
}
.mk211__container:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk211__container {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.mk211__container {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.mk211__container {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk211 {
position: relative
}
.mk211__controls {
pointer-events: none;
position: absolute;
top: 50%;
width: 100%
}
.mk211__controls .vwd5_arrow {
pointer-events: all
}
.mk211__dots {
margin-top: 4rem
}
.mk211-item {
text-align: center;
padding-left: 1.38889%;
padding-right: 1.38889%;
padding-bottom: 2rem;
outline: none
}
@media screen and (min-width:48em) {
.mk211-item {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:64em) {
.mk211-item {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:80.0625em) {
.mk211-item {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media screen and (min-width:92.875em) {
.mk211-item {
padding-left: 9px;
padding-right: 9px
}
}
.mk211-item__photo {
width: 10rem;
height: 10rem;
margin: auto;
border-radius: 50%;
overflow: hidden;
margin-bottom: 2rem
}
.mk211-item__name {
margin-bottom: .5rem
}
.mk211-item__position {
margin-bottom: .5rem;
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0;
color: #808890
}
.mk211-item__email {
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.mk211-item__email {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk211-item__phone {
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.mk211-item__phone {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk611 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.mk611 {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.mk611__container {
padding-left: 2rem;
padding-right: 2rem
}
.mk611__container:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk611__container {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.mk611__container {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.mk611__container {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk611__title {
margin-bottom: 1rem
}
@media screen and (min-width:48em) {
.mk611__title {
margin-bottom: 2rem
}
}
.mk611__content-mobile {
display: block;
margin-bottom: 2rem
}
@media screen and (min-width:48em) {
.mk611__content-mobile {
display: none
}
}
.mk611__content-desktop {
display: none
}
@media screen and (min-width:48em) {
.mk611__content-desktop {
display: block
}
}
.mk710__tab-inner {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
.mk710__close-btn,
.mk710__tab-footer,
.mk710__tab-inner,
.mk710__tabs {
padding-left: 2rem;
padding-right: 2rem
}
.mk710__close-btn:after,
.mk710__tab-footer:after,
.mk710__tab-inner:after,
.mk710__tabs:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk710__close-btn,
.mk710__tab-footer,
.mk710__tab-inner,
.mk710__tabs {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.mk710__close-btn,
.mk710__tab-footer,
.mk710__tab-inner,
.mk710__tabs {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.mk710__close-btn,
.mk710__tab-footer,
.mk710__tab-inner,
.mk710__tabs {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk710 {
position: relative;
z-index: 2
}
.mk710__tabs {
background: #0099da;
height: 5rem;
font-size: 0
}
.mk710__tab-head {
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0;
line-height: 5rem!important;
padding: 0 1.5rem;
border-left: 1px solid #0099da
}
@media screen and (min-width:64em) {
.mk710__tab-head {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.mk710__tab-head {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk710__tab-head:last-child {
border-right: 1px solid #0099da
}
.mk710__tab-head_active {
background: #dee1e3;
color: #1d1f20
}
.mk710__tab-head_active,
.mk710__tab-head_active+.mk710__tab-head {
border-left-color: #dee1e3
}
.mk710__tab-head_active:last-child {
border-right-color: #dee1e3
}
.mk710__arrow {
font-size: .6em;
width: 3rem;
text-align: right
}
.mk710__arrow_down {
display: inline-block
}
.mk710__arrow_up,
.mk710__tab-head_active .mk710__arrow_down {
display: none
}
.mk710__tab-head_active .mk710__arrow_up {
display: inline-block
}
.mk710__tab-body {
height: 0;
overflow: hidden
}
.mk710__tab-body_active {
height: auto;
overflow: visible
}
.mk710__items-container {
z-index: 1
}
.mk710__tab-footer,
.mk710__tab-inner {
padding-bottom: 2rem;
background: #dee1e3
}
.mk710__tab-footer {
text-align: center;
padding-top: 2rem;
border-top: 1px solid #bdc3c6
}
@media screen and (min-width:48em) {
.mk710__tab-footer {
padding-top: 4rem;
padding-bottom: 4rem;
text-align: left
}
}
.mk710__close-btn {
display: none;
float: right;
height: 5rem;
line-height: 5rem
}
.mk710__close-icon {
vertical-align: middle;
background: rgba(47, 52, 56, .5);
color: #fff;
height: 3rem;
width: 3rem;
line-height: 3rem;
font-size: 2rem;
text-align: center;
border-radius: 50%;
cursor: pointer
}
.mk710__close-icon:before {
line-height: 3rem
}
.mk710__empty {
display: none
}
.mk710 .select_wrapper__title {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0;
margin-bottom: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media screen and (min-width:64em) {
.mk710 .select_wrapper__title {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.mk710 .select_wrapper__title {
font-size: 1.6rem;
line-height: 1.563
}
}
.navlvl2__container,
.navlvl2__list {
padding-left: 2rem;
padding-right: 2rem
}
.navlvl2__container:after,
.navlvl2__list:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.navlvl2__container,
.navlvl2__list {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.navlvl2__container,
.navlvl2__list {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.navlvl2__container,
.navlvl2__list {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.navlvl2__container {
padding-top: .8rem;
padding-bottom: .8rem;
background-color: #bdc3c6;
overflow: hidden;
position: relative;
z-index: 0;
-webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
-o-transition: all .3s cubic-bezier(.215, .61, .355, 1);
-moz-transition: all .3s cubic-bezier(.215, .61, .355, 1);
transition: all .3s cubic-bezier(.215, .61, .355, 1)
}
@media screen and (max-width:47.9em) {
.navlvl2__container {
padding-left: 0;
padding-right: 0
}
}
.navlvl2__inner {
overflow: auto;
width: 100%;
white-space: nowrap
}
@media screen and (min-width:48em) {
.navlvl2__inner {
white-space: normal
}
}
.navlvl2__list {
padding-top: 0;
padding-bottom: 0;
margin: 0;
list-style: none;
list-style-image: none;
display: inline-block;
position: relative
}
@media screen and (min-width:48em) {
.navlvl2__list {
padding-left: 0;
padding-right: 0
}
}
.navlvl2__item {
display: inline-block;
margin: 0;
padding: 0;
font-size: 1.6rem;
font-weight: 700;
line-height: 2;
letter-spacing: 0
}
.navlvl2__item:not(:last-child) {
margin-right: 3rem
}
.navlvl2__item:before {
display: none
}
.navlvl2__left,
.navlvl2__link,
.navlvl2__right {
color: #1d1f20
}
.navlvl2__left:active,
.navlvl2__left:focus,
.navlvl2__left:hover,
.navlvl2__link:active,
.navlvl2__link:focus,
.navlvl2__link:hover,
.navlvl2__right:active,
.navlvl2__right:focus,
.navlvl2__right:hover {
color: #fff;
outline: none
}
.navlvl2__item.is-active .navlvl2__link {
color: #fff
}
.navlvl2__controls {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
z-index: 1000
}
@media screen and (min-width:48em) {
.navlvl2__controls {
display: none
}
}
.navlvl2__left,
.navlvl2__right {
display: none;
width: 4rem;
height: 4.8rem;
line-height: 4.8rem;
margin: -2.4rem 0;
background-color: transparent;
border: none;
cursor: pointer;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.navlvl2__left:before,
.navlvl2__right:before {
display: inline-block;
vertical-align: middle
}
.navlvl2__left {
float: left;
background: -webkit-gradient(linear, left top, right top, color-stop(60%, #bdc3c6), to(hsla(200, 7%, 76%, 0)));
background: -webkit-linear-gradient(left, #bdc3c6 60%, hsla(200, 7%, 76%, 0));
background: -moz-linear-gradient(left, #bdc3c6 60%, hsla(200, 7%, 76%, 0) 100%);
background: -o-linear-gradient(left, #bdc3c6 60%, hsla(200, 7%, 76%, 0) 100%);
background: linear-gradient(90deg, #bdc3c6 60%, hsla(200, 7%, 76%, 0));
padding-right: 1.7rem
}
.navlvl2__right {
float: right;
background: -webkit-gradient(linear, right top, left top, color-stop(60%, #bdc3c6), to(hsla(200, 7%, 76%, 0)));
background: -webkit-linear-gradient(right, #bdc3c6 60%, hsla(200, 7%, 76%, 0));
background: -moz-linear-gradient(right, #bdc3c6 60%, hsla(200, 7%, 76%, 0) 100%);
background: -o-linear-gradient(right, #bdc3c6 60%, hsla(200, 7%, 76%, 0) 100%);
background: linear-gradient(270deg, #bdc3c6 60%, hsla(200, 7%, 76%, 0));
padding-left: 1.7rem
}
.navlvl3__container,
.navlvl3__list {
padding-left: 2rem;
padding-right: 2rem
}
.navlvl3__container:after,
.navlvl3__list:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.navlvl3__container,
.navlvl3__list {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.navlvl3__container,
.navlvl3__list {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.navlvl3__container,
.navlvl3__list {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.navlvl3__container {
position: relative;
background-color: #808890;
padding-top: .8rem;
padding-bottom: .8rem;
overflow: hidden;
z-index: 4
}
@media screen and (max-width:47.9em) {
.navlvl3__container {
padding-left: 0;
padding-right: 0
}
}
.navlvl3__inner {
overflow: auto;
width: 100%;
white-space: nowrap
}
@media screen and (min-width:48em) {
.navlvl3__inner {
white-space: normal
}
}
.navlvl3__list {
padding-top: 0;
padding-bottom: 0;
margin: 0;
list-style: none;
list-style-image: none;
display: inline-block;
position: relative
}
@media screen and (min-width:48em) {
.navlvl3__list {
padding-left: 0;
padding-right: 0
}
}
.navlvl3__item {
display: inline-block;
margin: 0;
padding: 0;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.625;
letter-spacing: 0
}
.navlvl3__item:before {
display: none
}
.navlvl3__item:not(:last-child) {
margin-right: 3rem
}
.navlvl3__left,
.navlvl3__link,
.navlvl3__right {
color: #1d1f20
}
.navlvl3__left:active,
.navlvl3__left:focus,
.navlvl3__left:hover,
.navlvl3__link:active,
.navlvl3__link:focus,
.navlvl3__link:hover,
.navlvl3__right:active,
.navlvl3__right:focus,
.navlvl3__right:hover {
color: #fff;
outline: none
}
.navlvl3__item.is-active .navlvl3__link {
color: #fff
}
.navlvl3__controls {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%
}
@media screen and (min-width:48em) {
.navlvl3__controls {
display: none
}
}
.navlvl3__left,
.navlvl3__right {
display: none;
width: 4rem;
height: 4.8rem;
line-height: 4.8rem;
margin: -2.4rem 0;
background-color: transparent;
border: none;
cursor: pointer;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.navlvl3__left:before,
.navlvl3__right:before {
display: inline-block;
vertical-align: middle
}
.navlvl3__left {
float: left;
background: -webkit-gradient(linear, left top, right top, color-stop(60%, #808890), to(hsla(210, 7%, 53%, 0)));
background: -webkit-linear-gradient(left, #808890 60%, hsla(210, 7%, 53%, 0));
background: -moz-linear-gradient(left, #808890 60%, hsla(210, 7%, 53%, 0) 100%);
background: -o-linear-gradient(left, #808890 60%, hsla(210, 7%, 53%, 0) 100%);
background: linear-gradient(90deg, #808890 60%, hsla(210, 7%, 53%, 0));
padding-right: 1.7rem
}
.navlvl3__right {
float: right;
background: -webkit-gradient(linear, right top, left top, color-stop(60%, #808890), to(hsla(210, 7%, 53%, 0)));
background: -webkit-linear-gradient(right, #808890 60%, hsla(210, 7%, 53%, 0));
background: -moz-linear-gradient(right, #808890 60%, hsla(210, 7%, 53%, 0) 100%);
background: -o-linear-gradient(right, #808890 60%, hsla(210, 7%, 53%, 0) 100%);
background: linear-gradient(270deg, #808890 60%, hsla(210, 7%, 53%, 0));
padding-left: 1.7rem
}
.is-sticked .navlvl4__container,
.navlvl4 {
padding-left: 2rem;
padding-right: 2rem
}
.is-sticked .navlvl4__container:after,
.navlvl4:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.is-sticked .navlvl4__container,
.navlvl4 {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.is-sticked .navlvl4__container,
.navlvl4 {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.is-sticked .navlvl4__container,
.navlvl4 {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.navlvl4 {
padding-top: 2rem;
padding-bottom: 2rem;
font-weight: 700;
font-family: vw_head, sans-serif
}
.navlvl4.is-sticked {
padding-left: 0!important;
padding-right: 0!important
}
.navlvl4__container {
z-index: 4;
-webkit-transition: top .3s cubic-bezier(.215, .61, .355, 1);
-o-transition: top .3s cubic-bezier(.215, .61, .355, 1);
-moz-transition: top .3s cubic-bezier(.215, .61, .355, 1);
transition: top .3s cubic-bezier(.215, .61, .355, 1)
}
.is-sticked .navlvl4__container {
background: #dee1e3;
left: 0
}
@media screen and (min-width:48em) {
.is-sticked .navlvl4__container {
line-height: 4rem;
left: auto
}
}
.navlvl4__inner {
position: relative
}
.navlvl4__title {
margin-bottom: .7rem
}
@media screen and (min-width:48em) {
.navlvl4__title {
display: none
}
}
.is-sticked .navlvl4__title {
display: none
}
@media screen and (min-width:48em) {
.navlvl4__list {
text-align: center
}
}
.is-sticked .navlvl4__list {
max-height: 0;
-webkit-transition: max-height .3s cubic-bezier(.215, .61, .355, 1);
-o-transition: .3s max-height cubic-bezier(.215, .61, .355, 1);
-moz-transition: .3s max-height cubic-bezier(.215, .61, .355, 1);
transition: max-height .3s cubic-bezier(.215, .61, .355, 1);
overflow: hidden
}
@media screen and (min-width:48em) {
.is-sticked .navlvl4__list {
max-height: none;
text-align: left;
padding-right: 2rem
}
}
.is-sticked .is-opened .navlvl4__list {
max-height: 1000px;
-webkit-transition: max-height .3s cubic-bezier(.215, .61, .355, 1);
-o-transition: .3s max-height cubic-bezier(.215, .61, .355, 1);
-moz-transition: .3s max-height cubic-bezier(.215, .61, .355, 1);
transition: max-height .3s cubic-bezier(.215, .61, .355, 1)
}
.navlvl4__item {
font-size: 1.5rem;
line-height: 1.6
}
@media screen and (min-width:48em) {
.navlvl4__item {
font-size: 1.6rem;
padding-left: 1.2rem;
padding-right: 1.5rem;
display: inline-block
}
}
.is-sticked .navlvl4__item {
line-height: 5rem
}
.is-sticked .navlvl4__item:not(:last-child) {
border-bottom: 1px solid #bdc3c6
}
@media screen and (min-width:48em) {
.is-sticked .navlvl4__item:not(:last-child) {
border-bottom: none
}
}
@media screen and (min-width:48em) {
.is-sticked .navlvl4__item {
line-height: inherit
}
}
.navlvl4__link {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0;
display: inline-block;
width: 100%
}
@media screen and (min-width:64em) {
.navlvl4__link {
font-size: 1.6rem;
line-height: 1.563
}
}
.is-sticked .navlvl4__link {
font-weight: 400;
color: #1d1f20
}
@media screen and (min-width:48em) {
.is-sticked .navlvl4__link {
font-weight: 700;
color: #0099da
}
.is-sticked .navlvl4__link:hover {
color: #1d1f20
}
}
.is-sticked .is-active .navlvl4__link {
font-weight: 700
}
@media screen and (min-width:48em) {
.is-sticked .is-active .navlvl4__link {
color: #1d1f20
}
}
@media screen and (min-width:48em) {
.navlvl4__link {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0;
color: #0099da
}
}
@media screen and (min-width:48em) and (min-width:64em) {
.navlvl4__link {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:48em) and (min-width:92.875em) {
.navlvl4__link {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:48em) {
.navlvl4__link:hover {
color: #1d1f20
}
}
.navlvl4__title-item {
display: none
}
.is-sticked .navlvl4__title-item {
line-height: 4rem;
cursor: pointer;
text-decoration: none;
color: #1d1f20;
display: inline-block;
width: 100%
}
@media screen and (min-width:48em) {
.is-sticked .navlvl4__title-item {
display: none
}
}
.navlvl4__title-text {
padding-left: 1.5rem
}
.navlvl4__title-icon,
.navlvl4__title-text {
display: inline-block;
vertical-align: middle
}
.navlvl4__title-icon {
color: #0099da;
background: #fff;
border-radius: 50%;
padding: .3rem
}
.navlvl4__title-icon:before {
font-size: .6em
}
.navlvl4__title-icon_open {
display: inline-block
}
.navlvl4__title-icon_open:before {
-webkit-transform: translateY(1px);
-moz-transform: translateY(1px);
-ms-transform: translateY(1px);
-o-transform: translateY(1px);
transform: translateY(1px)
}
.is-opened .navlvl4__title-icon_open,
.navlvl4__title-icon_close {
display: none
}
.is-opened .navlvl4__title-icon_close {
display: inline-block
}
.navlvl4__controls {
position: absolute;
top: 0;
right: 0
}
.navlvl4__gotop {
display: none
}
@media screen and (min-width:48em) {
.is-sticked .navlvl4__gotop {
display: block;
font-size: 1.2rem;
color: #2f3538;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.is-sticked .navlvl4__gotop:active,
.is-sticked .navlvl4__gotop:focus,
.is-sticked .navlvl4__gotop:hover {
color: #808890
}
}
.mk571 {
margin-bottom: 4rem
}
.mk571:last-child {
margin-bottom: 0
}
.mk571__unit:first-child,
.mk571__unit:last-child {
padding-left: 2rem;
padding-right: 2rem
}
.mk571__unit:first-child:after,
.mk571__unit:last-child:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk571__unit:first-child,
.mk571__unit:last-child {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.mk571__unit:first-child,
.mk571__unit:last-child {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.mk571__unit:first-child,
.mk571__unit:last-child {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk571__unit_finish.mk571__unit_active .mk571__check:before {
font-family: icon-base
}
.mk571.active .mob-list__check:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.mk571__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media screen and (min-width:48em) {
.mk571__container {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.mk571__arrow {
position: absolute;
display: block;
height: 100%;
left: 99.7%;
top: 0;
bottom: 0;
z-index: 2;
color: #f3f5f6;
width: 2rem;
display: none;
-webkit-box-shadow: inset 1px 0 currentColor;
box-shadow: inset 1px 0 currentColor
}
@media screen and (min-width:48em) {
.mk571__arrow {
display: block
}
}
.mk571__arrow svg {
height: 100%;
width: 100%
}
.mk571__arrow svg #Triangle {
fill: #f3f5f6
}
.mk571__arrow svg #Line {
stroke: #dee1e3
}
.mk571__link {
border-bottom: 1px solid #bdc3c6
}
@media screen and (min-width:48em) {
.mk571__link {
border: none
}
}
.mk571__content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.mk571__check {
display: inline-block;
width: 2rem;
height: 2rem;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
margin-right: 1.5rem;
border: 2px solid #bdc3c6;
border-radius: 50%;
position: relative
}
.mk571__check:before {
font-family: icon-nextstep;
font-style: normal;
speak: none;
font-variant: normal;
font-weight: 400;
content: "\E008";
position: absolute;
top: -.6rem;
opacity: 0;
color: #fff;
font-size: 1.3rem;
line-height: 1.9rem;
text-align: center;
width: 100%;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-webkit-transition-property: opacity, top;
-o-transition-property: opacity, top;
-moz-transition-property: opacity, top;
transition-property: opacity, top;
visibility: hidden
}
.mk571 .mob-list {
background: #dee1e3;
padding: 1.2rem 2rem;
display: block
}
@media screen and (min-width:48em) {
.mk571 .mob-list {
display: none
}
}
.mk571 .mob-list__content {
color: #1d1f20;
font-size: 1.6rem;
font-weight: 800;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mk571 .mob-list__check {
display: block;
width: 2rem;
height: 2rem;
margin-right: 1.5rem;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-color: #fff;
border-radius: 50%;
position: relative
}
.mk571 .mob-list__check:before {
font-size: 1.2rem;
color: #0099da;
position: absolute;
top: .5rem;
left: .4rem;
-webkit-transition: all .4s linear 0ms;
-o-transition: all .4s linear 0ms;
-moz-transition: all .4s linear 0ms;
transition: all .4s linear 0ms
}
.mk571_stepList_content-item {
display: none
}
.mk571_stepList_content-item.is_visible {
display: block
}
.mk571__unit {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background: #dee1e3;
padding: 0 2rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
font-size: 1.4rem;
font-weight: 800;
line-height: 1.56;
width: 100%
}
.mk571__unit a {
color: #808890;
display: block;
padding: 1.2rem 0
}
@media screen and (min-width:48em) {
.mk571__unit {
background: #f3f5f6;
border-width: 1px 0;
border-style: solid;
border-color: #dee1e3;
font-size: 1.6rem;
font-weight: 400
}
}
.mk571__unit:first-child {
padding-right: 2rem
}
.mk571__unit:last-child {
padding-left: 2rem
}
.mk571__unit:last-child .mk571__arrow {
display: none
}
.mk571__unit:last-child .mk571__link {
border: none
}
.mk571__unit_active a {
color: #0099da
}
.mk571__unit_active .mk571__check {
border-color: #0099da
}
.mk571__unit_done {
background: #dee1e3;
border-color: #bdc3c6
}
.mk571__unit_done a {
color: #1d1f20
}
.mk571__unit_done .mk571__arrow {
color: #dee1e3
}
.mk571__unit_done .mk571__arrow svg #Triangle {
fill: #dee1e3
}
.mk571__unit_done .mk571__arrow svg #Line {
stroke: #bdc3c6
}
.mk571__unit_done .mk571__check {
border-color: #0099da;
background: #0099da
}
.mk571__unit_done .mk571__check:before {
opacity: 1;
top: -1px;
visibility: visible
}
.mk571__unit_finish {
background-color: #dee1e3
}
.mk571__unit_finish.mk571__unit_active {
background-color: #0099da;
border-color: #0099da
}
.mk571__unit_finish.mk571__unit_active a {
color: #fff
}
.mk571__unit_finish.mk571__unit_active .mk571__check {
border-color: #fff;
background: #fff
}
.mk571__unit_finish.mk571__unit_active .mk571__check:before {
content: "\E024";
top: -.2rem;
bottom: 0;
left: -.2rem;
right: 0;
margin: auto;
opacity: 1;
color: #0099da;
visibility: visible;
font-size: 1.8rem
}
.mk572 {
padding-left: 2rem;
padding-right: 2rem
}
.mk572:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk572 {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.mk572 {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.mk572 {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk572 {
background-color: #f3f5f6;
padding-top: 2rem;
padding-bottom: 2rem
}
.mk572_sticky {
position: fixed;
bottom: 0;
right: 0;
width: 100%;
z-index: 9
}
.mk572__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.mk572__unit_back {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 27px
}
.mk572__unit_forward {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 13.6rem
}
@media screen and (min-width:48em) {
.mk572__unit_forward {
max-width: 25.5rem
}
}
.mk242__mark:before {
font-family: icon-base
}
.m242__wrapper {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
.m242__wrapper:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:768px) {
.m242__wrapper {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.m242__wrapper {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.m242__wrapper {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.m242 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
.m242__container,
.m242__inner,
.m242__title {
padding-left: 2rem;
padding-right: 2rem
}
.m242__container:after,
.m242__inner:after,
.m242__title:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m242__container,
.m242__inner,
.m242__title {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m242__container,
.m242__inner,
.m242__title {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m242__container,
.m242__inner,
.m242__title {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m242 {
font-size: 0;
text-align: center
}
.m242__container {
position: relative
}
.m242__title {
font-size: 2.3rem;
line-height: 1.174;
letter-spacing: -.25px;
text-align: center;
margin-bottom: 2rem
}
@media screen and (min-width:30em) {
.m242__title {
font-size: 2.6rem;
line-height: 1.154
}
}
@media screen and (min-width:48em) {
.m242__title {
font-size: 3.5rem;
line-height: 1.143
}
}
@media screen and (min-width:64em) {
.m242__title {
font-size: 4.5rem;
line-height: 1.112
}
}
@media screen and (min-width:48em) {
.m242__title {
margin-bottom: 3rem
}
}
.m242_item {
outline: none;
text-align: center;
float: none
}
@media screen and (max-width:47.9em) {
.m242_item {
padding: 0
}
}
.m242_item__inner {
padding: 1.5rem 2.7777%
}
@media screen and (min-width:48em) {
.m242_item__inner {
padding: 1.5rem 0
}
}
.m242_item__image {
width: 100%;
margin-bottom: .8rem
}
@media screen and (min-width:64em) {
.m242_item__image {
margin-bottom: 1rem
}
}
.m242_item__price {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0;
color: #808890
}
.mk242 {
padding-top: 3rem;
position: relative;
display: block;
margin-bottom: 3rem;
cursor: pointer
}
.mk242__input {
display: none
}
.mk242__mark {
display: none;
position: absolute;
right: 0;
top: 0;
width: 3rem;
height: 3rem;
border-radius: 50%;
background: #0099da;
text-align: center
}
.mk242__mark:before {
content: "\E01C";
color: #fff;
font-size: 2rem;
line-height: 3rem;
text-align: center
}
.mk242__input:checked~.mk242__mark {
display: block
}
.mk242 .m017_media_378x143__image-wrapper {
pointer-events: none
}
.mk615__result-item {
display: block;
margin-left: -1.38889%;
margin-right: -1.38889%
}
.mk615__result-item:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk615__result-item {
margin-left: -.6rem;
margin-right: -.6rem
}
}
@media screen and (min-width:64em) {
.mk615__result-item {
margin-left: -.6rem;
margin-right: -.6rem
}
}
@media screen and (min-width:80.0625em) {
.mk615__result-item {
margin-left: -.75rem;
margin-right: -.75rem
}
}
@media screen and (min-width:92.875em) {
.mk615__result-item {
margin-left: -.9rem;
margin-right: -.9rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk615__result-item__icon:before {
font-family: icon-base
}
.mk615__result-item {
margin-bottom: 2rem
}
.mk615__result-item__key {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0;
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:64em) {
.mk615__result-item__key {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:48em) {
.mk615__result-item__key {
width: 16.66667%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.mk615__result-item__value {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0;
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:64em) {
.mk615__result-item__value {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.mk615__result-item__value {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:48em) {
.mk615__result-item__value {
width: 83.33333%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.mk615__result-item__text {
display: inline-block
}
.mk615__result-item__icon {
display: inline-block;
visibility: hidden;
cursor: pointer;
color: #0099da
}
.mk615__result-item__icon:before {
content: "\E02F";
position: relative;
top: 2px
}
.mk615__result-item:hover .mk615__result-item__text:not(:empty)~.mk615__result-item__icon {
visibility: visible
}
.mk615 .mk572 {
background-color: #fff
}
.mk615 .input__title,
.mk615 .radiogroup__title,
.mk615 .select_wrapper__title,
.mk615 .textarea__title {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0;
margin-bottom: 1rem
}
@media screen and (min-width:64em) {
.mk615 .input__title,
.mk615 .radiogroup__title,
.mk615 .select_wrapper__title,
.mk615 .textarea__title {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.mk615 .input__title,
.mk615 .radiogroup__title,
.mk615 .select_wrapper__title,
.mk615 .textarea__title {
font-size: 1.6rem;
line-height: 1.563
}
}
.m532_sub,
.m532_upper {
padding-left: 2rem;
padding-right: 2rem
}
.m532_sub:after,
.m532_upper:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m532_sub,
.m532_upper {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m532_sub,
.m532_upper {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m532_sub,
.m532_upper {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.m532,
.vw-iframe-template~.m520 {
display: none
}
@media screen and (min-width:48em) {
.m532 {
position: fixed;
top: 0;
z-index: 3;
display: block;
width: 100%;
padding-right: 95px;
}
.m341{
margin-top: 80px;
}
.img-size img{
min-width: 560px;
}
}
.m532_upper {
padding-top: 1rem;
padding-bottom: 1rem;
background-color: #bdc3c6;
display: table;
table-layout: fixed;
width: 100%
}
@media screen and (max-width:47.9em) {
.m532_upper {
display: none
}
}
.m532_upper__container {
display: table-row
}
.m532_upper__back {
display: table-cell;
vertical-align: top;
width: 2.5rem
}
@media screen and (min-width:64em) {
.m532_upper__back {
width: 3.5rem
}
}
.m532_upper__backlink {
color: #1d1f20;
font-size: 1.3rem
}
@media screen and (min-width:64em) {
.m532_upper__backlink {
font-size: 1.7rem
}
}
.m532_upper__info,
.m532_upper__qab {
display: table-cell;
vertical-align: top
}
.m532_upper__qab .vw_m503_quick_access {
padding-left: 0;
padding-right: 0
}
.m532_upper__cta {
display: table-cell;
vertical-align: top
}
.m532_upper__cta>.btn {
margin: 0 0 0 32px
}
.m532_upper__cta {
overflow: hidden;
width: 0;
-webkit-transition: width .15s cubic-bezier(.645, .045, .355, 1);
-o-transition: width .15s cubic-bezier(.645, .045, .355, 1);
-moz-transition: width .15s cubic-bezier(.645, .045, .355, 1);
transition: width .15s cubic-bezier(.645, .045, .355, 1)
}
@media screen and (min-width:64em) {
.m532_upper__cta.is-opened {
width: 23rem
}
}
.m532_price__prefix {
font-size: 1.2rem;
line-height: 1.334;
letter-spacing: 0
}
.m532_price__value {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m532_price__value {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.m532_price__value {
font-size: 1.6rem;
line-height: 1.563
}
}
.m532_sub {
padding-top: .6rem;
padding-bottom: .7rem;
background-color: #808890
}
.m532_sub__container {
padding: 0;
margin: 0;
list-style: none;
list-style-image: none
}
.m532_sub__container li {
margin: 0;
padding: 0
}
.m532_sub__container li:before {
display: none
}
.m532_sub__link {
margin-right: 3rem;
color: #1d1f20;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m532_sub__link {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.m532_sub__link {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:48em) {
.m532_sub__link {
line-height: 2.6rem
}
}
.m532_sub__link.is-active {
color: #fff
}
.m532_sub__link:last-child {
margin-right: 0
}
.m532_sub__link:hover {
color: #fff
}
.m105 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m105 {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.m105__container {
padding-left: 2rem;
padding-right: 2rem
}
.m105__container:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m105__container {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m105__container {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m105__container {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m105 {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m105 {
font-size: 1.6rem;
line-height: 1.563
}
}
.m105__inner {
position: relative
}
.m105__title {
margin-bottom: 1.5rem
}
@media screen and (min-width:48em) {
.m105__title {
margin-bottom: 2rem
}
}
.m105__copy,
.m105__copy2 {
margin-top: 2rem;
margin-bottom: 2rem
}
.m105__copy2:last-child,
.m105__copy:last-child {
margin-bottom: 0
}
.m105__controls {
position: relative
}
.m105__controls:before {
display: block;
content: "";
width: 100%;
padding-top: 28.125%
}
.m105__dots {
position: relative
}
.m105__dots:before {
display: block;
content: "";
width: 100%;
padding-top: 51.25%
}
.m105__controls,
.m105__dots {
position: absolute;
left: 0;
width: 100%;
top: 0
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.vw_m301_homepage_stage {
position: relative;
background-color: #fff;
outline: none
}
.vw_m301_homepage_stage_qab {
display: none
}
@media screen and (min-width:48em) {
.vw_m301_homepage_stage_qab {
display: block;
position: absolute;
width: 100%;
left: 0;
top: 0;
padding-top: 25px;
z-index: 1
}
}
.vw_m301_homepage_stage_controls {
margin-top: -3.1rem
}
@media screen and (min-width:48em) {
.vw_m301_homepage_stage_controls {
margin-top: 0
}
}
.vw_m301_stage_item_cta,
.vw_m301_stage_item_title {
padding-left: 2rem;
padding-right: 2rem
}
.vw_m301_stage_item_cta:after,
.vw_m301_stage_item_title:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.vw_m301_stage_item_cta,
.vw_m301_stage_item_title {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.vw_m301_stage_item_cta,
.vw_m301_stage_item_title {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.vw_m301_stage_item_cta,
.vw_m301_stage_item_title {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.vw_m301_stage_item {
position: relative;
color: #fff;
outline: none
}
.vw_m301_stage_item--dark {
color: #1d1f20
}
.vw_m301_stage_item_img_container {
display: inline-block;
position: relative;
overflow: hidden
}
.vw_m301_stage_item_img_container:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%
}
.vw_m301_stage_item_img_container>.vw_m301_stage_item_img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
@media screen and (min-width:48em) {
.vw_m301_stage_item_img_container {
height: 480px
}
.vw_m301_stage_item_img_container:before {
display: none
}
}
@media screen and (min-width:64em) {
.vw_m301_stage_item_img_container {
height: 75vh !important;
}
}
.vw_m301_stage_item_img {
-o-object-fit: cover;
object-fit: cover;
font-family: object-fit\: cover;
width: 100%;
height: 100%
}
.vw_m301_stage_item_img_container .m013_media_16x9__image {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 100%;
object-position: 50% 100%;
font-family: "object-fit: cover; object-position: 50% 100%"
}
.vw_m301_stage_item_title {
position: absolute;
top: 20px;
left: 0;
width: 100%;
color: inherit;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (min-width:48em) {
.vw_m301_stage_item_title {
top: 100px
}
}
.vw_m301_stage_item_head {
color: inherit;
font-size: 2rem
}
@media screen and (min-width:30em) {
.vw_m301_stage_item_head {
font-size: 3rem
}
}
@media screen and (min-width:48em) {
.vw_m301_stage_item_head {
font-size: 4rem
}
}
@media screen and (min-width:64em) {
.vw_m301_stage_item_head {
font-size: 6rem
}
}
@media screen and (min-width:80.0625em) {
.vw_m301_stage_item_head {
font-size: 7.6rem
}
}
@media screen and (min-width:92.875em) {
.vw_m301_stage_item_head {
font-size: 8.6rem
}
}
.vw_m301_stage_item_sub {
color: inherit;
font-size: 1.4rem
}
@media screen and (min-width:30em) {
.vw_m301_stage_item_sub {
font-size: 2.2rem
}
}
@media screen and (min-width:48em) {
.vw_m301_stage_item_sub {
font-size: 2.8rem
}
}
@media screen and (min-width:64em) {
.vw_m301_stage_item_sub {
font-size: 4rem
}
}
@media screen and (min-width:80.0625em) {
.vw_m301_stage_item_sub {
font-size: 5.2rem
}
}
@media screen and (min-width:92.875em) {
.vw_m301_stage_item_sub {
font-size: 6rem
}
}
.vw_m301_stage_item_cta {
margin-top: 20px;
width: 100%
}
@media screen and (min-width:48em) {
.vw_m301_stage_item_cta {
position: absolute;
margin-top: 0;
bottom: 3rem
}
}
.vw_m301_stage_item_cta .btn {
margin-left: auto;
margin-right: auto
}
.mk267__container {
display: block;
margin-left: -1.38889%;
margin-right: -1.38889%
}
.mk267__container:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk267__container {
margin-left: -.6rem;
margin-right: -.6rem
}
}
@media screen and (min-width:64em) {
.mk267__container {
margin-left: -.6rem;
margin-right: -.6rem
}
}
@media screen and (min-width:80.0625em) {
.mk267__container {
margin-left: -.75rem;
margin-right: -.75rem
}
}
@media screen and (min-width:92.875em) {
.mk267__container {
margin-left: -.9rem;
margin-right: -.9rem
}
}
.mk267 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.mk267 {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.mk267 {
padding-left: 2rem;
padding-right: 2rem
}
.mk267:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk267 {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.mk267 {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.mk267 {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk267__title {
text-align: center;
margin-bottom: 3rem
}
@media screen and (min-width:48em) {
.mk267__title {
margin-bottom: 4.5rem
}
}
.mk267_item {
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:30em) {
.mk267_item {
width: 50%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
.mk267_item:nth-child(odd) {
margin-left: 0;
margin-right: -100%;
clear: both
}
.mk267_item:nth-child(2n+2) {
margin-left: 50%;
margin-right: -100%;
clear: none
}
}
@media screen and (min-width:48em) {
.mk267_item {
width: 33.33333%;
float: left;
padding-left: 6px;
padding-right: 6px
}
.mk267_item:nth-child(3n+1) {
margin-left: 0;
margin-right: -100%;
clear: both
}
.mk267_item:nth-child(3n+2) {
margin-left: 33.33333%;
margin-right: -100%;
clear: none
}
.mk267_item:nth-child(3n+3) {
margin-left: 66.66667%;
margin-right: -100%;
clear: none
}
}
@media screen and (min-width:64em) {
.mk267_item {
width: 33.33333%;
float: left;
padding-left: 6px;
padding-right: 6px
}
.mk267_item:nth-child(3n+1) {
margin-left: 0;
margin-right: -100%;
clear: both
}
.mk267_item:nth-child(3n+2) {
margin-left: 33.33333%;
margin-right: -100%;
clear: none
}
.mk267_item:nth-child(3n+3) {
margin-left: 66.66667%;
margin-right: -100%;
clear: none
}
}
@media screen and (min-width:80.0625em) {
.mk267_item {
width: 33.33333%;
float: left;
padding-left: 7.5px;
padding-right: 7.5px
}
.mk267_item:nth-child(3n+1) {
margin-left: 0;
margin-right: -100%;
clear: both
}
.mk267_item:nth-child(3n+2) {
margin-left: 33.33333%;
margin-right: -100%;
clear: none
}
.mk267_item:nth-child(3n+3) {
margin-left: 66.66667%;
margin-right: -100%;
clear: none
}
}
@media screen and (min-width:92.875em) {
.mk267_item {
width: 33.33333%;
float: left;
padding-left: 9px;
padding-right: 9px
}
.mk267_item:nth-child(3n+1) {
margin-left: 0;
margin-right: -100%;
clear: both
}
.mk267_item:nth-child(3n+2) {
margin-left: 33.33333%;
margin-right: -100%;
clear: none
}
.mk267_item:nth-child(3n+3) {
margin-left: 66.66667%;
margin-right: -100%;
clear: none
}
}
.mk267_item__image-wrapper {
margin-bottom: 1.5rem
}
@media screen and (min-width:48em) {
.mk267_item__image-wrapper {
margin-bottom: 2rem
}
}
.mk267_item__info:after {
clear: both;
content: "";
display: table
}
.mk267_item__quantity {
margin-left: 15%;
float: left;
font-size: 3.4rem;
color: #bdc3c6;
font-weight: 700;
font-family: vw_head, sans-serif;
letter-spacing: -2.4px;
line-height: .97;
margin-right: 1rem
}
@media screen and (min-width:30em) {
.mk267_item__quantity {
margin-left: 15%
}
}
@media screen and (min-width:48em) {
.mk267_item__quantity {
margin-left: 15%
}
}
@media screen and (min-width:64em) {
.mk267_item__quantity {
margin-left: 15%
}
}
@media screen and (min-width:80.0625em) {
.mk267_item__quantity {
margin-left: 15%
}
}
@media screen and (min-width:92.875em) {
.mk267_item__quantity {
margin-left: 15%;
font-size: 4rem
}
}
.mk267_item__name {
font-size: 1.4rem;
font-weight: 700;
line-height: 1.572;
letter-spacing: 0;
margin-top: 1px
}
@media screen and (min-width:92.875em) {
.mk267_item__name {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk267_item__price {
font-size: 1.1rem;
line-height: 1.455;
letter-spacing: 0;
color: #808890;
margin-top: -.4rem
}
@media screen and (min-width:92.875em) {
.mk267_item__price {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0;
color: #808890
}
}
.mk613__container {
width: auto;
margin-left: -1.38885%;
margin-right: -1.38885%
}
@media screen and (min-width:768px) {
.mk613__container {
width: auto;
margin-left: -6px;
margin-right: -6px
}
}
@media screen and (min-width:1281px) {
.mk613__container {
width: auto;
margin-left: -8px;
margin-right: -8px
}
}
@media screen and (min-width:1486px) {
.mk613__container {
width: auto;
margin-left: -9px;
margin-right: -9px
}
}
.mk613 {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.mk613 {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.mk613__container {
padding-left: 2rem;
padding-right: 2rem
}
.mk613__container:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.mk613__container {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.mk613__container {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.mk613__container {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk613 {
overflow: hidden
}
.mk613__price {
text-align: center
}
@media screen and (min-width:48em) {
.mk613__price {
text-align: left
}
}
.mk613__model,
.mk613__price {
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:48em) {
.mk613__model,
.mk613__price {
width: 50%;
float: left;
padding-left: 6px;
padding-right: 6px
}
}
.mk613__colors {
position: relative;
margin-top: 2.1rem;
padding: 0 2.5rem
}
.mk613__colors__item:focus {
outline: none
}
.mk613__colors__controls {
position: absolute;
top: 50%;
left: 0;
width: 100%;
pointer-events: none
}
.mk613__colors .slick-track {
margin: 0 auto
}
.mk613__color-label {
margin-top: .7rem;
text-align: center;
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0;
color: #808890
}
@media screen and (min-width:64em) {
.mk613__color-label {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk613__additional {
width: 100%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%;
margin-top: 4rem
}
@media screen and (min-width:48em) {
.mk613__additional {
margin-top: 8rem
}
}
.mk613_price_main {
margin-bottom: 1.5rem
}
@media screen and (min-width:48em) {
.mk613_price_main {
padding-top: 1.3rem
}
}
.mk613_price_main__price {
margin-bottom: .5rem
}
.mk613_price_main__old-price {
text-decoration: line-through;
color: #bdc3c6
}
.mk613_price_main__old-price .icon {
text-decoration: none
}
.mk613_price_main__link {
margin-top: 1.3rem
}
@media screen and (min-width:48em) {
.mk613_price_main__link {
margin-top: 1rem
}
}
.mk613_price_credit {
margin-top: 3rem;
margin-bottom: 1.5rem
}
@media screen and (min-width:48em) {
.mk613_price_credit {
margin-bottom: 0
}
}
.mk613_price_credit__link {
margin-top: .5rem
}
.mk613_price_credit__label,
.mk613_price_main__label {
margin-bottom: .4rem;
color: #808890
}
.mk613_price_credit__label,
.mk613_price_credit__link,
.mk613_price_main__label,
.mk613_price_main__link {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.mk613_price_credit__label,
.mk613_price_credit__link,
.mk613_price_main__label,
.mk613_price_main__link {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk613_additional {
position: relative;
width: 50%;
float: left;
padding-left: 1.38889%;
padding-right: 1.38889%;
padding: 1.5rem;
border-bottom: 1px solid #dee1e3;
border-left: 1px solid #dee1e3
}
.mk613_additional:first-child,
.mk613_additional:nth-child(2) {
border-top: 1px solid #dee1e3
}
.mk613_additional:nth-child(2n) {
border-right: 1px solid #dee1e3
}
.mk613_additional:nth-child(-n+2) {
margin-top: 0
}
.mk613_additional:before {
content: "";
display: block;
padding-top: 100%
}
@media screen and (min-width:64em) {
.mk613_additional {
width: 25%;
float: left;
padding-left: 6px;
padding-right: 6px
}
.mk613_additional:nth-child(-n+4) {
margin-top: 0
}
}
.mk613_additional:after {
clear: both;
content: "";
display: table
}
.mk613_additional__label {
font-size: 1.4rem;
line-height: 1.572;
letter-spacing: 0
}
.mk613_additional__icon {
position: absolute;
left: 1.5rem;
top: 1.5rem;
font-size: -webkit-calc(4rem + 1.25 * (100vw - 20rem)/6);
font-size: -moz-calc(4rem + 1.25 * (100vw - 20rem)/6);
font-size: calc(4rem + 1.25 * (100vw - 20rem) / 6);
color: #bdc3c6
}
@media screen and (min-width:48em) {
.mk613_additional__icon {
font-size: 5.5rem
}
}
.mk613_additional__label {
position: absolute;
bottom: 1.5rem;
left: 1.5rem
}
@media screen and (min-width:64em) {
.mk613_additional__label {
margin-left: -5.5rem;
padding-left: 7rem
}
}
.mk613-color {
display: block;
position: relative;
margin: 1.5rem;
width: 4rem;
height: 4rem;
border-radius: 50%;
cursor: pointer
}
.mk613-color__gradient {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%
}
.mk613-color__check {
display: none
}
.mk613-color__check:checked+.mk613-color__mark {
display: block
}
.mk613-color__image {
border-radius: 50%;
overflow: hidden
}
.mk613-color__mark {
display: none;
line-height: 1.6rem;
position: absolute;
top: -.3rem;
right: -.3rem;
height: 1.6rem;
width: 1.6rem;
text-align: center;
font-size: 1rem;
border-radius: 50%;
border: 1px solid #fff;
color: #fff;
background-color: #0099da
}
.mk613-color__mark:before {
line-height: inherit
}
.mk613-color_double__container {
border-radius: 50%;
height: 100%;
overflow: hidden
}
.mk613-color_double__container:after {
clear: both;
content: "";
display: table
}
.mk613-color_first,
.mk613-color_second {
width: 50%;
height: 100%;
float: left
}
.mk613__additional,
.mk613__model,
.mk613__price {
padding-left: 1.38889%;
padding-right: 1.38889%
}
@media screen and (min-width:48em) {
.mk613__additional,
.mk613__model,
.mk613__price {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:64em) {
.mk613__additional,
.mk613__model,
.mk613__price {
padding-left: 6px;
padding-right: 6px
}
}
@media screen and (min-width:80.0625em) {
.mk613__additional,
.mk613__model,
.mk613__price {
padding-left: 7.5px;
padding-right: 7.5px
}
}
@media screen and (min-width:92.875em) {
.mk613__additional,
.mk613__model,
.mk613__price {
padding-left: 9px;
padding-right: 9px
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.mk183 {
position: relative;
font-size: 0;
padding: 20px 0;
background-color: transparent;
overflow: hidden
}
@media screen and (min-width:48em) {
.mk183 {
padding: 0
}
}
.mk183__item {
display: inline-block;
vertical-align: bottom;
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #bdc3c6;
margin-bottom: -1px
}
.mk183__item:last-child {
border-bottom: none
}
@media screen and (min-width:48em) {
.mk183__item {
width: 50%;
padding: 40px 0
}
}
@media screen and (min-width:64em) {
.mk183__item {
width: 33.3333%
}
}
.mk183__inner {
display: table;
width: 100%
}
.mk183__icon {
display: table-cell;
vertical-align: middle;
width: 1px;
padding-right: 8px;
font-size: 6.4rem;
color: #bdc3c6
}
.mk183__icon .icon {
display: block
}
@media screen and (min-width:48em) {
.mk183__icon {
padding-right: 18px
}
}
@media screen and (min-width:64em) {
.mk183__icon {
font-size: 8.6rem
}
}
.mk183__info {
display: table-cell;
vertical-align: middle;
padding-right: 10px
}
@media screen and (min-width:64em) {
.mk183__info {
padding-right: 30px
}
}
.mk183__label {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.mk183__label {
font-size: 1.6rem;
line-height: 1.563
}
}
.mk183__value {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.mk183__value {
font-size: 1.6rem;
line-height: 1.563
}
}
@media screen and (min-width:92.875em) {
.mk183__value {
font-size: 1.6rem;
line-height: 1.563
}
}
.m410__content {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m410__content {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.m410__content {
padding-left: 2rem;
padding-right: 2rem
}
.m410__content:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m410__content {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m410__content {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m410__content {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m410 {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m410 {
font-size: 1.6rem;
line-height: 1.563
}
}
.m410__inner {
position: relative
}
.m410__container {
background: #1d1f20
}
.m410__item {
height: auto
}
.m410__item:focus {
outline: none
}
.m410__image {
background-color: #2f3538
}
@media screen and (min-width:80.0625em) {
.m410__image:before {
height: 100vh;
padding: 0
}
}
.m410__image .m013_media_16x9__image {
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50% 100%;
object-position: 50% 100%;
font-family: "object-fit: contain; object-position: 50% 100%"
}
.m410__controls {
top: 50%
}
.m410__dots {
bottom: 2rem
}
.m410__controls,
.m410__dots {
position: absolute;
left: 0;
width: 100%;
pointer-events: none
}
.m414__content {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m414__content {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.m414__content {
padding-left: 2rem;
padding-right: 2rem
}
.m414__content:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m414__content {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m414__content {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m414__content {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m414 {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m414 {
font-size: 1.6rem;
line-height: 1.563
}
}
.m414__inner {
position: relative
}
.m414__item {
height: auto
}
.m414__item:focus {
outline: none
}
.m414__image {
background-color: #2f3538
}
@media screen and (min-width:80.0625em) {
.m414__image:before {
height: 80vh;
padding: 0
}
}
.m414__image .m013_media_16x9__image {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 100%;
object-position: 50% 100%;
font-family: "object-fit: cover; object-position: 50% 100%"
}
.m414__controls {
top: 50%
}
.m414__dots {
bottom: 2rem
}
.m414__controls,
.m414__dots {
position: absolute;
left: 0;
width: 100%;
pointer-events: none
}
.m415__content {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m415__content {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.m415__content {
padding-left: 2rem;
padding-right: 2rem
}
.m415__content:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m415__content {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m415__content {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m415__content {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m415 {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m415 {
font-size: 1.6rem;
line-height: 1.563
}
}
.m415__inner {
position: relative
}
.m415__container {
background: #1d1f20
}
.m415__item {
height: auto
}
.m415__item:focus {
outline: none
}
.m415__image {
background-color: #2f3538
}
@media screen and (min-width:80.0625em) {
.m415__image:before {
height: 80vh;
padding: 0
}
}
.m415__image .m013_media_16x9__image {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 100%;
object-position: 50% 100%;
font-family: "object-fit: cover; object-position: 50% 100%"
}
.m415__controls {
top: 50%
}
.m415__dots {
bottom: 2rem
}
.m415__controls,
.m415__dots {
position: absolute;
left: 0;
width: 100%;
pointer-events: none
}
.m416__content {
display: block;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (min-width:64em) {
.m416__content {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.m416__content {
padding-left: 2rem;
padding-right: 2rem
}
.m416__content:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m416__content {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m416__content {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m416__content {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m416 {
font-size: 1.5rem;
line-height: 1.534;
letter-spacing: 0
}
@media screen and (min-width:64em) {
.m416 {
font-size: 1.6rem;
line-height: 1.563
}
}
.m416__inner {
position: relative
}
.m416__item {
height: auto
}
.m416__item:focus {
outline: none
}
.m416__container {
background-color: #000
}
.m416__image {
background-color: #2f3538
}
@media screen and (min-width:80.0625em) {
.m416__image:before {
height: 80vh;
padding: 0
}
}
.m416__image .m013_media_16x9__image {
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50% 100%;
object-position: 50% 100%;
font-family: "object-fit: contain; object-position: 50% 100%"
}
.m416__controls {
top: 50%
}
.m416__dots {
bottom: 2rem
}
.m416__controls,
.m416__dots {
position: absolute;
left: 0;
width: 100%;
pointer-events: none
}
.m341__cta,
.m341__title {
padding-left: 2rem;
padding-right: 2rem
}
.m341__cta:after,
.m341__title:after {
clear: both;
content: "";
display: table
}
@media screen and (min-width:48em) {
.m341__cta,
.m341__title {
padding-left: 5rem;
padding-right: 5rem
}
}
@media screen and (min-width:80.0625em) {
.m341__cta,
.m341__title {
padding-left: 6rem;
padding-right: 6rem
}
}
@media screen and (min-width:92.875em) {
.m341__cta,
.m341__title {
padding-left: 8rem;
padding-right: 8rem
}
}
.vw-iframe-template-body {
height: 100%;
overflow: hidden
}
.vw-iframe-template {
height: 100vh;
margin-top: -5.3rem
}
@media screen and (min-width:48em) {
.vw-iframe-template {
margin-left: -9.6rem;
margin-top: 0
}
}
.vw-iframe-template~.m520 {
display: none
}
.m341 {
position: relative;
color: #fff;
outline: none
}
.m341--dark {
color: #1d1f20
}
.m341__img_container {
display: block;
position: relative;
overflow: hidden
}
.m341__img_container:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%
}
.m341__img_container>.vw_m301_stage_item_img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
@media screen and (min-width:48em) {
.m341__img_container {
height: 480px
}
.m341__img_container:before {
display: none
}
}
@media screen and (min-width:64em) {
.m341__img_container {
height: 80vh
}
}
.m341__img_container .m013_media_16x9__image {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 100%;
object-position: 50% 100%;
font-family: "object-fit: cover; object-position: 50% 100%"
}
.m341__title {
position: absolute;
top: 20px;
left: 0;
width: 100%;
color: inherit;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (min-width:48em) {
.m341__title {
top: 50px
}
}
.m341__head {
color: inherit;
font-size: 2rem
}
@media screen and (min-width:30em) {
.m341__head {
font-size: 3rem
}
}
@media screen and (min-width:48em) {
.m341__head {
font-size: 4rem
}
}
@media screen and (min-width:64em) {
.m341__head {
font-size: 6rem
}
}
@media screen and (min-width:80.0625em) {
.m341__head {
font-size: 7.6rem
}
}
@media screen and (min-width:92.875em) {
.m341__head {
font-size: 8.6rem
}
}
.m341__cta {
margin-top: 20px;
width: 100%
}
@media screen and (min-width:48em) {
.m341__cta {
position: absolute;
margin-top: 0;
bottom: 3rem
}
}
.main-advantages__block{
display: flex;
flex-direction: column;
margin-bottom: 40px;
}
.main-advantages__block_right{
align-items: center;
justify-content: flex-end;
margin-bottom: 0;
}
.main-advantages__img img{
width: 100%;
}
@media screen and (max-width: 768px) {
.glavnye_osobennosti{
flex-direction: column;
height: 100%;
}
.main-advantages__img{
display: none;
}
.main-advantages__block{
margin-bottom: 0;
}
}
.main-advantages__close{
position: absolute;
top: 38px;
color: white;
right: 38px;
font-size: 28px;
padding-top: 5px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background: #808890;
border-color: #bdc3c6;
border-radius: 50%;
cursor: pointer;
}
.main-advantages__close:hover{
color: #bdc3c6;
}
.engine__select{
display: flex;
flex-direction: column;
}
.top{
width: 100%;
min-height: 74px;
padding-left: 60px;
padding-right: 60px;
background: #333333;
display: flex;
align-items: center;
justify-content: center;
}
.top__circle{
width: 20px;
height: 20px;
border: 2px solid #bdc3c6;
border-radius: 50%;
margin-right: 5px;
}
.top__back{
width: 33%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.top__back a{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
font-size: 24px;
}
.top__back h4{
font-size: 24px;
margin-left: 5px;
color: white;
}
.top__back i{
font-size: 18px;
}
.top__bottom div{
cursor: pointer;
}
.top__bottom div:hover{
color: #0068aa;
}
.top__step{
width:15%;
height:100%;
display: flex;
align-items: center;
cursor: pointer;
background-color: #e4e4e4;
padding: 1em;
}
.top__step:first-child{
width: 20%;
padding-left: 60px;
}
.top__step:last-child{
width: 20%;
}
.current{
background: #f3f5f6!important;
}
.current .top__circle{
border-color: #0068aa;
}
.selected{
border-color: #0068aa;
}
.top__title{
color: #2f3538;
font-size: 16px
}
.top__step:hover .top__title{
color: #0068aa;
}
.top__step:hover{
}
.top__step:hover div{
border-color: #0068aa;
} .modal {
display: none; position: fixed; z-index: 10; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content {
background-color: #fefefe;
margin: auto;
border: 1px solid #888;
max-width: 700px;
text-align: left;
} .close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header{
background: #ffffff;
border-bottom: 1px solid #dee1e3;
padding: 25px 30px;
min-height: 76px;
}
.modal-header .base-typo{
float: left;
}
.modal-desc{
clear: both;
float: none;
background-color: #dee1e3;
padding: 25px 30px;
min-height: 180px;
max-height: 450px;
overflow-y: scroll;
}
.glavnye_osobennosti {
position: relative;
width: 100%;
min-width: 320px;
padding: 30px;
display: none;
background-color: #dee1e3;
margin-bottom: 30px;
z-index:999;
}
.glavnye_osobennosti ul.main-eq{
margin-left: 60px;
}
.glavnye_osobennosti ul.main-eq li{
list-style: disc;
}
.expander-inner-content-wrapper{
position: relative;
background-color: #dee1e3;
text-align: left;
}
.glavnye_osobennosti ul.standart-eq li{
list-style: none;
font-size: 14px;
border-bottom: 1px solid #c5c5c5;
margin-left: 0 !important;
}
.glavnye_osobennosti ul.standart-eq li:before{
display: none;
}
div.standart-eq .m108_Accordion_item__head{
padding-top: 0.7em;
padding-bottom: 0.3em;
}
div.standart-eq .m108_Accordion_item__inner{
padding-top: 0;
padding-bottom: 2em;
}
div.standart-eq .masterpage-container{
padding-left: 2rem;
padding-right: 0rem;
}
div.standart-eq .icon{
font-size: 1.5em;
}
div.standart-eq .m108_Accordion_item__head h4{
font-size: 0.8em;
}
.padding-block{
padding-top: 30px;
padding-bottom: 20px;
}
@media screen and (min-width: 48em){
.page-wrapper2{
margin-top: 0;
margin-left: 9.6rem;
min-height: 100vh;
}
}
.pum-container{
margin-bottom: 0 !important;
}
.pum-container.pum-scrollable .pum-content{
overflow-y: scroll;
overflow-x: hidden;
}
.pum-container.pum-scrollable .pum-content::-webkit-scrollbar
{
width: 5px;
background-color: rgb(226, 225, 225);;
}
.pum-container.pum-scrollable .pum-content::-webkit-scrollbar-thumb
{
background-color: rgba( 173, 173, 173, 1.00 );
border-radius: 15px;
width: 6px;
}
.start-conf{
cursor: pointer;
color: #fff !important;
font-size: 13px !important;
font-weight: bold !important;
line-height: 1;
padding: 10px 15px;
box-sizing: border-box;
background-color: #0099dc;
transition: all .3s;
border-radius: 5px;
border: none;
margin: 10px 0 !important;
}
.standart-conf{
border: none;
background: none;
color: #0099dc !important;
margin: 10px 0 !important;
font-size: 13px !important;
}
.eng-char{
background-repeat: no-repeat;
background-size: 25px;
background-position: left 1px;
padding: 7px 7px 7px 30px;
margin: 5px 0;
}
.eng-char span{
font-weight: bold;
}
.engine-block {
border-bottom: 1px solid #efe9e9;
padding: 1.2em 0;
margin-bottom: 1.5em;
}
.engine-block .radiogroup .radiobtn{
margin: 0;
}
.engine-block .radiogroup{
background: #f3f5f6;
padding: 1em;
margin-bottom: 1.3em;
font-weight: bold;
}
.speed-conf
{
background-image: url(../../../themes/alethemes-master/icons/speed.png);
}
.helm-conf{
background-image: url(../../../themes/alethemes-master/icons/helm.png);
}
.acceler-conf{
background-image: url(../../../themes/alethemes-master/icons/acceler.png);
}
.fruel-conf{
background-image: url(../../../themes/alethemes-master/icons/fruel.png);
}
.gas-conf{
background-image: url(../../../themes/alethemes-master/icons/gas.png);
}
.price-conf{
background-image: url(../../../themes/alethemes-master/icons/price.png);
}
.wheels-block .img-container,
.color-block .img-container{
margin-top: 15px;
border-radius: 8px;
width: 130px;
overflow: hidden;
margin: auto;
}
.wheels-block .img-container img,
.color-block .img-container img{
width: 100%;
}
.color-block p span,
.wheels-block p span{
font-weight: bold;
}
.img-size{
overflow: hidden;
}
.icon-large{
color: #0099da;
width: 21.6rem;
height: 12.6rem;
display: inline-block;
font-size: 13.2rem;
}
.navlvl2__container{
position: relative !important;
}
.color-block-overview .img-container1{
width: 130px;
border-radius: 8px;
}
.color-block-overview .img-container2{
width: 550px;
}
.color-block-overview .img-container2 img,
.color-block-overview .img-container1 img{
width: 100%;
border-radius: 8px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok{
border: none !important;
font-size: 18px;
margin: 0;
margin-left: -15px;
}
.accept-check{
display: block;
width: 30px;
height: 30px;
border-radius: 4px;
float: left;
margin-right: 10px;
margin-left: -15px;
}
.acceptance-342 br{
display: none;
}
@media only screen and (max-width: 500px) {
.popmake .pum-content iframe{
height: 100%;
}
.w3-content .mySlideItem{
min-height: 250px !important;
}
}.mk268_trim__features,.mk268_trim__main{
width:auto;
margin-left:-1.38885%;
margin-right:-1.38885%
}
@media screen and (min-width:768px){
.mk268_trim__features,.mk268_trim__main{
width:auto;
margin-left:-6px;
margin-right:-6px
}
}
@media screen and (min-width:1281px){
.mk268_trim__features,.mk268_trim__main{
width:auto;
margin-left:-8px;
margin-right:-8px
}
}
@media screen and (min-width:1486px){
.mk268_trim__features,.mk268_trim__main{
width:auto;
margin-left:-9px;
margin-right:-9px
}
}
.mk268_trim__features,.mk268_trim__main{
display:block;
padding-top:4rem;
padding-bottom:4rem
}
@media screen and (min-width:64em){
.mk268_trim__features,.mk268_trim__main{
padding-top:6rem;
padding-bottom:6rem
}
}
.mk268_trim__features,.mk268_trim__main{
padding-left:2rem;
padding-right:2rem
}
.mk268_trim__features:after,.mk268_trim__main:after{
clear:both;
content:"";
display:table
}
@media screen and (min-width:48em){
.mk268_trim__features,.mk268_trim__main{
padding-left:5rem;
padding-right:5rem
}
}
@media screen and (min-width:80.0625em){
.mk268_trim__features,.mk268_trim__main{
padding-left:6rem;
padding-right:6rem
}
}
@media screen and (min-width:92.875em){
.mk268_trim__features,.mk268_trim__main{
padding-left:8rem;
padding-right:8rem
}
}
.vw-iframe-template-body{
height:100%;
overflow:hidden
}
.vw-iframe-template{
height:100vh;
margin-top:-5.3rem
}
@media screen and (min-width:48em){
.vw-iframe-template{
margin-left:-9.6rem;
margin-top:0
}
}
.vw-iframe-template~.m520{
display:none
}
.mk268{
overflow:hidden;
font-size:1.5rem;
line-height:1.534;
letter-spacing:0
}
@media screen and (min-width:64em){
.mk268{
font-size:1.6rem;
line-height:1.563
}
}
.mk268_trim{
background-color:#f3f5f6
}
.mk268_trim__features{
background-color:#fff
}
.mk268_trim__media{
margin-bottom:2rem
}
@media screen and (min-width:48em){
.mk268_trim__media{
margin-bottom:0
}
}
@media screen and (min-width:48em){
.mk268_trim__info,.mk268_trim__media{
width:50%;
float:left;
padding-left:6px;
padding-right:6px
}
}
.mk268_trim__headline{
margin-bottom:.5rem
}
@media screen and (min-width:48em){
.mk268_trim__headline{
margin-bottom:1rem
}
}
.mk268_trim__features-list{
width:100%;
float:left;
padding-left:1.38889%;
padding-right:1.38889%
}
.mk268_trim__infolist{
display:none
}
@media screen and (min-width:48em){
.mk268_trim__infolist{
display:block
}
}
.mk268_feature__title{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-moz-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-moz-box-orient:vertical;
-moz-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
@media screen and (min-width:48em){
.mk268_feature__title{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-moz-box-orient:horizontal;
-moz-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row
}
}
.mk268_feature__name{
width:100%;
float:left;
padding-left:1.51515%;
padding-right:1.51515%;
margin-bottom:1rem;
float:none
}
@media screen and (min-width:48em){
.mk268_feature__name{
width:36.36364%;
float:left;
padding-left:6px;
padding-right:6px;
margin-bottom:0
}
}
.mk268_feature__additional{
width:100%;
float:left;
padding-left:1.51515%;
padding-right:1.51515%;
margin-bottom:2rem;
float:none
}
@media screen and (min-width:48em){
.mk268_feature__additional{
width:27.27273%;
float:left;
padding-left:6px;
padding-right:6px;
margin-left:9.09091%;
margin-bottom:0
}
}
.mk268_feature__cta{
width:109.09091%;
float:left;
padding-left:1.51515%;
padding-right:1.51515%;
margin-left:-9.09091%;
float:none
}
.mk268_feature__cta:after{
clear:both;
content:"";
display:table
}
@media screen and (min-width:30em){
.mk268_feature__cta{
margin-left:0
}
}
@media screen and (min-width:48em){
.mk268_feature__cta{
width:27.27273%;
float:left;
padding-left:6px;
padding-right:6px
}
}
.mk268_feature__price{
margin-bottom:.5rem;
font-weight:700
}
@media screen and (min-width:48em){
.mk268_feature__price{
margin-bottom:0
}
}
@media screen and (min-width:48em){
.mk268_feature__ctabutton{
float:right
}
}
.mk268_more{
width:100%;
float:left;
padding-left:1.38889%;
padding-right:1.38889%
}
.mk268_more_item,.mk268_more_item:last-child{
border:none
}
.mk268_more_item__head{
background-color:#bdc3c6;
color:#1d1f20;
padding-left:8.33333%
}
.mk268_more_item__title{
width:72.72727%;
float:left;
padding-left:1.51515%;
padding-right:1.51515%;
font-weight:700
}
@media screen and (min-width:48em){
.mk268_more_item__title{
width:81.81818%;
float:left;
padding-left:6px;
padding-right:6px
}
}
.mk268_more_item__mark{
width:27.27273%;
float:left;
padding-left:1.51515%;
padding-right:1.51515%
}
@media screen and (min-width:48em){
.mk268_more_item__mark{
width:18.18182%;
float:left;
padding-left:6px;
padding-right:6px
}
}
.mk268_more_item__state{
width:2rem;
height:2rem;
margin-top:-1rem;
margin-bottom:-1rem;
border-radius:50%;
background-color:#0099da;
color:#fff;
text-align:center;
cursor:pointer
}
.mk268_more_item__state:before{
line-height:2rem;
font-size:1em
}
.is-opened>.mk268_more_item__head .mk268_more_item__state:before{
content:"\E001"
}
@media screen and (min-width:48em){
.mk268_more_item__state{
width:2.5rem;
height:2.5rem;
margin-top:-1.25rem;
margin-bottom:-1.25rem
}
.mk268_more_item__state:before{
line-height:2.5rem
}
}
.mk268_more_item__inner>.m108_Accordion_item__inner{
padding-top:0;
padding-bottom:0
}
.mk268_more_item__inner .mk268_more_feature:nth-child(odd){
background-color:#f3f5f6
}
.mk268_more_feature{
padding-top:2rem;
padding-bottom:2rem;
color:#1d1f20
}
.mk268_more_feature__inner{
font-size:0;
padding-left:8.33333%;
white-space:nowrap
}
.mk268_more_feature__inner:before{
content:"";
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-.15em
}
.mk268_more_feature__mark,.mk268_more_feature__value{
display:inline-block;
vertical-align:middle;
white-space:normal
}
.mk268_more_feature__value{
font-size:1.5rem;
line-height:1.534;
letter-spacing:0;
width:72.72727%
}
@media screen and (min-width:64em){
.mk268_more_feature__value{
font-size:1.6rem;
line-height:1.563
}
}
@media screen and (min-width:48em){
.mk268_more_feature__value{
width:81.81818%
}
}
.mk268_more_feature__mark{
width:27.27273%;
text-align:center
}
@media screen and (min-width:48em){
.mk268_more_feature__mark{
width:18.18182%
}
}
.mk268_more_feature__state{
display:inline-block;
height:1.2rem;
width:1.2rem;
border:2px solid #2f3538;
border-radius:.7rem
}
.mk268_more_feature__state.is-included{
background-color:#2f3538
}
.mk268_feature__additional,.mk268_feature__cta,.mk268_feature__name,.mk268_more,.mk268_more_feature__mark,.mk268_more_feature__value,.mk268_trim__features-list,.mk268_trim__info,.mk268_trim__media{
padding-left:1.38889%;
padding-right:1.38889%
}
@media screen and (min-width:48em){
.mk268_feature__additional,.mk268_feature__cta,.mk268_feature__name,.mk268_more,.mk268_more_feature__mark,.mk268_more_feature__value,.mk268_trim__features-list,.mk268_trim__info,.mk268_trim__media{
padding-left:6px;
padding-right:6px
}
}
@media screen and (min-width:64em){
.mk268_feature__additional,.mk268_feature__cta,.mk268_feature__name,.mk268_more,.mk268_more_feature__mark,.mk268_more_feature__value,.mk268_trim__features-list,.mk268_trim__info,.mk268_trim__media{
padding-left:6px;
padding-right:6px
}
}
@media screen and (min-width:80.0625em){
.mk268_feature__additional,.mk268_feature__cta,.mk268_feature__name,.mk268_more,.mk268_more_feature__mark,.mk268_more_feature__value,.mk268_trim__features-list,.mk268_trim__info,.mk268_trim__media{
padding-left:7.5px;
padding-right:7.5px
}
}
@media screen and (min-width:92.875em){
.mk268_feature__additional,.mk268_feature__cta,.mk268_feature__name,.mk268_more,.mk268_more_feature__mark,.mk268_more_feature__value,.mk268_trim__features-list,.mk268_trim__info,.mk268_trim__media{
padding-left:9px;
padding-right:9px
}
}
.masterpage-container{
padding-left:2rem;
padding-right:2rem
}
.masterpage-container:after{
clear:both;
content:"";
display:table
}
@media screen and (min-width:48em){
.masterpage-container{
padding-left:5rem;
padding-right:5rem
}
}
@media screen and (min-width:80.0625em){
.masterpage-container{
padding-left:6rem;
padding-right:6rem
}
}
@media screen and (min-width:92.875em){
.masterpage-container{
padding-left:8rem;
padding-right:8rem
}
}
.vw-iframe-template-body{
height:100%;
overflow:hidden
}
.vw-iframe-template{
height:100vh;
margin-top:-5.3rem
}
@media screen and (min-width:48em){
.vw-iframe-template{
margin-left:-9.6rem;
margin-top:0
}
}
.vw-iframe-template~.m520{
display:none
}
.masterpage .page-wrapper{
overflow:hidden
}
.grid_12 .xmp-holder{
max-height:80vh;
overflow-y:auto;
word-break:break-all
}
.grid-layout .gridcontainer{
text-align:center
}
.grid-layout .grid_1,.grid-layout .grid_l_1,.grid-layout .grid_m_1,.grid-layout .grid_sm_1{
border:1px solid #000
}
.grid-layout .grid_1 p,.grid-layout .grid_l_1 p,.grid-layout .grid_m_1 p,.grid-layout .grid_sm_1 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.grid-layout .grid_2,.grid-layout .grid_l_2,.grid-layout .grid_m_2,.grid-layout .grid_sm_2{
border:1px solid #000
}
.grid-layout .grid_2 p,.grid-layout .grid_l_2 p,.grid-layout .grid_m_2 p,.grid-layout .grid_sm_2 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.grid-layout .grid_3,.grid-layout .grid_l_3,.grid-layout .grid_m_3,.grid-layout .grid_sm_3{
border:1px solid #000
}
.grid-layout .grid_3 p,.grid-layout .grid_l_3 p,.grid-layout .grid_m_3 p,.grid-layout .grid_sm_3 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.grid-layout .grid_4,.grid-layout .grid_l_4,.grid-layout .grid_m_4,.grid-layout .grid_sm_4{
border:1px solid #000
}
.grid-layout .grid_4 p,.grid-layout .grid_l_4 p,.grid-layout .grid_m_4 p,.grid-layout .grid_sm_4 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.grid-layout .grid_5,.grid-layout .grid_l_5,.grid-layout .grid_m_5,.grid-layout .grid_sm_5{
border:1px solid #000
}
.grid-layout .grid_5 p,.grid-layout .grid_l_5 p,.grid-layout .grid_m_5 p,.grid-layout .grid_sm_5 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.grid-layout .grid_6,.grid-layout .grid_l_6,.grid-layout .grid_m_6,.grid-layout .grid_sm_6{
border:1px solid #000
}
.grid-layout .grid_6 p,.grid-layout .grid_l_6 p,.grid-layout .grid_m_6 p,.grid-layout .grid_sm_6 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.grid-layout .grid_7,.grid-layout .grid_l_7,.grid-layout .grid_m_7,.grid-layout .grid_sm_7{
border:1px solid #000
}
.grid-layout .grid_7 p,.grid-layout .grid_l_7 p,.grid-layout .grid_m_7 p,.grid-layout .grid_sm_7 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.grid-layout .grid_8,.grid-layout .grid_l_8,.grid-layout .grid_m_8,.grid-layout .grid_sm_8{
border:1px solid #000
}
.grid-layout .grid_8 p,.grid-layout .grid_l_8 p,.grid-layout .grid_m_8 p,.grid-layout .grid_sm_8 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.grid-layout .grid_9,.grid-layout .grid_l_9,.grid-layout .grid_m_9,.grid-layout .grid_sm_9{
border:1px solid #000
}
.grid-layout .grid_9 p,.grid-layout .grid_l_9 p,.grid-layout .grid_m_9 p,.grid-layout .grid_sm_9 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.grid-layout .grid_10,.grid-layout .grid_l_10,.grid-layout .grid_m_10,.grid-layout .grid_sm_10{
border:1px solid #000
}
.grid-layout .grid_10 p,.grid-layout .grid_l_10 p,.grid-layout .grid_m_10 p,.grid-layout .grid_sm_10 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.grid-layout .grid_11,.grid-layout .grid_l_11,.grid-layout .grid_m_11,.grid-layout .grid_sm_11{
border:1px solid #000
}
.grid-layout .grid_11 p,.grid-layout .grid_l_11 p,.grid-layout .grid_m_11 p,.grid-layout .grid_sm_11 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.grid-layout .grid_12,.grid-layout .grid_l_12,.grid-layout .grid_m_12,.grid-layout .grid_sm_12{
border:1px solid #000
}
.grid-layout .grid_12 p,.grid-layout .grid_l_12 p,.grid-layout .grid_m_12 p,.grid-layout .grid_sm_12 p{
margin:0;
background:#7fffd4;
padding-top:5px;
padding-bottom:5px
}
.vw-iframe-template-body{
height:100%;
overflow:hidden
}
.vw-iframe-template{
height:100vh;
margin-top:-5.3rem
}
@media screen and (min-width:48em){
.vw-iframe-template{
margin-left:-9.6rem;
margin-top:0
}
}
.vw-iframe-template~.m520{
display:none
}
.spoiler{
margin-bottom:2.5rem
}
.spoiler .hasicon{
position:absolute;
top:0;
left:-20px
}
.spoiler .hasicon:before{
font-size:20px;
-webkit-transition:all .2s linear 0ms;
-o-transition:all .2s linear 0ms;
-moz-transition:all .2s linear 0ms;
transition:all .2s linear 0ms
}
.spoiler_open .hasicon:before{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
.spoiler__title{
color:#0099da;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-bottom:1px dashed;
margin:0 0 1rem 2rem;
position:relative
}
.spoiler__title:hover{
color:#0068aa
}
.spoiler__text{
display:none;
padding:1rem 0;
overflow:hidden;
background:#fff
}
.spoiler__text .xmp-holder{
background:#efecf4;
color:#585260
}
.spoiler__text xmp{
margin:0;
padding-top:2rem;
padding-bottom:2rem
}
.masterpage-item__anchor{
color:#dee1e3
}
.masterpage-item__anchor:hover{
color:#bdc3c6
}
.m017_media_378x143__picture img{
transition: all .2s linear;
}
.ihdcc-root .headline-group-headlin{
font-weight: bold !important;
}
.select-modelc{
cursor: pointer;
color: #fff !important;
font-size: 14px;
font-weight: bold;
line-height: 1;
padding: 10px 15px;
box-sizing: border-box;
background-color: #0099dc;
transition: all .3s;
background-repeat: no-repeat;
background-position: 10px 50%;
background-size: auto auto;
border: 1px solid #0099dc;
border-radius: 18px;
margin: auto;
width: 50%;
text-align: center;
}
.select-modelc:hover,
.start-conf:hover{
background-color: #077caf;
}
.ihdcc-root .alternating-list-item{
background: none !important;
}