/* Start:/bitrix/templates/avtoservis/components/bitrix/breadcrumb/.default/style.css?17077432021453*/ .breadcrumb{ display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; padding:3.75rem 4rem;margin-top:0; margin-bottom:0;list-style:none; margin: 0.8rem auto 2rem; background-image:url(/bitrix/templates/avtoservis/components/bitrix/breadcrumb/.default/images/breadfon.jpg); background-position: center center; background-repeat:no-repeat; background-size:cover; } .breadcrumb h1 { margin: 10px 0; color: #fff; } .breadcrumb p{margin: 10px 0; color:#000} .breadcrumb-item+.breadcrumb-item{padding-left:.5rem} .breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#f1f1f1;content:"/"} .breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline} .breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none} .breadcrumb-item.active{color:#6c757d} .bx-breadcrumb {margin:0} .bx-breadcrumb i {color: #000;line-height: 13px;font-size: 12px;vertical-align: middle;margin-right: 10px} .bx-breadcrumb .bx-breadcrumb-item {color:#000; float: left;margin-bottom:0;white-space: nowrap;line-height: 13px;vertical-align: middle;margin-right: 15px} .bx-breadcrumb .bx-breadcrumb-item span {font-size: 13px;white-space: normal} .bx-breadcrumb .bx-breadcrumb-item a {color: #000; border-bottom: none;} .bx-breadcrumb .bx-breadcrumb-item a:hover {color: #000} .bx-breadcrumb .bx-breadcrumb-item { color: #000; float: left; margin-bottom: 0; white-space: nowrap; line-height: 13px; vertical-align: middle; margin-right: 15px; } /* End */ /* Start:/bitrix/templates/avtoservis/components/bitrix/news.list/topportfolio/style.css?15515424002126*/ .sliderfotos.row{margin-left: -5px; margin-right: -5px; height: 120px; overflow: hidden} .sliderfotos.row .col-md-3{padding-left: 5px; padding-right: 5px;margin-top: 10px} .sliderfotos.row .col-md-3 a.photo img{width: auto; max-width: 100%} .col-md-5 .card-body{background: url(/bitrix/templates/avtoservis/components/bitrix/news.list/topportfolio/images/uzorniz.png) repeat-x center bottom #eef0f4; padding: 20px 20px 44px; margin-bottom:20px} .col-md-5 .card-title {background: #255794; color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 0; padding: 20px} .sliderfotos a.photo, .news-list-item-embed-img a {display:block;position:relative} span.rezultlabel{text-transform:uppercase;color:#fff; font-weight:400; position: absolute; bottom:0; left: 0} span.rezultlabel.do{font-size: 29px; padding: 10px 20px; background:#ff0000} span.rezultlabel.posle{font-size: 15px; padding: 5px 10px 7px; background:#007cc3} p.strabotsost {color:#000; font-size: 18px; font-weight:500} p.itog {display: flex; align-items: center; color: #000; font-size: 19px; font-weight: 500; margin: 5px 0} p.stukaz {display: flex; align-items: center; color:#000; font-size:13px; font-weight:400; padding: 20px 0; margin: 10px 0 30px; border-bottom: 1px solid #c1c1c1} ul.stoimrabot {padding:0} ul.stoimrabot li { display: flex; align-items: center; justify-content: space-between; color: #000; font-size: 15px; line-height: 20px; margin: 10px 0; overflow: hidden; position: relative; width: 100%; } ul.stoimrabot li .key { display: block; float: left; font-weight: 400; line-height: 16px; max-width: 75%; padding-right: 2px; width: 100%; z-index: 2; } ul.stoimrabot li .value { color: #000;font-size: 17px; display: block; float: right; font-weight: 500; max-width: 25%; padding-left: 2px; text-align: right; width: 100%; z-index: 2; } p.vseraboty{margin: 0 auto; text-align:center; width: 100%;} p.vseraboty a.btn{margin: 0 auto} @media (max-width:767.98px){ p.itog {font-size: 15px;margin: 4px 0;line-height: 18px} ul.stoimrabot li {font-size: 12px} ul.stoimrabot li .value {font-size: 13px} } /* End */ /* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?15498872482530*/ .bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff} /* End */ /* Start:/bitrix/templates/avtoservis/components/bitrix/news.list/otzyvy/style.css?1715861123817*/ .owlslider a,.owlslider a:hover{text-decoration:none} .owlslider span.otzpict{display:block; margin: 10px auto;} .owlslider span.otzpict img{width: auto; height: auto; max-width: 200px; display:block; margin: 0 auto} .owlslider span.otzname{color:#000; font-size: 18px; font-weight:500; width: 100%; text-align:center; display:block; margin: 10px auto} .owlslider span.otztext{color:#000; border: 1px solid #dcdcdc; border-radius: 10px; padding: 10px; background:#fafafa; font-size: 13px; line-height: 16px; font-weight:300; width: 100%; text-align:center; display:none; margin: 10px auto } p.vseotzyvy{text-align:center; margin: 30px auto 20px} p.vseotzyvy a.btn{text-transform:uppercase; background:#255794; color:#fff; font-size: 15px; display:block; margin: 0 auto} p.vseotzyvy a.btn:hover{opacity:0.9; top:-1px} /* End */ /* Start:/bitrix/templates/avtoservis/styles.css?17857798084961*/ .page-header .phone a, footer .telephone a {white-space: nowrap;} @media (min-width:992px) and (max-width:1199.98px){ .page-header .col-md-3.center-block {-ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%;} .page-header .col-md-3.center-block + .col-md-3 {-ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%;} } @media screen and (max-width: 991px) { #vk_groups {width: 100% !important; overflow: hidden;} .komanda .col-md-4 .sotrudnik {width: 100% !important;} .uslugipolirov .innerfon {overflow: auto;} .komanda .row {justify-content: center !important;} .komanda .col-md-4 {width: 50%;} .uslugishin .row.grad .col-md-6 p {text-align: left;} .breadcrumb {padding: 30px 0px;} .uslugishin .row.grad .col-md-6 p.podrobn {margin: 10px 0px 15px;} .card-body {width: 100%;} } @media (max-width: 991px) and (min-width: 767px) { .sticky.is-sticky .navbar-brand img {max-height: 36px; display: block; margin: 0px 0px 0px 10px; height: auto; width: auto;} .sticky.is-sticky .navbar-brand {display: inline-block; padding-bottom: 0px;} } @media screen and (max-width: 891px) { .mainscene .col-md-3 {padding-right: 0px; z-index: 111;} .mainscene.pokraska .carblok .cloud.cloud3 {right: -20px;} .npreim .row.rabicons, .kakmyraboraem .container .row.rabicons {flex-wrap: wrap; justify-content: center; margin-bottom: 0px;} .npreim .row.rabicons .col-mdr-5, .kakmyraboraem .container .row .col-mdr-5 {width: 33.333%; margin-bottom: 20px;} } @media screen and (max-width: 767px) { /* footer .telephone a {justify-content: center !important;} */ .calcavto .sc__left-view {width: 100%; box-sizing: border-box;} .scbodytype-list {text-align: center;} .scbodytype {margin-bottom: 7px !important;} .myvsocsetyah .socvideos {margin-left: -5px; margin-right: -5px; justify-content: center;} .myvsocsetyah .socvideos .col-md-4 {width: 50%;} .myvsocsetyah .socvideos .col-md-4 iframe {padding: 0 10px 20px; width: 100% !important; box-sizing: border-box; margin: 0px !important;} #top-timer {height: auto; margin-bottom: 40px;} .uslugipolirov .row>div .innerfon {height: auto;} .doposle .col-md-4 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .videogallery iframe {height: 50vw;} .nemnogoonas iframe {height: 50vw;} .uslugishin .row.grad.gradstyle1 .col-md-6 h4, .uslugishin .row.grad.gradstyle2 .col-md-6 h4 {text-shadow: 1px 1px 1px #000;} .uslugishin .row.grad.gradstyle1 .col-md-6 p, .uslugishin .row.grad.gradstyle2 .col-md-6 p {text-shadow: 1px 1px 1px #000;} } @media screen and (max-width: 740px) { .mainscene.pokraska {background-size: auto 353px;} } @media screen and (max-width: 719px) { .mainscene.pokraska {background-size: auto 371px;} } @media screen and (max-width: 675px) { .voprosotvet .panel-heading p.panel-title a {padding-right: 30px;} } @media screen and (max-width: 575px) { #bx_1847241719_1 .catalog-section-list-tile-img-container {background-color: #12225d; border-radius: 5px;} #bx_1847241719_2 .catalog-section-list-tile-img-container {background-color: #000000; border-radius: 5px;} #bx_1847241719_3 .catalog-section-list-tile-img-container {background-color: #595959; border-radius: 5px;} #bx_1847241719_4 .catalog-section-list-tile-img-container {background-color: #144371; border-radius: 5px;} #bx_1847241719_5 .catalog-section-list-tile-img-container {background-color: #10235e; border-radius: 5px;} #bx_1847241719_6 .catalog-section-list-tile-img-container {background-color: #015732; border-radius: 5px;} .komanda .col-md-4 {width: 100%;} .uslugipredp .row .col-md-3 img {margin-left: auto; margin-right: auto;} p.vseraboty {margin-top: 23px;} .bx-videolist-block iframe {width: 100%; height: 50vw;} .otzyvklienta .owlslider .owl-nav button.owl-next {right: -15px !important;} .otzyvklienta .owlslider .owl-nav button.owl-prev {left: -15px !important;} } @media screen and (max-width: 480px) { .mainscene .col-md-3 {padding-right: 15px;} .mainscene.pokraska {background-size: auto 290px;} .mainscene .col-md-3 {z-index: auto;} .timer {min-height: 0px !important;} .npreim .row.rabicons .col-mdr-5, .kakmyraboraem .container .row .col-mdr-5 {width: 50%;} } @media screen and (max-width: 450px) { .doposle .col-md-4 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } @media screen and (max-width: 400px) { .myvsocsetyah .socvideos .col-md-4 {width: 100%;} } @media screen and (max-width: 389px) { .mainscene.pokraska {background-size: auto 308px;} .row.socialki img {max-width: 100%;} } @media screen and (max-width: 360px) { .messengers .messmobile {max-width: 100% !important; min-width: 0px !important;} .mainscene.pokraska {background-size: auto 234px;} .messengers .col-md-8 form input {margin-right: 0px;} } @media screen and (max-width: 340px) { .npreim .row.rabicons .col-mdr-5, .kakmyraboraem .container .row .col-mdr-5 {width: 100%;} .countbox-days1, .countbox-hours1, .countbox-mins1, .countbox-secs1, .countbox-days2, .countbox-hours2, .countbox-mins2, .countbox-secs2 {min-width: 35px;} } .bx-breadcrumb { margin-bottom: 10px; } /* End */ /* Start:/bitrix/templates/avtoservis/template_styles.css?1785779808360091*/ @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/avtoservis/fonts/Montserrat-Thin.eot'); src: url('/bitrix/templates/avtoservis/fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/avtoservis/fonts/Montserrat-Thin.woff') format('woff'), url('/bitrix/templates/avtoservis/fonts/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/avtoservis/fonts/Montserrat-ExtraLight.eot'); src: url('/bitrix/templates/avtoservis/fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/avtoservis/fonts/Montserrat-ExtraLight.woff') format('woff'), url('/bitrix/templates/avtoservis/fonts/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/avtoservis/fonts/Montserrat-Regular.eot'); src: url('/bitrix/templates/avtoservis/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/avtoservis/fonts/Montserrat-Regular.woff') format('woff'), url('/bitrix/templates/avtoservis/fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/avtoservis/fonts/Montserrat-SemiBold.eot'); src: url('/bitrix/templates/avtoservis/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/avtoservis/fonts/Montserrat-SemiBold.woff') format('woff'), url('/bitrix/templates/avtoservis/fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/bitrix/templates/avtoservis/fonts/Montserrat-ExtraBold.eot'); src: url('/bitrix/templates/avtoservis/fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/avtoservis/fonts/Montserrat-ExtraBold.woff') format('woff'), url('/bitrix/templates/avtoservis/fonts/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 700; font-style: normal; } :root{--blue:#0a222e;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#0a222e;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:'Montserrat',sans-serif;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace} *,::after,::before{box-sizing:border-box} html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent} @-ms-viewport{width:device-width} article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block} body{margin:0;font-family:'Montserrat',sans-serif; font-size:15px; font-weight:400; line-height:1.5;color:#000; text-align:left} main.container{padding-top: 70px} iframe{width: 100%} [tabindex="-1"]:focus{outline:0!important} hr{box-sizing:content-box;height:0;overflow:visible} h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem} p{margin-top:0;margin-bottom:1rem} abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0} address{margin-bottom:1rem;font-style:normal;line-height:inherit} dl,ol,ul{margin-top:0;margin-bottom:1rem} ol ol,ol ul,ul ol,ul ul{margin-bottom:0} dt{font-weight:700} dd{margin-bottom:.5rem;margin-left:0} blockquote{margin:0 0 1rem} dfn{font-style:italic} b,strong{font-weight:bolder} small{font-size:80%} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} a{color:#0a222e;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects} a:hover{color:#024884;text-decoration:underline} a:not([href]):not([tabindex]){color:inherit;text-decoration:none} a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none} a:not([href]):not([tabindex]):focus{outline:0} code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em} pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar} figure{margin:0 0 1rem} img{vertical-align:middle;border-style:none} svg{overflow:hidden;vertical-align:middle} table{border-collapse:collapse} caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom} th{text-align:inherit} label{display:inline-block;margin-bottom:.5rem} button{border-radius:0} button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color} button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit} 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{padding:0;border-style:none} input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0} input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox} textarea{overflow:auto;resize:vertical} fieldset{min-width:0;padding:0;margin:0;border:0} legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal} progress{vertical-align:baseline} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{outline-offset:-2px;-webkit-appearance:none} [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button} output{display:inline-block} summary{display:list-item;cursor:pointer} template{display:none} [hidden]{display:none!important} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit} .h1,h1{font-size:2.5rem} .h2,h2{font-size:2rem} .h3,h3{font-size:1.9rem} .h4,h4{font-size:1.5rem} .h5,h5{font-size:1.25rem} .h6,h6{font-size:1rem} .lead{font-size:1.25rem;font-weight:300} .display-1{font-size:6rem;font-weight:300;line-height:1.2} .display-2{font-size:5.5rem;font-weight:300;line-height:1.2} .display-3{font-size:4.5rem;font-weight:300;line-height:1.2} .display-4{font-size:3.5rem;font-weight:300;line-height:1.2} hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)} .small,small{font-size:80%;font-weight:400} .mark,mark{padding:.2em;background-color:#fcf8e3} .list-unstyled{padding-left:0;list-style:none} .list-inline{padding-left:0;list-style:none} .list-inline-item{display:inline-block} .list-inline-item:not(:last-child){margin-right:.5rem} .initialism{font-size:90%;text-transform:uppercase} .blockquote{margin-bottom:1rem;font-size:1.25rem} .blockquote-footer{display:block;font-size:80%;color:#6c757d} .blockquote-footer::before{content:"\2014 \00A0"} .img-fluid{max-width:100%;height:auto} .img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto} .figure{display:inline-block} .figure-img{margin-bottom:.5rem;line-height:1} .figure-caption{font-size:90%;color:#6c757d} code{font-size:87.5%;color:#e83e8c;word-break:break-word} a>code{color:inherit} kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem} kbd kbd{padding:0;font-size:100%;font-weight:700} pre{display:block;font-size:87.5%;color:#212529} pre code{font-size:inherit;color:inherit;word-break:normal} .pre-scrollable{max-height:340px;overflow-y:scroll} .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:576px) and (max-width:639.98px){ .container{max-width:540px} } @media (min-width:640px) and (max-width:675.98px){ .container{max-width:600px} } @media (min-width:676px) and (max-width:719.98px){ .container{max-width:640px} } @media (min-width:720px) and (max-width:767.98px){ .container{max-width:700px} } @media (min-width:768px) and (max-width:891.98px){ .container{max-width:720px} } @media (min-width:768px) { .icon.addr { display: none; } .header_logo img { max-width: 160px !important; } } @media (min-width:892px) and (max-width:991.98px){ .container{max-width:860px} } @media (min-width:992px) and (max-width:1199.98px){ .container{max-width:960px} } @media (min-width:1200px){ .container{max-width:1140px} } .container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} .no-gutters{margin-right:0;margin-left:0} .no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto, .col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto, .col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto, .col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto, .col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px} .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none} .col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-first{-ms-flex-order:-1;order:-1} .order-last{-ms-flex-order:13;order:13} .order-0{-ms-flex-order:0;order:0} .order-1{-ms-flex-order:1;order:1} .order-2{-ms-flex-order:2;order:2} .order-3{-ms-flex-order:3;order:3} .order-4{-ms-flex-order:4;order:4} .order-5{-ms-flex-order:5;order:5} .order-6{-ms-flex-order:6;order:6} .order-7{-ms-flex-order:7;order:7} .order-8{-ms-flex-order:8;order:8} .order-9{-ms-flex-order:9;order:9} .order-10{-ms-flex-order:10;order:10} .order-11{-ms-flex-order:11;order:11} .order-12{-ms-flex-order:12;order:12} .offset-1{margin-left:8.333333%} .offset-2{margin-left:16.666667%} .offset-3{margin-left:25%} .offset-4{margin-left:33.333333%} .offset-5{margin-left:41.666667%} .offset-6{margin-left:50%} .offset-7{margin-left:58.333333%} .offset-8{margin-left:66.666667%} .offset-9{margin-left:75%} .offset-10{margin-left:83.333333%} .offset-11{margin-left:91.666667%} @media (min-width:576px){ .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none} .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-sm-first{-ms-flex-order:-1;order:-1} .order-sm-last{-ms-flex-order:13;order:13} .order-sm-0{-ms-flex-order:0;order:0} .order-sm-1{-ms-flex-order:1;order:1} .order-sm-2{-ms-flex-order:2;order:2} .order-sm-3{-ms-flex-order:3;order:3} .order-sm-4{-ms-flex-order:4;order:4} .order-sm-5{-ms-flex-order:5;order:5} .order-sm-6{-ms-flex-order:6;order:6} .order-sm-7{-ms-flex-order:7;order:7} .order-sm-8{-ms-flex-order:8;order:8} .order-sm-9{-ms-flex-order:9;order:9} .order-sm-10{-ms-flex-order:10;order:10} .order-sm-11{-ms-flex-order:11;order:11} .order-sm-12{-ms-flex-order:12;order:12} .offset-sm-0{margin-left:0} .offset-sm-1{margin-left:8.333333%} .offset-sm-2{margin-left:16.666667%} .offset-sm-3{margin-left:25%} .offset-sm-4{margin-left:33.333333%} .offset-sm-5{margin-left:41.666667%} .offset-sm-6{margin-left:50%} .offset-sm-7{margin-left:58.333333%} .offset-sm-8{margin-left:66.666667%} .offset-sm-9{margin-left:75%} .offset-sm-10{margin-left:83.333333%} .offset-sm-11{margin-left:91.666667%} } @media (min-width:768px){ .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none} .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-md-first{-ms-flex-order:-1;order:-1} .order-md-last{-ms-flex-order:13;order:13} .order-md-0{-ms-flex-order:0;order:0} .order-md-1{-ms-flex-order:1;order:1} .order-md-2{-ms-flex-order:2;order:2} .order-md-3{-ms-flex-order:3;order:3} .order-md-4{-ms-flex-order:4;order:4} .order-md-5{-ms-flex-order:5;order:5} .order-md-6{-ms-flex-order:6;order:6} .order-md-7{-ms-flex-order:7;order:7} .order-md-8{-ms-flex-order:8;order:8} .order-md-9{-ms-flex-order:9;order:9} .order-md-10{-ms-flex-order:10;order:10} .order-md-11{-ms-flex-order:11;order:11} .order-md-12{-ms-flex-order:12;order:12} .offset-md-0{margin-left:0} .offset-md-1{margin-left:8.333333%} .offset-md-2{margin-left:16.666667%} .offset-md-3{margin-left:25%} .offset-md-4{margin-left:33.333333%} .offset-md-5{margin-left:41.666667%} .offset-md-6{margin-left:50%} .offset-md-7{margin-left:58.333333%} .offset-md-8{margin-left:66.666667%} .offset-md-9{margin-left:75%} .offset-md-10{margin-left:83.333333%} .offset-md-11{margin-left:91.666667%} } @media (min-width:992px){ .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none} .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-lg-first{-ms-flex-order:-1;order:-1} .order-lg-last{-ms-flex-order:13;order:13} .order-lg-0{-ms-flex-order:0;order:0} .order-lg-1{-ms-flex-order:1;order:1} .order-lg-2{-ms-flex-order:2;order:2} .order-lg-3{-ms-flex-order:3;order:3} .order-lg-4{-ms-flex-order:4;order:4} .order-lg-5{-ms-flex-order:5;order:5} .order-lg-6{-ms-flex-order:6;order:6} .order-lg-7{-ms-flex-order:7;order:7} .order-lg-8{-ms-flex-order:8;order:8} .order-lg-9{-ms-flex-order:9;order:9} .order-lg-10{-ms-flex-order:10;order:10} .order-lg-11{-ms-flex-order:11;order:11} .order-lg-12{-ms-flex-order:12;order:12} .offset-lg-0{margin-left:0} .offset-lg-1{margin-left:8.333333%} .offset-lg-2{margin-left:16.666667%} .offset-lg-3{margin-left:25%} .offset-lg-4{margin-left:33.333333%} .offset-lg-5{margin-left:41.666667%} .offset-lg-6{margin-left:50%} .offset-lg-7{margin-left:58.333333%} .offset-lg-8{margin-left:66.666667%} .offset-lg-9{margin-left:75%} .offset-lg-10{margin-left:83.333333%} .offset-lg-11{margin-left:91.666667%} } @media (min-width:1200px){ .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none} .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-xl-first{-ms-flex-order:-1;order:-1} .order-xl-last{-ms-flex-order:13;order:13} .order-xl-0{-ms-flex-order:0;order:0} .order-xl-1{-ms-flex-order:1;order:1} .order-xl-2{-ms-flex-order:2;order:2} .order-xl-3{-ms-flex-order:3;order:3} .order-xl-4{-ms-flex-order:4;order:4} .order-xl-5{-ms-flex-order:5;order:5} .order-xl-6{-ms-flex-order:6;order:6} .order-xl-7{-ms-flex-order:7;order:7} .order-xl-8{-ms-flex-order:8;order:8} .order-xl-9{-ms-flex-order:9;order:9} .order-xl-10{-ms-flex-order:10;order:10} .order-xl-11{-ms-flex-order:11;order:11} .order-xl-12{-ms-flex-order:12;order:12} .offset-xl-0{margin-left:0} .offset-xl-1{margin-left:8.333333%} .offset-xl-2{margin-left:16.666667%} .offset-xl-3{margin-left:25%} .offset-xl-4{margin-left:33.333333%} .offset-xl-5{margin-left:41.666667%} .offset-xl-6{margin-left:50%} .offset-xl-7{margin-left:58.333333%} .offset-xl-8{margin-left:66.666667%} .offset-xl-9{margin-left:75%} .offset-xl-10{margin-left:83.333333%} .offset-xl-11{margin-left:91.666667%} } .table{width:100%;margin-bottom:1rem;background-color:transparent} .table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6} .table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6} .table tbody+tbody{border-top:2px solid #dee2e6} .table .table{background-color:#fff} .table-sm td,.table-sm th{padding:.3rem} .table-bordered{border:1px solid #dee2e6} .table-bordered td,.table-bordered th{border:1px solid #dee2e6} .table-bordered thead td,.table-bordered thead th{border-bottom-width:2px} .table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0} .table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)} .table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)} .table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff} .table-hover .table-primary:hover{background-color:#9fcdff} .table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff} .table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db} .table-hover .table-secondary:hover{background-color:#c8cbcf} .table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf} .table-success,.table-success>td,.table-success>th{background-color:#c3e6cb} .table-hover .table-success:hover{background-color:#b1dfbb} .table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb} .table-info,.table-info>td,.table-info>th{background-color:#bee5eb} .table-hover .table-info:hover{background-color:#abdde5} .table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5} .table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba} .table-hover .table-warning:hover{background-color:#ffe8a1} .table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1} .table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb} .table-hover .table-danger:hover{background-color:#f1b0b7} .table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7} .table-light,.table-light>td,.table-light>th{background-color:#fdfdfe} .table-hover .table-light:hover{background-color:#ececf6} .table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6} .table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca} .table-hover .table-dark:hover{background-color:#b9bbbe} .table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe} .table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)} .table-hover .table-active:hover{background-color:rgba(0,0,0,.075)} .table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)} .table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e} .table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6} .table-dark{color:#fff;background-color:#212529} .table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e} .table-dark.table-bordered{border:0} .table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)} .table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)} @media (max-width:575.98px){ .table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} .table-responsive-sm>.table-bordered{border:0} } @media (max-width:767.98px){ .table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} .table-responsive-md>.table-bordered{border:0} } @media (max-width:991.98px){ .table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} .table-responsive-lg>.table-bordered{border:0} .mainscene.avtoserviceaudi { background-size: contain; background-position: unset; background-image: url(https://m-service.ru/images/mservice_audi_mob.jpg); background-repeat: no-repeat; padding-bottom: 1px; } .mainscene.avtoservicetoyota { background-size: contain; background-position: unset; background-image: url(https://m-service.ru/images/mservice_toyota_mob.jpg); background-repeat: no-repeat; padding-bottom: 1px; } .mainscene.avtoservicevw { background-size: contain; background-position: unset; background-image: url(https://m-service.ru/images/mservice_WV_mob.jpg); background-repeat: no-repeat; padding-bottom: 1px; } } @media (max-width:1199.98px){ .table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} .table-responsive-xl>.table-bordered{border:0} } .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} .table-responsive>.table-bordered{border:0} .form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out} @media screen and (prefers-reduced-motion:reduce){ .form-control{transition:none} } .form-control::-ms-expand{background-color:transparent;border:0} .form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)} .form-control::-webkit-input-placeholder{color:#6c757d;opacity:1} .form-control::-moz-placeholder{color:#6c757d;opacity:1} .form-control:-ms-input-placeholder{color:#6c757d;opacity:1} .form-control::-ms-input-placeholder{color:#6c757d;opacity:1} .form-control::placeholder{color:#6c757d;opacity:1} .form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1} select.form-control:focus::-ms-value{color:#495057;background-color:#fff} .form-control-file,.form-control-range{display:block;width:100%} .col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5} .col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5} .col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5} .form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0} .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0} .form-control-sm{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem} .form-control-lg{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem} select.form-control[multiple],select.form-control[size]{height:auto} textarea.form-control{height:auto} .form-group{margin-bottom:1rem} .form-text{display:block;margin-top:.25rem} .form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px} .form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px} .form-check{position:relative;display:block;padding-left:1.25rem} .form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem} .form-check-input:disabled~.form-check-label{color:#6c757d} .form-check-label{margin-bottom:0} .form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem} .form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0} .valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745} .valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem} .custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745} .custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)} .custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block} .form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block} .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745} .form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block} .custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745} .custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a} .custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block} .custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57} .custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)} .custom-file-input.is-valid~.custom-file-label, .was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745} .custom-file-input.is-valid~.custom-file-label::after, .was-validated .custom-file-input:valid~.custom-file-label::after{border-color:inherit} .custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block} .custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)} .invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545} .invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem} .custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid, .was-validated .form-control:invalid{border-color:#dc3545} .custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)} .custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block} .form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip, .was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block} .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545} .form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block} .custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545} .custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9} .custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block} .custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d} .custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)} .custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545} .custom-file-input.is-invalid~.custom-file-label::after,.was-validated .custom-file-input:invalid~.custom-file-label::after{border-color:inherit} .custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block} .custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)} .form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center} .form-inline .form-check{width:100%} @media (min-width:576px){ .form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0} .form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0} .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle} .form-inline .form-control-plaintext{display:inline-block} .form-inline .custom-select,.form-inline .input-group{width:auto} .form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0} .form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0} .form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center} .form-inline .custom-control-label{margin-bottom:0} } .btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out} .btn.btn-default { border: 1px solid #181818; font-size: 18px; padding-bottom: 10px; } @media screen and (prefers-reduced-motion:reduce){ .btn{transition:none} } .btn:focus,.btn:hover{text-decoration:none} .btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)} .btn.disabled,.btn:disabled{opacity:.65} .btn:not(:disabled):not(.disabled){cursor:pointer} a.btn.disabled,fieldset:disabled a.btn{pointer-events:none} .btn-primary{color:#fff;background-color:#001f4c;border-color:#001f4c} .btn-primary:hover{color:#fff;background-color:#205387;border-color:#205387} .btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)} .btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#001f4c;border-color:#001f4c} .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf} .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)} .btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d} .btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62} .btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)} .btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d} .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b} .btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)} .btn-success{color:#fff;background-color:#28a745;border-color:#28a745} .btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34} .btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)} .btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745} .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430} .btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)} .btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8} .btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b} .btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)} .btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8} .btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f} .btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)} .btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107} .btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00} .btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)} .btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107} .btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500} .btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)} .btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545} .btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130} .btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)} .btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545} .btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d} .btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)} .btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa} .btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5} .btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)} .btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa} .btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df} .btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)} .btn-dark{color:#fff;background-color:#343a40;border-color:#343a40} .btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124} .btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)} .btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40} .btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d} .btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)} .btn-outline-primary{color:#001f4c;background-color:transparent;background-image:none;border-color:#001f4c} .btn-outline-primary:hover{color:#fff;background-color:#001f4c;border-color:#001f4c} .btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)} .btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#001f4c;background-color:transparent} .btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#001f4c;border-color:#001f4c} .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)} .btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d} .btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d} .btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)} .btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent} .btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d} .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)} .btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745} .btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745} .btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)} .btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent} .btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745} .btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)} .btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8} .btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8} .btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)} .btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent} .btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8} .btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)} .btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107} .btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107} .btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)} .btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent} .btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107} .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)} .btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545} .btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545} .btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)} .btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent} .btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545} .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)} .btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa} .btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa} .btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)} .btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent} .btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa} .btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)} .btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40} .btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40} .btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)} .btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent} .btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40} .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)} .btn-link{font-weight:400;color:#0a222e;background-color:transparent} .btn-link:hover{color:#024884;text-decoration:underline;background-color:transparent;border-color:transparent} .btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none} .btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none} .btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem} .btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem} .btn-block{display:block;width:100%} .btn-block+.btn-block{margin-top:.5rem} input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%} .fade{transition:opacity .15s linear} .fade{opacity:0;transition:opacity .15s linear} .fade.show{opacity:1} .collapse{display:none} .collapse.show{display:block} @media screen and (prefers-reduced-motion:reduce){ .fade{transition:none} } .fade:not(.show){opacity:0} .collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease} @media screen and (prefers-reduced-motion:reduce){ .collapsing{transition:none} } .dropdown,.dropleft,.dropright,.dropup{position:relative} .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent} .dropdown-toggle:empty::after{margin-left:0} .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem} .dropdown-menu-right{right:0;left:auto} .dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem} .dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent} .dropup .dropdown-toggle:empty::after{margin-left:0} .dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem} .dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid} .dropright .dropdown-toggle:empty::after{margin-left:0} .dropright .dropdown-toggle::after{vertical-align:0} .dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem} .dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""} .dropleft .dropdown-toggle::after{display:none} .dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent} .dropleft .dropdown-toggle:empty::after{margin-left:0} .dropleft .dropdown-toggle::before{vertical-align:0} .dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto} .dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef} .dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0} .dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa} .dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0a222e} .dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent} .dropdown-menu.show{display:block} .dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap} .dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529} .btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle} .btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto} .btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1} .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1} .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px} .btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start} .btn-toolbar .input-group{width:auto} .btn-group>.btn:first-child{margin-left:0} .btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0} .btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0} .dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem} .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0} .dropleft .dropdown-toggle-split::before{margin-right:0} .btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem} .btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem} .btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center} .btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%} .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0} .btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0} .btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0} .btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none} .input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%} .input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0} .input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px} .input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3} .input-group>.custom-file .custom-file-input:focus{z-index:4} .input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0} .input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0} .input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center} .input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0} .input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0} .input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex} .input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2} .input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px} .input-group-prepend{margin-right:-1px} .input-group-append{margin-left:-1px} .input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem} .input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0} .input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem} .input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem} .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0} .input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0} .custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem} .custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem} .custom-control-input{position:absolute;z-index:-1;opacity:0} .custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#0a222e} .custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)} .custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff} .custom-control-input:disabled~.custom-control-label{color:#6c757d} .custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef} .custom-control-label{position:relative;margin-bottom:0} .custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6} .custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%} .custom-checkbox .custom-control-label::before{border-radius:.25rem} .custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#0a222e} .custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")} .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#0a222e} .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")} .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)} .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)} .custom-radio .custom-control-label::before{border-radius:50%} .custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#0a222e} .custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")} .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)} .custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none} .custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)} .custom-select:focus::-ms-value{color:#495057;background-color:#fff} .custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none} .custom-select:disabled{color:#6c757d;background-color:#e9ecef} .custom-select::-ms-expand{opacity:0} .custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%} .custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%} .custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0} .custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0} .custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)} .custom-file-input:focus~.custom-file-label::after{border-color:#80bdff} .custom-file-input:disabled~.custom-file-label{background-color:#e9ecef} .custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"} .custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem} .custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0} .custom-range{width:100%;padding-left:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none} .custom-range:focus{outline:0} .custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)} .custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)} .custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)} .custom-range::-moz-focus-outer{border:0} .custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0a222e;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none} @media screen and (prefers-reduced-motion:reduce){ .custom-range::-webkit-slider-thumb{transition:none} } .custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff} .custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem} .custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0a222e;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none} @media screen and (prefers-reduced-motion:reduce){ .custom-range::-moz-range-thumb{transition:none} } .custom-range::-moz-range-thumb:active{background-color:#b3d7ff} .custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem} .custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#0a222e;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none} @media screen and (prefers-reduced-motion:reduce){ .custom-range::-ms-thumb{transition:none} } .custom-range::-ms-thumb:active{background-color:#b3d7ff} .custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem} .custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem} .custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem} .custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out} @media screen and (prefers-reduced-motion:reduce){ .custom-control-label::before,.custom-file-label,.custom-select{transition:none} } .nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none} .nav-link{display:block;padding:.5rem 1rem} .nav-link:focus,.nav-link:hover{text-decoration:none} .nav-link.disabled{color:#6c757d} .nav-tabs{border-bottom:1px solid #dee2e6} .nav-tabs .nav-item{margin-bottom:-1px} .nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem} .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6} .nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent} .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff} .nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0} .nav-pills .nav-item{margin-right: 10px} .nav-pills .nav-item:last-child{margin-right:0} .nav-pills .nav-link{font-size: 16px; padding: 1rem; font-weight: 500; border: 1px solid #024884; border-radius:.25rem; color:#024884} .nav-pills .nav-link:hover{background:#024884; color:#fff} .nav-pills .nav-link.active, .nav-pills .show>.nav-link{color:#fff;background-color:#024884; font-weight: 500; padding: 1rem;} .nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center} .nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center} .tab-content>.tab-pane{display:none} .tab-content>.active{display:block} .navbar{ position:relative;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; padding:.25rem 0 } .navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between} .navbar-brand{display:inline-block;padding-top:.125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap} .navbar-brand:focus,.navbar-brand:hover{text-decoration:none} .navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none} .navbar-nav .nav-link{padding-right:0;padding-left:0} .navbar-nav .dropdown-menu{position:static;float:none} .navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem} .navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:0;-ms-flex-align:center;align-items:center} .navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem} .navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none} .navbar-toggler:not(:disabled):not(.disabled){cursor:pointer} .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%} @media (max-width:575.98px){ .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0} } @media (min-width:576px){ .navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start} .navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row} .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute} .navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem} .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap} .navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto} .navbar-expand-sm .navbar-toggler{display:none} } @media (max-width:767.98px){ .navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0} } @media (min-width:768px){ .navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start} .navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row} .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute} .navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem} .navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap} .navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto} .navbar-expand-md .navbar-toggler{display:none} } @media (max-width:991.98px){ .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0} .mainscene.zamenamaslavdvigateli{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/Banner-zmvd-2-1.jpg); background-repeat:no-repeat;} .zamenamaslavdvigateli.container{margin-top: 50px;padding-top: 50px;} .mainscene.zamenamaslavakpp{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/zamena_masla_v_akpp_mob.png); background-repeat:no-repeat;} .zamenamaslavakpp.container{margin-top: 50px;padding-top: 50px;} .mainscene.zamenatoplivnogofiltra{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/zamena_toplivnogo_filtra_mob.png); background-repeat:no-repeat;} .zamenatoplivnogofiltra.container{margin-top: 50px;padding-top: 50px;} .mainscene.zamenavozduzhnogofiltra{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/zamena_vozdushnogo_filtra_mob.png); background-repeat:no-repeat;} .zamenavozduzhnogofiltra.container{margin-top: 50px;padding-top: 50px;} .mainscene.zamenasalonnogofiltra{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/zamena_filtra_salona_mob.png); background-repeat:no-repeat;} .zamenasalonnogofiltra.container{margin-top: 50px;padding-top: 50px;} .mainscene.zamenasazhevogofiltra{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/zamena_sazhevogo_filtra_mob.png); background-repeat:no-repeat;} .zamenasazhevogofiltra.container{margin-top: 50px;padding-top: 50px;} .mainscene.zapravkakondicionera{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/zapravka_kondicionera_mob.png); background-repeat:no-repeat;} .zapravkakondicionera.container{margin-top: 50px;padding-top: 50px;} .mainscene.komputernayadiagnostika{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/komputernaya_diagnostika_avto_mob.png); background-repeat:no-repeat;} .komputernayadiagnostika.container{margin-top: 50px;padding-top: 50px;} .mainscene.diagnostikageneratora{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/diagnostika-generatora_mob.png); background-repeat:no-repeat;} .diagnostikageneratora.container{margin-top: 50px;padding-top: 50px;} .mainscene.diagnostikadvigatelya{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/diagnostika_dvigatelya_mob.png); background-repeat:no-repeat;} .diagnostikadvigatelya.container{margin-top: 50px;padding-top: 50px;} .mainscene.diagnostikapodveski{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/diagnostika_podveski_mob.png); background-repeat:no-repeat;} .diagnostikapodveski.container{margin-top: 50px;padding-top: 50px;} .mainscene.diagnostikasisitemyokhalazheniya{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/diagnostika_sistemy_ohlazhdeniya_mob.png); background-repeat:no-repeat;} .diagnostikasisitemyokhalazheniya.container{margin-top: 50px;padding-top: 50px;} .mainscene.diagnostikatormoznoisistemy{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/diagnostika_tormoznoi_sistemi_mob.png); background-repeat:no-repeat;} .diagnostikatormoznoisistemy.container{margin-top: 50px;padding-top: 50px;} .mainscene.kompleksnayadiagnostika{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/kompleksnaya_diagnostika_mob.png); background-repeat:no-repeat;} .kompleksnayadiagnostika.container{margin-top: 50px;padding-top: 50px;} .mainscene.diagnostikaabs{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/diagnostika_abs_mob.png); background-repeat:no-repeat;} .diagnostikaabs.container{margin-top: 50px;padding-top: 50px;} .mainscene.diagnostikaakpp{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/diagnostika_akpp_mob.png); background-repeat:no-repeat;} .diagnostikaakpp.container{margin-top: 50px;padding-top: 50px;} .mainscene.avtoserviceaudi{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/mservice_audi_mob.jpg); background-repeat:no-repeat;} .avtoserviceaudi.container{margin-top: 50px;padding-top: 50px;} .mainscene.avtoservicetoyota{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/mservice_toyota_mob.jpg); background-repeat:no-repeat;} .avtoservicetoyota.container{margin-top: 50px;padding-top: 50px;} .mainscene.avtoservicevw{background-size: contain;background-position: unset;background-image:url(https://m-service.ru/images/mservice_WV_mob.jpg); background-repeat:no-repeat;} .avtoservicevw.container{margin-top: 250px;padding-top: 250px;} .avtoservicevw:before { position: absolute; content: ''; width: 100%; height: 100%; /* background-color: black; */ opacity: 0.2; top: 0; left: 0; } } @media (min-width:992px){ .navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start} .navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row; width: 100%; justify-content: space-between} .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute} .navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem} .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap} .navbar-expand-lg .navbar-collapse{width: 100%; display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto} .navbar-expand-lg .navbar-toggler{display:none} } @media (max-width:1199.98px){ .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0} } @media (min-width:1200px){ .navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start} .navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row} .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute} .navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem} .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap} .navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto} .navbar-expand-xl .navbar-toggler{display:none} } .navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start} .navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0} .navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row} .navbar-expand .navbar-nav .dropdown-menu{position:absolute} .navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem} .navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap} .navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto} .navbar-expand .navbar-toggler{display:none} .navbar-light .navbar-brand{color:rgba(0,0,0,.9)} .navbar-light .navbar-brand img{width: auto; height: auto; max-width: 240px} .navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)} .navbar-light .navbar-nav .nav-item {padding-left: 0; padding-right: 0} .navbar-light .navbar-nav .nav-link {color: #000; font-size: 15px; font-weight:500; padding-left: 0.5rem; padding-right: 0.5rem; border-bottom: 1px solid #255794} .navbar-light .navbar-nav .nav-link i.fa, .navbar-light .navbar-nav .parent i.fa { color: #bebebe; font-size: 11px; font-weight: 400; line-height: 12px; margin-bottom: 0; margin-left: 5px; padding-bottom: 0} .navbar-light .navbar-nav .parent { position: relative; } @media (min-width:992px){ .navbar-light .navbar-nav .parent i.fa { position: absolute; right: 5px; top: 14px; transform: rotate(-90deg); } } .navbar-light .navbar-nav .nav-item{position:relative} .navbar-light .navbar-nav .nav-item ul.main_menu_p{display:none; position:absolute; left: 0; background:#fff; z-index: 1001; box-shadow: 0 1px 2px rgba(0,0,0,.3); top: 38px; margin: 0 auto; padding: 0; list-style:none } .navbar-light .navbar-nav .nav-item ul.main_menu_p.openmenu, .navbar-light .navbar-nav .nav-item:hover ul.main_menu_p{display:block} .navbar-light .navbar-nav .nav-item ul.main_menu_p li a {color:#333; padding: 10px 15px; display:block} .navbar-light .navbar-nav .nav-item ul.main_menu_p li a { width: 100%; } .navbar-light .navbar-nav .nav-item ul.main_menu_p li a:hover {text-decoration: none;background:#f1f1f1} .navbar-light .navbar-nav .nav-item ul.main_menu_p li { position: relative; } .submenu { position: absolute; z-index: 5; min-width: 200px; background: white; /*border-top: 1px solid #CBCBCC; border-left: 1px solid #CBCBCC; border-right: 1px solid #CBCBCC;*/ visibility: hidden; opacity: 0; transform-origin: 0% 0%; transform: rotateX(-90deg); transition: .3s linear; list-style: none; left:100%; padding-left: 0; top: 0; } .submenu li {position: relative;} .submenu li a { color: #282828; padding: 10px 20px; font-size: 13px; border-bottom: 1px solid #CBCBCC; } .submenu .submenu { position: absolute; left: 100%; top: -1px; transition: .3s linear; } nav li:hover > .submenu { transform: rotateX(0deg); visibility: visible; opacity: 1; } @media (min-width: 800px){ .item-selected{ display: flex; } } @media (min-width: 1200px){ .navbar-light .navbar-nav .nav-item ul.main_menu_p ul.submenu {-webkit-column-count: 4; -moz-column-count: 4; column-count: 4; list-style-type: none; padding: 0; width: 800px;} } @media (max-width:991px){ .submenu, .submenu .submenu { left: 0; top: 100%; width: 100%; } } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.9); border-bottom: 1px solid #bebebe} .navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.9)} .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)} .navbar-light .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)} .navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")} .navbar-light .navbar-text{color:rgba(255,255,255,.5)} .navbar-light .navbar-text a{color:rgba(255,255,255,.9)} .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover{color:rgba(255,255,255,.9)} .navbar-dark .navbar-brand{color:#fff} .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover{color:#fff} .navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)} .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)} .navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)} .navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff} .navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)} .navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")} .navbar-dark .navbar-text{color:rgba(255,255,255,.5)} .navbar-dark .navbar-text a{color:#fff} .navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff} .card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem} .card>hr{margin-right:0;margin-left:0} .card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem} .card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem} .card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem} .card-title{margin-bottom:.75rem} .card-subtitle{margin-top:-.375rem;margin-bottom:0} .card-text:last-child{margin-bottom:0} .card-link:hover{text-decoration:none} .card-link+.card-link{margin-left:1.25rem} .card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)} .card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0} .card-header+.list-group .list-group-item:first-child{border-top:0} .card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)} .card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)} .card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0} .card-header-pills{margin-right:-.625rem;margin-left:-.625rem} .card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem} .card-img{width:100%;border-radius:calc(.25rem - 1px)} .card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)} .card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)} .card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column} .card-deck .card{margin-bottom:15px} @media (min-width:576px){ .card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px} .card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px} } .card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column} .card-group>.card{margin-bottom:15px} @media (min-width:576px){ .card-group{-ms-flex-flow:row wrap;flex-flow:row wrap} .card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0} .card-group>.card+.card{margin-left:0;border-left:0} .card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0} .card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0} .card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0} .card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0} .card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0} .card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0} .card-group>.card:only-child{border-radius:.25rem} .card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem} .card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem} .card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0} .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0} } .card-columns .card{margin-bottom:.75rem} @media (min-width:576px){ .card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1} .card-columns .card{display:inline-block;width:100%} } .accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0} .accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0} .accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0} .accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0} .komanda{padding-top: 50px; padding-bottom:70px; background:#fff} .komanda h2{font-size: 30px; color:#01183f; text-align:center; font-weight:500; margin: 20px auto 20px} .komanda p {font-size: 14px; margin: 20px auto; text-align: center} .komanda .col-md-4{} .komanda .col-md-4 .sotrudnik{background-repeat:no-repeat; background-size:100% auto; display:block; width: 299px; height: 370px; position: relative} .komanda .col-md-4:nth-child(1) .sotrudnik{background-position: left top} .komanda .col-md-4:nth-child(2) .sotrudnik{background-position: center top} .komanda .col-md-4:nth-child(3) .sotrudnik{background-position: right top} .komanda .col-md-4 .sotrudnik span{position: absolute; display: block} .komanda .col-md-4 .sotrudnik span.stazh {color: #fff; font-size: 13px; font-weight: 500; padding: 15px 70px 15px 15px; max-width: 180px; width: 180px; height: 98px; background-image:url(/bitrix/templates/avtoservis/images/podmastera.png); background-repeat:no-repeat; background-size:100% auto; bottom: 0; left: 0; z-index: 11 } .komanda .col-md-4 .sotrudnik span.sname { font-weight: 500; bottom: 30px; right: 0; text-transform: uppercase; z-index: 8; background: #fff; width: 100%; text-align: right; padding: 10px 0; } .komanda .col-md-4 .sotrudnik span.status { bottom: 0; color: #6e7c88; font-size: 13px; right: 0; background: #fff; width: 100%; text-align: right; z-index: 9; padding-bottom: 20px; } .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem} .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#0a222e;background-color:#fff;border:1px solid #dee2e6} .page-link:hover{z-index:2;color:#024884;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6} .page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)} .page-link:not(:disabled):not(.disabled){cursor:pointer} .page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem} .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .page-item.active .page-link{z-index:1;color:#fff;background-color:#0a222e;border-color:#0a222e} .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6} .pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5} .pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem} .pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem} .pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5} .pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem} .pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem} .badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem} .badge:empty{display:none} .btn .badge{position:relative;top:-1px} .badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem} .badge-primary{color:#fff;background-color:#0a222e} .badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc} .badge-secondary{color:#fff;background-color:#6c757d} .badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62} .badge-success{color:#fff;background-color:#28a745} .badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34} .badge-info{color:#fff;background-color:#17a2b8} .badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b} .badge-warning{color:#212529;background-color:#ffc107} .badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00} .badge-danger{color:#fff;background-color:#dc3545} .badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130} .badge-light{color:#212529;background-color:#f8f9fa} .badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5} .badge-dark{color:#fff;background-color:#343a40} .badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124} .jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem} @media (min-width:576px){ .jumbotron{padding:4rem 2rem} } .jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0} .alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem} .alert-heading{color:inherit} .alert-link{font-weight:700} .alert-dismissible{padding-right:4rem} .alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit} .alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff} .alert-primary hr{border-top-color:#9fcdff} .alert-primary .alert-link{color:#002752} .alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db} .alert-secondary hr{border-top-color:#c8cbcf} .alert-secondary .alert-link{color:#202326} .alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb} .alert-success hr{border-top-color:#b1dfbb} .alert-success .alert-link{color:#0b2e13} .alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb} .alert-info hr{border-top-color:#abdde5} .alert-info .alert-link{color:#062c33} .alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba} .alert-warning hr{border-top-color:#ffe8a1} .alert-warning .alert-link{color:#533f03} .alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb} .alert-danger hr{border-top-color:#f1b0b7} .alert-danger .alert-link{color:#491217} .alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe} .alert-light hr{border-top-color:#ececf6} .alert-light .alert-link{color:#686868} .alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca} .alert-dark hr{border-top-color:#b9bbbe} .alert-dark .alert-link{color:#040505} @-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0} to{background-position:0 0} } @keyframes progress-bar-stripes{from{background-position:1rem 0} to{background-position:0 0} } .progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem} .progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#0a222e;transition:width .6s ease} @media screen and (prefers-reduced-motion:reduce){ .progress-bar{transition:none} } .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem} .progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite} .media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start} .media-body{-ms-flex:1;flex:1} .list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0} .list-group-item-action{width:100%;color:#495057;text-align:inherit} .list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa} .list-group-item-action:active{color:#212529;background-color:#e9ecef} .list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)} .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem} .list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem} .list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none} .list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff} .list-group-item.active{z-index:2;color:#fff;background-color:#0a222e;border-color:#0a222e} .list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0} .list-group-flush:first-child .list-group-item:first-child{border-top:0} .list-group-flush:last-child .list-group-item:last-child{border-bottom:0} .list-group-item-primary{color:#004085;background-color:#b8daff} .list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff} .list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085} .list-group-item-secondary{color:#383d41;background-color:#d6d8db} .list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf} .list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41} .list-group-item-success{color:#155724;background-color:#c3e6cb} .list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb} .list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724} .list-group-item-info{color:#0c5460;background-color:#bee5eb} .list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5} .list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460} .list-group-item-warning{color:#856404;background-color:#ffeeba} .list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1} .list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404} .list-group-item-danger{color:#721c24;background-color:#f5c6cb} .list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7} .list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24} .list-group-item-light{color:#818182;background-color:#fdfdfe} .list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6} .list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182} .list-group-item-dark{color:#1b1e21;background-color:#c6c8ca} .list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe} .list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21} .close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5} .close:not(:disabled):not(.disabled){cursor:pointer} .close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75} button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none} .modal-open{overflow:hidden} .modal-open .modal{overflow-x:hidden;overflow-y:auto} .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0} .modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none} .modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)} @media screen and (prefers-reduced-motion:reduce){ .modal.fade .modal-dialog{transition:none} } .modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)} .modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))} .modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""} .modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0} .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000} .modal-backdrop.fade{opacity:0} .modal-backdrop.show{opacity:.5} .modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem} .modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto} .modal-title{margin-bottom:0;line-height:1.5} .modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem} .modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef} .modal-footer>:not(:first-child){margin-left:.25rem} .modal-footer>:not(:last-child){margin-right:.25rem} .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} @media (min-width:576px){ .modal-dialog{max-width:500px;margin:1.75rem auto} .modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))} .modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))} .modal-sm{max-width:300px} } @media (min-width:992px){ .modal-lg{max-width:800px} } .tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0} .tooltip.show{opacity:.9} .tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem} .tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid} .bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0} .bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0} .bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000} .bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem} .bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem} .bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000} .bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0} .bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0} .bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000} .bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem} .bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem} .bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000} .tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem} .popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:'Montserrat',sans-serif;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem} .popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem} .popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid} .bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem} .bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)} .bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0} .bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)} .bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff} .bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem} .bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0} .bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0} .bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)} .bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff} .bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem} .bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)} .bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem} .bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)} .bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff} .bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7} .bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem} .bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0} .bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem} .bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)} .bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff} .popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)} .popover-header:empty{display:none} .popover-body{padding:.5rem .75rem;color:#212529} .carousel{position:relative} .carousel-inner{position:relative;width:100%;overflow:hidden} .carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px} .carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease} @media screen and (prefers-reduced-motion:reduce){ .carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none} } .carousel-item-next,.carousel-item-prev{position:absolute;top:0} .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)} @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){ .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)} @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){ .active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } .active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)} @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){ .active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } .carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity} .carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1} .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0} .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)} @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){ .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5} .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9} .carousel-control-prev{left:0} .carousel-control-next{right:0} .carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%} .carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")} .carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")} .carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none} .carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)} .carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""} .carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""} .carousel-indicators .active{background-color:#fff} .carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center} .align-baseline{vertical-align:baseline!important} .align-top{vertical-align:top!important} .align-middle{vertical-align:middle!important} .align-bottom{vertical-align:bottom!important} .align-text-bottom{vertical-align:text-bottom!important} .align-text-top{vertical-align:text-top!important} .bg-primary{background-color:#0a222e!important} a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important} .bg-secondary{background-color:#6c757d!important} a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important} .bg-success{background-color:#28a745!important} a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important} .bg-info{background-color:#17a2b8!important} a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important} .bg-warning{background-color:#ffc107!important} a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important} .bg-danger{background-color:#dc3545!important} a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important} .bg-light{background-color:#004687!important} a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important} .bg-dark{background-color:#343a40!important} a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important} .bg-white{background-color:#fff!important} .bg-transparent{background-color:transparent!important} .border{border:1px solid #dee2e6!important} .border-top{border-top:1px solid #dee2e6!important} .border-right{border-right:1px solid #dee2e6!important} .border-bottom{border-bottom:1px solid #dee2e6!important} .border-left{border-left:1px solid #dee2e6!important} .border-0{border:0!important} .border-top-0{border-top:0!important} .border-right-0{border-right:0!important} .border-bottom-0{border-bottom:0!important} .border-left-0{border-left:0!important} .border-primary{border-color:#0a222e!important} .border-secondary{border-color:#6c757d!important} .border-success{border-color:#28a745!important} .border-info{border-color:#17a2b8!important} .border-warning{border-color:#ffc107!important} .border-danger{border-color:#dc3545!important} .border-light{border-color:#f8f9fa!important} .border-dark{border-color:#343a40!important} .border-white{border-color:#fff!important} .rounded{border-radius:.25rem!important} .rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important} .rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important} .rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important} .rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important} .rounded-circle{border-radius:50%!important} .rounded-0{border-radius:0!important} .clearfix::after{display:block;clear:both;content:""} .d-none{display:none!important} .d-inline{display:inline!important} .d-inline-block{display:inline-block!important} .d-block{display:block!important} .d-table{display:table!important} .d-table-row{display:table-row!important} .d-table-cell{display:table-cell!important} .d-flex{display:-ms-flexbox!important;display:flex!important} .d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} @media (min-width:576px){ .d-sm-none{display:none!important} .d-sm-inline{display:inline!important} .d-sm-inline-block{display:inline-block!important} .d-sm-block{display:block!important} .d-sm-table{display:table!important} .d-sm-table-row{display:table-row!important} .d-sm-table-cell{display:table-cell!important} .d-sm-flex{display:-ms-flexbox!important;display:flex!important} .d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media (min-width:768px){ .d-md-none{display:none!important} .d-md-inline{display:inline!important} .d-md-inline-block{display:inline-block!important} .d-md-block{display:block!important} .d-md-table{display:table!important} .d-md-table-row{display:table-row!important} .d-md-table-cell{display:table-cell!important} .d-md-flex{display:-ms-flexbox!important;display:flex!important} .d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media (min-width:992px){ .d-lg-none{display:none!important} .d-lg-inline{display:inline!important} .d-lg-inline-block{display:inline-block!important} .d-lg-block{display:block!important} .d-lg-table{display:table!important} .d-lg-table-row{display:table-row!important} .d-lg-table-cell{display:table-cell!important} .d-lg-flex{display:-ms-flexbox!important;display:flex!important} .d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media (min-width:1200px){ .d-xl-none{display:none!important} .d-xl-inline{display:inline!important} .d-xl-inline-block{display:inline-block!important} .d-xl-block{display:block!important} .d-xl-table{display:table!important} .d-xl-table-row{display:table-row!important} .d-xl-table-cell{display:table-cell!important} .d-xl-flex{display:-ms-flexbox!important;display:flex!important} .d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } @media print{.d-print-none{display:none!important} .d-print-inline{display:inline!important} .d-print-inline-block{display:inline-block!important} .d-print-block{display:block!important} .d-print-table{display:table!important} .d-print-table-row{display:table-row!important} .d-print-table-cell{display:table-cell!important} .d-print-flex{display:-ms-flexbox!important;display:flex!important} .d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important} } .embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden} .embed-responsive::before{display:block;content:""} .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} .embed-responsive-21by9::before{padding-top:42.857143%} .embed-responsive-16by9::before{padding-top:56.25%} .embed-responsive-4by3::before{padding-top:75%} .embed-responsive-1by1::before{padding-top:100%} .flex-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-center{-ms-flex-align:center!important;align-items:center!important} .align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} @media (min-width:576px){ .flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-sm-center{-ms-flex-align:center!important;align-items:center!important} .align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } @media (min-width:768px){ .flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-md-center{-ms-flex-align:center!important;align-items:center!important} .align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } @media (min-width:992px){ .flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-lg-center{-ms-flex-align:center!important;align-items:center!important} .align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } @media (min-width:1200px){ .flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important} .flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important} .flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important} .flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important} .flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important} .flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important} .flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important} .flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important} .flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important} .flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important} .flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important} .flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important} .justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important} .justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} .align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important} .align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important} .align-items-xl-center{-ms-flex-align:center!important;align-items:center!important} .align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important} .align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important} .align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important} .align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important} .align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important} .align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important} .align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important} .align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important} .align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important} .align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important} .align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important} .align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important} .align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important} .align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important} } .float-left{float:left!important} .float-right{float:right!important} .float-none{float:none!important} @media (min-width:576px){ .float-sm-left{float:left!important} .float-sm-right{float:right!important} .float-sm-none{float:none!important} } @media (min-width:768px){ .float-md-left{float:left!important} .float-md-right{float:right!important} .float-md-none{float:none!important} } @media (min-width:992px){ .float-lg-left{float:left!important} .float-lg-right{float:right!important} .float-lg-none{float:none!important} } @media (min-width:1200px){ .float-xl-left{float:left!important} .float-xl-right{float:right!important} .float-xl-none{float:none!important} } .position-static{position:static!important} .position-relative{position:relative!important} .position-absolute{position:absolute!important} .position-fixed{position:fixed!important} .position-sticky{position:-webkit-sticky!important;position:sticky!important} .fixed-top{position:fixed;top:0;right:0;left:0; box-shadow: 0 1px 1px rgba(0,0,0,0.1); z-index:1030; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0} .fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030} @supports ((position:-webkit-sticky) or (position:sticky)){ .sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020} } .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal} .shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important} .shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important} .shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important} .shadow-none{box-shadow:none!important} .w-25{width:25%!important} .w-50{width:50%!important} .w-75{width:75%!important} .w-100{width:100%!important} .w-auto{width:auto!important} .h-25{height:25%!important} .h-50{height:50%!important} .h-75{height:75%!important} .h-100{height:100%!important} .h-auto{height:auto!important} .mw-100{max-width:100%!important} .mh-100{max-height:100%!important} .m-0{margin:0!important} .mt-0,.my-0{margin-top:0!important} .mr-0,.mx-0{margin-right:0!important} .mb-0,.my-0{margin-bottom:0!important} .ml-0,.mx-0{margin-left:0!important} .m-1{margin:.25rem!important} .mt-1,.my-1{margin-top:.25rem!important} .mr-1,.mx-1{margin-right:.25rem!important} .mb-1,.my-1{margin-bottom:.25rem!important} .ml-1,.mx-1{margin-left:.25rem!important} .m-2{margin:.5rem!important} .mt-2,.my-2{margin-top:.5rem!important} .mr-2,.mx-2{margin-right:.5rem!important} .mb-2,.my-2{margin-bottom:.5rem!important} .ml-2,.mx-2{margin-left:.5rem!important} .m-3{margin:1rem!important} .mt-3,.my-3{margin-top:1rem!important} .mr-3,.mx-3{margin-right:1rem!important} .mb-3,.my-3{margin-bottom:1rem!important} .ml-3,.mx-3{margin-left:1rem!important} .m-4{margin:1.5rem!important} .mt-4,.my-4{margin-top:1.5rem!important} .mr-4,.mx-4{margin-right:1.5rem!important} .mb-4,.my-4{margin-bottom:1.5rem!important} .ml-4,.mx-4{margin-left:1.5rem!important} .m-5{margin:3rem!important} .mt-5,.my-5{margin-top:3rem!important} .mr-5,.mx-5{margin-right:3rem!important} .mb-5,.my-5{margin-bottom:3rem!important} .ml-5,.mx-5{margin-left:3rem!important} .p-0{padding:0!important} .pt-0,.py-0{padding-top:0!important} .pr-0,.px-0{padding-right:0!important} .pb-0,.py-0{padding-bottom:0!important} .pl-0,.px-0{padding-left:0!important} .p-1{padding:.25rem!important} .pt-1,.py-1{padding-top:.25rem!important} .pr-1,.px-1{padding-right:.25rem!important} .pb-1,.py-1{padding-bottom:.25rem!important} .pl-1,.px-1{padding-left:.25rem!important} .p-2{padding:.5rem!important} .pt-2,.py-2{padding-top:.5rem!important} .pr-2,.px-2{padding-right:.5rem!important} .pb-2,.py-2{padding-bottom:.5rem!important} .pl-2,.px-2{padding-left:.5rem!important} .p-3{padding:1rem!important} .pt-3,.py-3{padding-top:1rem!important} .pr-3,.px-3{padding-right:1rem!important} .pb-3,.py-3{padding-bottom:1rem!important} .pl-3,.px-3{padding-left:1rem!important} .p-4{padding:1.5rem!important} .pt-4,.py-4{padding-top:1.5rem!important} .pr-4,.px-4{padding-right:1.5rem!important} .pb-4,.py-4{padding-bottom:1.5rem!important} .pl-4,.px-4{padding-left:1.5rem!important} .p-5{padding:3rem!important} .pt-5,.py-5{padding-top:3rem!important} .pr-5,.px-5{padding-right:3rem!important} .pb-5,.py-5{padding-bottom:3rem!important} .pl-5,.px-5{padding-left:3rem!important} .m-auto{margin:auto!important} .mt-auto,.my-auto{margin-top:auto!important} .mr-auto,.mx-auto{margin-right:auto!important} .mb-auto,.my-auto{margin-bottom:auto!important} .ml-auto,.mx-auto{margin-left:auto!important} @media (min-width:576px){ .m-sm-0{margin:0!important} .mt-sm-0,.my-sm-0{margin-top:0!important} .mr-sm-0,.mx-sm-0{margin-right:0!important} .mb-sm-0,.my-sm-0{margin-bottom:0!important} .ml-sm-0,.mx-sm-0{margin-left:0!important} .m-sm-1{margin:.25rem!important} .mt-sm-1,.my-sm-1{margin-top:.25rem!important} .mr-sm-1,.mx-sm-1{margin-right:.25rem!important} .mb-sm-1,.my-sm-1{margin-bottom:.25rem!important} .ml-sm-1,.mx-sm-1{margin-left:.25rem!important} .m-sm-2{margin:.5rem!important} .mt-sm-2,.my-sm-2{margin-top:.5rem!important} .mr-sm-2,.mx-sm-2{margin-right:.5rem!important} .mb-sm-2,.my-sm-2{margin-bottom:.5rem!important} .ml-sm-2,.mx-sm-2{margin-left:.5rem!important} .m-sm-3{margin:1rem!important} .mt-sm-3,.my-sm-3{margin-top:1rem!important} .mr-sm-3,.mx-sm-3{margin-right:1rem!important} .mb-sm-3,.my-sm-3{margin-bottom:1rem!important} .ml-sm-3,.mx-sm-3{margin-left:1rem!important} .m-sm-4{margin:1.5rem!important} .mt-sm-4,.my-sm-4{margin-top:1.5rem!important} .mr-sm-4,.mx-sm-4{margin-right:1.5rem!important} .mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important} .ml-sm-4,.mx-sm-4{margin-left:1.5rem!important} .m-sm-5{margin:3rem!important} .mt-sm-5,.my-sm-5{margin-top:3rem!important} .mr-sm-5,.mx-sm-5{margin-right:3rem!important} .mb-sm-5,.my-sm-5{margin-bottom:3rem!important} .ml-sm-5,.mx-sm-5{margin-left:3rem!important} .p-sm-0{padding:0!important} .pt-sm-0,.py-sm-0{padding-top:0!important} .pr-sm-0,.px-sm-0{padding-right:0!important} .pb-sm-0,.py-sm-0{padding-bottom:0!important} .pl-sm-0,.px-sm-0{padding-left:0!important} .p-sm-1{padding:.25rem!important} .pt-sm-1,.py-sm-1{padding-top:.25rem!important} .pr-sm-1,.px-sm-1{padding-right:.25rem!important} .pb-sm-1,.py-sm-1{padding-bottom:.25rem!important} .pl-sm-1,.px-sm-1{padding-left:.25rem!important} .p-sm-2{padding:.5rem!important} .pt-sm-2,.py-sm-2{padding-top:.5rem!important} .pr-sm-2,.px-sm-2{padding-right:.5rem!important} .pb-sm-2,.py-sm-2{padding-bottom:.5rem!important} .pl-sm-2,.px-sm-2{padding-left:.5rem!important} .p-sm-3{padding:1rem!important} .pt-sm-3,.py-sm-3{padding-top:1rem!important} .pr-sm-3,.px-sm-3{padding-right:1rem!important} .pb-sm-3,.py-sm-3{padding-bottom:1rem!important} .pl-sm-3,.px-sm-3{padding-left:1rem!important} .p-sm-4{padding:1.5rem!important} .pt-sm-4,.py-sm-4{padding-top:1.5rem!important} .pr-sm-4,.px-sm-4{padding-right:1.5rem!important} .pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important} .pl-sm-4,.px-sm-4{padding-left:1.5rem!important} .p-sm-5{padding:3rem!important} .pt-sm-5,.py-sm-5{padding-top:3rem!important} .pr-sm-5,.px-sm-5{padding-right:3rem!important} .pb-sm-5,.py-sm-5{padding-bottom:3rem!important} .pl-sm-5,.px-sm-5{padding-left:3rem!important} .m-sm-auto{margin:auto!important} .mt-sm-auto,.my-sm-auto{margin-top:auto!important} .mr-sm-auto,.mx-sm-auto{margin-right:auto!important} .mb-sm-auto,.my-sm-auto{margin-bottom:auto!important} .ml-sm-auto,.mx-sm-auto{margin-left:auto!important} } @media (min-width:768px){ .m-md-0{margin:0!important} .mt-md-0,.my-md-0{margin-top:0!important} .mr-md-0,.mx-md-0{margin-right:0!important} .mb-md-0,.my-md-0{margin-bottom:0!important} .ml-md-0,.mx-md-0{margin-left:0!important} .m-md-1{margin:.25rem!important} .mt-md-1,.my-md-1{margin-top:.25rem!important} .mr-md-1,.mx-md-1{margin-right:.25rem!important} .mb-md-1,.my-md-1{margin-bottom:.25rem!important} .ml-md-1,.mx-md-1{margin-left:.25rem!important} .m-md-2{margin:.5rem!important} .mt-md-2,.my-md-2{margin-top:.5rem!important} .mr-md-2,.mx-md-2{margin-right:.5rem!important} .mb-md-2,.my-md-2{margin-bottom:.5rem!important} .ml-md-2,.mx-md-2{margin-left:.5rem!important} .m-md-3{margin:1rem!important} .mt-md-3,.my-md-3{margin-top:1rem!important} .mr-md-3,.mx-md-3{margin-right:1rem!important} .mb-md-3,.my-md-3{margin-bottom:1rem!important} .ml-md-3,.mx-md-3{margin-left:1rem!important} .m-md-4{margin:1.5rem!important} .mt-md-4,.my-md-4{margin-top:1.5rem!important} .mr-md-4,.mx-md-4{margin-right:1.5rem!important} .mb-md-4,.my-md-4{margin-bottom:1.5rem!important} .ml-md-4,.mx-md-4{margin-left:1.5rem!important} .m-md-5{margin:3rem!important} .mt-md-5,.my-md-5{margin-top:3rem!important} .mr-md-5,.mx-md-5{margin-right:3rem!important} .mb-md-5,.my-md-5{margin-bottom:3rem!important} .ml-md-5,.mx-md-5{margin-left:3rem!important} .p-md-0{padding:0!important} .pt-md-0,.py-md-0{padding-top:0!important} .pr-md-0,.px-md-0{padding-right:0!important} .pb-md-0,.py-md-0{padding-bottom:0!important} .pl-md-0,.px-md-0{padding-left:0!important} .p-md-1{padding:.25rem!important} .pt-md-1,.py-md-1{padding-top:.25rem!important} .pr-md-1,.px-md-1{padding-right:.25rem!important} .pb-md-1,.py-md-1{padding-bottom:.25rem!important} .pl-md-1,.px-md-1{padding-left:.25rem!important} .p-md-2{padding:.5rem!important} .pt-md-2,.py-md-2{padding-top:.5rem!important} .pr-md-2,.px-md-2{padding-right:.5rem!important} .pb-md-2,.py-md-2{padding-bottom:.5rem!important} .pl-md-2,.px-md-2{padding-left:.5rem!important} .p-md-3{padding:1rem!important} .pt-md-3,.py-md-3{padding-top:1rem!important} .pr-md-3,.px-md-3{padding-right:1rem!important} .pb-md-3,.py-md-3{padding-bottom:1rem!important} .pl-md-3,.px-md-3{padding-left:1rem!important} .p-md-4{padding:1.5rem!important} .pt-md-4,.py-md-4{padding-top:1.5rem!important} .pr-md-4,.px-md-4{padding-right:1.5rem!important} .pb-md-4,.py-md-4{padding-bottom:1.5rem!important} .pl-md-4,.px-md-4{padding-left:1.5rem!important} .p-md-5{padding:3rem!important} .pt-md-5,.py-md-5{padding-top:3rem!important} .pr-md-5,.px-md-5{padding-right:3rem!important} .pb-md-5,.py-md-5{padding-bottom:3rem!important} .pl-md-5,.px-md-5{padding-left:3rem!important} .m-md-auto{margin:auto!important} .mt-md-auto,.my-md-auto{margin-top:auto!important} .mr-md-auto,.mx-md-auto{margin-right:auto!important} .mb-md-auto,.my-md-auto{margin-bottom:auto!important} .ml-md-auto,.mx-md-auto{margin-left:auto!important} } @media (min-width:992px){ .m-lg-0{margin:0!important} .mt-lg-0,.my-lg-0{margin-top:0!important} .mr-lg-0,.mx-lg-0{margin-right:0!important} .mb-lg-0,.my-lg-0{margin-bottom:0!important} .ml-lg-0,.mx-lg-0{margin-left:0!important} .m-lg-1{margin:.25rem!important} .mt-lg-1,.my-lg-1{margin-top:.25rem!important} .mr-lg-1,.mx-lg-1{margin-right:.25rem!important} .mb-lg-1,.my-lg-1{margin-bottom:.25rem!important} .ml-lg-1,.mx-lg-1{margin-left:.25rem!important} .m-lg-2{margin:.5rem!important} .mt-lg-2,.my-lg-2{margin-top:.5rem!important} .mr-lg-2,.mx-lg-2{margin-right:.5rem!important} .mb-lg-2,.my-lg-2{margin-bottom:.5rem!important} .ml-lg-2,.mx-lg-2{margin-left:.5rem!important} .m-lg-3{margin:1rem!important} .mt-lg-3,.my-lg-3{margin-top:1rem!important} .mr-lg-3,.mx-lg-3{margin-right:1rem!important} .mb-lg-3,.my-lg-3{margin-bottom:1rem!important} .ml-lg-3,.mx-lg-3{margin-left:1rem!important} .m-lg-4{margin:1.5rem!important} .mt-lg-4,.my-lg-4{margin-top:1.5rem!important} .mr-lg-4,.mx-lg-4{margin-right:1.5rem!important} .mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important} .ml-lg-4,.mx-lg-4{margin-left:1.5rem!important} .m-lg-5{margin:3rem!important} .mt-lg-5,.my-lg-5{margin-top:3rem!important} .mr-lg-5,.mx-lg-5{margin-right:3rem!important} .mb-lg-5,.my-lg-5{margin-bottom:3rem!important} .ml-lg-5,.mx-lg-5{margin-left:3rem!important} .p-lg-0{padding:0!important} .pt-lg-0,.py-lg-0{padding-top:0!important} .pr-lg-0,.px-lg-0{padding-right:0!important} .pb-lg-0,.py-lg-0{padding-bottom:0!important} .pl-lg-0,.px-lg-0{padding-left:0!important} .p-lg-1{padding:.25rem!important} .pt-lg-1,.py-lg-1{padding-top:.25rem!important} .pr-lg-1,.px-lg-1{padding-right:.25rem!important} .pb-lg-1,.py-lg-1{padding-bottom:.25rem!important} .pl-lg-1,.px-lg-1{padding-left:.25rem!important} .p-lg-2{padding:.5rem!important} .pt-lg-2,.py-lg-2{padding-top:.5rem!important} .pr-lg-2,.px-lg-2{padding-right:.5rem!important} .pb-lg-2,.py-lg-2{padding-bottom:.5rem!important} .pl-lg-2,.px-lg-2{padding-left:.5rem!important} .p-lg-3{padding:1rem!important} .pt-lg-3,.py-lg-3{padding-top:1rem!important} .pr-lg-3,.px-lg-3{padding-right:1rem!important} .pb-lg-3,.py-lg-3{padding-bottom:1rem!important} .pl-lg-3,.px-lg-3{padding-left:1rem!important} .p-lg-4{padding:1.5rem!important} .pt-lg-4,.py-lg-4{padding-top:1.5rem!important} .pr-lg-4,.px-lg-4{padding-right:1.5rem!important} .pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important} .pl-lg-4,.px-lg-4{padding-left:1.5rem!important} .p-lg-5{padding:3rem!important} .pt-lg-5,.py-lg-5{padding-top:3rem!important} .pr-lg-5,.px-lg-5{padding-right:3rem!important} .pb-lg-5,.py-lg-5{padding-bottom:3rem!important} .pl-lg-5,.px-lg-5{padding-left:3rem!important} .m-lg-auto{margin:auto!important} .mt-lg-auto,.my-lg-auto{margin-top:auto!important} .mr-lg-auto,.mx-lg-auto{margin-right:auto!important} .mb-lg-auto,.my-lg-auto{margin-bottom:auto!important} .ml-lg-auto,.mx-lg-auto{margin-left:auto!important} } @media (min-width:1200px){ .m-xl-0{margin:0!important} .mt-xl-0,.my-xl-0{margin-top:0!important} .mr-xl-0,.mx-xl-0{margin-right:0!important} .mb-xl-0,.my-xl-0{margin-bottom:0!important} .ml-xl-0,.mx-xl-0{margin-left:0!important} .m-xl-1{margin:.25rem!important} .mt-xl-1,.my-xl-1{margin-top:.25rem!important} .mr-xl-1,.mx-xl-1{margin-right:.25rem!important} .mb-xl-1,.my-xl-1{margin-bottom:.25rem!important} .ml-xl-1,.mx-xl-1{margin-left:.25rem!important} .m-xl-2{margin:.5rem!important} .mt-xl-2,.my-xl-2{margin-top:.5rem!important} .mr-xl-2,.mx-xl-2{margin-right:.5rem!important} .mb-xl-2,.my-xl-2{margin-bottom:.5rem!important} .ml-xl-2,.mx-xl-2{margin-left:.5rem!important} .m-xl-3{margin:1rem!important} .mt-xl-3,.my-xl-3{margin-top:1rem!important} .mr-xl-3,.mx-xl-3{margin-right:1rem!important} .mb-xl-3,.my-xl-3{margin-bottom:1rem!important} .ml-xl-3,.mx-xl-3{margin-left:1rem!important} .m-xl-4{margin:1.5rem!important} .mt-xl-4,.my-xl-4{margin-top:1.5rem!important} .mr-xl-4,.mx-xl-4{margin-right:1.5rem!important} .mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important} .ml-xl-4,.mx-xl-4{margin-left:1.5rem!important} .m-xl-5{margin:3rem!important} .mt-xl-5,.my-xl-5{margin-top:3rem!important} .mr-xl-5,.mx-xl-5{margin-right:3rem!important} .mb-xl-5,.my-xl-5{margin-bottom:3rem!important} .ml-xl-5,.mx-xl-5{margin-left:3rem!important} .p-xl-0{padding:0!important} .pt-xl-0,.py-xl-0{padding-top:0!important} .pr-xl-0,.px-xl-0{padding-right:0!important} .pb-xl-0,.py-xl-0{padding-bottom:0!important} .pl-xl-0,.px-xl-0{padding-left:0!important} .p-xl-1{padding:.25rem!important} .pt-xl-1,.py-xl-1{padding-top:.25rem!important} .pr-xl-1,.px-xl-1{padding-right:.25rem!important} .pb-xl-1,.py-xl-1{padding-bottom:.25rem!important} .pl-xl-1,.px-xl-1{padding-left:.25rem!important} .p-xl-2{padding:.5rem!important} .pt-xl-2,.py-xl-2{padding-top:.5rem!important} .pr-xl-2,.px-xl-2{padding-right:.5rem!important} .pb-xl-2,.py-xl-2{padding-bottom:.5rem!important} .pl-xl-2,.px-xl-2{padding-left:.5rem!important} .p-xl-3{padding:1rem!important} .pt-xl-3,.py-xl-3{padding-top:1rem!important} .pr-xl-3,.px-xl-3{padding-right:1rem!important} .pb-xl-3,.py-xl-3{padding-bottom:1rem!important} .pl-xl-3,.px-xl-3{padding-left:1rem!important} .p-xl-4{padding:1.5rem!important} .pt-xl-4,.py-xl-4{padding-top:1.5rem!important} .pr-xl-4,.px-xl-4{padding-right:1.5rem!important} .pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important} .pl-xl-4,.px-xl-4{padding-left:1.5rem!important} .p-xl-5{padding:3rem!important} .pt-xl-5,.py-xl-5{padding-top:3rem!important} .pr-xl-5,.px-xl-5{padding-right:3rem!important} .pb-xl-5,.py-xl-5{padding-bottom:3rem!important} .pl-xl-5,.px-xl-5{padding-left:3rem!important} .m-xl-auto{margin:auto!important} .mt-xl-auto,.my-xl-auto{margin-top:auto!important} .mr-xl-auto,.mx-xl-auto{margin-right:auto!important} .mb-xl-auto,.my-xl-auto{margin-bottom:auto!important} .ml-xl-auto,.mx-xl-auto{margin-left:auto!important} } .text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace} .text-justify{text-align:justify!important} .text-nowrap{white-space:nowrap!important} .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .text-left{text-align:left!important} .text-right{text-align:right!important} .text-center{text-align:center!important} @media (min-width:576px){ .text-sm-left{text-align:left!important} .text-sm-right{text-align:right!important} .text-sm-center{text-align:center!important} } @media (min-width:768px){ .text-md-left{text-align:left!important} .text-md-right{text-align:right!important} .text-md-center{text-align:center!important} } @media (min-width:992px){ .text-lg-left{text-align:left!important} .text-lg-right{text-align:right!important} .text-lg-center{text-align:center!important} } @media (min-width:1200px){ .text-xl-left{text-align:left!important} .text-xl-right{text-align:right!important} .text-xl-center{text-align:center!important} main.container .row .col-md-3.leftsidebar{width:275px} main.container .row .col-md-9{width:960px} } .text-lowercase{text-transform:lowercase!important} .text-uppercase{text-transform:uppercase!important} .text-capitalize{text-transform:capitalize!important} .font-weight-light{font-weight:300!important} .font-weight-normal{font-weight:400!important} .font-weight-bold{font-weight:700!important} .font-italic{font-style:italic!important} .text-white{color:#fff!important} .text-primary{color:#0a222e!important} a.text-primary:focus,a.text-primary:hover{color:#0062cc!important} .text-secondary{color:#6c757d!important} a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important} .text-success{color:#28a745!important} a.text-success:focus,a.text-success:hover{color:#1e7e34!important} .text-info{color:#17a2b8!important} a.text-info:focus,a.text-info:hover{color:#117a8b!important} .text-warning{color:#ffc107!important} a.text-warning:focus,a.text-warning:hover{color:#d39e00!important} .text-danger{color:#dc3545!important} a.text-danger:focus,a.text-danger:hover{color:#bd2130!important} .text-light{color:#f8f9fa!important} a.text-light:focus,a.text-light:hover{color:#dae0e5!important} .text-dark{color:#343a40!important} a.text-dark:focus,a.text-dark:hover{color:#1d2124!important} .text-body{color:#212529!important} .text-muted{color:#6c757d!important} .text-black-50{color:rgba(0,0,0,.5)!important} .text-white-50{color:rgba(255,255,255,.5)!important} .text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0} .visible{visibility:visible!important} .invisible{visibility:hidden!important} @media print{ *,::after,::before{text-shadow:none!important;box-shadow:none!important} a:not(.btn){text-decoration:underline} abbr[title]::after{content:" (" attr(title) ")"} pre{white-space:pre-wrap!important} blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid} thead{display:table-header-group} img,tr{page-break-inside:avoid} h2,h3,p{orphans:3;widows:3} h2,h3{page-break-after:avoid} @page{size:a3} body{min-width:992px!important} .container{min-width:992px!important} .navbar{display:none} .badge{border:1px solid #000} .table{border-collapse:collapse!important} .table td,.table th{background-color:#fff!important} .table-bordered td,.table-bordered th{border:1px solid #dee2e6!important} .table-dark{color:inherit} .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6} .table .thead-dark th{color:inherit;border-color:#dee2e6} } .num-404-error {font-size: 200px; margin-top: 50px; line-height: 160px; color: #ee8131} .text-404-error {font-size: 30px;padding: 35px 0 35px} .errorpagein {margin-bottom: 70px;text-align: center} .sticky.is-sticky {position: fixed; left: 0; right: 0; top: 0; z-index: 1000; width: 100%} .fixedarea {color: #fff; margin-top: -50px; position: fixed; right: 0; top: 40%; width: 36px; z-index: 1001} .fixedlinks {width: 36px} .fixedarealink, .fixedarealink:active, .fixedarealink:visited, .fixedarealink:hover { border-bottom: 1px solid #999; color: #fff; text-decoration: none; cursor: pointer; display:block; height: 36px; line-height: 36px; overflow: hidden; position: relative; text-align: center; vertical-align: middle; width: 100%; } .fixedarealink{background-color: #000; opacity:0.65} .fixedarealink:active, .fixedarealink:visited, .fixedarealink:hover{opacity:1} .fixedarealink:nth-child(7), .fixedarealink:nth-child(7):active, .fixedarealink:nth-child(7):visited, .fixedarealink:nth-child(7):hover {border-bottom: 0 none} .fixedareaimg {display: block; height: 30px; margin: 3px; overflow: hidden; width: 30px; background-repeat:no-repeat; background-image:url(/bitrix/templates/avtoservis/images/righticons.png); } .fixedareaimg.actions{background-position: -60px top} .fixedareaimg.konticon{background-position: -150px top} .fixedareaimg.calckuzov{background-position: 0 top} .fixedareaimg.calcto{background-position: -210px top} .fixedareaimg.telegram{background-position: -240px top} .fixedareaimg.viber{background-position: -270px top} .fixedareaimg.whatsupicon{background-position: -300px top} .fixedareaimg.max{background-position: -328px top} a.fixedarealink:hover .fixedareaimg.actions{background-position: -60px bottom} a.fixedarealink:hover .fixedareaimg.konticon{background-position: -150px bottom} a.fixedarealink:hover .fixedareaimg.calckuzov{background-position: 0 bottom} a.fixedarealink:hover .fixedareaimg.calcto{background-position: -210px bottom} a.fixedarealink:hover .fixedareaimg.telegram{background-position: -240px bottom} a.fixedarealink:hover .fixedareaimg.viber{background-position: -270px bottom} a.fixedarealink:hover .fixedareaimg.whatsupicon{background-position: -300px bottom} .header_logo img {width: auto; height: auto; max-width:210px} main{margin-bottom: 50px} .fixedareatext {display: inline-block; font-size: 11px; line-height: 15px; padding: 0 5px 0 10px; text-align: left; vertical-align: middle; width: 95px} .mainbanner{padding-top:30px; padding-bottom: 30px; background-image:url(/bitrix/templates/avtoservis/images/glavfon.jpg); background-size: cover; background-position:center center } .mainbanner .container .dtitle { text-shadow: 2px 2px 0px #fff; color: #01183f; font-size: 31px; font-weight: 500; margin: 0 0 10px; padding: 3px; text-align: center; border-radius: 8px; } .mainbanner .container .clouds{position: relative; margin-left:-15px; margin-right:-15px} .mainbanner img.topcar{display:block; margin: 120px auto 0} .mainbanner .slidecloud{position: absolute} .mainbanner .slidecloud.service1{left: 310px;top: -54px;} .mainbanner .slidecloud.service2{left: 84px; top:65px;} .mainbanner .slidecloud.service3{left: 96px; top:227px;} .mainbanner .slidecloud.service4{left: 687px; top:-30px} .mainbanner .slidecloud.service5{left: 828px;top:53px;} .mainbanner .slidecloud.service6{left: 316px; top:328px;} .mainbanner .slidecloud a{margin: 0; padding: 10px; background:rgba(255,255,255,0.7); text-align:center; display:block; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor:pointer} .mainbanner .slidecloud a:hover { transform: scale(1.2); text-decoration:none; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .mainbanner .slidecloud a span.uslname{font-size: 16px; color:#01183f; display:block; font-weight:500} .mainbanner .slidecloud a span.skidvalue{font-size: 15px; color:#b90016; display:block; font-weight:500} p.soglas {height: auto;} .icon {background-image:url(/bitrix/templates/avtoservis/images/sprite.png); background-repeat:no-repeat; display:block;} .phon.icon{background-position: left top; width: 32px; min-width: 32px; height: 31px;} .addr.icon{background-position: right top; width: 23px; min-width: 23px; height: 31px;} .stremont.icon{margin-right:17px;background-position: left bottom; height: 21px; width: 13px; min-width: 13px;} .srremont.icon {margin-right: 10px;background-position: -13px bottom; height: 20px; width: 20px; min-width: 20px} .ukaz.icon{margin-right: 14px; background-position: -33px bottom; width: 16px;min-width: 16px; height:16px;} .page-header {padding-top: 10px; padding-bottom: 0;} .page-header .address, .page-header .phone {font-size: 13px; line-height: 18px; color:#000; margin: 0} .page-header .phone {font-size: 18px; font-weight:500; height: 20px; overflow:hidden} .page-header .phone a {color:#0a222e} .page-header .phone a:hover {text-decoration:none} .page-header .grafik, .page-header a.perezvonite {font-size: 13px; color:#255794; font-weight:400; margin: 0;} .page-header .icon{float:left; margin-right: 20px; margin-bottom:10px} .navbar-light {background:#fff; padding-top:5px; padding-bottom: 10px} .nashipreim{padding-top: 20px; padding-bottom: 20px; background-image:url(/bitrix/templates/avtoservis/images/onasfon.jpg); background-repeat: repeat; background-position:center center;} .nashipreim .container{} .nashipreim .container h1{font-size: 30px; color:#01183f; text-align:center; font-weight:500; margin: 30px auto 20px} .nashipreim .container h2{margin: 20px 0; color: #001342; text-align: center} .nashipreim .container .row.preimush{display:flex; align-items:center; justify-content:space-between; margin-top: 30px; margin-bottom: 20px} .nashipreim .container .row .col-md-4{min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; text-align:center; margin-bottom: 30px} .nashipreim .container .row .col-md-4 img{display:block; margin: 0 auto 30px; width: auto; height: auto; max-width:100%} .nashipreim .container .row .col-md-4 p { background: #121e40; bottom: -10px; color: #fff; font-size: 13px; font-weight: 300; left:10%; line-height: 15px; padding: 5px; position: absolute; width:80%; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px; } .nashipreim .container .row .col-md-4 p span{font-weight: 500;} .row.ocenkaonline2{background-image:url(/images/flash.jpg); background-repeat:no-repeat; background-size: auto 100%; background-position: right top} .topuslugi{padding: 30px 0; background-image: url(/bitrix/templates/avtoservis/images/uslfon.jpg); background-size: cover; background-position: center center} .topuslugi .row{} .zainteres{padding: 30px 0; background-image: url(/bitrix/templates/avtoservis/images/interesfon.jpg); background-size: cover; background-position: center center} .zainteres .col-sm-7{} .zainteres .col-sm-7 h3{margin-top: 10px; font-size: 37px; color:#255794; } .zainteres .col-sm-7 h3 span{display:block; font-size: 29px;} .zainteres .col-sm-7 p{font-size: 20px; color:#000} .zainteres .col-sm-5 input[type="text"] { background: rgba(255,255,255,0.5); border: 1px solid #255794; border-radius: 10px; color: #255794; display: block; font-size: 15px; margin: 18px auto 15px; padding: 8px; text-align: center; width: 100%; } .zainteres .col-sm-5 p.soglas {color: #000; font-size: 13px; line-height: 24px} .zainteres .col-sm-5 .btn.btn-success{ display:block; margin: 12px auto; width: 100%; padding: 5px; text-align:center; font-size: 20px; border-radius: 10px; background:#255794; border-color:#255794 } .zainteres .col-sm-5 input[type=text]::-moz-placeholder{color:#777;opacity:1} .zainteres .col-sm-5 input[type=text]::-webkit-input-placeholder{color:#777;opacity:1} .zainteres .col-sm-5 input[type=text]::-ms-input-placeholder{color:#777;opacity:1} .zainteres .col-sm-5 input[type=text]::-ms-input-placeholder{color:#777;opacity:1} .zainteres .col-sm-5 input[type=text]::placeholder{color:#777;opacity:0.9} .zainteres .form-control::-moz-placeholder{color:#777;opacity:1} .zainteres .form-control::-webkit-input-placeholder{color:#777;opacity:1} .zainteres .form-control::-ms-input-placeholder{color:#777;opacity:1} .zainteres .form-control::-ms-input-placeholder{color:#777;opacity:1} .zainteres .form-control::placeholder{color:#777;opacity:1} .uznaitestoim{padding-top: 50px; padding-bottom: 50px; background-image:url(/bitrix/templates/avtoservis/images/uznstoimfon.jpg); background-repeat: repeat-x; background-position:center center;} .uznaitestoim .container{} .uznaitestoim .container .row{} .uznaitestoim .container .row .col-sm-12{} .uznaitestoim .container .row .col-sm-12 h3{font-size: 32px; color:#024884; text-align:center; margin: 0 0 20px 0} .uznaitestoim .container .row .col-sm-12 form { display: flex; margin: 0 auto; max-width: 80%; } .uznaitestoim .container .row .col-sm-12 form input { background: #fff; border: 1px solid #024884; font-size: 15px; text-align:center; margin-right: 20px; min-height: 42px; padding: 10px; } .uznaitestoim .container .row .col-sm-12 form button.btn-primary { background:#024884; border: 1px solid #024884; color: #fff; font-size: 15px; font-weight: 500; padding: 4px 30px; } .uznaitestoim .container .row .col-sm-12 form button.btn-primary:hover {color: #024884; background:#fff; border: 1px solid #024884;} .portfolio{padding-top: 20px; padding-bottom: 100px; background-image:url(/bitrix/templates/avtoservis/images/foliofon.jpg); background-size: 100% auto; background-repeat: repeat-x; background-position:center bottom; } .portfolio h3{text-align:center; margin: 20px 0; color:#01183f} .portfolio .col-md-12 > p{text-align:center; font-size: 14px; font-weight:400; color:#000; } .owl-carousel.owlportfolio .owl-nav button.owl-prev, .owl-carousel.owlportfolio .owl-nav button.owl-next { font-weight: 400; color: #fff; background: #255794; font-size: 14px; text-align: center; position: absolute; bottom: -38px; border-radius: 5px } .owl-carousel.owlportfolio .owl-nav button.owl-prev span, .owl-carousel.owlportfolio .owl-nav button.owl-next span{display:block; padding: 8px 20px 9px 20px} .owl-carousel.owlportfolio .owl-nav button:hover{background:#01183f} .owl-carousel.owlportfolio .owl-nav button.owl-prev{left: 0} .owl-carousel.owlportfolio .owl-nav button.owl-next{right:0} /* .whatsup{padding-top: 10px; padding-bottom: 10px; background-image:url(/bitrix/templates/avtoservis/images/whatsupfon.jpg); background-size: cover; background-repeat: repeat-x; background-position:center center; } .whatsup .col-md-4{} .whatsup .col-md-4 img{display:block; margin: -50px auto 0; width: auto; max-width: 100%} .whatsup .col-md-8{text-align:center; color:#fff;} .whatsup .col-md-8 h3{color:#fff; font-size: 44px; margin: 10px 0; } .whatsup .col-md-8 p{color:#fff; font-size: 26px; margin: 10px 0} .whatsup .col-md-8 p b{font-weight:500} .whatsup .col-md-8 p a.btn{color:#fff; padding: 10px; margin: 10px auto; background:#01183f; width: auto; min-width: 80%} */ .vkblok {background:#f3f4f6; padding-top: 50px; padding-bottom: 20px; clear:both;} .vkblok h3 { color: #000f48; font-size: 60px; font-weight: 700; margin-top: 0; text-transform: uppercase; } .vkblok p { color: #255794; font-size: 28px; font-weight: 500; line-height: 1.1em; } .vkblok p a { color: #255794; display: block; font-size: 44px; font-weight: 500; text-decoration: none; line-height: 1.2em; } .vkblok img {margin: 0 auto; display:block} .vkblok .col-md-2{padding-left: 0} .myvsocsetyah{padding-top: 50px; padding-bottom: 50px; clear:both; background-image:url(/bitrix/templates/avtoservis/images/socialfon.jpg); background-size: cover; background-repeat: repeat-x; background-position:center center; } .myvsocsetyah h3{font-size: 30px; font-weight:500; text-align:center; } .myvsocsetyah p{font-size: 13px; font-weight:400; text-align:center; margin: 30px auto} .myvsocsetyah .row{} .myvsocsetyah .socvideos{text-align:center} .myvsocsetyah .socvideos .col-md-4{text-align:center} .myvsocsetyah .socvideos .col-md-4 iframe {display:block; margin: 0 auto; max-width: 100%; width: auto; height: auto; max-height: 240px} .myvsocsetyah .socialki{text-align:center; margin-top: 30px; margin-bottom: 10px} .myvsocsetyah .socialki .col-md-3{text-align:center} .myvsocsetyah .socialki .col-md-3 img {display:block; margin: 0 auto} .akcii{padding-top: 50px; padding-bottom: 50px; clear:both; background-image:url(/bitrix/templates/avtoservis/images/akciifon.jpg); background-repeat: no-repeat; background-position:right center; } .akcii h3{font-size: 30px; font-weight:500; text-align:center; } .akcii p{font-size: 13px; font-weight:400; text-align:center; margin: 20px auto} .akcii p.firstakcia{color: #01183f; font-size: 18px; line-height:1em; font-weight: 700; margin: 0 auto 8px; text-align: center} .akcii p.firstakcia span{color: #b90016; font-size: 18px; line-height:1em; font-weight: 700; margin: 0 auto 8px; text-align: center} .akcii .owlakcii{padding: 0 30px} .akcii .owlakcii .item{padding: 14px 13px} .akcii .owlakcii .item img{display:block; } .akcii .owlakcii .owl-prev {position: absolute; top: 48%; left: 0} .akcii .owlakcii .owl-next {position: absolute; top: 48%; right: 0} .akcii .owlakcii .owl-nav button i.fa{color:#999} .akcii .owlakcii .item .akcicon{ background-image: url(/bitrix/templates/avtoservis/images/akcicon.png); background-repeat:no-repeat; width: 135px; height: 135px; display:block; position: absolute; right: 0; top: 0; } .akcii .owlakcii .item p.infoakcii{font-size: 20px; color:#fff; font-weight:500; line-height: 28px; display:block; position: absolute; left: 0; top: 30px; padding:15px; background:#255794} .akcii .owlakcii .item p.akciibut{text-align:center; position: absolute; left: 0; top: 170px; } .akcii .owlakcii .item p.akciibut a{background:#7da5d6; display:block; padding: 15px 40px; color:#fff; font-size: 16px; transition-duration:.6s;} .akcii .owlakcii .item p.akciibut a:hover{background:#dc0000} .akcii .akciiblok .col-md-6{text-align:center; } .akcii .akciiblok .col-md-6 .akcfon{ background: #eff0f4; display: block; padding: 10px; min-height: 200px; height: auto; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px; } .akcii .akciiblok .col-md-6 p {color: #01183f; font-size: 18px; font-weight: 700; text-align: center; margin: 8px 0} .akcii .akciiblok .col-md-6 p img{display:block; float:left; } .akcii .akciiblok .col-md-6:nth-child(2) p img{display:block; float:right; } .akcii .akciiblok .col-md-6 p.skidka30 {line-height: 48px; margin: 10px 0} .akcii .akciiblok .col-md-6 p.skidka30 span {font-size: 36px; font-weight: 400; color:#b90016; display: block} .akcii .akciiblok .col-md-6 p.skidka30 span b{font-weight:500} .akcii .akciiblok .col-md-6 p.zakazusl {font-size: 18px; font-weight: 700; line-height: 30px; margin: 20px auto} .akcii .akciiblok .col-md-6 p.zakazusl span{color:#b90016} .ocenkastoim{} .ocenkastoim h3 {text-align: center; font-size: 2em; font-weight: 300} .ocenkastoim form{} .ocenkastoim row{} .ocenkastoim .col-md-12{} .ocenkastoim .col-md-12 p{} .ocenkastoim .col-md-6{} .ocenkastoim input[type=text], .ocenkastoim textarea {margin-bottom: 20px; border: 1px solid #dedede; font-size: 15px; font-weight: 400} .ocenkastoim .col-md-12 textarea{} .ocenkastoim .col-md-12 label{} .ocenkastoim .col-md-12 input[type=file]{opacity: 0; z-index: -1; height: 1px;} .ocenkastoim .uploadButton { background: url(/bitrix/templates/avtoservis/images/skrepa.png) no-repeat left center; border-bottom: 1px solid #4ab2e5; color: #4ab2e5; cursor: pointer; display: block; font-size: 16px; line-height: 26px; margin: 10px auto; max-width: 180px; padding: 5px 10px 5px 40px; text-align: center; } .ocenkastoim p.soglas{display: flex; color: #333; font-size: 15px; line-height: 24px; margin-top: 10px; justify-content:center;} .ocenkastoim button{display:block; text-align:center; margin: 20px auto} .ocenkastoim p.pozvonite{display:block; text-align:center; margin: 20px auto} .ostvoprosy{ padding-top: 50px; padding-bottom: 50px; background-image:url(/bitrix/templates/avtoservis/images/ostvoprfon.jpg); background-size:cover; background-repeat: repeat-x; background-position:center bottom; } .ostvoprosy .container .col-md-7 h3 {color: #fff; font-size: 48px; line-height: 52px; margin-bottom: 10px} .ostvoprosy .container .col-md-7 p {color: #fff; font-size: 20px; line-height: 30px} .ostvoprosy .container .col-md-5{} .ostvoprosy .container .col-md-5 input { background: #01183f; border: 2px solid #fff; border-radius: 12px; color: #fff; display: inline-block; font-size: 15px; height: 40px; margin: 0 auto 15px; width: 68%; padding: 10px; text-align: center; vertical-align: top; } .ostvoprosy .container .col-md-5 .btn.btn-default { background: #01183f; border: 2px solid #fff; border-radius: 12px; color: #fff; display: inline-block; font-size: 17px; height: 40px; margin: 0 auto 15px; padding: 4px; width: 30%; } form p.soglas{ display: flex; color: #fff; font-size: 13px; line-height: 24px; margin-top: 10px; } span.galka {background: url(/bitrix/templates/avtoservis/images/galka.png) no-repeat center center; display: block; height: 25px; margin-right: 15px; min-width: 25px; width: 25px; cursor:pointer } span.galka.snyato{background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.8) inset} .section-tip:after{position:absolute;bottom:-73px;left:40px;width:46px;height:52px;background-image:url(/assets/landing_pages/templates/template20/sprite-0166b6fa122cd97c1e4ce2965beeeebf.png);background-position:0 -47px;content:''} .section-tip p{line-height:20px;line-height:1.4286rem;margin-bottom:10px;margin-bottom:0.7143rem} .pros{margin:0 -80px 48px;padding:11px 80px 14px;background-color:#000;color:#fff} .pros__list li{display:inline-block;margin-right:28px;white-space:nowrap} .pros__list li:before{display:inline-block;margin-top:-2px;margin-right:30px;width:4px;height:4px;background-color:#6093d2;content:'';vertical-align:middle} .pros__list li:first-child:before{display:none} .header{margin-bottom:50px} .company-dscr{text-transform:uppercase} .company-title{margin-bottom:5px;margin-bottom:0.3571rem} .company-dscr{font-size:20px;font-size:1.4286rem;line-height:1.5;color:#a5a5a5;font-weight:300;font-family:"Open Sans Condensed", sans-serif} .company-logo{margin-right:29px} .header__phone-info{line-height:20px;line-height:1.4286rem;padding-top:3px;color:#666666} .header--type-1 .header__phone{margin-bottom:12px;margin-bottom:0.8571rem} .header--type-1 .header__phone-info,.header--type-1 .header__phone-val{display:inline-block;vertical-align:top} .header--type-1 .header__phone-info{margin:0 30px 0 0;width:100px} .header--type-1 .header__links li{display:inline-block;margin-left:23px} .header--type-1 .header__links li:first-child{margin-left:0} .header--type-2 .company-title{display:none} .header--type-2 .company-dscr{margin-top:-5px} .header--type-2 .header__phone-info{margin-bottom:-3px} .header--type-3 .header__address-container{margin-bottom:27px} .header--type-3 .header__address{position:relative} .header--type-3 .header__address:before{content:'';position:absolute;left:0;top:-28px;width:12px;height:16px;background-image:url(/assets/landing_pages/templates/template20/sprite-0166b6fa122cd97c1e4ce2965beeeebf.png);background-position:0 -164px} .header--type-3 .header__address-val{font-size:16px;font-size:1.1429rem;line-height:1.5; font-weight:700} .header__address-phone{font-size:24px;font-size:1.7143rem;line-height:1; font-weight:700;color:#666666} .header--type-3 .header__links li{display:inline-block;margin-right:23px} .header--type-3 .header__links li:last-child{margin-right:0} .header--type-4 .header__address{margin-bottom:16px;margin-bottom:1.1429rem;position:relative} .header--type-4 .header__address:before{content:'';position:absolute;left:-30px;top:5px;width:12px;height:16px;background-image:url(/assets/landing_pages/templates/template20/sprite-0166b6fa122cd97c1e4ce2965beeeebf.png);background-position:0 -164px} .header--type-4 .header__address-val{font-size:18px;font-size:1.2857rem;line-height:1.3333;margin-bottom:5px;margin-bottom:0.3571rem; font-weight:700} .header__address-phone{font-size:24px;font-size:1.7143rem;line-height:1; font-weight:700;color:#666666} .header--type-4 .header__links li{display:inline-block;margin-right:23px} .header--type-4 .header__links li:last-child{margin-right:0} .promo-slider{margin-bottom:60px} .promo-slider__list{margin:0 -80px;position:relative;overflow:hidden;height:460px} .promo-slider__item{position:absolute;width:100%;height:460px;-webkit-transition-duration:2s;-moz-transition-duration:2s;-ms-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s} .ng-hide-add.promo-slider__item{display:block !important;opacity:1 !important} .no-js .promo-slider__item{position:relative} .promo-slider-item{position:absolute;width:100%;height:100%;background-color:#f4f4f4} .ng-hide-add .promo-slider-item{opacity:1;-webkit-transition:opacity .8s;-moz-transition:opacity .8s;-ms-transition:opacity .8s;-o-transition:opacity .8s;transition:opacity .8s;-webkit-animation-name:zoomOutDown;-moz-animation-name:zoomOutDown;-ms-animation-name:zoomOutDown;-o-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-animation-duration:1.6s;-moz-animation-duration:1.6s;-ms-animation-duration:1.6s;-o-animation-duration:1.6s;animation-duration:1.6s} .ng-hide-add-active .promo-slider-item{opacity:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .ng-hide-remove .promo-slider-item{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);-ms-transform:scale3d(0.3, 0.3, 0.3);-o-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);-webkit-transition:-webkit-transform .8s, opacity .8s;-moz-transition:-moz-transform .8s, opacity .8s;-ms-transition:-ms-transform .8s, opacity .8s;-o-transition:-o-transform .8s, opacity .8s;transition:transform .8s, opacity .8s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .ng-hide-remove-active .promo-slider-item{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .promo-slider-item__logo{position:absolute;top:0;left:80px} .promo-slider-item__content{position:absolute;right:80px;bottom:0;left:80px;padding:30px 40px 38px;background-color:rgba(0,0,0,0.65);color:#fff} .ng-hide-remove .promo-slider-item__content{opacity:0;-webkit-transition:opacity .8s ease-out 1s;-moz-transition:opacity .8s ease-out 1s;-ms-transition:opacity .8s ease-out 1s;-o-transition:opacity .8s ease-out 1s;transition:opacity .8s ease-out 1s} .ng-hide-remove-active .promo-slider-item__content{opacity:1} .promo-slider-item__title{width:670px} .ng-hide-remove .promo-slider-item__title{opacity:0;-webkit-transform:translate3d(-40px, 0, 0);-moz-transform:translate3d(-40px, 0, 0);-ms-transform:translate3d(-40px, 0, 0);-o-transform:translate3d(-40px, 0, 0);transform:translate3d(-40px, 0, 0);-webkit-transition-property:opacity, -webkit-transform;-moz-transition-property:opacity, -moz-transform;-ms-transition-property:opacity, -ms-transform;-o-transition-property:opacity, -o-transform;transition-property:opacity, transform;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-ms-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s} .ng-hide-remove-active .promo-slider-item__title{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)} .promo-slider-item__list{margin-left:-70px} .promo-slider-item__list-item{line-height:20px;line-height:1.4286rem;margin-left:70px;width:225px} .promo-slider-item__list-item:before{display:block;margin:23px 0 26px;width:40px;height:2px;background-color:#6093d2;content:''} .ng-hide-remove .promo-slider-item__list-item{opacity:0;-webkit-transform:translate3d(0, 20px, 0);-moz-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);-o-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);-webkit-transition-property:opacity, -webkit-transform;-moz-transition-property:opacity, -moz-transform;-ms-transition-property:opacity, -ms-transform;-o-transition-property:opacity, -o-transform;transition-property:opacity, transform;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .ng-hide-remove-active .promo-slider-item__list-item{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)} .promo-slider-item__list-item:nth-child(1){-webkit-transition-delay:2s;-moz-transition-delay:2s;-ms-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s} .promo-slider-item__list-item:nth-child(2){-webkit-transition-delay:2.2s;-moz-transition-delay:2.2s;-ms-transition-delay:2.2s;-o-transition-delay:2.2s;transition-delay:2.2s} .promo-slider-item__list-item:nth-child(3){-webkit-transition-delay:2.4s;-moz-transition-delay:2.4s;-ms-transition-delay:2.4s;-o-transition-delay:2.4s;transition-delay:2.4s} .promo-slider__panel{position:relative} .promo-slider__order-link{font-size:20px;font-size:1.4286rem;line-height:1;padding:25px 40px;border:none;background-color:#6093d2;color:#000 !important;text-transform:uppercase;font-weight:700;font-family:"Open Sans Condensed", sans-serif} .promo-slider__order-link:hover{background-color:#fffa66} .promo-slider__pagination{position:absolute;top:30px;right:40px} .no-js .promo-slider__pagination{display:none} .promo-slider__pagination li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:15px;width:10px;height:10px;background-color:#d0d0d0;cursor:pointer;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-ms-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out;overflow:hidden;text-indent:100%;white-space:nowrap} .promo-slider__pagination .current{background-color:#000 !important;cursor:default} .promo-slider__pagination li:hover{border:solid 2px #000;background-color:#f4f4f4} .calcavto{padding-top: 50px; padding-bottom: 50px; height: auto;clear:both; overflow: hidden; max-width: 100%;} .calcavto h3{font-size: 30px; color:#01183f; font-weight:500; text-align:center; margin: 20px 0} .scbodytype-list{display:flex; align-items:center; justify-content:center;margin-top:30px;margin-bottom:30px} .scbodytype{width:110px; margin-left: 30px; text-align:center} .scbodytype:first-child(){margin-left: 0} .scbodytype input{display:none} .scbodytype strong{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; display:block;vertical-align:middle;font-size:14px;line-height:20px;text-transform:uppercase;height:110px; border:solid 6px #f0f0f0; cursor:pointer;position:relative;-webkit-transition:border-color 0.3s;-moz-transition:border-color 0.3s; -ms-transition:border-color 0.3s;-o-transition:border-color 0.3s;transition:border-color 0.3s; padding-top:62px;background-color:#f0f0f0;background-image:url(/bitrix/templates/avtoservis/images/calculatorsprite.png);cursor:pointer } .scbodytype-sedan strong{background-position:0 0} .scbodytype-hatch strong{background-position:-98px 0} .scbodytype-universal strong{background-position:-196px 0} .scbodytype-cross strong{background-position:-294px 0} .scbodytype-mini strong{background-position:-392px 0} .scbodytype:hover strong, .scbodytype :checked+strong{background-color:#01183f;border:solid 6px #01183f;color:#fff} .scbodytype-sedan :checked+strong{background-position:0 -98px} .scbodytype-hatch :checked+strong{background-position:-98px -98px} .scbodytype-universal :checked+strong{background-position:-196px -98px} .scbodytype-cross :checked+strong{background-position:-294px -98px} .scbodytype-mini :checked+strong{background-position:-392px -98px} .sc__interaction{margin-left:-30px;margin-bottom:0} .sc__left-view{width:390px} .sc__left-view path{opacity:0;cursor:pointer} .sc__left-view path.selected,.sc__left-view path:hover{fill:#6093d2;opacity:.5} .sc__top-view{width:250px} .sc__top-view path,.sc__top-view polygon{fill:#dbdbdb;cursor:pointer} .sc__top-view path.selected,.sc__top-view polygon.selected,.sc__top-view path:hover,.sc__top-view polygon:hover{fill:#6093d2} .sc__group-select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .sc__group-select h4{font-size: 24px; color:#01183f; margin:0 0 10px 0} .sc__group-select label{display:block;cursor:pointer; margin-bottom: 0} .sc__group-select input{display:none} .sc__group-select strong{color:#888; font-size:18px; -webkit-transition:color 0.3s;-moz-transition:color 0.3s;-ms-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s} .sc__group-reset-btn{font-size:18px; -webkit-transition:color 0.3s;-moz-transition:color 0.3s;-ms-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s} .sc__group-select label:hover strong, .sc__group-select :checked+strong{color:#255794} .sc__group-reset-btn{display:inline-block;padding:0;margin:0;background-color:transparent;color:#000;border:none;font-weight:700;outline:none} .sc__group-reset-btn:hover, .sc__group-reset-btn:focus{color:#3e3e3e} .sc__summary{margin-bottom:30px} span.detalitog{font-weight:500} .sc__total-parts, .sc__service-price{ margin-left:30px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:0 15px;font-size:18px; font-weight:500 } .sc__cart-total.del{margin-right:5px;position:relative} .sc__cart-total.del:after{content:'';width:100%;position:absolute;left:0;top:10px;border-top:solid 1px #000} .sc__discount-arrow{background-image:url(/bitrix/templates/avtoservis/images/calculatorsprite.png);background-position:-14px -196px;margin:-3px 16px 0;display:inline-block;vertical-align:middle;width:22px;height:7px} .sc__cart{margin-bottom:30px} .sc__cart-table{width:100%;min-width:100%;table-layout:fixed} .sc__cart-table thead{border-style:solid;border-width:1px 0;border-color:#d8d8d8} .sc__cart-table th, .sc__cart-table td{line-height:44px;text-align:left} .sc__cart-table tbody tr{border-bottom:1px solid #d8d8d8} .sc__cart-paint, .sc__cart-repair, .sc__cart-replace{width:180px} .sc__cart-sum{width:90px} .sc__cart-delete{width:44px} .sc__cart-item-use-price{width:40px;display:inline-block} .sc__cart-item-use-price>span:nth-child(2){display:none} .sc__cart-use-switcher{display:inline-block;vertical-align:middle;margin-left:5px} .sc__cart-use-switcher input{display:none} .sc__cart-use-switcher span{display:inline-block;background-color:#ff0000;width:54px;height:20px;vertical-align:middle;border-radius:10px;position:relative;cursor:pointer} .sc__cart-use-switcher span:hover{background-color:#b80000} .sc__cart-use-switcher :checked+span{background-color:#01183f} .sc__cart-use-switcher :checked+span:hover{background-color:#255794} .sc__cart-use-switcher span:before{content:'';width:16px;height:12px;position:absolute;left:33px;top:4px;background-color:#fff;border-radius:6px;-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s} .sc__cart-use-switcher :checked+span:before{left:4px} .sc__cart-use-switcher span:after{content:'нет';height:20px;font-size:13px;line-height:20px;position:absolute;top:0;left:8px;text-align:center;color:#fff} .sc__cart-use-switcher :checked+span:after{content:'да';left:29px; line-height:20px;} .sc__cart-item-delete{ display:inline-block;vertical-align:middle;text-indent:50px;overflow:hidden;cursor:pointer; width:40px;height:40px;border:none;padding:0;outline:none;background-color:transparent;position:relative; margin-left:-14px;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s; transition:opacity 0.3s } .sc__cart-item-delete:hover, .sc__cart-item-delete:focus{opacity:.6} .sc__cart-item-delete:before{ content:'';position:absolute; background-color:transparent;background-image:url(/bitrix/templates/avtoservis/images/calculatorsprite.png); background-position:0 -196px;width:13px;height:13px;left:14px;top:12px } .sc__order{margin:30px auto} .sc__order .col-md-12{text-align:center} .sc__order .col-md-12 .sc__order-btn{display:inline-block} .sc__order-btn span{color:#fff; padding-left:40px;padding-right:40px} .ochist{margin-top: 10px} @media all and (max-width: 767.98px){ .scbodytype-list{display:block} .scbodytype {width: 95px; margin-left: 5px; text-align: center; margin-bottom: 5px} .scbodytype strong{font-size:12px; font-weight:500; line-height:20px;text-transform:uppercase;height:95px} .scbodytype-cross strong {background-position: -301px 0} .scbodytype-sedan strong {background-position: -8px 0} .scbodytype-hatch strong {background-position: -107px 0} .scbodytype-universal strong {background-position: -205px 0} .scbodytype-mini strong {background-position: -403px 0} .scbodytype-sedan :checked+strong{background-position:-8px -98px} .scbodytype-hatch :checked+strong{background-position:-107px -98px} .scbodytype-universal :checked+strong{background-position:-205px -98px} .scbodytype-cross :checked+strong{background-position:-301px -98px} .scbodytype-mini :checked+strong{background-position:-403px -98px} .sc__cart{overflow-x:scroll} .sc__cart-table{width:auto} .sc__cart-paint, .sc__cart-repair, .sc__cart-replace{width:auto} .sc__cart-sum{width:auto} .sc__cart-delete{width:auto} .sc__cart-table th, .sc__cart-table td { line-height: 18px; text-align: center; padding-top: 10px; padding-bottom: 10px; } .sc__cart-table th{font-weight:500} .sc__cart-table th:nth-child(1), .sc__cart-table td:nth-child(1){text-align: left;} .sc__cart-table td:nth-child(2), .sc__cart-table td:nth-child(3), .sc__cart-table td:nth-child(4){min-width: 100px;} .sc__order-btn span {font-size: 13px; color: #fff; padding-left: 10px; padding-right: 10px} .sc__interaction {margin-left: -15px} .scbodytype-list {margin-top: 10px; margin-bottom: 10px} .sc__top-view {width: 100%; order:6; padding-left: 0; padding-right: 0} .sc__group-select{order: 5} .sc__group-select h3 {font-size: 18px; text-align: left} .sc__group-select strong {color: #000; font-size:15px; font-weight: 400} .ochist{margin-top: 0} .sc__total-parts, .sc__service-price {margin-left: 0; padding: 0; font-size: 15px; font-weight: 400} } .services-item:nth-child(n+4):before{display:block;margin:34px 0 40px;width:52px;height:2px;background-color:#e1e1e1;content:''} .services-item__icon-container,.services-item__title{margin-bottom:24px} .services-item__icon-container{height:135px;line-height:135px} .services-item__icon{max-width:100px;max-height:100px} .services-item__title{margin-top:-4px;margin-top:-0.2857rem} .services-item p{line-height:20px;line-height:1.4286rem} .services-item ul{padding-left:16px;margin-bottom:12px;margin-bottom:0.8571rem;list-style:disc} .services-item>:last-child{margin-bottom:0} .services-item__form{margin-top:16px;margin-top:1.1429rem} .services-item__form .text-input,.services-item__form textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%} .waranty .dir-quote{margin-bottom:30px} .waranty-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:25px 30px 30px;border:solid 6px #f0f0f0} .waranty-item:nth-child(n+4){margin-top:30px} .ie8 .waranty-item{margin-bottom:30px} .waranty-item__icon-container{margin:-31px 31px 0 -36px;width:135px;height:135px;line-height:135px} .waranty-item__icon{max-width:100px;max-height:100px} .waranty-item__content{line-height:20px;line-height:1.4286rem;overflow:hidden} .waranty-item__content p{margin-bottom:10px;margin-bottom:0.7143rem} .dir-quote{position:relative} .dir-quote img{margin-bottom:30px} .dir-quote__content{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:55px 52px 55px 30px} .dir-quote__author-post{margin:-12px 0 19px;margin:-0.8571rem 0 1.3571rem;color:#666666} .dir-quote:before{position:absolute;top:0;right:0;width:40px;height:40px;background-color:#6093d2;content:"�??";text-align:center;font-size:72px;line-height:0} .address-content{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .address-content__left{float:left;width:407px;padding:56px 31px 60px 60px} .address-content__form:before{display:block;margin:35px 0;width:52px;height:2px;background-color:#e1e1e1;content:''} .address-content__form .text-input, .address-content__form textarea{width:300px} .address__map{width:467px;float:left;overflow:hidden} .address__map iframe{width:100%} .repair-content-container{position:relative;padding-right:0;border:solid 6px #f0f0f0} .repair-content{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:57px;padding-right:52px;width:627px} .repair-content p{line-height:20px;line-height:1.4286rem} .repair-content h3{margin:30px 0 12px;margin:2.1429rem 0 0.8571rem} .repair-content ul{margin-bottom:10px;margin-bottom:0.7143rem} .repair-content li:before{display:inline-block;margin-top:-2px;margin-right:10px;width:5px;height:5px;background-color:#01183f;content:'';vertical-align:middle} .repair-content__prices-list li{margin-bottom:2px;margin-bottom:0.1429rem} .repair-content__prices-list li:before{display:none} .repair-content__prices-list li:last-child{margin-bottom:0} .repair-content__enter{margin-bottom:54px} .repair-content__img-container{margin:-63px 60px 0 -63px;width:218px} .repair-form-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:54px 55px;width:326px} .repair-form-container:after{position:absolute;top:0;right:0;bottom:0;z-index:-1;width:326px;background-color:#f0f0f0;content:''} .repair-form .text-input,.repair-form textarea{width:200px} .special-item{display:table;margin-bottom:40px;width:100%;table-layout:fixed} .special-item+.special-item{margin-top:40px} .special-item__content-container,.special-item__form-container{display:table-cell;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .special-item__content-container{padding:50px 60px 70px;width:623px} .special-item__img{margin:-50px 60px 0 -60px} .special-item__content{overflow:hidden} .special-item__content h3{font-size:30px;font-size:2.1429rem;line-height:1.2;margin-bottom:12px;margin-bottom:0.8571rem} .special-item__content ul{list-style:disc;padding-left:16px} .special-item__content p,.special-item__content ul{margin-bottom:10px;margin-bottom:0.7143rem} .specail-counter{margin-left:-6px} .specail-counter .counter-item{display:inline-block;margin:0 6px} .specail-counter input{display:none} .counter-item__val-container{padding:4px 10px 2px;background-color:#fff} .special-item__form-container{position:relative;padding:44px 50px 50px 60px;width:342px;border:solid 6px #f0f0f0;border-left:none} .special-item__form-container:before{position:absolute;top:-6px;bottom:-6px;left:0;z-index:-1;border-left:dotted 10px #fff;background-color:#6093d2;content:''} .special-item__form .text-input,.special-item__form textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%} .team-person{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:35px 40px;border:solid 6px #f0f0f0} .team-person:nth-child(n+3){margin-top:30px} .ie8 .team-person{margin-bottom:30px} .team-person__photo{margin:-41px 40px 0 -46px;width:140px} .team-person__content{line-height:20px;line-height:1.4286rem;overflow:hidden} .team-person__content p{margin-bottom:10px;margin-bottom:0.7143rem;margin-bottom:10px} .reviews-item{margin-bottom:40px} .reviews-item:last-child{margin-bottom:0} .reviews-item__author-photo{width:218px} .reviews-item__content{overflow:hidden;padding:55px 60px 60px} .reviews-item__type{margin:-12px 0 10px;margin:-0.8571rem 0 0.7143rem;color:#666666} .reviews-item__sum{margin-top:15px;margin-top:1.0714rem} .reviews-item__pros,.reviews-item__cons{margin-bottom:14px;margin-bottom:1rem;position:relative;padding-left:45px} .reviews-item__pros:before, .reviews-item__cons:before{ position:absolute;top:0;left:0;width:25px;height:25px;background-color:#6093d2; text-align:center;font-weight:bold;font-size:18px;line-height:25px;-webkit-font-smoothing:none } .reviews-item__pros:before{content:'+'} .reviews-item__cons:before{content:'\2013';line-height:23px} .reviews-item .btn{margin-top:27px;margin-top:1.9286rem} .reviews-item__content :last-child{margin-bottom:0} .photos-list{margin-bottom:-30px} .photos-item{margin-bottom:30px} .photos-item a{border:none} .photos-slider{position:relative;padding:60px 83px} .no-js .photos-slider-item{margin-bottom:30px} .no-js .photos-slider-item:last-child{margin-bottom:0} .js .photos-slider-item{float:left} .photos-slider__nav{position:absolute;top:50%;left:0;margin-top:-25px;width:100%} .no-js .photos-slider__nav{display:none} .photos-slider__nav button{position:absolute;padding:0;width:50px;height:50px;outline:none;border:none;background-color:transparent;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px} .photos-slider__nav .prev{left:0} .photos-slider__nav .next{right:0} .photos-slider__nav i,.photos-slider__nav b{display:block;width:100%;height:100%;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;-ms-transition:-moz-transform 0.3s;-o-transition:-moz-transform 0.3s;transition:transform 0.3s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d} .photos-slider__nav i{background-color:#6093d2} .photos-slider__nav b{-webkit-transform:rotateX(-89deg) translateY(-25px);-moz-transform:rotateX(-89deg) translateY(-25px);-ms-transform:rotateX(-89deg) translateY(-25px);-o-transform:rotateX(-89deg) translateY(-25px);transform:rotateX(-89deg) translateY(-25px);background-color:#f0d700} .photos-slider__nav i:before,.photos-slider__nav b:before{position:absolute;top:14px;border-width:11px;border-style:solid;border-color:transparent #000;content:''} .photos-slider__nav .prev i:before,.photos-slider__nav .prev b:before{right:21px;border-left:0} .photos-slider__nav .next i:before,.photos-slider__nav .next b:before{left:21px;border-right:0} .photos-slider__nav button:hover i{-webkit-transform:rotateX(89deg) translateY(-25px);-moz-transform:rotateX(89deg) translateY(-25px);-ms-transform:rotateX(89deg) translateY(-25px);-o-transform:rotateX(89deg) translateY(-25px);transform:rotateX(89deg) translateY(-25px)} .photos-slider__nav button:hover b{-webkit-transform:rotateX(0) translateY(-50px);-moz-transform:rotateX(0) translateY(-50px);-ms-transform:rotateX(0) translateY(-50px);-o-transform:rotateX(0) translateY(-50px);transform:rotateX(0) translateY(-50px)} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ .photos-slider__nav button b{display:none} .photos-slider__nav button:hover i,.photos-slider__nav button:hover b{transform:none} } .preferences-item{line-height:20px;line-height:1.4286rem; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:38px;border:solid 6px #f0f0f0 } .preferences-item:nth-child(n+4){margin-top:30px} .ie8 .preferences-item:nth-child(n+4){margin-bottom:30px} .preferences-item__img{margin:-44px -44px 35px;max-width:none} .preferences-item p{margin-bottom:10px;margin-bottom:0.7143rem;margin-bottom:10px} .form-section{margin-bottom:60px;padding:48px 60px 60px;color:#fff} .form-section__title{margin-bottom:15px;margin-bottom:1.0714rem;width:656px} .form-section__form .text-input, .form-section__form textarea{width:300px} .faq-list{padding:56px 60px 60px} .faq-item{line-height:20px;line-height:1.4286rem} .faq-item:before{display:block;margin:36px 0;width:52px;height:2px;background-color:#e1e1e1;content:''} .faq-item:first-child:before{display:none} .faq-item__question{margin-bottom:14px;margin-bottom:1rem} .faq-item p{margin-bottom:16px;margin-bottom:1.1429rem} .faq__ask-link{margin-top:38px;margin-top:2.7143rem} .video-item:after{display:block;margin:60px 0;width:52px;height:2px;background-color:#e1e1e1;content:''} .video-item:last-child:after{display:none} .video-item__content{margin-top:-5px} .video-item__video iframe{width:100%;height:377px} .video-item__title{margin-bottom:14px;margin-bottom:1rem} .content-section .section__title{margin-bottom:38px;margin-bottom:2.7143rem} .content-section__intro{font-size:18px;font-size:1.2857rem;line-height:1.6667;margin-bottom:31px;margin-bottom:2.2143rem;width:633px;color:#a5a5a5; text-transform:uppercase;font-weight:bold } .content-section ul{margin-bottom:12px;margin-bottom:0.8571rem} .content-section ul li:before{display:inline-block;margin-top:-2px;margin-right:10px;width:5px;height:5px;background-color:#01183f;content:'';vertical-align:middle} .content-section ol{margin:16px 0 12px;margin:1.1429rem 0 0.8571rem;counter-reset:li} .content-section ol li{margin-bottom:11px;margin-bottom:0.7857rem;position:relative;padding-left:40px} .content-section ol li:before{top:-1px;top:-0.0714rem;position:absolute;left:0;display:inline-block;width:25px;height:25px;background-color:#6093d2;color:#000;content:'';content:counter(li);counter-increment:li;text-align:center;font-weight:bold;line-height:25px} .final-form{margin-bottom:60px;padding:48px 60px 60px} .final-form__title{margin-bottom:35px;margin-bottom:2.5rem;width:716px} .final-form__form{width:515px} .final-form__form .text-input{width:300px} .final-form__form textarea{width:300px;height:110px} .final-form__address{line-height:20px;line-height:1.4286rem;position:relative;width:301px} .final-form__address:before{position:absolute;top:-3px;left:-44px;width:24px;height:32px;background-image:url(/assets/landing_pages/templates/template20/sprite-0166b6fa122cd97c1e4ce2965beeeebf.png);background-position:0 -15px;content:''} .popup-form{position:relative;margin:0 auto;padding:40px;width:297px;background-color:#fff} .popup-form .text-input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%} .popup-form textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:121px} .popup-form__title{margin:-7px 0 22px;margin:-0.5rem 0 1.5714rem;font-size:30px;font-size:2.1429rem;line-height:1.2} .popup-form p{margin:0} .popup-form .mfp-close{top:0 !important;right:0 !important;overflow:hidden;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin:0;padding:0;width:15px;height:15px;border:solid 7px #6093d2;background-color:#6093d2;background-image:url(/assets/landing_pages/templates/template20/sprite-0166b6fa122cd97c1e4ce2965beeeebf.png);background-position:0 0;text-indent:100%;opacity:1;-webkit-transition:opacity 0.4s ease;-moz-transition:opacity 0.4s ease;-ms-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;transition:opacity 0.4s ease} .popup-form .mfp-close:hover{opacity:.6} .mfp-bg,.mfp-wrap{min-width:996px} .mfp-zoom-out-cur{cursor:default !important} .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:pointer !important} .mfp-fade.mfp-bg{opacity:0;filter:alpha(opacity=0);-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-ms-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} .mfp-fade.mfp-bg.mfp-ready{opacity:0.8;filter:alpha(opacity=80)} .mfp-fade.mfp-bg.mfp-removing{opacity:0;filter:alpha(opacity=0)} .mfp-fade.mfp-wrap .mfp-content{opacity:0;filter:alpha(opacity=0);-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-ms-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out} .mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1;filter:alpha(opacity=100)} .mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0;filter:alpha(opacity=0)} .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle} .mfp-align-top .mfp-container:before{display:none} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045} .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto} .mfp-ajax-cur{cursor:progress} .mfp-zoom-out-cur{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out} .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in} .mfp-auto-cursor .mfp-content{cursor:auto} .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none} .mfp-loading.mfp-figure{display:none} .mfp-hide{display:none !important} .mfp-preloader{color:#cccccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044} .mfp-preloader a{color:#cccccc} .mfp-preloader a:hover{color:white} .mfp-s-ready .mfp-preloader,.mfp-s-error .mfp-content{display:none} button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none} button::-moz-focus-inner{padding:0;border:0} .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace} .mfp-close:hover,.mfp-close:focus{opacity:1} .mfp-close:active{top:1px} .mfp-close-btn-in .mfp-close{color:#333333} .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%} .mfp-counter{position:absolute;top:0;right:0;color:#cccccc;font-size:12px;line-height:18px} .mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent} .mfp-arrow:active{margin-top:-54px} .mfp-arrow:hover,.mfp-arrow:focus{opacity:1} .mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent} .mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px} .mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7} .mfp-arrow-left{left:0} .mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid white;margin-left:31px} .mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f} .mfp-arrow-right{right:0} .mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid white;margin-left:39px} .mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px} .mfp-iframe-holder .mfp-close{top:-40px} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:black} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto} .mfp-figure{line-height:0} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444444} .mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px} .mfp-figure figure{margin:0} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto} .mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px} .mfp-image-holder .mfp-content{max-width:100%} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer} @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){ .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0} .mfp-img-mobile img.mfp-img{padding:0} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px; position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box } .mfp-img-mobile .mfp-bottom-bar:empty{padding:0} .mfp-img-mobile .mfp-counter{right:5px;top:3px} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0} } @media all and (max-width: 900px){ .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%} .mfp-container{padding-left:6px;padding-right:6px} } @-webkit-keyframes fadeInUp{ 0%{opacity:0;-webkit-transform:translate3d(0, 40px, 0);-moz-transform:translate3d(0, 40px, 0);-ms-transform:translate3d(0, 40px, 0);-o-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0)} 100%{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} } @keyframes fadeInUp{ 0%{opacity:0;-webkit-transform:translate3d(0, 40px, 0);-moz-transform:translate3d(0, 40px, 0);-ms-transform:translate3d(0, 40px, 0);-o-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0)} 100%{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} } @-webkit-keyframes fadeInLeft{ 0%{opacity:0;-webkit-transform:translate3d(-80px, 0, 0);-moz-transform:translate3d(-80px, 0, 0);-ms-transform:translate3d(-80px, 0, 0);-o-transform:translate3d(-80px, 0, 0);transform:translate3d(-80px, 0, 0)} 100%{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} } @keyframes fadeInLeft{ 0%{opacity:0;-webkit-transform:translate3d(-80px, 0, 0);-moz-transform:translate3d(-80px, 0, 0);-ms-transform:translate3d(-80px, 0, 0);-o-transform:translate3d(-80px, 0, 0);transform:translate3d(-80px, 0, 0)} 100%{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} } @-webkit-keyframes zoomOutDown{ 40%{-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-moz-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-ms-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-o-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);-moz-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);-ms-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)} 100%{-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-moz-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-ms-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-o-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);-moz-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);-ms-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)} } @keyframes zoomOutDown{ 40%{-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-moz-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-ms-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-o-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);-moz-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);-ms-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)} 100%{-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-moz-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-ms-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-o-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);-moz-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);-ms-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)} } svg:not(:root) {overflow: hidden} [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,.x-ng-cloak,.nghide {display: none !important} .ostzayavblok { background: rgba(0,0,0,0.7); border: 0 none; border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; clear: both; display: block; width: 100%; margin-top:0; max-width: 100%; padding: 15px; position: relative; } .ostzayavblok img { bottom: -30px; left: -96px; position: absolute; z-index: 99 } .ostzayavblok h3 {color: #fff; font-size:24px; font-weight:500; margin: 0; line-height:18px; text-align: center} .ostzayavblok p {color: #fff; font-size:15px; margin: 0; line-height:18px; text-align: center} .ostzayavblok p.soglas {display:flex; justify-content:space-between; color: #fff; text-align:left; font-size: 13px; line-height: 16px; margin: 15px 0; } .ostzayavblok form{} .ostzayavblok form input {border: 1px solid #fff; background:#f3f3f3; display: block; font-size: 13px; margin: 15px 0} .ostzayavblok form button.btn-primary{ background: #255794; font-size: 20px; border: 0 none; color: #fff; display: block; font-weight: 500; padding: 10px; width: 100%; } .ostzayavblok form button.btn-primary:hover{opacity: 0.9} .messengers{ padding-bottom: 35px; padding-top: 20px; background-image:url(/bitrix/templates/avtoservis/images/messfon.jpg); background-repeat:no-repeat; background-position: center; background-size: cover; } .messengers .messmobile {margin-bottom: -70px; margin-left: -70px; margin-top: -50px; min-width: 440px; min-height: 440px; background-image:url(/bitrix/templates/avtoservis/images/messmobile.png); background-size: auto 100%; background-repeat:no-repeat; position:relative; } .messengers .messmobile a{position: absolute;} .messengers .messmobile a.telegram{background-image:url(/bitrix/templates/avtoservis/images/telegram.png); background-repeat:no-repeat; display:block; top: -20px; right: 110px; width: 114px; height: 122px} .messengers .messmobile a.viber{background-image:url(/bitrix/templates/avtoservis/images/viber.png); background-repeat:no-repeat; display:block; top: 100px; right: 50px; width: 123px; height: 132px } .messengers .messmobile a.whatsup{background-image:url(/bitrix/templates/avtoservis/images/whatsup.png); background-repeat:no-repeat; display:block; top: 220px; right: -10px; width: 140px; height:139px} .messengers .messmobile a:hover {-webkit-animation: shake 1s; animation: shake 1s} .messengers .col-lg-8 a{color:#fff} .messengers .col-lg-8 h3 {color: #fff; font-size: 30px; font-weight: 500; text-align: center} .messengers .col-lg-8 p {color: #fff; font-size: 18px; line-height: 24px; text-align: center} .messengers .col-lg-8 p span{font-weight:500} .messengers .col-lg-8 form {display: flex; align-items: center; flex-wrap: wrap} .messengers .col-lg-8 form input {background: #001342; font-size: 13px; margin-right: 3%; max-width: 32%} .messengers .col-lg-8 form button {border: 1px solid #fff; width: 30%} .messengers .col-lg-8 form p.soglas {font-size: 13px} .messengers .col-lg-8 form p.soglas a {color:#fff} p.vseakcii{text-align:center; margin: 30px 0 20px; font-weight:500} p.vseakcii a{color:#fff} .otzyvklienta{padding-top: 50px; padding-bottom: 50px} .otzyvklienta{text-align:center;} .otzyvklienta h3{color:#01183f; font-size: 30px; font-weight:500; text-transform:uppercase} .otzyvklienta p{margin: 10px auto} .otzyvklienta .owlslider{} .otzyvklienta .owlslider .owl-stage{padding-top: 10px;} .otzyvklienta .owlslider .item{ min-height: 250px; display:block; text-align:left; background-size: 100% auto; padding:10px 20px 15px; text-decoration:none } .otzyvklienta .owlslider .item .otzname{display:block; font-size: 15px; font-weight:500; margin: 20px 0; color:#333} .otzyvklienta .owlslider .item .otztext{display:block; font-size: 13px; font-weight:400; margin: 20px 0 0; color:#333} .otzyvklienta .owlslider .owl-nav button.owl-next, .otzyvklienta .owlslider .owl-nav button.owl-prev{position: absolute;font-size: 84px; opacity:0.5} .otzyvklienta .owlslider .owl-nav button.owl-next:hover, .otzyvklienta .owlslider .owl-nav button.owl-prev:hover{opacity:1} .otzyvklienta .owlslider .owl-nav button.owl-prev{left: -20px;top: 50%} .otzyvklienta .owlslider .owl-nav button.owl-next{right: -20px;top: 50%} #otzyvcont{text-align:center; } #otzyvcont h3{color:#000; font-size: 20px; line-height: 24px; text-align:center; margin: 10px auto; display:block} #otzyvcont p{color:#333; font-size: 15px; line-height: 18px; text-align:center;} .poluchinfoocene{background-image:url(/bitrix/templates/avtoservis/images/utochnifon.jpg); background-repeat: repeat-x; background-position:center center;} .poluchinfoocene .container{padding-top: 50px; padding-bottom: 50px; position:relative} .poluchinfoocene .container img{position:absolute; right: 0; bottom: 0; } .poluchinfoocene .row{} .poluchinfoocene .row .col-md-10{} .poluchinfoocene .row .col-md-10 h3 {color: #fff; font-size: 32px; margin: 20px 0; text-transform: uppercase} .poluchinfoocene .row .col-md-10 form{display:flex; flex-flow: wrap} .poluchinfoocene .row .col-md-10 form input {margin-right: 2.33%; max-width: 31%; font-size: 15px} .poluchinfoocene .row .col-md-10 form button.btn.btn-primary {background: #fff; border: 1px solid #fff; color: #024884; font-weight: 500; margin: 20px 0 0 33.33%; width: 31%} .poluchinfoocene .row .col-md-10 form button.btn.btn-primary:hover {background: #024884; border: 1px solid #024884; color: #fff} footer{background:#313131; padding: 30px 0 0} footer ul{list-style:none; margin: 0 0 20px; padding: 0; color:#fff; } footer ul li, footer p{color:#fff; line-height: 20px; font-size: 13px} footer p{text-align:center} footer ul li a{color:#fff; transition-duration: .5s} footer ul li a:hover{font-weight:500; color:#fff} /* footer ul li.special a{color:#8ba4c2; font-size: 16px; font-weight:500} */ footer ul li.special a{color:#fff; font-size: 15px; font-weight:400} footer .messenger, footer .paypics{display:none} footer .footicon{background-image:url(/bitrix/templates/avtoservis/images/footersprite.png); background-repeat:no-repeat;} footer .telephone { font-size: 22px; line-height: 32px; margin-bottom: 15px; text-align: right; } footer .telephone a { color: #dadbdb; display: flex; justify-content: space-between; gap: 10px; } footer .telephone a span.footicon {min-width: 32px; width: 32px; height: 32px; display:inline; background-position: left center; } footer .perezvonite a { border: 1px solid #dadbdb; border-radius: 15px; color: #dadbdb; display: block; font-size: 15px; padding: 7px; text-align: center; } footer .paypics{text-align:right} footer .paypics img{} footer .copyright p{text-align:center} footer .paypics{text-align:right} footer .messenger {align-items: center; display:none; /* flex; */ justify-content: flex-end; margin: 20px 0} footer .messenger .footicon{width: 20px; height: 20px; display:block; margin: 0 0 0 5px; transition-duration: .5s;} footer .messenger .footicon:hover{opacity:0.7} footer .messenger .footicon:nth-child(1){background-position: -36px top} footer .messenger .footicon:nth-child(2){background-position: -60px top} footer .messenger .footicon:nth-child(3){background-position: -84px top} footer .col-sm-3:last-child p {text-align:right} footer .col-sm-6 address{color:#fff; line-height: 20px; font-size: 15px; font-weight:500; text-align:center; margin: 0 auto; display:block} .telblok {max-width: 240px; min-width: 220px; text-align: right} .telblok .lptracker_phone, footer#footer .lptracker_phone{display: block; color:#fff; font-size: 18px; font-weight: 500; line-height:24px} .telblok a.perezvonite, footer#footer a.perezvonite{display: block; color: #fff; font-size: 14px; line-height: 14px} .telblok span.emailtop, footer#footer span.emailtop{display: block; color:#fff; font-size: 12px;} .zapisbut {margin-left: 20px; max-width: 240px; min-width: 220px; text-align: center} .zapisbut a.zapisknam { background: #fff; color: #004687; display: block; font-size: 13px; font-weight: 500; padding: 3px; text-align: center; text-transform: uppercase; } .zapisbut a.zapisknam:hover{opacity:0.9} .zapisbut a.perezvonite {background:none; color: #fff; display: block; font-size: 12px; font-weight: 400; text-align: center} .zapisbut a.perezvonite:hover{position: relative;top: 1px; opacity:0.9} .grafikrabot {color: #fff; line-height: 16px; max-width: 240px; min-width: 220px; text-align: center} .grafikrabot span.vremya {display: block; font-size: 16px; font-weight: 500; line-height: 22px} .grafikrabot span.priem{font-size: 12px; display:block} .cocoen{box-sizing:border-box; cursor:pointer; line-height:0; overflow:hidden; padding:0; border-radius: 10px; margin-bottom: 20px; position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none } .cocoen *{box-sizing:inherit} .cocoen .podpisi{position: absolute; font-size:15px; font-weight:400; color:#fff; padding: 10px; bottom: 10px; text-transform:uppercase} .cocoen .podpisi.do{left: 10px;background: #ff0000} .cocoen .podpisi.posle{right: 10px;background:#007cc3} .cocoen ::after,.cocoen ::before{box-sizing:inherit} .cocoen img,.cocoen picture>img{max-width:none} .cocoen>img,.cocoen>picture>img{display:block;width:100%} .cocoen>div:first-child,picture .cocoen>div{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%} .cocoen-drag{background:#fff;bottom:0;cursor:ew-resize;left:50%;margin-left:-1px;position:absolute;top:0;width:2px} .cocoen-drag::before{border:3px solid #fff;content:'';height:30px;left:50%;margin-left:-7px;margin-top:-18px;position:absolute;top:50%;width:14px} @media (max-width:991.98px){ .liniaser,.line1,.line2{display:none} .mobilesteps {display:block} .kakmyrabotaem .container .row .rabname {font-size: 20px;font-weight: 500;display: block;margin: -5px 0 10px 25px } .kakmyrabotaem .container .row .col-sm-6 .btn.btn-primary{display: block; margin: 5px 0; font-size: 12px; text-transform: uppercase; font-weight: 500} .kakmyrabotaem .container .row .kruzhok {text-align: center} } @media (min-width:992px){ .mobilesteps {display:none} } @media (min-width:768px){ .navbar-light .navbar-brand{display:none} } @media (min-width:577px){ .utochnal .container .row .col-md-8 form input::-webkit-input-placeholder{color:#fff;opacity:1} .utochnal .container .row .col-md-8 form input::-moz-placeholder{color:#fff;opacity:1} .utochnal .container .row .col-md-8 form input:-ms-input-placeholder{color:#fff;opacity:1} .utochnal .container .row .col-md-8 form input::-ms-input-placeholder{color:#fff;opacity:1} .utochnal .container .row .col-md-8 form input::placeholder{color:#fff;opacity:1} } @media (max-width:767.98px){ section{max-width: 100%; overflow:hidden} section.messengers{overflow:visible} body>ymaps{max-height:240px;overflow:hidden} .navbar-light {background: #fff; padding-top: 7px; padding-bottom: 7px; position: absolute; z-index: 999; top: 0; right: 0; width: 100%} .navbar-light .navbar-brand {margin: 0; padding: 0; display: block; width: 80%} .navbar-light .navbar-brand img{max-height: 36px; display: block; margin: 0 0 0 10px; height: auto; width: auto} .navbar-light .navbar-nav .nav-link{border-bottom: 1px solid #f1f1f1; padding-left: 20px} .navbar.navbar-light .container{display:flex; justify-content: space-between} .navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0} .page-header {padding-top: 0; padding-bottom: 0} .page-header .container{display: flex; flex-direction: column-reverse} .page-header .container ul.navbar-nav{background: #fff; width: 100%; padding: 10px 20px 30px; box-shadow: 0 0 1px rgba(0,0,0,.8)} .page-header .container #topmainmenu{position: absolute; top: 45px; z-index: 98; width: 100%; left: 0px} .page-header .container nav.navbar{justify-content: flex-end; margin-bottom: -40px} .vkblok h3{font-size: 48px; margin-top: 10px;} .vkblok .col-6{padding-left: 0; padding-right: 0; text-align:center} .vkblok img{max-width: 200px; height: auto; width: auto; margin: 0 auto} .vkblok p a{font-size: 24px} .vkblok p {font-size: 28px;line-height: 32px} .vkblok p span {font-size: 36px; line-height: 40px} .vkblok #vk_groups {display:block; margin: 0 auto} .sliderfotos.row .col-md-3 { padding-left: auto; padding-right: auto; margin-top: 10px; width: 50%; margin-bottom: 10px} .nashipreim .container .row .col-md-2 {padding-left: 5px; padding-right: 5px;} .nashipreim .container .row .col-md-2 img{max-width: 100%; margin-bottom: 20px} .nashipreim .container .row .col-md-2 p{ bottom: 7px; font-size: 11px; left: 3px; line-height: 12px; padding: 3px; width: 96%} .page-header .address {font-size: 10px; line-height: 13px} .page-header .phone {font-size:15px; line-height: 13px} .page-header .grafik, .page-header a.perezvonite {font-size: 11px;margin: 0 0 5px; display:block} .page-header .addr.icon {margin-right:20px} .mainbanner .slidecloud{padding: 0; } .mainbanner .slidecloud a{margin: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; max-width: 110px; white-space:normal; line-height: 12px; text-align:center; padding: 3px } .mainbanner .container .clouds{margin-left:auto; margin-right:auto; max-width: 66%} .mainbanner .slidecloud.service1{left:65px;top: -28px;} .mainbanner .slidecloud.service2{left: -40px;top: 12px} .mainbanner .slidecloud.service3{left: -35px; top: auto; bottom: 45px} .mainbanner .slidecloud.service4{left: auto; right: 45px; top: -24px;} .mainbanner .slidecloud.service5 {left: auto; right: -35px; top: 35px} .mainbanner .slidecloud.service6{left: 65px; top: auto; bottom: -10px;} .mainbanner img.topcar{display:block; margin: 70px auto 0} .messengers .col-lg-8 form input {font-size: 12px; margin-right: 0; max-width: 100%;margin-bottom: 10px} .messengers .col-lg-8 form button {width: 100%} .messengers .messmobile {margin-bottom: 10px; margin-left:auto; margin-right:auto; margin-top: -80px; min-width: 320px; max-width: 380px; min-height: 320px} .messengers .messmobile a{background-size: 100% auto} .messengers .messmobile a.telegram{top: -20px; right: 110px; width: 90px; height: 100px;} .messengers .messmobile a.viber{top: 90px; right: 50px; width: 95px; height: 104px;} .messengers .messmobile a.whatsup{top: 200px; right: 1px;width: 108px;height: 108px;} .mainbanner .slidecloud a span.uslname{font-size: 11px; line-height: 12px; color:#01183f; display:block; font-weight:400} .mainbanner .slidecloud a span.skidvalue{font-size: 10px; color:#b90016; display:block; font-weight:400} .akcii .akciiblok .col-md-6:nth-child(2) {margin-top: 10px} .akcii .akciiblok .col-md-6:nth-child(2) p img {max-width: 100%; display: block; margin: 0 auto; float: none} .akcii .akciiblok .col-md-6 p.zakazusl {font-size: 14px;font-weight: 700;line-height: 20px;margin: 25px auto} .akcii .akciiblok .col-md-6 p {font-size: 18px; line-height: 1em; margin: 10px 0} .akcii .akciiblok .col-md-6 p img {display: block; float: none;margin: 0 auto} .akcii .akciiblok .col-md-6 p.skidka30 {line-height: 2em;margin: 15px 0} .akcii .akciiblok .col-md-6 .akcfon {min-height: 210px} .myvsocsetyah {padding-top: 30px;padding-bottom: 10px} .myvsocsetyah p{margin: 15px auto} .myvsocsetyah .socvideos .col-md-4 {padding-left: 0px; padding-right: 0px} .myvsocsetyah .socvideos .col-md-4 iframe {margin: 0 auto 20px} .myvsocsetyah .socialki {margin-top: 10px; margin-bottom: 0} .myvsocsetyah .socialki .col-md-3 img{margin: 0 auto 10px;} .cocoenborder{width: 100%; max-width: 100%; overflow:hidden; border-radius: 5px; margin-bottom:20px;} .cocoen{width: 200%; margin-left: -50%} .portfolio .col-md-12 > p{display:none} .owl-carousel.owlportfolio .owl-nav button.owl-prev, .owl-carousel.owlportfolio .owl-nav button.owl-next{bottom: -15px;} .owl-carousel.owlportfolio .owl-nav button.owl-prev span, .owl-carousel.owlportfolio .owl-nav button.owl-next span{display:block; padding: 5px 10px; font-size: 12px} .mainbanner .container .dtitle {line-height: 1em; font-size: 22px} footer ul li, footer p {color: #fff; line-height: 18px; font-size: 11px} footer .telephone a {font-size: 20px; justify-content: flex-start;} footer .col-6:has(.telephone) {max-width: 100%;} footer .perezvonite a {font-size: 10px;padding: 5px 2px} footer ul li.special a {font-size: 13px} .ostvoprosy .container .col-md-5 .btn.btn-default {display: block;font-size: 17px;height: 40px;margin: 0 auto 15px;padding: 4px;width: 100%} .ostvoprosy .container .col-md-5 input {width: 100%} } @media (max-width: 699.98px){ .mainbanner .container .clouds {max-width: 78%} } @media (max-width:576px){ .grafikrabot {line-height: 13px; max-width: 50%; min-width: auto} .grafikrabot span.vremya {font-size: 12px;line-height: 14px} .grafikrabot span.priem {font-size: 10px} .zapisbut {max-width: 50%; margin-left: 0; width: 100%; display: block; min-width: auto} .zapisbut a.zapisknam {font-size: 12px; padding: 3px 20px; width: 100%; display: block} .zapisbut a.perezvonite {font-size: 10px; font-weight: 400; text-align: center} .telblok {max-width: 50%;min-width: 100px} .telblok .lptracker_phone {text-decoration: none; font-size: 16px; line-height: 22px} .telblok span.emailtop{color: #fff;font-size: 11px} .page-header .address {font-size: 11px; line-height: 15px} .page-header .phone {font-size: 19px; line-height: 20px} .page-header .grafik, .page-header a.perezvonite {font-size: 11px;margin: 0 0 5px} .nashipreim {padding-top: 10px; padding-bottom: 20px; background-size: cover} .nashipreim .container .row.preimush {display: flex; flex-wrap: wrap; justify-content: center;} .nashipreim .container .row.preimush .col-mdr-5{width:50%} .nashipreim .container .row .col-mdr-5 span.pricon {margin: 0 auto 4px} .nashipreim .container .row .col-mdr-5 p {font-size: 13px;line-height: 15px} .topuslugi {padding: 0} .zainteres .col-sm-7 h3 {font-size: 32px;line-height: 32px} .zainteres .col-sm-7 h3 span {font-size: 26px} .zainteres .col-sm-7 p {font-size: 14px} .zainteres .col-sm-5 input[type=text] {background: #fff!important;background-color: #fff} .otzyvklienta {padding-top: 20px;background-repeat: repeat} footer#footer .lptracker_phone{font-size: 15px} .poluchinfoocene .row .col-md-10 form {display: block} .poluchinfoocene .row .col-md-10 form input {max-width: 100%; margin-bottom: 10px;font-size: 15px} .poluchinfoocene .row .col-md-10 form button.btn.btn-primary {background: #024884; border: 1px solid #fff; color: #fff; font-weight: 500;margin: 20px 0 0 0; width: 100%} .poluchinfoocene .container {padding-top: 0;padding-bottom: 250px;position: relative} .poluchinfoocene .row .col-md-10 h3 {color: #fff; font-size: 22px; margin: 20px 0; text-transform: uppercase} } @media (max-width:480px){ .mainbanner .container .clouds{max-width: 66%} .mainbanner .slidecloud.service1{left: 50px;top: -28px;} .mainbanner .slidecloud.service2{left:-20px; top: 0;} .mainbanner .slidecloud.service3{left: -20px; top: auto; bottom: 20px;} .mainbanner .slidecloud.service4{left: auto; right: 24px; top: -30px} .mainbanner .slidecloud.service5{left: auto; right: 0;top: 20px} .mainbanner .slidecloud.service6{left: 50px; top: auto; bottom: -17px} } @media (max-width:415px){ .mainbanner .container .clouds{max-width: 84%} .mainbanner .slidecloud.service3 {left: -20px;top: auto;bottom: 30px} } @media (max-width:375px){ .mainbanner .container .clouds{max-width: 90%} .mainbanner .slidecloud.service4 {left: auto; right: 24px; top: -30px} } @media (max-width:360px){ .navbar-light .navbar-brand {margin: 0;max-width: 47%} .grafikrabot {line-height: 13px; max-width: 50%; min-width: auto} .grafikrabot span.vremya {font-size: 10px;line-height: 12px} .grafikrabot span.priem {font-size: 9px} .zapisbut {max-width: 50%;margin-left: 0;min-width: 100px} .zapisbut a.zapisknam {font-size: 11px; padding: 3px} .zapisbut a.perezvonite {font-size: 10px; font-weight: 400; text-align: center} .telblok {max-width: 50%;min-width: 100px} .telblok span.emailtop{color: #fff;font-size: 9px} .mainbanner .container .row .col-12 h1 {margin: 10px auto; text-align: center; font-size: 14px; line-height: 14px} .mainbanner .gradient { margin-top: 25px; background: -moz-linear-gradient(top, rgba(1,19,59,1) 0%, rgba(125,185,232,0) 40%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(top, rgba(1,19,59,1) 0%,rgba(125,185,232,0) 40%,rgba(125,185,232,0) 100%); background: linear-gradient(to bottom, rgba(1,19,59,1) 0%,rgba(125,185,232,0) 40%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01133b', endColorstr='#007db9e8',GradientType=0 ); } .mainakcia .container .col-md-6 p.komppod a.btn-primary {font-size: 13px} .nashipreim .container .row .col-md-3 p {font-size: 11px;font-weight: 500;line-height: 15px} .nashipreim .container .row .col-md-3 .krion {height: 130px;margin: 20px auto;padding: 20px 14px; width: 130px} .nashipreim .container .row .col-md-3:nth-child(4) .krion {padding: 24px 22px} .nashipreim .container .row .col-md-3:nth-child(8) span.pricon {height: 77px;width: 126px; margin-left: -13px} .mainakcia .container .col-md-6.infoblok .osobennosti {margin: -240px 0 0} .scbodytype {width:90px; margin-left: 2px; text-align: center; margin-bottom: 5px} .scbodytype strong{font-size:11px; line-height:18px;text-transform:uppercase;height:90px} .sc__group-select h4 {font-size: 16px} .sc__group-select{margin-bottom: 10px} .vkblok h3 {font-size: 32px;margin: 0} .nashipreim .container h1{font-size: 22px} .myvsocsetyah p, .nashipreim p, .akcii p {font-size: 11px} .ostvoprosy .container .col-md-7 h3 {line-height: 30px;font-size: 32px} .utochnal .container .row .col-md-8 .podberem {font-size: 20px;margin: 20px 0;color: #fff;line-height: 24px} .kakmyrabotaem .container h3 {font-size: 22px;margin-bottom: 20px} .vydachablok .col-md-2.vydacha {font-size: 16px} .bx_catalog_tile .bx_catalog_tile_img {width: 100%;height: 90px} .uznaitestoim .container .row .col-sm-12 h3 {font-size: 18px} .hw_text {font-size: 11px} .otzyvklienta h3 {font-size: 24px} .messengers{overflow-x: hidden} .messengers .col-md-8 form input{max-width: 100%} .messengers .col-md-8 form button {width:100%} .messengers .messmobile{max-width: 310px} .nemnogoonas h1,.nemnogoonas h2 {font-size: 24px} } @media (max-width:320px){ .messengers .messmobile{max-width:280px} .mainbanner .slidecloud.service4 {left: auto; right: 0; top: -32px} } @media (min-width:768px) and (max-width:991.98px){ .page-header .col-md-4, .page-header .col-md-3 {padding-left: 5px;padding-right:0} .page-header .address {font-size: 10px; line-height: 13px} .page-header .phone {font-size: 13px; line-height: 13px} .page-header .grafik, .page-header a.perezvonite {font-size: 11px; line-height: 12px; margin: 0 0 5px; display:block} .page-header .icon {margin-bottom: 20px} .ostvoprosy .container .col-md-5 input, .ostvoprosy .container .col-md-5 .btn.btn-default{display:block; width: 100%} .messengers .messmobile {margin-bottom: 10px; margin-left:auto; margin-right:auto; margin-top: -80px; min-width: 360px; max-width: 440px; min-height: 440px} .vkblok h3 {margin-top: 0;font-size: 48px} .vkblok p {font-size: 20px} .vkblok p a {font-size: 28px} .mainbanner .slidecloud.service1{left: 115px;top: -55px;} .mainbanner .slidecloud.service2{left: 0; top: 2px;} .mainbanner .slidecloud.service3{left: 0; top: 252px} .mainbanner .slidecloud.service4{left: auto;right: 0;top: -35px;} .mainbanner .slidecloud.service5{left: auto; right: 0;top: 40px} .mainbanner .slidecloud.service6{left: 120px; top: auto; bottom: 10px;} footer .telephone a {font-size: 20px} footer .perezvonite a {font-size: 11px;padding: 1px} } .modalwindow.fancybox-content {background-image: url(/bitrix/templates/avtoservis/images/otzyvfon.jpg); background-repeat: repeat; background-position: center center; border-radius: 5px; min-width: 320px; max-width: 400px!important} #otzyvtxt.modalwindow.fancybox-content{max-width: 480px!important; text-align:center} #otzyvtxt.modalwindow.fancybox-content .otzimage{display:block; margin: 0 auto} #otzyvtxt.modalwindow.fancybox-content .otzimage img{width: 80%; height: 100%; max-width: 100%; display: block; margin: 0 auto} .modalwindow h2 {color: #001f4c; font-size: 24px; margin: 0 0 20px; text-align: center; text-transform: uppercase} .modalwindow p{text-align:center; margin: 20px auto; display:block; font-size: 22px} .modalwindow p.pozvonite {text-align: center; margin: 15px auto 0; display: block; font-size: 13px; font-weight: 400; line-height: 1.1em} .modalwindow p.soglas {font-size: 13px;text-align: left;color: #000;line-height: 1.2em} .modalwindow p strong{text-align:center; color:#000; text-transform:uppercase; font-size; 22px} .modalwindow em{text-align:center; color:#000; text-transform:uppercase; font-size; 15px} .modalwindow input, .modalwindow textarea{margin-bottom: 10px; background:#fff; color:#000} input.error, textarea.error{border: 1px solid #d00!important} .modalwindow button.btn {display:block; line-height: 20px; margin: 10px auto 0; padding: 10px 20px; font-weight:500; text-transform:uppercase;color:#001f4c; background:#fff; border: 1px solid #001f4c } .modalwindow button.btn:hover, .modalwindow button.btn:focus, .modalwindow button.btn:active{opacity:0.8; color:#fff; background:#001f4c} @-webkit-keyframes bounce { from,20%, 53%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% {-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce {-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom} @-webkit-keyframes flash { from,50%,to {opacity: 1} 25%,75% {opacity: 0} } @keyframes flash { from,50%, to {opacity: 1} 25%,75% {opacity: 0} } .flash {-webkit-animation-name: flash; animation-name: flash} @-webkit-keyframes pulse { from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse {-webkit-animation-name: pulse; animation-name: pulse} @-webkit-keyframes rubberBand { from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% {-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% {-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% {-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% {-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% {-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% {-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% {-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% {-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand {-webkit-animation-name: rubberBand; animation-name: rubberBand} @-webkit-keyframes shake { from, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake {-webkit-animation-name: shake; animation-name: shake} @-webkit-keyframes headShake { 0% {-webkit-transform: translateX(0); transform: translateX(0); } 6.5% {-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% {-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% {-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% {-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% {-webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% {-webkit-transform: translateX(0); transform: translateX(0); } 6.5% {-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% {-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% {-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% {-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% {-webkit-transform: translateX(0); transform: translateX(0); } } .headShake {-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake} @-webkit-keyframes swing { 20% {-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% {-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% {-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% {-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to {-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% {-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% {-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% {-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% {-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to {-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing {-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing} @-webkit-keyframes tada { from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada {-webkit-animation-name: tada; animation-name: tada} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble {-webkit-animation-name: wobble; animation-name: wobble} @-webkit-keyframes jello { from, 11.1%, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello {-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center} @-webkit-keyframes heartBeat { 0% {-webkit-transform: scale(1); transform: scale(1); } 14% {-webkit-transform: scale(1.3); transform: scale(1.3); } 28% {-webkit-transform: scale(1); transform: scale(1); } 42% {-webkit-transform: scale(1.3); transform: scale(1.3); } 70% {-webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% {-webkit-transform: scale(1); transform: scale(1); } 14% {-webkit-transform: scale(1.3); transform: scale(1.3); } 28% {-webkit-transform: scale(1); transform: scale(1); } 42% {-webkit-transform: scale(1.3); transform: scale(1.3); } 70% {-webkit-transform: scale(1); transform: scale(1); } } .heartBeat {-webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out} @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% {-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% {opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% {-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% {-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% {opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% {-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn {-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn} @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% {-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% {-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% {-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% {-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown {-webkit-animation-name: bounceInDown; animation-name: bounceInDown} @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% {opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% {-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% {opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% {-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft {-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft} @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% {opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% {-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% {-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% {opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% {-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% {-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight {-webkit-animation-name: bounceInRight; animation-name: bounceInRight} @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp} @-webkit-keyframes bounceOut { 20% {-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% {opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to {opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% {-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% {opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to {opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut {-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut} @-webkit-keyframes bounceOutDown { 20% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to {opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to {opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown {-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown} @-webkit-keyframes bounceOutLeft { 20% {opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to {opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% {opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to {opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft {-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft} @-webkit-keyframes bounceOutRight { 20% {opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to {opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% {opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to {opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight {-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight} @-webkit-keyframes bounceOutUp { 20% {-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% {opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% {-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% {opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp {-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp} @-webkit-keyframes fadeIn { from {opacity: 0; } to {opacity: 1; } } @keyframes fadeIn { from {opacity: 0; } to {opacity: 1; } } .fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn} @-webkit-keyframes fadeInDown { from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown} @-webkit-keyframes fadeInDownBig { from {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig {-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig} @-webkit-keyframes fadeInLeft { from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft} @-webkit-keyframes fadeInLeftBig { from {opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from {opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig {-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig} @-webkit-keyframes fadeInRight { from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight} @-webkit-keyframes fadeInRightBig { from {opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from {opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig {-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig} @-webkit-keyframes fadeInUp { from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp} @-webkit-keyframes fadeInUpBig { from {opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from {opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig {-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig} @-webkit-keyframes fadeOut { from {opacity: 1; } to {opacity: 0; } } @keyframes fadeOut { from {opacity: 1; } to {opacity: 0; } } .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut} @-webkit-keyframes fadeOutDown { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown {-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown} @-webkit-keyframes fadeOutDownBig { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig {-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig} @-webkit-keyframes fadeOutLeft { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft {-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft} @-webkit-keyframes fadeOutLeftBig { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig} @-webkit-keyframes fadeOutRight { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight {-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight} @-webkit-keyframes fadeOutRightBig { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig {-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig} @-webkit-keyframes fadeOutUp { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp {-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp} @-webkit-keyframes fadeOutUpBig { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig {-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig} @-webkit-keyframes flip { from {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% {-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% {-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to {-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip {-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip} @-webkit-keyframes flipInX { from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to {-webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to {-webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX {-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX} @-webkit-keyframes flipInY { from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to {-webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to {-webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY {-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY} @-webkit-keyframes flipOutX { from {-webkit-transform: perspective(400px); transform: perspective(400px); } 30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from {-webkit-transform: perspective(400px); transform: perspective(400px); } 30% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX {-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important} @-webkit-keyframes flipOutY { from {-webkit-transform: perspective(400px); transform: perspective(400px); } 30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from {-webkit-transform: perspective(400px); transform: perspective(400px); } 30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY {-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY} @-webkit-keyframes lightSpeedIn { from {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% {-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% {-webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% {-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% {-webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn {-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out} @-webkit-keyframes lightSpeedOut { from {opacity: 1; } to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from {opacity: 1; } to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut {-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in} @-webkit-keyframes rotateIn { from {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn {-webkit-animation-name: rotateIn; animation-name: rotateIn} @-webkit-keyframes rotateInDownLeft { from {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft {-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft} @-webkit-keyframes rotateInDownRight { from {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight {-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight} @-webkit-keyframes rotateInUpLeft { from {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft {-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft} @-webkit-keyframes rotateInUpRight { from {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight {-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight} @-webkit-keyframes rotateOut { from {-webkit-transform-origin: center; transform-origin: center; opacity: 1; } to {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from {-webkit-transform-origin: center; transform-origin: center; opacity: 1; } to {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut {-webkit-animation-name: rotateOut; animation-name: rotateOut} @-webkit-keyframes rotateOutDownLeft { from {-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from {-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft {-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft} @-webkit-keyframes rotateOutDownRight { from {-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from {-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight {-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight} @-webkit-keyframes rotateOutUpLeft { from {-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from {-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to {-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft {-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft} @-webkit-keyframes rotateOutUpRight { from {-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from {-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to {-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight {-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight} @-webkit-keyframes hinge { 0% {-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% {-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% {-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to {-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% {-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% {-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% {-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to {-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge} @-webkit-keyframes jackInTheBox { from {opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% {-webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% {-webkit-transform: rotate(3deg); transform: rotate(3deg); } to {opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from {opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% {-webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% {-webkit-transform: rotate(3deg); transform: rotate(3deg); } to {opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox {-webkit-animation-name: jackInTheBox; animation-name: jackInTheBox} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn {-webkit-animation-name: rollIn; animation-name: rollIn} /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from {opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut {-webkit-animation-name: rollOut; animation-name: rollOut} @-webkit-keyframes zoomIn { from {opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% {opacity: 1; } } @keyframes zoomIn { from {opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% {opacity: 1; } } .zoomIn {-webkit-animation-name: zoomIn; animation-name: zoomIn} @-webkit-keyframes zoomInDown { from {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown {-webkit-animation-name: zoomInDown; animation-name: zoomInDown} @-webkit-keyframes zoomInLeft { from {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft {-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft} @-webkit-keyframes zoomInRight { from {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight {-webkit-animation-name: zoomInRight; animation-name: zoomInRight} @-webkit-keyframes zoomInUp { from {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp {-webkit-animation-name: zoomInUp; animation-name: zoomInUp} @-webkit-keyframes zoomOut { from {opacity: 1; } 50% {opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to {opacity: 0; } } @keyframes zoomOut { from {opacity: 1; } 50% {opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to {opacity: 0; } } .zoomOut {-webkit-animation-name: zoomOut; animation-name: zoomOut} @-webkit-keyframes zoomOutDown { 40% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown {-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown} @-webkit-keyframes zoomOutLeft { 40% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to {opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to {opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft {-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft} @-webkit-keyframes zoomOutRight { 40% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to {opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to {opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight {-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight} @-webkit-keyframes zoomOutUp { 40% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% {opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to {opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp {-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp} @-webkit-keyframes slideInDown { from {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown {-webkit-animation-name: slideInDown; animation-name: slideInDown} @-webkit-keyframes slideInLeft { from {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft {-webkit-animation-name: slideInLeft; animation-name: slideInLeft} @-webkit-keyframes slideInRight { from {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight {-webkit-animation-name: slideInRight; animation-name: slideInRight} @-webkit-keyframes slideInUp { from {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp {-webkit-animation-name: slideInUp; animation-name: slideInUp} @-webkit-keyframes slideOutDown { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown {-webkit-animation-name: slideOutDown; animation-name: slideOutDown} @-webkit-keyframes slideOutLeft { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft {-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft} @-webkit-keyframes slideOutRight { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight {-webkit-animation-name: slideOutRight; animation-name: slideOutRight} @-webkit-keyframes slideOutUp { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp {-webkit-animation-name: slideOutUp; animation-name: slideOutUp} .animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both} .animated.infinite {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite} .animated.delay-1s {-webkit-animation-delay: 1s; animation-delay: 1s} .animated.delay-2s {-webkit-animation-delay: 2s; animation-delay: 2s} .animated.delay-3s {-webkit-animation-delay: 3s; animation-delay: 3s} .animated.delay-4s {-webkit-animation-delay: 4s; animation-delay: 4s} .animated.delay-5s {-webkit-animation-delay: 5s; animation-delay: 5s} .animated.fast {-webkit-animation-duration: 800ms; animation-duration: 800ms} .animated.faster {-webkit-animation-duration: 500ms; animation-duration: 500ms} .animated.slow {-webkit-animation-duration: 2s; animation-duration: 2s} .animated.slower {-webkit-animation-duration: 3s; animation-duration: 3s} @media (print), (prefers-reduced-motion) { .animated {-webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } } @font-face{ font-family:'FontAwesome'; src:url('/bitrix/templates/avtoservis/fonts/fontawesome-webfont.eot?v=4.7.0'); src:url('/bitrix/templates/avtoservis/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/bitrix/templates/avtoservis/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/bitrix/templates/avtoservis/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/bitrix/templates/avtoservis/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/bitrix/templates/avtoservis/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight:normal;font-style:normal } .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%} .fa-2x{font-size:2em} .fa-3x{font-size:3em} .fa-4x{font-size:4em} .fa-5x{font-size:5em} .fa-fw{width:1.28571429em;text-align:center} .fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none} .fa-ul>li{position:relative} .fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center} .fa-li.fa-lg{left:-1.85714286em} .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em} .fa-pull-left{float:left} .fa-pull-right{float:right} .fa.fa-pull-left{margin-right:.3em} .fa.fa-pull-right{margin-left:.3em} .pull-right{float:right} .pull-left{float:left} .fa.pull-left{margin-right:.3em} .fa.pull-right{margin-left:.3em} .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear} .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} .fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)} .fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)} .fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none} .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle} .fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center} .fa-stack-1x{line-height:inherit} .fa-stack-2x{font-size:2em} .fa-inverse{color:#fff} .fa-glass:before{content:"\f000"} .fa-music:before{content:"\f001"} .fa-search:before{content:"\f002"} .fa-envelope-o:before{content:"\f003"} .fa-heart:before{content:"\f004"} .fa-star:before{content:"\f005"} .fa-star-o:before{content:"\f006"} .fa-user:before{content:"\f007"} .fa-film:before{content:"\f008"} .fa-th-large:before{content:"\f009"} .fa-th:before{content:"\f00a"} .fa-th-list:before{content:"\f00b"} .fa-check:before{content:"\f00c"} .fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"} .fa-search-plus:before{content:"\f00e"} .fa-search-minus:before{content:"\f010"} .fa-power-off:before{content:"\f011"} .fa-signal:before{content:"\f012"} .fa-gear:before,.fa-cog:before{content:"\f013"} .fa-trash-o:before{content:"\f014"} .fa-home:before{content:"\f015"} .fa-file-o:before{content:"\f016"} .fa-clock-o:before{content:"\f017"} .fa-road:before{content:"\f018"} .fa-download:before{content:"\f019"} .fa-arrow-circle-o-down:before{content:"\f01a"} .fa-arrow-circle-o-up:before{content:"\f01b"} .fa-inbox:before{content:"\f01c"} .fa-play-circle-o:before{content:"\f01d"} .fa-rotate-right:before,.fa-repeat:before{content:"\f01e"} .fa-refresh:before{content:"\f021"} .fa-list-alt:before{content:"\f022"} .fa-lock:before{content:"\f023"} .fa-flag:before{content:"\f024"} .fa-headphones:before{content:"\f025"} .fa-volume-off:before{content:"\f026"} .fa-volume-down:before{content:"\f027"} .fa-volume-up:before{content:"\f028"} .fa-qrcode:before{content:"\f029"} .fa-barcode:before{content:"\f02a"} .fa-tag:before{content:"\f02b"} .fa-tags:before{content:"\f02c"} .fa-book:before{content:"\f02d"} .fa-bookmark:before{content:"\f02e"} .fa-print:before{content:"\f02f"} .fa-camera:before{content:"\f030"} .fa-font:before{content:"\f031"} .fa-bold:before{content:"\f032"} .fa-italic:before{content:"\f033"} .fa-text-height:before{content:"\f034"} .fa-text-width:before{content:"\f035"} .fa-align-left:before{content:"\f036"} .fa-align-center:before{content:"\f037"} .fa-align-right:before{content:"\f038"} .fa-align-justify:before{content:"\f039"} .fa-list:before{content:"\f03a"} .fa-dedent:before,.fa-outdent:before{content:"\f03b"} .fa-indent:before{content:"\f03c"} .fa-video-camera:before{content:"\f03d"} .fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"} .fa-pencil:before{content:"\f040"} .fa-map-marker:before{content:"\f041"} .fa-adjust:before{content:"\f042"} .fa-tint:before{content:"\f043"} .fa-edit:before,.fa-pencil-square-o:before{content:"\f044"} .fa-share-square-o:before{content:"\f045"} .fa-check-square-o:before{content:"\f046"} .fa-arrows:before{content:"\f047"} .fa-step-backward:before{content:"\f048"} .fa-fast-backward:before{content:"\f049"} .fa-backward:before{content:"\f04a"} .fa-play:before{content:"\f04b"} .fa-pause:before{content:"\f04c"} .fa-stop:before{content:"\f04d"} .fa-forward:before{content:"\f04e"} .fa-fast-forward:before{content:"\f050"} .fa-step-forward:before{content:"\f051"} .fa-eject:before{content:"\f052"} .fa-chevron-left:before{content:"\f053"} .fa-chevron-right:before{content:"\f054"} .fa-plus-circle:before{content:"\f055"} .fa-minus-circle:before{content:"\f056"} .fa-times-circle:before{content:"\f057"} .fa-check-circle:before{content:"\f058"} .fa-question-circle:before{content:"\f059"} .fa-info-circle:before{content:"\f05a"} .fa-crosshairs:before{content:"\f05b"} .fa-times-circle-o:before{content:"\f05c"} .fa-check-circle-o:before{content:"\f05d"} .fa-ban:before{content:"\f05e"} .fa-arrow-left:before{content:"\f060"} .fa-arrow-right:before{content:"\f061"} .fa-arrow-up:before{content:"\f062"} .fa-arrow-down:before{content:"\f063"} .fa-mail-forward:before,.fa-share:before{content:"\f064"} .fa-expand:before{content:"\f065"} .fa-compress:before{content:"\f066"} .fa-plus:before{content:"\f067"} .fa-minus:before{content:"\f068"} .fa-asterisk:before{content:"\f069"} .fa-exclamation-circle:before{content:"\f06a"} .fa-gift:before{content:"\f06b"} .fa-leaf:before{content:"\f06c"} .fa-fire:before{content:"\f06d"} .fa-eye:before{content:"\f06e"} .fa-eye-slash:before{content:"\f070"} .fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"} .fa-plane:before{content:"\f072"} .fa-calendar:before{content:"\f073"} .fa-random:before{content:"\f074"} .fa-comment:before{content:"\f075"} .fa-magnet:before{content:"\f076"} .fa-chevron-up:before{content:"\f077"} .fa-chevron-down:before{content:"\f078"} .fa-retweet:before{content:"\f079"} .fa-shopping-cart:before{content:"\f07a"} .fa-folder:before{content:"\f07b"} .fa-folder-open:before{content:"\f07c"} .fa-arrows-v:before{content:"\f07d"} .fa-arrows-h:before{content:"\f07e"} .fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"} .fa-twitter-square:before{content:"\f081"} .fa-facebook-square:before{content:"\f082"} .fa-camera-retro:before{content:"\f083"} .fa-key:before{content:"\f084"} .fa-gears:before,.fa-cogs:before{content:"\f085"} .fa-comments:before{content:"\f086"} .fa-thumbs-o-up:before{content:"\f087"} .fa-thumbs-o-down:before{content:"\f088"} .fa-star-half:before{content:"\f089"} .fa-heart-o:before{content:"\f08a"} .fa-sign-out:before{content:"\f08b"} .fa-linkedin-square:before{content:"\f08c"} .fa-thumb-tack:before{content:"\f08d"} .fa-external-link:before{content:"\f08e"} .fa-sign-in:before{content:"\f090"} .fa-trophy:before{content:"\f091"} .fa-github-square:before{content:"\f092"} .fa-upload:before{content:"\f093"} .fa-lemon-o:before{content:"\f094"} .fa-phone:before{content:"\f095"} .fa-square-o:before{content:"\f096"} .fa-bookmark-o:before{content:"\f097"} .fa-phone-square:before{content:"\f098"} .fa-twitter:before{content:"\f099"} .fa-facebook-f:before,.fa-facebook:before{content:"\f09a"} .fa-github:before{content:"\f09b"} .fa-unlock:before{content:"\f09c"} .fa-credit-card:before{content:"\f09d"} .fa-feed:before,.fa-rss:before{content:"\f09e"} .fa-hdd-o:before{content:"\f0a0"} .fa-bullhorn:before{content:"\f0a1"} .fa-bell:before{content:"\f0f3"} .fa-certificate:before{content:"\f0a3"} .fa-hand-o-right:before{content:"\f0a4"} .fa-hand-o-left:before{content:"\f0a5"} .fa-hand-o-up:before{content:"\f0a6"} .fa-hand-o-down:before{content:"\f0a7"} .fa-arrow-circle-left:before{content:"\f0a8"} .fa-arrow-circle-right:before{content:"\f0a9"} .fa-arrow-circle-up:before{content:"\f0aa"} .fa-arrow-circle-down:before{content:"\f0ab"} .fa-globe:before{content:"\f0ac"} .fa-wrench:before{content:"\f0ad"} .fa-tasks:before{content:"\f0ae"} .fa-filter:before{content:"\f0b0"} .fa-briefcase:before{content:"\f0b1"} .fa-arrows-alt:before{content:"\f0b2"} .fa-group:before,.fa-users:before{content:"\f0c0"} .fa-chain:before,.fa-link:before{content:"\f0c1"} .fa-cloud:before{content:"\f0c2"} .fa-flask:before{content:"\f0c3"} .fa-cut:before,.fa-scissors:before{content:"\f0c4"} .fa-copy:before,.fa-files-o:before{content:"\f0c5"} .fa-paperclip:before{content:"\f0c6"} .fa-save:before,.fa-floppy-o:before{content:"\f0c7"} .fa-square:before{content:"\f0c8"} .fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"} .fa-list-ul:before{content:"\f0ca"} .fa-list-ol:before{content:"\f0cb"} .fa-strikethrough:before{content:"\f0cc"} .fa-underline:before{content:"\f0cd"} .fa-table:before{content:"\f0ce"} .fa-magic:before{content:"\f0d0"} .fa-truck:before{content:"\f0d1"} .fa-pinterest:before{content:"\f0d2"} .fa-pinterest-square:before{content:"\f0d3"} .fa-google-plus-square:before{content:"\f0d4"} .fa-google-plus:before{content:"\f0d5"} .fa-money:before{content:"\f0d6"} .fa-caret-down:before{content:"\f0d7"} .fa-caret-up:before{content:"\f0d8"} .fa-caret-left:before{content:"\f0d9"} .fa-caret-right:before{content:"\f0da"} .fa-columns:before{content:"\f0db"} .fa-unsorted:before,.fa-sort:before{content:"\f0dc"} .fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"} .fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"} .fa-envelope:before{content:"\f0e0"} .fa-linkedin:before{content:"\f0e1"} .fa-rotate-left:before,.fa-undo:before{content:"\f0e2"} .fa-legal:before,.fa-gavel:before{content:"\f0e3"} .fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"} .fa-comment-o:before{content:"\f0e5"} .fa-comments-o:before{content:"\f0e6"} .fa-flash:before,.fa-bolt:before{content:"\f0e7"} .fa-sitemap:before{content:"\f0e8"} .fa-umbrella:before{content:"\f0e9"} .fa-paste:before,.fa-clipboard:before{content:"\f0ea"} .fa-lightbulb-o:before{content:"\f0eb"} .fa-exchange:before{content:"\f0ec"} .fa-cloud-download:before{content:"\f0ed"} .fa-cloud-upload:before{content:"\f0ee"} .fa-user-md:before{content:"\f0f0"} .fa-stethoscope:before{content:"\f0f1"} .fa-suitcase:before{content:"\f0f2"} .fa-bell-o:before{content:"\f0a2"} .fa-coffee:before{content:"\f0f4"} .fa-cutlery:before{content:"\f0f5"} .fa-file-text-o:before{content:"\f0f6"} .fa-building-o:before{content:"\f0f7"} .fa-hospital-o:before{content:"\f0f8"} .fa-ambulance:before{content:"\f0f9"} .fa-medkit:before{content:"\f0fa"} .fa-fighter-jet:before{content:"\f0fb"} .fa-beer:before{content:"\f0fc"} .fa-h-square:before{content:"\f0fd"} .fa-plus-square:before{content:"\f0fe"} .fa-angle-double-left:before{content:"\f100"} .fa-angle-double-right:before{content:"\f101"} .fa-angle-double-up:before{content:"\f102"} .fa-angle-double-down:before{content:"\f103"} .fa-angle-left:before{content:"\f104"} .fa-angle-right:before{content:"\f105"} .fa-angle-up:before{content:"\f106"} .fa-angle-down:before{content:"\f107"} .fa-desktop:before{content:"\f108"} .fa-laptop:before{content:"\f109"} .fa-tablet:before{content:"\f10a"} .fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"} .fa-circle-o:before{content:"\f10c"} .fa-quote-left:before{content:"\f10d"} .fa-quote-right:before{content:"\f10e"} .fa-spinner:before{content:"\f110"} .fa-circle:before{content:"\f111"} .fa-mail-reply:before,.fa-reply:before{content:"\f112"} .fa-github-alt:before{content:"\f113"} .fa-folder-o:before{content:"\f114"} .fa-folder-open-o:before{content:"\f115"} .fa-smile-o:before{content:"\f118"} .fa-frown-o:before{content:"\f119"} .fa-meh-o:before{content:"\f11a"} .fa-gamepad:before{content:"\f11b"} .fa-keyboard-o:before{content:"\f11c"} .fa-flag-o:before{content:"\f11d"} .fa-flag-checkered:before{content:"\f11e"} .fa-terminal:before{content:"\f120"} .fa-code:before{content:"\f121"} .fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"} .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"} .fa-location-arrow:before{content:"\f124"} .fa-crop:before{content:"\f125"} .fa-code-fork:before{content:"\f126"} .fa-unlink:before,.fa-chain-broken:before{content:"\f127"} .fa-question:before{content:"\f128"} .fa-info:before{content:"\f129"} .fa-exclamation:before{content:"\f12a"} .fa-superscript:before{content:"\f12b"} .fa-subscript:before{content:"\f12c"} .fa-eraser:before{content:"\f12d"} .fa-puzzle-piece:before{content:"\f12e"} .fa-microphone:before{content:"\f130"} .fa-microphone-slash:before{content:"\f131"} .fa-shield:before{content:"\f132"} .fa-calendar-o:before{content:"\f133"} .fa-fire-extinguisher:before{content:"\f134"} .fa-rocket:before{content:"\f135"} .fa-maxcdn:before{content:"\f136"} .fa-chevron-circle-left:before{content:"\f137"} .fa-chevron-circle-right:before{content:"\f138"} .fa-chevron-circle-up:before{content:"\f139"} .fa-chevron-circle-down:before{content:"\f13a"} .fa-html5:before{content:"\f13b"} .fa-css3:before{content:"\f13c"} .fa-anchor:before{content:"\f13d"} .fa-unlock-alt:before{content:"\f13e"} .fa-bullseye:before{content:"\f140"} .fa-ellipsis-h:before{content:"\f141"} .fa-ellipsis-v:before{content:"\f142"} .fa-rss-square:before{content:"\f143"} .fa-play-circle:before{content:"\f144"} .fa-ticket:before{content:"\f145"} .fa-minus-square:before{content:"\f146"} .fa-minus-square-o:before{content:"\f147"} .fa-level-up:before{content:"\f148"} .fa-level-down:before{content:"\f149"} .fa-check-square:before{content:"\f14a"} .fa-pencil-square:before{content:"\f14b"} .fa-external-link-square:before{content:"\f14c"} .fa-share-square:before{content:"\f14d"} .fa-compass:before{content:"\f14e"} .fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"} .fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"} .fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"} .fa-euro:before,.fa-eur:before{content:"\f153"} .fa-gbp:before{content:"\f154"} .fa-dollar:before,.fa-usd:before{content:"\f155"} .fa-rupee:before,.fa-inr:before{content:"\f156"} .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"} .fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"} .fa-won:before,.fa-krw:before{content:"\f159"} .fa-bitcoin:before,.fa-btc:before{content:"\f15a"} .fa-file:before{content:"\f15b"} .fa-file-text:before{content:"\f15c"} .fa-sort-alpha-asc:before{content:"\f15d"} .fa-sort-alpha-desc:before{content:"\f15e"} .fa-sort-amount-asc:before{content:"\f160"} .fa-sort-amount-desc:before{content:"\f161"} .fa-sort-numeric-asc:before{content:"\f162"} .fa-sort-numeric-desc:before{content:"\f163"} .fa-thumbs-up:before{content:"\f164"} .fa-thumbs-down:before{content:"\f165"} .fa-youtube-square:before{content:"\f166"} .fa-youtube:before{content:"\f167"} .fa-xing:before{content:"\f168"} .fa-xing-square:before{content:"\f169"} .fa-youtube-play:before{content:"\f16a"} .fa-dropbox:before{content:"\f16b"} .fa-stack-overflow:before{content:"\f16c"} .fa-instagram:before{content:"\f16d"} .fa-flickr:before{content:"\f16e"} .fa-adn:before{content:"\f170"} .fa-bitbucket:before{content:"\f171"} .fa-bitbucket-square:before{content:"\f172"} .fa-tumblr:before{content:"\f173"} .fa-tumblr-square:before{content:"\f174"} .fa-long-arrow-down:before{content:"\f175"} .fa-long-arrow-up:before{content:"\f176"} .fa-long-arrow-left:before{content:"\f177"} .fa-long-arrow-right:before{content:"\f178"} .fa-apple:before{content:"\f179"} .fa-windows:before{content:"\f17a"} .fa-android:before{content:"\f17b"} .fa-linux:before{content:"\f17c"} .fa-dribbble:before{content:"\f17d"} .fa-skype:before{content:"\f17e"} .fa-foursquare:before{content:"\f180"} .fa-trello:before{content:"\f181"} .fa-female:before{content:"\f182"} .fa-male:before{content:"\f183"} .fa-gittip:before,.fa-gratipay:before{content:"\f184"} .fa-sun-o:before{content:"\f185"} .fa-moon-o:before{content:"\f186"} .fa-archive:before{content:"\f187"} .fa-bug:before{content:"\f188"} .fa-vk:before{content:"\f189"} .fa-weibo:before{content:"\f18a"} .fa-renren:before{content:"\f18b"} .fa-pagelines:before{content:"\f18c"} .fa-stack-exchange:before{content:"\f18d"} .fa-arrow-circle-o-right:before{content:"\f18e"} .fa-arrow-circle-o-left:before{content:"\f190"} .fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"} .fa-dot-circle-o:before{content:"\f192"} .fa-wheelchair:before{content:"\f193"} .fa-vimeo-square:before{content:"\f194"} .fa-turkish-lira:before,.fa-try:before{content:"\f195"} .fa-plus-square-o:before{content:"\f196"} .fa-space-shuttle:before{content:"\f197"} .fa-slack:before{content:"\f198"} .fa-envelope-square:before{content:"\f199"} .fa-wordpress:before{content:"\f19a"} .fa-openid:before{content:"\f19b"} .fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"} .fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"} .fa-yahoo:before{content:"\f19e"} .fa-google:before{content:"\f1a0"} .fa-reddit:before{content:"\f1a1"} .fa-reddit-square:before{content:"\f1a2"} .fa-stumbleupon-circle:before{content:"\f1a3"} .fa-stumbleupon:before{content:"\f1a4"} .fa-delicious:before{content:"\f1a5"} .fa-digg:before{content:"\f1a6"} .fa-pied-piper-pp:before{content:"\f1a7"} .fa-pied-piper-alt:before{content:"\f1a8"} .fa-drupal:before{content:"\f1a9"} .fa-joomla:before{content:"\f1aa"} .fa-language:before{content:"\f1ab"} .fa-fax:before{content:"\f1ac"} .fa-building:before{content:"\f1ad"} .fa-child:before{content:"\f1ae"} .fa-paw:before{content:"\f1b0"} .fa-spoon:before{content:"\f1b1"} .fa-cube:before{content:"\f1b2"} .fa-cubes:before{content:"\f1b3"} .fa-behance:before{content:"\f1b4"} .fa-behance-square:before{content:"\f1b5"} .fa-steam:before{content:"\f1b6"} .fa-steam-square:before{content:"\f1b7"} .fa-recycle:before{content:"\f1b8"} .fa-automobile:before,.fa-car:before{content:"\f1b9"} .fa-cab:before,.fa-taxi:before{content:"\f1ba"} .fa-tree:before{content:"\f1bb"} .fa-spotify:before{content:"\f1bc"} .fa-deviantart:before{content:"\f1bd"} .fa-soundcloud:before{content:"\f1be"} .fa-database:before{content:"\f1c0"} .fa-file-pdf-o:before{content:"\f1c1"} .fa-file-word-o:before{content:"\f1c2"} .fa-file-excel-o:before{content:"\f1c3"} .fa-file-powerpoint-o:before{content:"\f1c4"} .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"} .fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"} .fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"} .fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"} .fa-file-code-o:before{content:"\f1c9"} .fa-vine:before{content:"\f1ca"} .fa-codepen:before{content:"\f1cb"} .fa-jsfiddle:before{content:"\f1cc"} .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"} .fa-circle-o-notch:before{content:"\f1ce"} .fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"} .fa-ge:before,.fa-empire:before{content:"\f1d1"} .fa-git-square:before{content:"\f1d2"} .fa-git:before{content:"\f1d3"} .fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"} .fa-tencent-weibo:before{content:"\f1d5"} .fa-qq:before{content:"\f1d6"} .fa-wechat:before,.fa-weixin:before{content:"\f1d7"} .fa-send:before,.fa-paper-plane:before{content:"\f1d8"} .fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"} .fa-history:before{content:"\f1da"} .fa-circle-thin:before{content:"\f1db"} .fa-header:before{content:"\f1dc"} .fa-paragraph:before{content:"\f1dd"} .fa-sliders:before{content:"\f1de"} .fa-share-alt:before{content:"\f1e0"} .fa-share-alt-square:before{content:"\f1e1"} .fa-bomb:before{content:"\f1e2"} .fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"} .fa-tty:before{content:"\f1e4"} .fa-binoculars:before{content:"\f1e5"} .fa-plug:before{content:"\f1e6"} .fa-slideshare:before{content:"\f1e7"} .fa-twitch:before{content:"\f1e8"} .fa-yelp:before{content:"\f1e9"} .fa-newspaper-o:before{content:"\f1ea"} .fa-wifi:before{content:"\f1eb"} .fa-calculator:before{content:"\f1ec"} .fa-paypal:before{content:"\f1ed"} .fa-google-wallet:before{content:"\f1ee"} .fa-cc-visa:before{content:"\f1f0"} .fa-cc-mastercard:before{content:"\f1f1"} .fa-cc-discover:before{content:"\f1f2"} .fa-cc-amex:before{content:"\f1f3"} .fa-cc-paypal:before{content:"\f1f4"} .fa-cc-stripe:before{content:"\f1f5"} .fa-bell-slash:before{content:"\f1f6"} .fa-bell-slash-o:before{content:"\f1f7"} .fa-trash:before{content:"\f1f8"} .fa-copyright:before{content:"\f1f9"} .fa-at:before{content:"\f1fa"} .fa-eyedropper:before{content:"\f1fb"} .fa-paint-brush:before{content:"\f1fc"} .fa-birthday-cake:before{content:"\f1fd"} .fa-area-chart:before{content:"\f1fe"} .fa-pie-chart:before{content:"\f200"} .fa-line-chart:before{content:"\f201"} .fa-lastfm:before{content:"\f202"} .fa-lastfm-square:before{content:"\f203"} .fa-toggle-off:before{content:"\f204"} .fa-toggle-on:before{content:"\f205"} .fa-bicycle:before{content:"\f206"} .fa-bus:before{content:"\f207"} .fa-ioxhost:before{content:"\f208"} .fa-angellist:before{content:"\f209"} .fa-cc:before{content:"\f20a"} .fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"} .fa-meanpath:before{content:"\f20c"} .fa-buysellads:before{content:"\f20d"} .fa-connectdevelop:before{content:"\f20e"} .fa-dashcube:before{content:"\f210"} .fa-forumbee:before{content:"\f211"} .fa-leanpub:before{content:"\f212"} .fa-sellsy:before{content:"\f213"} .fa-shirtsinbulk:before{content:"\f214"} .fa-simplybuilt:before{content:"\f215"} .fa-skyatlas:before{content:"\f216"} .fa-cart-plus:before{content:"\f217"} .fa-cart-arrow-down:before{content:"\f218"} .fa-diamond:before{content:"\f219"} .fa-ship:before{content:"\f21a"} .fa-user-secret:before{content:"\f21b"} .fa-motorcycle:before{content:"\f21c"} .fa-street-view:before{content:"\f21d"} .fa-heartbeat:before{content:"\f21e"} .fa-venus:before{content:"\f221"} .fa-mars:before{content:"\f222"} .fa-mercury:before{content:"\f223"} .fa-intersex:before,.fa-transgender:before{content:"\f224"} .fa-transgender-alt:before{content:"\f225"} .fa-venus-double:before{content:"\f226"} .fa-mars-double:before{content:"\f227"} .fa-venus-mars:before{content:"\f228"} .fa-mars-stroke:before{content:"\f229"} .fa-mars-stroke-v:before{content:"\f22a"} .fa-mars-stroke-h:before{content:"\f22b"} .fa-neuter:before{content:"\f22c"} .fa-genderless:before{content:"\f22d"} .fa-facebook-official:before{content:"\f230"} .fa-pinterest-p:before{content:"\f231"} .fa-whatsapp:before{content:"\f232"} .fa-server:before{content:"\f233"} .fa-user-plus:before{content:"\f234"} .fa-user-times:before{content:"\f235"} .fa-hotel:before,.fa-bed:before{content:"\f236"} .fa-viacoin:before{content:"\f237"} .fa-train:before{content:"\f238"} .fa-subway:before{content:"\f239"} .fa-medium:before{content:"\f23a"} .fa-yc:before,.fa-y-combinator:before{content:"\f23b"} .fa-optin-monster:before{content:"\f23c"} .fa-opencart:before{content:"\f23d"} .fa-expeditedssl:before{content:"\f23e"} .fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"} .fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"} .fa-battery-2:before,.fa-battery-half:before{content:"\f242"} .fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"} .fa-battery-0:before,.fa-battery-empty:before{content:"\f244"} .fa-mouse-pointer:before{content:"\f245"} .fa-i-cursor:before{content:"\f246"} .fa-object-group:before{content:"\f247"} .fa-object-ungroup:before{content:"\f248"} .fa-sticky-note:before{content:"\f249"} .fa-sticky-note-o:before{content:"\f24a"} .fa-cc-jcb:before{content:"\f24b"} .fa-cc-diners-club:before{content:"\f24c"} .fa-clone:before{content:"\f24d"} .fa-balance-scale:before{content:"\f24e"} .fa-hourglass-o:before{content:"\f250"} .fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"} .fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"} .fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"} .fa-hourglass:before{content:"\f254"} .fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"} .fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"} .fa-hand-scissors-o:before{content:"\f257"} .fa-hand-lizard-o:before{content:"\f258"} .fa-hand-spock-o:before{content:"\f259"} .fa-hand-pointer-o:before{content:"\f25a"} .fa-hand-peace-o:before{content:"\f25b"} .fa-trademark:before{content:"\f25c"} .fa-registered:before{content:"\f25d"} .fa-creative-commons:before{content:"\f25e"} .fa-gg:before{content:"\f260"} .fa-gg-circle:before{content:"\f261"} .fa-tripadvisor:before{content:"\f262"} .fa-odnoklassniki:before{content:"\f263"} .fa-odnoklassniki-square:before{content:"\f264"} .fa-get-pocket:before{content:"\f265"} .fa-wikipedia-w:before{content:"\f266"} .fa-safari:before{content:"\f267"} .fa-chrome:before{content:"\f268"} .fa-firefox:before{content:"\f269"} .fa-opera:before{content:"\f26a"} .fa-internet-explorer:before{content:"\f26b"} .fa-tv:before,.fa-television:before{content:"\f26c"} .fa-contao:before{content:"\f26d"} .fa-500px:before{content:"\f26e"} .fa-amazon:before{content:"\f270"} .fa-calendar-plus-o:before{content:"\f271"} .fa-calendar-minus-o:before{content:"\f272"} .fa-calendar-times-o:before{content:"\f273"} .fa-calendar-check-o:before{content:"\f274"} .fa-industry:before{content:"\f275"} .fa-map-pin:before{content:"\f276"} .fa-map-signs:before{content:"\f277"} .fa-map-o:before{content:"\f278"} .fa-map:before{content:"\f279"} .fa-commenting:before{content:"\f27a"} .fa-commenting-o:before{content:"\f27b"} .fa-houzz:before{content:"\f27c"} .fa-vimeo:before{content:"\f27d"} .fa-black-tie:before{content:"\f27e"} .fa-fonticons:before{content:"\f280"} .fa-reddit-alien:before{content:"\f281"} .fa-edge:before{content:"\f282"} .fa-credit-card-alt:before{content:"\f283"} .fa-codiepie:before{content:"\f284"} .fa-modx:before{content:"\f285"} .fa-fort-awesome:before{content:"\f286"} .fa-usb:before{content:"\f287"} .fa-product-hunt:before{content:"\f288"} .fa-mixcloud:before{content:"\f289"} .fa-scribd:before{content:"\f28a"} .fa-pause-circle:before{content:"\f28b"} .fa-pause-circle-o:before{content:"\f28c"} .fa-stop-circle:before{content:"\f28d"} .fa-stop-circle-o:before{content:"\f28e"} .fa-shopping-bag:before{content:"\f290"} .fa-shopping-basket:before{content:"\f291"} .fa-hashtag:before{content:"\f292"} .fa-bluetooth:before{content:"\f293"} .fa-bluetooth-b:before{content:"\f294"} .fa-percent:before{content:"\f295"} .fa-gitlab:before{content:"\f296"} .fa-wpbeginner:before{content:"\f297"} .fa-wpforms:before{content:"\f298"} .fa-envira:before{content:"\f299"} .fa-universal-access:before{content:"\f29a"} .fa-wheelchair-alt:before{content:"\f29b"} .fa-question-circle-o:before{content:"\f29c"} .fa-blind:before{content:"\f29d"} .fa-audio-description:before{content:"\f29e"} .fa-volume-control-phone:before{content:"\f2a0"} .fa-braille:before{content:"\f2a1"} .fa-assistive-listening-systems:before{content:"\f2a2"} .fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"} .fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"} .fa-glide:before{content:"\f2a5"} .fa-glide-g:before{content:"\f2a6"} .fa-signing:before,.fa-sign-language:before{content:"\f2a7"} .fa-low-vision:before{content:"\f2a8"} .fa-viadeo:before{content:"\f2a9"} .fa-viadeo-square:before{content:"\f2aa"} .fa-snapchat:before{content:"\f2ab"} .fa-snapchat-ghost:before{content:"\f2ac"} .fa-snapchat-square:before{content:"\f2ad"} .fa-pied-piper:before{content:"\f2ae"} .fa-first-order:before{content:"\f2b0"} .fa-yoast:before{content:"\f2b1"} .fa-themeisle:before{content:"\f2b2"} .fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"} .fa-fa:before,.fa-font-awesome:before{content:"\f2b4"} .fa-handshake-o:before{content:"\f2b5"} .fa-envelope-open:before{content:"\f2b6"} .fa-envelope-open-o:before{content:"\f2b7"} .fa-linode:before{content:"\f2b8"} .fa-address-book:before{content:"\f2b9"} .fa-address-book-o:before{content:"\f2ba"} .fa-vcard:before,.fa-address-card:before{content:"\f2bb"} .fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"} .fa-user-circle:before{content:"\f2bd"} .fa-user-circle-o:before{content:"\f2be"} .fa-user-o:before{content:"\f2c0"} .fa-id-badge:before{content:"\f2c1"} .fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"} .fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"} .fa-quora:before{content:"\f2c4"} .fa-free-code-camp:before{content:"\f2c5"} .fa-telegram:before{content:"\f2c6"} .fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"} .fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"} .fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"} .fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"} .fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"} .fa-shower:before{content:"\f2cc"} .fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"} .fa-podcast:before{content:"\f2ce"} .fa-window-maximize:before{content:"\f2d0"} .fa-window-minimize:before{content:"\f2d1"} .fa-window-restore:before{content:"\f2d2"} .fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"} .fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"} .fa-bandcamp:before{content:"\f2d5"} .fa-grav:before{content:"\f2d6"} .fa-etsy:before{content:"\f2d7"} .fa-imdb:before{content:"\f2d8"} .fa-ravelry:before{content:"\f2d9"} .fa-eercast:before{content:"\f2da"} .fa-microchip:before{content:"\f2db"} .fa-snowflake-o:before{content:"\f2dc"} .fa-superpowers:before{content:"\f2dd"} .fa-wpexplorer:before{content:"\f2de"} .fa-meetup:before{content:"\f2e0"} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/avtoservis/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} body.compensate-for-scrollbar{overflow:hidden} .fancybox-active{height:auto} .fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden} .fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992} .fancybox-container *{box-sizing:border-box} .fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0} .fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto} .fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)} .fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)} .fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997} .fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible} .fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .fancybox-toolbar{right:0;top:0} .fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994} .fancybox-is-open .fancybox-stage{overflow:hidden} .fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994} .fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0} .fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block} .fancybox-slide--next{z-index:99995} .fancybox-slide--image{overflow:visible;padding:44px 0} .fancybox-slide--image:before{display:none} .fancybox-slide--html{padding:6px 6px 0} .fancybox-slide--iframe{padding:44px 44px 0} .fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle} .fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995} .fancybox-can-zoomOut .fancybox-content{cursor:zoom-out} .fancybox-can-zoomIn .fancybox-content{cursor:zoom-in} .fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab} .fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing} .fancybox-container [data-selectable=true]{cursor:text} .fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%} .fancybox-spaceball{z-index:1} .fancybox-slide--html .fancybox-content{margin-bottom:6px} .fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%} .fancybox-slide--video .fancybox-content{background:#000} .fancybox-slide--map .fancybox-content{background:#e5e3df} .fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px} .fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%} .fancybox-iframe{vertical-align:top} .fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%} .fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0} .fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px} .fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc} .fancybox-button:focus,.fancybox-button:hover{color:#fff} .fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default} .fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision} .fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3} .fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none} .fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor} .fancybox-button--share svg path{stroke-width:1} .fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px} .fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s} .fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px} .fancybox-navigation .fancybox-button--arrow_left{left:6px} .fancybox-navigation .fancybox-button--arrow_right{right:6px} .fancybox-close-small{background:transparent;border:0;border-radius:0;color:#001f4c;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10} .fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s} .fancybox-close-small:focus{outline:none} .fancybox-close-small:hover svg{opacity:1} .fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px} .fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff} .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none} .fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0} .fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1} .fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0} .fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none} .fancybox-caption a:hover{color:#fff;text-decoration:underline} .fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999} @-webkit-keyframes a{ 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @keyframes a{ 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } .fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)} .fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} .fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)} .fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)} .fancybox-fx-fade.fancybox-slide--current{opacity:1} .fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)} .fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)} .fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)} .fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)} .fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)} .fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)} .fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)} .fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)} .fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)} .fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)} .fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)} .fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)} .fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center} .fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px} .fancybox-share p{margin:0;padding:0} .fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap} .fancybox-share__button:link,.fancybox-share__button:visited{color:#fff} .fancybox-share__button:hover{text-decoration:none} .fancybox-share__button--fb{background:#3b5998} .fancybox-share__button--fb:hover{background:#344e86} .fancybox-share__button--pt{background:#bd081d} .fancybox-share__button--pt:hover{background:#aa0719} .fancybox-share__button--tw{background:#1da1f2} .fancybox-share__button--tw:hover{background:#0d95e8} .fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px} .fancybox-share__button svg path{fill:#fff} .fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%} .fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995} .fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden} .fancybox-show-thumbs .fancybox-thumbs{display:block} .fancybox-show-thumbs .fancybox-inner{right:212px} .fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%} .fancybox-thumbs-x>ul{overflow:hidden} .fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px} .fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)} .fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px} .fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px} .fancybox-thumbs-loading{background:rgba(0,0,0,.1)} .fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover} .fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991} .fancybox-thumbs .fancybox-thumbs-active:before{opacity:1} @media (max-width:450px){ div.news-list img.preview_picture { margin: 0 4px 6px 0; float: inherit !important; height: 50%; } @media (max-width:800px){ .fancybox-thumbs{width:110px} .fancybox-show-thumbs .fancybox-inner{right:110px} .fancybox-thumbs>ul>li{max-width:calc(100% - 10px)} } element.style { float: inherit; } .msm{text-align: center;font-weight:500;text-shadow: 1px 1px 1px #fff;} .msm p{padding-top:70px;} .telegram{margin-bottom:10px;} .h1, h1 { font-size: 2.5rem; margin-top: 111px; } /* End */ /* /bitrix/templates/avtoservis/components/bitrix/breadcrumb/.default/style.css?17077432021453 */ /* /bitrix/templates/avtoservis/components/bitrix/news.list/topportfolio/style.css?15515424002126 */ /* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?15498872482530 */ /* /bitrix/templates/avtoservis/components/bitrix/news.list/otzyvy/style.css?1715861123817 */ /* /bitrix/templates/avtoservis/styles.css?17857798084961 */ /* /bitrix/templates/avtoservis/template_styles.css?1785779808360091 */