.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(../libs/owlCarousel/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% } .mfp-bg{ top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:.8 } .mfp-wrap{ top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:0!important; -webkit-backface-visibility:hidden } .mfp-container{ text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; 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-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{ width:100%; cursor:auto } .mfp-ajax-cur{ cursor:progress } .mfp-zoom-out-cur,.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-arrow,.mfp-close,.mfp-counter,.mfp-preloader{ -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:#ccc; position:absolute; top:50%; width:auto; text-align:center; margin-top:-.8em; left:8px; right:8px; z-index:1044 } .mfp-preloader a{ color:#ccc } .mfp-preloader a:hover{ color:#fff } .mfp-s-ready .mfp-preloader{ display:none } .mfp-s-error .mfp-content{ display:none } button.mfp-arrow,button.mfp-close{ overflow:visible; cursor:pointer; background:0 0; border:0; -webkit-appearance:none; display:block; outline:0; padding:0; z-index:1046; box-shadow:none; touch-action:manipulation } 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:.65; padding:0 0 18px 10px; color:#fff; font-style:normal; font-size:28px; font-family:Arial,Baskerville,monospace } .mfp-close:focus,.mfp-close:hover{ opacity:1 } .mfp-close:active{ top:1px } .mfp-close-btn-in .mfp-close{ color:#333 } .mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{ color:#fff; right:-6px; text-align:right; padding-right:6px; width:100% } .mfp-counter{ position:absolute; top:0; right:0; color:#ccc; font-size:12px; line-height:18px; white-space:nowrap } .mfp-arrow{ position:absolute; opacity:.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:focus,.mfp-arrow:hover{ opacity:1 } .mfp-arrow:after,.mfp-arrow:before{ 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{ border-top-width:13px; border-bottom-width:13px; top:8px } .mfp-arrow:before{ border-top-width:21px; border-bottom-width:21px; opacity:.7 } .mfp-arrow-left{ left:0 } .mfp-arrow-left:after{ border-right:17px solid #fff; margin-left:31px } .mfp-arrow-left:before{ margin-left:25px; border-right:27px solid #3f3f3f } .mfp-arrow-right{ right:0 } .mfp-arrow-right:after{ border-left:17px solid #fff; margin-left:39px } .mfp-arrow-right:before{ 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,.6); background:#000 } img.mfp-img{ width:auto; max-width:100%; height:auto; display:block; line-height:0; 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,.6); background:#444 } .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,.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; 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,.6); position:fixed; text-align:center; padding:0 } } @media all and (max-width:900px){ .mfp-arrow{ -webkit-transform:scale(.75); transform:scale(.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 } } .intl-tel-input{ position:relative; display:inline-block } .intl-tel-input *{ box-sizing:border-box; -moz-box-sizing:border-box } .intl-tel-input .hide{ display:none } .intl-tel-input .v-hide{ visibility:hidden } .intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text]{ position:relative; z-index:0; margin-top:0!important; margin-bottom:0!important; padding-right:36px; margin-right:0 } .intl-tel-input .flag-container{ position:absolute; top:0; bottom:0; right:0; padding:1px } .intl-tel-input .selected-flag{ z-index:1; position:relative; width:36px; height:100%; padding:0 0 0 8px } .intl-tel-input .selected-flag .iti-flag{ position:absolute; top:0; bottom:0; margin:auto } .intl-tel-input .selected-flag .iti-arrow{ position:absolute; top:50%; margin-top:-2px; right:6px; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid #555 } .intl-tel-input .selected-flag .iti-arrow.up{ border-top:none; border-bottom:4px solid #555 } .intl-tel-input .country-list{ position:absolute; z-index:2; list-style:none; text-align:left; padding:0; margin:0 0 0 -1px; box-shadow:1px 1px 4px rgba(0,0,0,.2); background-color:#fff; border:1px solid #ccc; white-space:nowrap; max-height:200px; overflow-y:scroll; -webkit-overflow-scrolling:touch } .intl-tel-input .country-list.dropup{ bottom:100%; margin-bottom:-1px } .intl-tel-input .country-list .flag-box{ display:inline-block; width:20px } @media (max-width:500px){ .intl-tel-input .country-list{ white-space:normal } } .intl-tel-input .country-list .divider{ padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc } .intl-tel-input .country-list .country{ padding:5px 10px } .intl-tel-input .country-list .country .dial-code{ color:#999 } .intl-tel-input .country-list .country.highlight{ background-color:rgba(0,0,0,.05) } .intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag-box{ vertical-align:middle } .intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box{ margin-right:6px } .intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=tel],.intl-tel-input.separate-dial-code input[type=text]{ padding-right:6px; padding-left:52px; margin-left:0 } .intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container{ right:auto; left:0 } .intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag{ width:46px } .intl-tel-input.allow-dropdown .flag-container:hover{ cursor:pointer } .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{ background-color:rgba(0,0,0,.05) } .intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{ cursor:default } .intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{ background-color:transparent } .intl-tel-input.separate-dial-code .selected-flag{ background-color:rgba(0,0,0,.05); display:table } .intl-tel-input.separate-dial-code .selected-dial-code{ display:table-cell; vertical-align:middle; padding-left:28px } .intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text]{ padding-left:66px } .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{ width:60px } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text]{ padding-left:76px } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{ width:70px } .intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text]{ padding-left:74px } .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag{ width:68px } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text]{ padding-left:84px } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{ width:78px } .intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text]{ padding-left:82px } .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag{ width:76px } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text]{ padding-left:92px } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag{ width:86px } .intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text]{ padding-left:90px } .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag{ width:84px } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text]{ padding-left:100px } .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag{ width:94px } .intl-tel-input.iti-container{ position:absolute; top:-1000px; left:-1000px; z-index:1060; padding:1px } .intl-tel-input.iti-container:hover{ cursor:pointer } .iti-mobile .intl-tel-input.iti-container{ top:30px; bottom:30px; left:30px; right:30px; position:fixed } .iti-mobile .intl-tel-input .country-list{ max-height:100%; width:100% } .iti-mobile .intl-tel-input .country-list .country{ padding:10px 10px; line-height:1.5em } .iti-flag{ width:20px } .iti-flag.be{ width:18px } .iti-flag.ch{ width:15px } .iti-flag.mc{ width:19px } .iti-flag.ne{ width:18px } .iti-flag.np{ width:13px } .iti-flag.va{ width:15px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ .iti-flag{ background-size:5652px 15px } } .iti-flag.ac{ height:10px; background-position:0 0 } .iti-flag.ad{ height:14px; background-position:-22px 0 } .iti-flag.ae{ height:10px; background-position:-44px 0 } .iti-flag.af{ height:14px; background-position:-66px 0 } .iti-flag.ag{ height:14px; background-position:-88px 0 } .iti-flag.ai{ height:10px; background-position:-110px 0 } .iti-flag.al{ height:15px; background-position:-132px 0 } .iti-flag.am{ height:10px; background-position:-154px 0 } .iti-flag.ao{ height:14px; background-position:-176px 0 } .iti-flag.aq{ height:14px; background-position:-198px 0 } .iti-flag.ar{ height:13px; background-position:-220px 0 } .iti-flag.as{ height:10px; background-position:-242px 0 } .iti-flag.at{ height:14px; background-position:-264px 0 } .iti-flag.au{ height:10px; background-position:-286px 0 } .iti-flag.aw{ height:14px; background-position:-308px 0 } .iti-flag.ax{ height:13px; background-position:-330px 0 } .iti-flag.az{ height:10px; background-position:-352px 0 } .iti-flag.ba{ height:10px; background-position:-374px 0 } .iti-flag.bb{ height:14px; background-position:-396px 0 } .iti-flag.bd{ height:12px; background-position:-418px 0 } .iti-flag.be{ height:15px; background-position:-440px 0 } .iti-flag.bf{ height:14px; background-position:-460px 0 } .iti-flag.bg{ height:12px; background-position:-482px 0 } .iti-flag.bh{ height:12px; background-position:-504px 0 } .iti-flag.bi{ height:12px; background-position:-526px 0 } .iti-flag.bj{ height:14px; background-position:-548px 0 } .iti-flag.bl{ height:14px; background-position:-570px 0 } .iti-flag.bm{ height:10px; background-position:-592px 0 } .iti-flag.bn{ height:10px; background-position:-614px 0 } .iti-flag.bo{ height:14px; background-position:-636px 0 } .iti-flag.bq{ height:14px; background-position:-658px 0 } .iti-flag.br{ height:14px; background-position:-680px 0 } .iti-flag.bs{ height:10px; background-position:-702px 0 } .iti-flag.bt{ height:14px; background-position:-724px 0 } .iti-flag.bv{ height:15px; background-position:-746px 0 } .iti-flag.bw{ height:14px; background-position:-768px 0 } .iti-flag.by{ height:10px; background-position:-790px 0 } .iti-flag.bz{ height:14px; background-position:-812px 0 } .iti-flag.ca{ height:10px; background-position:-834px 0 } .iti-flag.cc{ height:10px; background-position:-856px 0 } .iti-flag.cd{ height:15px; background-position:-878px 0 } .iti-flag.cf{ height:14px; background-position:-900px 0 } .iti-flag.cg{ height:14px; background-position:-922px 0 } .iti-flag.ch{ height:15px; background-position:-944px 0 } .iti-flag.ci{ height:14px; background-position:-961px 0 } .iti-flag.ck{ height:10px; background-position:-983px 0 } .iti-flag.cl{ height:14px; background-position:-1005px 0 } .iti-flag.cm{ height:14px; background-position:-1027px 0 } .iti-flag.cn{ height:14px; background-position:-1049px 0 } .iti-flag.co{ height:14px; background-position:-1071px 0 } .iti-flag.cp{ height:14px; background-position:-1093px 0 } .iti-flag.cr{ height:12px; background-position:-1115px 0 } .iti-flag.cu{ height:10px; background-position:-1137px 0 } .iti-flag.cv{ height:12px; background-position:-1159px 0 } .iti-flag.cw{ height:14px; background-position:-1181px 0 } .iti-flag.cx{ height:10px; background-position:-1203px 0 } .iti-flag.cy{ height:14px; background-position:-1225px 0 } .iti-flag.cz{ height:14px; background-position:-1247px 0 } .iti-flag.de{ height:12px; background-position:-1269px 0 } .iti-flag.dg{ height:10px; background-position:-1291px 0 } .iti-flag.dj{ height:14px; background-position:-1313px 0 } .iti-flag.dk{ height:15px; background-position:-1335px 0 } .iti-flag.dm{ height:10px; background-position:-1357px 0 } .iti-flag.do{ height:14px; background-position:-1379px 0 } .iti-flag.dz{ height:14px; background-position:-1401px 0 } .iti-flag.ea{ height:14px; background-position:-1423px 0 } .iti-flag.ec{ height:14px; background-position:-1445px 0 } .iti-flag.ee{ height:13px; background-position:-1467px 0 } .iti-flag.eg{ height:14px; background-position:-1489px 0 } .iti-flag.eh{ height:10px; background-position:-1511px 0 } .iti-flag.er{ height:10px; background-position:-1533px 0 } .iti-flag.es{ height:14px; background-position:-1555px 0 } .iti-flag.et{ height:10px; background-position:-1577px 0 } .iti-flag.eu{ height:14px; background-position:-1599px 0 } .iti-flag.fi{ height:12px; background-position:-1621px 0 } .iti-flag.fj{ height:10px; background-position:-1643px 0 } .iti-flag.fk{ height:10px; background-position:-1665px 0 } .iti-flag.fm{ height:11px; background-position:-1687px 0 } .iti-flag.fo{ height:15px; background-position:-1709px 0 } .iti-flag.fr{ height:14px; background-position:-1731px 0 } .iti-flag.ga{ height:15px; background-position:-1753px 0 } .iti-flag.gb{ height:10px; background-position:-1775px 0 } .iti-flag.gd{ height:12px; background-position:-1797px 0 } .iti-flag.ge{ height:14px; background-position:-1819px 0 } .iti-flag.gf{ height:14px; background-position:-1841px 0 } .iti-flag.gg{ height:14px; background-position:-1863px 0 } .iti-flag.gh{ height:14px; background-position:-1885px 0 } .iti-flag.gi{ height:10px; background-position:-1907px 0 } .iti-flag.gl{ height:14px; background-position:-1929px 0 } .iti-flag.gm{ height:14px; background-position:-1951px 0 } .iti-flag.gn{ height:14px; background-position:-1973px 0 } .iti-flag.gp{ height:14px; background-position:-1995px 0 } .iti-flag.gq{ height:14px; background-position:-2017px 0 } .iti-flag.gr{ height:14px; background-position:-2039px 0 } .iti-flag.gs{ height:10px; background-position:-2061px 0 } .iti-flag.gt{ height:13px; background-position:-2083px 0 } .iti-flag.gu{ height:11px; background-position:-2105px 0 } .iti-flag.gw{ height:10px; background-position:-2127px 0 } .iti-flag.gy{ height:12px; background-position:-2149px 0 } .iti-flag.hk{ height:14px; background-position:-2171px 0 } .iti-flag.hm{ height:10px; background-position:-2193px 0 } .iti-flag.hn{ height:10px; background-position:-2215px 0 } .iti-flag.hr{ height:10px; background-position:-2237px 0 } .iti-flag.ht{ height:12px; background-position:-2259px 0 } .iti-flag.hu{ height:10px; background-position:-2281px 0 } .iti-flag.ic{ height:14px; background-position:-2303px 0 } .iti-flag.id{ height:14px; background-position:-2325px 0 } .iti-flag.ie{ height:10px; background-position:-2347px 0 } .iti-flag.il{ height:15px; background-position:-2369px 0 } .iti-flag.im{ height:10px; background-position:-2391px 0 } .iti-flag.in{ height:14px; background-position:-2413px 0 } .iti-flag.io{ height:10px; background-position:-2435px 0 } .iti-flag.iq{ height:14px; background-position:-2457px 0 } .iti-flag.ir{ height:12px; background-position:-2479px 0 } .iti-flag.is{ height:15px; background-position:-2501px 0 } .iti-flag.it{ height:14px; background-position:-2523px 0 } .iti-flag.je{ height:12px; background-position:-2545px 0 } .iti-flag.jm{ height:10px; background-position:-2567px 0 } .iti-flag.jo{ height:10px; background-position:-2589px 0 } .iti-flag.jp{ height:14px; background-position:-2611px 0 } .iti-flag.ke{ height:14px; background-position:-2633px 0 } .iti-flag.kg{ height:12px; background-position:-2655px 0 } .iti-flag.kh{ height:13px; background-position:-2677px 0 } .iti-flag.ki{ height:10px; background-position:-2699px 0 } .iti-flag.km{ height:12px; background-position:-2721px 0 } .iti-flag.kn{ height:14px; background-position:-2743px 0 } .iti-flag.kp{ height:10px; background-position:-2765px 0 } .iti-flag.kr{ height:14px; background-position:-2787px 0 } .iti-flag.kw{ height:10px; background-position:-2809px 0 } .iti-flag.ky{ height:10px; background-position:-2831px 0 } .iti-flag.kz{ height:10px; background-position:-2853px 0 } .iti-flag.la{ height:14px; background-position:-2875px 0 } .iti-flag.lb{ height:14px; background-position:-2897px 0 } .iti-flag.lc{ height:10px; background-position:-2919px 0 } .iti-flag.li{ height:12px; background-position:-2941px 0 } .iti-flag.lk{ height:10px; background-position:-2963px 0 } .iti-flag.lr{ height:11px; background-position:-2985px 0 } .iti-flag.ls{ height:14px; background-position:-3007px 0 } .iti-flag.lt{ height:12px; background-position:-3029px 0 } .iti-flag.lu{ height:12px; background-position:-3051px 0 } .iti-flag.lv{ height:10px; background-position:-3073px 0 } .iti-flag.ly{ height:10px; background-position:-3095px 0 } .iti-flag.ma{ height:14px; background-position:-3117px 0 } .iti-flag.mc{ height:15px; background-position:-3139px 0 } .iti-flag.md{ height:10px; background-position:-3160px 0 } .iti-flag.me{ height:10px; background-position:-3182px 0 } .iti-flag.mf{ height:14px; background-position:-3204px 0 } .iti-flag.mg{ height:14px; background-position:-3226px 0 } .iti-flag.mh{ height:11px; background-position:-3248px 0 } .iti-flag.mk{ height:10px; background-position:-3270px 0 } .iti-flag.ml{ height:14px; background-position:-3292px 0 } .iti-flag.mm{ height:14px; background-position:-3314px 0 } .iti-flag.mn{ height:10px; background-position:-3336px 0 } .iti-flag.mo{ height:14px; background-position:-3358px 0 } .iti-flag.mp{ height:10px; background-position:-3380px 0 } .iti-flag.mq{ height:14px; background-position:-3402px 0 } .iti-flag.mr{ height:14px; background-position:-3424px 0 } .iti-flag.ms{ height:10px; background-position:-3446px 0 } .iti-flag.mt{ height:14px; background-position:-3468px 0 } .iti-flag.mu{ height:14px; background-position:-3490px 0 } .iti-flag.mv{ height:14px; background-position:-3512px 0 } .iti-flag.mw{ height:14px; background-position:-3534px 0 } .iti-flag.mx{ height:12px; background-position:-3556px 0 } .iti-flag.my{ height:10px; background-position:-3578px 0 } .iti-flag.mz{ height:14px; background-position:-3600px 0 } .iti-flag.na{ height:14px; background-position:-3622px 0 } .iti-flag.nc{ height:10px; background-position:-3644px 0 } .iti-flag.ne{ height:15px; background-position:-3666px 0 } .iti-flag.nf{ height:10px; background-position:-3686px 0 } .iti-flag.ng{ height:10px; background-position:-3708px 0 } .iti-flag.ni{ height:12px; background-position:-3730px 0 } .iti-flag.nl{ height:14px; background-position:-3752px 0 } .iti-flag.no{ height:15px; background-position:-3774px 0 } .iti-flag.np{ height:15px; background-position:-3796px 0 } .iti-flag.nr{ height:10px; background-position:-3811px 0 } .iti-flag.nu{ height:10px; background-position:-3833px 0 } .iti-flag.nz{ height:10px; background-position:-3855px 0 } .iti-flag.om{ height:10px; background-position:-3877px 0 } .iti-flag.pa{ height:14px; background-position:-3899px 0 } .iti-flag.pe{ height:14px; background-position:-3921px 0 } .iti-flag.pf{ height:14px; background-position:-3943px 0 } .iti-flag.pg{ height:15px; background-position:-3965px 0 } .iti-flag.ph{ height:10px; background-position:-3987px 0 } .iti-flag.pk{ height:14px; background-position:-4009px 0 } .iti-flag.pl{ height:13px; background-position:-4031px 0 } .iti-flag.pm{ height:14px; background-position:-4053px 0 } .iti-flag.pn{ height:10px; background-position:-4075px 0 } .iti-flag.pr{ height:14px; background-position:-4097px 0 } .iti-flag.ps{ height:10px; background-position:-4119px 0 } .iti-flag.pt{ height:14px; background-position:-4141px 0 } .iti-flag.pw{ height:13px; background-position:-4163px 0 } .iti-flag.py{ height:11px; background-position:-4185px 0 } .iti-flag.qa{ height:8px; background-position:-4207px 0 } .iti-flag.re{ height:14px; background-position:-4229px 0 } .iti-flag.ro{ height:14px; background-position:-4251px 0 } .iti-flag.rs{ height:14px; background-position:-4273px 0 } .iti-flag.ru{ height:14px; background-position:-4295px 0 } .iti-flag.rw{ height:14px; background-position:-4317px 0 } .iti-flag.sa{ height:14px; background-position:-4339px 0 } .iti-flag.sb{ height:10px; background-position:-4361px 0 } .iti-flag.sc{ height:10px; background-position:-4383px 0 } .iti-flag.sd{ height:10px; background-position:-4405px 0 } .iti-flag.se{ height:13px; background-position:-4427px 0 } .iti-flag.sg{ height:14px; background-position:-4449px 0 } .iti-flag.sh{ height:10px; background-position:-4471px 0 } .iti-flag.si{ height:10px; background-position:-4493px 0 } .iti-flag.sj{ height:15px; background-position:-4515px 0 } .iti-flag.sk{ height:14px; background-position:-4537px 0 } .iti-flag.sl{ height:14px; background-position:-4559px 0 } .iti-flag.sm{ height:15px; background-position:-4581px 0 } .iti-flag.sn{ height:14px; background-position:-4603px 0 } .iti-flag.so{ height:14px; background-position:-4625px 0 } .iti-flag.sr{ height:14px; background-position:-4647px 0 } .iti-flag.ss{ height:10px; background-position:-4669px 0 } .iti-flag.st{ height:10px; background-position:-4691px 0 } .iti-flag.sv{ height:12px; background-position:-4713px 0 } .iti-flag.sx{ height:14px; background-position:-4735px 0 } .iti-flag.sy{ height:14px; background-position:-4757px 0 } .iti-flag.sz{ height:14px; background-position:-4779px 0 } .iti-flag.ta{ height:10px; background-position:-4801px 0 } .iti-flag.tc{ height:10px; background-position:-4823px 0 } .iti-flag.td{ height:14px; background-position:-4845px 0 } .iti-flag.tf{ height:14px; background-position:-4867px 0 } .iti-flag.tg{ height:13px; background-position:-4889px 0 } .iti-flag.th{ height:14px; background-position:-4911px 0 } .iti-flag.tj{ height:10px; background-position:-4933px 0 } .iti-flag.tk{ height:10px; background-position:-4955px 0 } .iti-flag.tl{ height:10px; background-position:-4977px 0 } .iti-flag.tm{ height:14px; background-position:-4999px 0 } .iti-flag.tn{ height:14px; background-position:-5021px 0 } .iti-flag.to{ height:10px; background-position:-5043px 0 } .iti-flag.tr{ height:14px; background-position:-5065px 0 } .iti-flag.tt{ height:12px; background-position:-5087px 0 } .iti-flag.tv{ height:10px; background-position:-5109px 0 } .iti-flag.tw{ height:14px; background-position:-5131px 0 } .iti-flag.tz{ height:14px; background-position:-5153px 0 } .iti-flag.ua{ height:14px; background-position:-5175px 0 } .iti-flag.ug{ height:14px; background-position:-5197px 0 } .iti-flag.um{ height:11px; background-position:-5219px 0 } .iti-flag.un{ height:14px; background-position:-5241px 0 } .iti-flag.us{ height:11px; background-position:-5263px 0 } .iti-flag.uy{ height:14px; background-position:-5285px 0 } .iti-flag.uz{ height:10px; background-position:-5307px 0 } .iti-flag.va{ height:15px; background-position:-5329px 0 } .iti-flag.vc{ height:14px; background-position:-5346px 0 } .iti-flag.ve{ height:14px; background-position:-5368px 0 } .iti-flag.vg{ height:10px; background-position:-5390px 0 } .iti-flag.vi{ height:14px; background-position:-5412px 0 } .iti-flag.vn{ height:14px; background-position:-5434px 0 } .iti-flag.vu{ height:12px; background-position:-5456px 0 } .iti-flag.wf{ height:14px; background-position:-5478px 0 } .iti-flag.ws{ height:10px; background-position:-5500px 0 } .iti-flag.xk{ height:15px; background-position:-5522px 0 } .iti-flag.ye{ height:14px; background-position:-5544px 0 } .iti-flag.yt{ height:14px; background-position:-5566px 0 } .iti-flag.za{ height:14px; background-position:-5588px 0 } .iti-flag.zm{ height:14px; background-position:-5610px 0 } .iti-flag.zw{ height:10px; background-position:-5632px 0 } .iti-flag{ width:20px; height:15px; box-shadow:0 0 1px 0 #888; background-image:url(../libs/img/flags.png); background-repeat:no-repeat; background-color:#dbdbdb; background-position:20px 0 } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ .iti-flag{ background-image:url(../libs/img/flags@2x.png) } } .iti-flag.np{ background-color:transparent } .selectric-wrapper{ position:relative; cursor:pointer } .selectric-responsive{ width:100% } .selectric{ border:1px solid #ddd; border-radius:0; background:#f8f8f8; position:relative; overflow:hidden } .selectric .label{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 38px 0 10px; font-size:12px; line-height:38px; color:#444; height:38px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .selectric .button{ display:block; position:absolute; right:0; top:0; width:38px; height:38px; line-height:38px; background-color:#f8f8f8; color:#bbb; text-align:center; font:0/0 a } .selectric .button:after{ content:" "; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:0; height:0; border:4px solid transparent; border-top-color:#bbb; border-bottom:none } .selectric-focus .selectric{ border-color:#aaa } .selectric-hover .selectric{ border-color:#c4c4c4 } .selectric-hover .selectric .button{ color:#a2a2a2 } .selectric-hover .selectric .button:after{ border-top-color:#a2a2a2 } .selectric-open{ z-index:9999 } .selectric-open .selectric{ border-color:#c4c4c4 } .selectric-open .selectric-items{ display:block } .selectric-disabled{ opacity:.5; cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .selectric-hide-select{ position:relative; overflow:hidden; width:0; height:0 } .selectric-hide-select select{ position:absolute; left:-100% } .selectric-hide-select.selectric-is-native{ position:absolute; width:100%; height:100%; z-index:10 } .selectric-hide-select.selectric-is-native select{ position:absolute; top:0; left:0; right:0; height:100%; width:100%; border:none; z-index:1; box-sizing:border-box; opacity:0 } .selectric-input{ position:absolute!important; top:0!important; left:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; margin:0!important; padding:0!important; width:1px!important; height:1px!important; outline:0!important; border:none!important; background:0 0!important } .selectric-temp-show{ position:absolute!important; visibility:hidden!important; display:block!important } .selectric-items{ display:none; position:absolute; top:100%; left:0; background:#f8f8f8; border:1px solid #c4c4c4; z-index:-1; box-shadow:0 0 10px -6px } .selectric-items .selectric-scroll{ height:100%; overflow:auto } .selectric-above .selectric-items{ top:auto; bottom:100% } .selectric-items li,.selectric-items ul{ list-style:none; padding:0; margin:0; font-size:12px; line-height:20px; min-height:20px } .selectric-items li{ display:block; padding:10px; color:#666; cursor:pointer } .selectric-items li.selected{ background:#e0e0e0; color:#444 } .selectric-items li.highlighted{ background:#d0d0d0; color:#444 } .selectric-items li:hover{ background:#d5d5d5; color:#444 } .selectric-items .disabled{ opacity:.5; cursor:default!important; background:0 0!important; color:#666!important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .selectric-items .selectric-group .selectric-group-label{ font-weight:700; padding-left:10px; cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background:0 0; color:#444 } .selectric-items .selectric-group.disabled li{ opacity:1 } .selectric-items .selectric-group li{ padding-left:25px } @font-face{ font-family:LatoRegular; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/Lato-Regular.woff2) format("woff2"),url(fonts/Lato-Regular.woff) format("woff"); } @font-face{ font-family:LatoSemiBold; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/Lato-Semibold.woff2) format("woff2"),url(fonts/Lato-Semibold.woff) format("woff"); } @font-face{ font-family:LatoBold; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/Lato-Bold.woff2) format("woff2"),url(fonts/Lato-Bold.woff) format("woff"); } @font-face{ font-family:MontserratSemiBold; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/Montserrat-SemiBold.woff2) format("woff2"),url(fonts/Montserrat-SemiBold.woff) format("woff") } @font-face{ font-family:MontserratMedium; font-style:normal; font-weight:400; font-display:swap; src:url(fonts/Montserrat-Medium.woff2) format("woff2"),url(fonts/Montserrat-Medium.woff) format("woff") } *,::after,::before{ -webkit-box-sizing:border-box; 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,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{ display:block } body{ margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size:1rem; font-weight:400; line-height:1.5; color:#212529; text-align:left; background-color:#fff } [tabindex="-1"]:focus{ outline:0!important } hr{ -webkit-box-sizing:content-box; 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:#007bff; text-decoration:none; background-color:transparent; -webkit-text-decoration-skip:objects } a:hover{ color:#0056b3; 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:monospace,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:not(:root){ overflow:hidden } 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]{ -webkit-box-sizing:border-box; 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 } @-ms-viewport{ width:device-width } html{ -webkit-box-sizing:border-box; box-sizing:border-box; -ms-overflow-style:scrollbar } *,::after,::before{ -webkit-box-sizing:inherit; box-sizing:inherit } .container{ width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } @media (min-width:576px){ .container{ max-width:540px } } @media (min-width:768px){ .container{ max-width:720px } } @media (min-width:992px){ .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:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -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{ -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-auto{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-1{ -webkit-box-flex:0; -webkit-flex:0 0 8.33333%; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333% } .col-2{ -webkit-box-flex:0; -webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667% } .col-3{ -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-4{ -webkit-box-flex:0; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-5{ -webkit-box-flex:0; -webkit-flex:0 0 41.66667%; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667% } .col-6{ -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-7{ -webkit-box-flex:0; -webkit-flex:0 0 58.33333%; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333% } .col-8{ -webkit-box-flex:0; -webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } .col-9{ -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-10{ -webkit-box-flex:0; -webkit-flex:0 0 83.33333%; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333% } .col-11{ -webkit-box-flex:0; -webkit-flex:0 0 91.66667%; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667% } .col-12{ -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .order-first{ -webkit-box-ordinal-group:0; -webkit-order:-1; -ms-flex-order:-1; order:-1 } .order-last{ -webkit-box-ordinal-group:14; -webkit-order:13; -ms-flex-order:13; order:13 } .order-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 } .order-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .order-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .order-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 } .order-4{ -webkit-box-ordinal-group:5; -webkit-order:4; -ms-flex-order:4; order:4 } .order-5{ -webkit-box-ordinal-group:6; -webkit-order:5; -ms-flex-order:5; order:5 } .order-6{ -webkit-box-ordinal-group:7; -webkit-order:6; -ms-flex-order:6; order:6 } .order-7{ -webkit-box-ordinal-group:8; -webkit-order:7; -ms-flex-order:7; order:7 } .order-8{ -webkit-box-ordinal-group:9; -webkit-order:8; -ms-flex-order:8; order:8 } .order-9{ -webkit-box-ordinal-group:10; -webkit-order:9; -ms-flex-order:9; order:9 } .order-10{ -webkit-box-ordinal-group:11; -webkit-order:10; -ms-flex-order:10; order:10 } .order-11{ -webkit-box-ordinal-group:12; -webkit-order:11; -ms-flex-order:11; order:11 } .order-12{ -webkit-box-ordinal-group:13; -webkit-order:12; -ms-flex-order:12; order:12 } .offset-1{ margin-left:8.33333% } .offset-2{ margin-left:16.66667% } .offset-3{ margin-left:25% } .offset-4{ margin-left:33.33333% } .offset-5{ margin-left:41.66667% } .offset-6{ margin-left:50% } .offset-7{ margin-left:58.33333% } .offset-8{ margin-left:66.66667% } .offset-9{ margin-left:75% } .offset-10{ margin-left:83.33333% } .offset-11{ margin-left:91.66667% } @media (min-width:576px){ .col-sm{ -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-sm-auto{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-sm-1{ -webkit-box-flex:0; -webkit-flex:0 0 8.33333%; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333% } .col-sm-2{ -webkit-box-flex:0; -webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667% } .col-sm-3{ -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-sm-4{ -webkit-box-flex:0; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-sm-5{ -webkit-box-flex:0; -webkit-flex:0 0 41.66667%; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667% } .col-sm-6{ -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-sm-7{ -webkit-box-flex:0; -webkit-flex:0 0 58.33333%; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333% } .col-sm-8{ -webkit-box-flex:0; -webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } .col-sm-9{ -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-sm-10{ -webkit-box-flex:0; -webkit-flex:0 0 83.33333%; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333% } .col-sm-11{ -webkit-box-flex:0; -webkit-flex:0 0 91.66667%; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667% } .col-sm-12{ -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .order-sm-first{ -webkit-box-ordinal-group:0; -webkit-order:-1; -ms-flex-order:-1; order:-1 } .order-sm-last{ -webkit-box-ordinal-group:14; -webkit-order:13; -ms-flex-order:13; order:13 } .order-sm-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 } .order-sm-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .order-sm-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .order-sm-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 } .order-sm-4{ -webkit-box-ordinal-group:5; -webkit-order:4; -ms-flex-order:4; order:4 } .order-sm-5{ -webkit-box-ordinal-group:6; -webkit-order:5; -ms-flex-order:5; order:5 } .order-sm-6{ -webkit-box-ordinal-group:7; -webkit-order:6; -ms-flex-order:6; order:6 } .order-sm-7{ -webkit-box-ordinal-group:8; -webkit-order:7; -ms-flex-order:7; order:7 } .order-sm-8{ -webkit-box-ordinal-group:9; -webkit-order:8; -ms-flex-order:8; order:8 } .order-sm-9{ -webkit-box-ordinal-group:10; -webkit-order:9; -ms-flex-order:9; order:9 } .order-sm-10{ -webkit-box-ordinal-group:11; -webkit-order:10; -ms-flex-order:10; order:10 } .order-sm-11{ -webkit-box-ordinal-group:12; -webkit-order:11; -ms-flex-order:11; order:11 } .order-sm-12{ -webkit-box-ordinal-group:13; -webkit-order:12; -ms-flex-order:12; order:12 } .offset-sm-0{ margin-left:0 } .offset-sm-1{ margin-left:8.33333% } .offset-sm-2{ margin-left:16.66667% } .offset-sm-3{ margin-left:25% } .offset-sm-4{ margin-left:33.33333% } .offset-sm-5{ margin-left:41.66667% } .offset-sm-6{ margin-left:50% } .offset-sm-7{ margin-left:58.33333% } .offset-sm-8{ margin-left:66.66667% } .offset-sm-9{ margin-left:75% } .offset-sm-10{ margin-left:83.33333% } .offset-sm-11{ margin-left:91.66667% } } @media (min-width:768px){ .col-md{ -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-md-auto{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-md-1{ -webkit-box-flex:0; -webkit-flex:0 0 8.33333%; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333% } .col-md-2{ -webkit-box-flex:0; -webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667% } .col-md-3{ -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-md-4{ -webkit-box-flex:0; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-md-5{ -webkit-box-flex:0; -webkit-flex:0 0 41.66667%; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667% } .col-md-6{ -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-md-7{ -webkit-box-flex:0; -webkit-flex:0 0 58.33333%; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333% } .col-md-8{ -webkit-box-flex:0; -webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } .col-md-9{ -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-md-10{ -webkit-box-flex:0; -webkit-flex:0 0 83.33333%; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333% } .col-md-11{ -webkit-box-flex:0; -webkit-flex:0 0 91.66667%; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667% } .col-md-12{ -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .order-md-first{ -webkit-box-ordinal-group:0; -webkit-order:-1; -ms-flex-order:-1; order:-1 } .order-md-last{ -webkit-box-ordinal-group:14; -webkit-order:13; -ms-flex-order:13; order:13 } .order-md-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 } .order-md-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .order-md-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .order-md-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 } .order-md-4{ -webkit-box-ordinal-group:5; -webkit-order:4; -ms-flex-order:4; order:4 } .order-md-5{ -webkit-box-ordinal-group:6; -webkit-order:5; -ms-flex-order:5; order:5 } .order-md-6{ -webkit-box-ordinal-group:7; -webkit-order:6; -ms-flex-order:6; order:6 } .order-md-7{ -webkit-box-ordinal-group:8; -webkit-order:7; -ms-flex-order:7; order:7 } .order-md-8{ -webkit-box-ordinal-group:9; -webkit-order:8; -ms-flex-order:8; order:8 } .order-md-9{ -webkit-box-ordinal-group:10; -webkit-order:9; -ms-flex-order:9; order:9 } .order-md-10{ -webkit-box-ordinal-group:11; -webkit-order:10; -ms-flex-order:10; order:10 } .order-md-11{ -webkit-box-ordinal-group:12; -webkit-order:11; -ms-flex-order:11; order:11 } .order-md-12{ -webkit-box-ordinal-group:13; -webkit-order:12; -ms-flex-order:12; order:12 } .offset-md-0{ margin-left:0 } .offset-md-1{ margin-left:8.33333% } .offset-md-2{ margin-left:16.66667% } .offset-md-3{ margin-left:25% } .offset-md-4{ margin-left:33.33333% } .offset-md-5{ margin-left:41.66667% } .offset-md-6{ margin-left:50% } .offset-md-7{ margin-left:58.33333% } .offset-md-8{ margin-left:66.66667% } .offset-md-9{ margin-left:75% } .offset-md-10{ margin-left:83.33333% } .offset-md-11{ margin-left:91.66667% } } @media (min-width:992px){ .col-lg{ -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-lg-auto{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-lg-1{ -webkit-box-flex:0; -webkit-flex:0 0 8.33333%; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333% } .col-lg-2{ -webkit-box-flex:0; -webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667% } .col-lg-3{ -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-lg-4{ -webkit-box-flex:0; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-lg-5{ -webkit-box-flex:0; -webkit-flex:0 0 41.66667%; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667% } .col-lg-6{ -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-lg-7{ -webkit-box-flex:0; -webkit-flex:0 0 58.33333%; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333% } .col-lg-8{ -webkit-box-flex:0; -webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } .col-lg-9{ -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-lg-10{ -webkit-box-flex:0; -webkit-flex:0 0 83.33333%; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333% } .col-lg-11{ -webkit-box-flex:0; -webkit-flex:0 0 91.66667%; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667% } .col-lg-12{ -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .order-lg-first{ -webkit-box-ordinal-group:0; -webkit-order:-1; -ms-flex-order:-1; order:-1 } .order-lg-last{ -webkit-box-ordinal-group:14; -webkit-order:13; -ms-flex-order:13; order:13 } .order-lg-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 } .order-lg-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .order-lg-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .order-lg-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 } .order-lg-4{ -webkit-box-ordinal-group:5; -webkit-order:4; -ms-flex-order:4; order:4 } .order-lg-5{ -webkit-box-ordinal-group:6; -webkit-order:5; -ms-flex-order:5; order:5 } .order-lg-6{ -webkit-box-ordinal-group:7; -webkit-order:6; -ms-flex-order:6; order:6 } .order-lg-7{ -webkit-box-ordinal-group:8; -webkit-order:7; -ms-flex-order:7; order:7 } .order-lg-8{ -webkit-box-ordinal-group:9; -webkit-order:8; -ms-flex-order:8; order:8 } .order-lg-9{ -webkit-box-ordinal-group:10; -webkit-order:9; -ms-flex-order:9; order:9 } .order-lg-10{ -webkit-box-ordinal-group:11; -webkit-order:10; -ms-flex-order:10; order:10 } .order-lg-11{ -webkit-box-ordinal-group:12; -webkit-order:11; -ms-flex-order:11; order:11 } .order-lg-12{ -webkit-box-ordinal-group:13; -webkit-order:12; -ms-flex-order:12; order:12 } .offset-lg-0{ margin-left:0 } .offset-lg-1{ margin-left:8.33333% } .offset-lg-2{ margin-left:16.66667% } .offset-lg-3{ margin-left:25% } .offset-lg-4{ margin-left:33.33333% } .offset-lg-5{ margin-left:41.66667% } .offset-lg-6{ margin-left:50% } .offset-lg-7{ margin-left:58.33333% } .offset-lg-8{ margin-left:66.66667% } .offset-lg-9{ margin-left:75% } .offset-lg-10{ margin-left:83.33333% } .offset-lg-11{ margin-left:91.66667% } } @media (min-width:1200px){ .col-xl{ -webkit-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-xl-auto{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-xl-1{ -webkit-box-flex:0; -webkit-flex:0 0 8.33333%; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333% } .col-xl-2{ -webkit-box-flex:0; -webkit-flex:0 0 16.66667%; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667% } .col-xl-3{ -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-xl-4{ -webkit-box-flex:0; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-xl-5{ -webkit-box-flex:0; -webkit-flex:0 0 41.66667%; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667% } .col-xl-6{ -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-xl-7{ -webkit-box-flex:0; -webkit-flex:0 0 58.33333%; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333% } .col-xl-8{ -webkit-box-flex:0; -webkit-flex:0 0 66.66667%; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } .col-xl-9{ -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-xl-10{ -webkit-box-flex:0; -webkit-flex:0 0 83.33333%; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333% } .col-xl-11{ -webkit-box-flex:0; -webkit-flex:0 0 91.66667%; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667% } .col-xl-12{ -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .order-xl-first{ -webkit-box-ordinal-group:0; -webkit-order:-1; -ms-flex-order:-1; order:-1 } .order-xl-last{ -webkit-box-ordinal-group:14; -webkit-order:13; -ms-flex-order:13; order:13 } .order-xl-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 } .order-xl-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .order-xl-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .order-xl-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 } .order-xl-4{ -webkit-box-ordinal-group:5; -webkit-order:4; -ms-flex-order:4; order:4 } .order-xl-5{ -webkit-box-ordinal-group:6; -webkit-order:5; -ms-flex-order:5; order:5 } .order-xl-6{ -webkit-box-ordinal-group:7; -webkit-order:6; -ms-flex-order:6; order:6 } .order-xl-7{ -webkit-box-ordinal-group:8; -webkit-order:7; -ms-flex-order:7; order:7 } .order-xl-8{ -webkit-box-ordinal-group:9; -webkit-order:8; -ms-flex-order:8; order:8 } .order-xl-9{ -webkit-box-ordinal-group:10; -webkit-order:9; -ms-flex-order:9; order:9 } .order-xl-10{ -webkit-box-ordinal-group:11; -webkit-order:10; -ms-flex-order:10; order:10 } .order-xl-11{ -webkit-box-ordinal-group:12; -webkit-order:11; -ms-flex-order:11; order:11 } .order-xl-12{ -webkit-box-ordinal-group:13; -webkit-order:12; -ms-flex-order:12; order:12 } .offset-xl-0{ margin-left:0 } .offset-xl-1{ margin-left:8.33333% } .offset-xl-2{ margin-left:16.66667% } .offset-xl-3{ margin-left:25% } .offset-xl-4{ margin-left:33.33333% } .offset-xl-5{ margin-left:41.66667% } .offset-xl-6{ margin-left:50% } .offset-xl-7{ margin-left:58.33333% } .offset-xl-8{ margin-left:66.66667% } .offset-xl-9{ margin-left:75% } .offset-xl-10{ margin-left:83.33333% } .offset-xl-11{ margin-left:91.66667% } } .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:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-inline-flex{ display:-webkit-inline-box!important; display:-webkit-inline-flex!important; 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:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-sm-inline-flex{ display:-webkit-inline-box!important; display:-webkit-inline-flex!important; 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:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-md-inline-flex{ display:-webkit-inline-box!important; display:-webkit-inline-flex!important; 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:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-lg-inline-flex{ display:-webkit-inline-box!important; display:-webkit-inline-flex!important; 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:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-xl-inline-flex{ display:-webkit-inline-box!important; display:-webkit-inline-flex!important; 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:-webkit-box!important; display:-webkit-flex!important; display:-ms-flexbox!important; display:flex!important } .d-print-inline-flex{ display:-webkit-inline-box!important; display:-webkit-inline-flex!important; display:-ms-inline-flexbox!important; display:inline-flex!important } } .flex-row{ -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -webkit-flex-direction:row!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-column{ -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -webkit-flex-direction:column!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-row-reverse{ -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:row-reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-column-reverse{ -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:column-reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-wrap{ -webkit-flex-wrap:wrap!important; -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-nowrap{ -webkit-flex-wrap:nowrap!important; -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-wrap-reverse{ -webkit-flex-wrap:wrap-reverse!important; -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .justify-content-start{ -webkit-box-pack:start!important; -webkit-justify-content:flex-start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-end{ -webkit-box-pack:end!important; -webkit-justify-content:flex-end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-center{ -webkit-box-pack:center!important; -webkit-justify-content:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-between{ -webkit-box-pack:justify!important; -webkit-justify-content:space-between!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-around{ -webkit-justify-content:space-around!important; -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-start{ -webkit-box-align:start!important; -webkit-align-items:flex-start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-end{ -webkit-box-align:end!important; -webkit-align-items:flex-end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-center{ -webkit-box-align:center!important; -webkit-align-items:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-baseline{ -webkit-box-align:baseline!important; -webkit-align-items:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-stretch{ -webkit-box-align:stretch!important; -webkit-align-items:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-start{ -webkit-align-content:flex-start!important; -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-end{ -webkit-align-content:flex-end!important; -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-center{ -webkit-align-content:center!important; -ms-flex-line-pack:center!important; align-content:center!important } .align-content-between{ -webkit-align-content:space-between!important; -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-around{ -webkit-align-content:space-around!important; -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-stretch{ -webkit-align-content:stretch!important; -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-auto{ -webkit-align-self:auto!important; -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-start{ -webkit-align-self:flex-start!important; -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-end{ -webkit-align-self:flex-end!important; -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-center{ -webkit-align-self:center!important; -ms-flex-item-align:center!important; align-self:center!important } .align-self-baseline{ -webkit-align-self:baseline!important; -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-stretch{ -webkit-align-self:stretch!important; -ms-flex-item-align:stretch!important; align-self:stretch!important } @media (min-width:576px){ .flex-sm-row{ -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -webkit-flex-direction:row!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-sm-column{ -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -webkit-flex-direction:column!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-sm-row-reverse{ -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:row-reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-sm-column-reverse{ -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:column-reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-sm-wrap{ -webkit-flex-wrap:wrap!important; -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-sm-nowrap{ -webkit-flex-wrap:nowrap!important; -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-sm-wrap-reverse{ -webkit-flex-wrap:wrap-reverse!important; -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .justify-content-sm-start{ -webkit-box-pack:start!important; -webkit-justify-content:flex-start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-sm-end{ -webkit-box-pack:end!important; -webkit-justify-content:flex-end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-sm-center{ -webkit-box-pack:center!important; -webkit-justify-content:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-sm-between{ -webkit-box-pack:justify!important; -webkit-justify-content:space-between!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-sm-around{ -webkit-justify-content:space-around!important; -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-sm-start{ -webkit-box-align:start!important; -webkit-align-items:flex-start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-sm-end{ -webkit-box-align:end!important; -webkit-align-items:flex-end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-sm-center{ -webkit-box-align:center!important; -webkit-align-items:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-sm-baseline{ -webkit-box-align:baseline!important; -webkit-align-items:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-sm-stretch{ -webkit-box-align:stretch!important; -webkit-align-items:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-sm-start{ -webkit-align-content:flex-start!important; -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-sm-end{ -webkit-align-content:flex-end!important; -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-sm-center{ -webkit-align-content:center!important; -ms-flex-line-pack:center!important; align-content:center!important } .align-content-sm-between{ -webkit-align-content:space-between!important; -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-sm-around{ -webkit-align-content:space-around!important; -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-sm-stretch{ -webkit-align-content:stretch!important; -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-sm-auto{ -webkit-align-self:auto!important; -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-sm-start{ -webkit-align-self:flex-start!important; -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-sm-end{ -webkit-align-self:flex-end!important; -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-sm-center{ -webkit-align-self:center!important; -ms-flex-item-align:center!important; align-self:center!important } .align-self-sm-baseline{ -webkit-align-self:baseline!important; -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-sm-stretch{ -webkit-align-self:stretch!important; -ms-flex-item-align:stretch!important; align-self:stretch!important } } @media (min-width:768px){ .flex-md-row{ -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -webkit-flex-direction:row!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-md-column{ -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -webkit-flex-direction:column!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-md-row-reverse{ -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:row-reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-md-column-reverse{ -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:column-reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-md-wrap{ -webkit-flex-wrap:wrap!important; -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-md-nowrap{ -webkit-flex-wrap:nowrap!important; -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-md-wrap-reverse{ -webkit-flex-wrap:wrap-reverse!important; -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .justify-content-md-start{ -webkit-box-pack:start!important; -webkit-justify-content:flex-start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-md-end{ -webkit-box-pack:end!important; -webkit-justify-content:flex-end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-md-center{ -webkit-box-pack:center!important; -webkit-justify-content:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-md-between{ -webkit-box-pack:justify!important; -webkit-justify-content:space-between!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-md-around{ -webkit-justify-content:space-around!important; -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-md-start{ -webkit-box-align:start!important; -webkit-align-items:flex-start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-md-end{ -webkit-box-align:end!important; -webkit-align-items:flex-end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-md-center{ -webkit-box-align:center!important; -webkit-align-items:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-md-baseline{ -webkit-box-align:baseline!important; -webkit-align-items:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-md-stretch{ -webkit-box-align:stretch!important; -webkit-align-items:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-md-start{ -webkit-align-content:flex-start!important; -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-md-end{ -webkit-align-content:flex-end!important; -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-md-center{ -webkit-align-content:center!important; -ms-flex-line-pack:center!important; align-content:center!important } .align-content-md-between{ -webkit-align-content:space-between!important; -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-md-around{ -webkit-align-content:space-around!important; -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-md-stretch{ -webkit-align-content:stretch!important; -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-md-auto{ -webkit-align-self:auto!important; -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-md-start{ -webkit-align-self:flex-start!important; -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-md-end{ -webkit-align-self:flex-end!important; -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-md-center{ -webkit-align-self:center!important; -ms-flex-item-align:center!important; align-self:center!important } .align-self-md-baseline{ -webkit-align-self:baseline!important; -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-md-stretch{ -webkit-align-self:stretch!important; -ms-flex-item-align:stretch!important; align-self:stretch!important } } @media (min-width:992px){ .flex-lg-row{ -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -webkit-flex-direction:row!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-lg-column{ -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -webkit-flex-direction:column!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-lg-row-reverse{ -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:row-reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-lg-column-reverse{ -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:column-reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-lg-wrap{ -webkit-flex-wrap:wrap!important; -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-lg-nowrap{ -webkit-flex-wrap:nowrap!important; -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-lg-wrap-reverse{ -webkit-flex-wrap:wrap-reverse!important; -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .justify-content-lg-start{ -webkit-box-pack:start!important; -webkit-justify-content:flex-start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-lg-end{ -webkit-box-pack:end!important; -webkit-justify-content:flex-end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-lg-center{ -webkit-box-pack:center!important; -webkit-justify-content:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-lg-between{ -webkit-box-pack:justify!important; -webkit-justify-content:space-between!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-lg-around{ -webkit-justify-content:space-around!important; -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-lg-start{ -webkit-box-align:start!important; -webkit-align-items:flex-start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-lg-end{ -webkit-box-align:end!important; -webkit-align-items:flex-end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-lg-center{ -webkit-box-align:center!important; -webkit-align-items:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-lg-baseline{ -webkit-box-align:baseline!important; -webkit-align-items:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-lg-stretch{ -webkit-box-align:stretch!important; -webkit-align-items:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-lg-start{ -webkit-align-content:flex-start!important; -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-lg-end{ -webkit-align-content:flex-end!important; -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-lg-center{ -webkit-align-content:center!important; -ms-flex-line-pack:center!important; align-content:center!important } .align-content-lg-between{ -webkit-align-content:space-between!important; -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-lg-around{ -webkit-align-content:space-around!important; -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-lg-stretch{ -webkit-align-content:stretch!important; -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-lg-auto{ -webkit-align-self:auto!important; -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-lg-start{ -webkit-align-self:flex-start!important; -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-lg-end{ -webkit-align-self:flex-end!important; -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-lg-center{ -webkit-align-self:center!important; -ms-flex-item-align:center!important; align-self:center!important } .align-self-lg-baseline{ -webkit-align-self:baseline!important; -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-lg-stretch{ -webkit-align-self:stretch!important; -ms-flex-item-align:stretch!important; align-self:stretch!important } } @media (min-width:1200px){ .flex-xl-row{ -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -webkit-flex-direction:row!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-xl-column{ -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -webkit-flex-direction:column!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-xl-row-reverse{ -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:row-reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-xl-column-reverse{ -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -webkit-flex-direction:column-reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-xl-wrap{ -webkit-flex-wrap:wrap!important; -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-xl-nowrap{ -webkit-flex-wrap:nowrap!important; -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-xl-wrap-reverse{ -webkit-flex-wrap:wrap-reverse!important; -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .justify-content-xl-start{ -webkit-box-pack:start!important; -webkit-justify-content:flex-start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-xl-end{ -webkit-box-pack:end!important; -webkit-justify-content:flex-end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-xl-center{ -webkit-box-pack:center!important; -webkit-justify-content:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-xl-between{ -webkit-box-pack:justify!important; -webkit-justify-content:space-between!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-xl-around{ -webkit-justify-content:space-around!important; -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-xl-start{ -webkit-box-align:start!important; -webkit-align-items:flex-start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-xl-end{ -webkit-box-align:end!important; -webkit-align-items:flex-end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-xl-center{ -webkit-box-align:center!important; -webkit-align-items:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-xl-baseline{ -webkit-box-align:baseline!important; -webkit-align-items:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-xl-stretch{ -webkit-box-align:stretch!important; -webkit-align-items:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-xl-start{ -webkit-align-content:flex-start!important; -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-xl-end{ -webkit-align-content:flex-end!important; -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-xl-center{ -webkit-align-content:center!important; -ms-flex-line-pack:center!important; align-content:center!important } .align-content-xl-between{ -webkit-align-content:space-between!important; -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-xl-around{ -webkit-align-content:space-around!important; -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-xl-stretch{ -webkit-align-content:stretch!important; -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-xl-auto{ -webkit-align-self:auto!important; -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-xl-start{ -webkit-align-self:flex-start!important; -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-xl-end{ -webkit-align-self:flex-end!important; -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-xl-center{ -webkit-align-self:center!important; -ms-flex-item-align:center!important; align-self:center!important } .align-self-xl-baseline{ -webkit-align-self:baseline!important; -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-xl-stretch{ -webkit-align-self:stretch!important; -ms-flex-item-align:stretch!important; align-self:stretch!important } } .w-25{ width:25%!important } .w-50{ width:50%!important } .w-75{ width:75%!important } .w-100{ width:100%!important } .h-25{ height:25%!important } .h-50{ height:50%!important } .h-75{ height:75%!important } .h-100{ height:100%!important } .mw-100{ max-width:100%!important } .mh-100{ max-height:100%!important } ::-webkit-input-placeholder{ color:#c0c9cf } ::-moz-placeholder{ color:#c0c9cf } :-ms-input-placeholder{ color:#c0c9cf } ::-ms-input-placeholder{ color:#c0c9cf } ::placeholder{ color:#c0c9cf } ::-moz-selection{ background-color:#1a70c5; color:#fff } ::selection{ background-color:#1a70c5; color:#fff } body{ font-size:16px; min-width:320px; position:relative; line-height:1.5; font-family:LatoRegular,sans-serif; overflow-x:hidden; color:#516e84 } body input,body textarea{ border:#666 1px solid; outline:0 } body input:required:valid,body textarea:required:valid{ border-color:green } body.overlay::before{ content:''; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:2 } body::-webkit-scrollbar{ width:12px } body::-webkit-scrollbar-thumb{ background-color:rgba(26,112,197,.4) } #policyPopup::-webkit-scrollbar{ width:6px; } #policyPopup::-webkit-scrollbar-thumb{ background-color:rgba(26,112,197,.4) } body,html{ height:100% } .wrapper{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; height:100% } .wrapper .contentPage{ -webkit-box-flex:1; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto } .wrapper .myFooter{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto } img{ display:block; max-width:100%; height:auto } .h1,h1{ font-size:56px; font-family:MontserratSemiBold,sans-serif; color:#354c5e; line-height:1.3; letter-spacing:-1.4px } .subH1{ font-size:48px; font-family:MontserratSemiBold,sans-serif; color:#354c5e; line-height:1.3; letter-spacing:-1.4px } .h2{ font-size:32px; font-family:MontserratSemiBold,sans-serif; color:#354c5e; line-height:1.3; letter-spacing:-1.4px } .subH2{ font-size:28px; font-family:MontserratSemiBold,sans-serif; color:#1a70c5; line-height:1.3; letter-spacing:-1.4px } .h3,h5{ font-size:20px; line-height:1.3 } .h4{ font-size:18px } .small{ font-size:15px } .textCenter{ text-align:center } .textRight{ text-align:right } .less1920{ display:none } .latoBold{ font-family:LatoBold,sans-serif } .latoSemiBold{ font-family:LatoSemiBold,sans-serif } .loadMoreLink{ font-family:LatoBold,sans-serif } .visible320{ display:none } .underline{ padding-bottom:2px; border-bottom:1px solid rgba(151,190,255,.36)!important; color:#1a70c5 } .underline:hover{ text-decoration:none; color:#1a70c5; border-color:#97beff!important } .hoverUnderline{ padding-bottom:2px; border-bottom:1px solid transparent; color:#1a70c5 } .hoverUnderline:hover{ border-color:rgba(151,190,255,.36); text-decoration:none; color:#1a70c5 } .bold,b,strong{ font-family:LatoBold } a{ -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .visible992,.visibleMobile{ display:none!important } .hiddenText{ display:none } .link{ color:#1a70c5 } .headerColor{ color:#354c5e } .intl-tel-input .selected-flag::before{ content:''; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0; height:38px; width:1px; background-color:rgba(53,76,94,.2) } .typicForm{ width:100% } .typicForm .flexSelect{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .typicForm .flexSelect .selectric-wrapper{ width:100% } .typicForm .flexSelect .selectric-wrapper:last-child{ margin-left:15px } .typicForm .cvvWrap{ position:relative } .typicForm .cvvWrap .parsley-errors-list{ top:-18px } .typicForm .cvvWrap::before{ content:''; position:absolute; right:55px; background-color:#eff1f2; height:44px; width:1px; z-index:1 } .typicForm .cvv{ position:absolute; top:50%; right:7px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) } .typicForm .checkBoxWrap{ position:relative; padding-left:30px; margin-bottom:20px } .typicForm .checkBoxWrap .flexWrap{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between } .typicForm .checkBoxWrap input{ display:none } .typicForm .checkBoxWrap input:checked~.checkmark::after{ display:block } .typicForm .checkBoxWrap .checkmark{ position:absolute; top:2px; left:0; height:20px; width:20px; border:1px solid rgba(53,76,94,.2); border-radius:3px; cursor:pointer } .typicForm .checkBoxWrap .checkmark::after{ content:''; position:absolute; display:none; width:8px; height:14px; border:solid #516e84; border-width:0 3px 3px 0; left:5px; top:1px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) } .typicForm .flexChoose{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; margin-bottom:30px } .typicForm .flexChoose .chooseFile{ color:#1a70c5; font-family:LatoBold,sans-serif; text-transform:uppercase; background-color:rgba(188,212,247,.5); border:1px solid rgba(18,103,170,.18); border-radius:3px; min-width:150px; display:inline-block; padding:12px 0; text-align:center; cursor:pointer } .typicForm .flexChoose .chooseFile span{ border-bottom:1px solid rgba(26,112,197,.16); padding-bottom:1px; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .typicForm .flexChoose .chooseFile span:hover{ border-color:rgba(26,112,197,.48) } .typicForm .flexChoose .filePath{ font-family:LatoSemiBold,sans-serif; color:#354c5e } .typicForm .flexChoose label{ margin-bottom:0 } .typicForm .flexChoose .file-upload{ margin-right:16px } .typicForm .flexChoose .file-upload input{ display:none } .typicForm textarea{ resize:none } .typicForm label{ width:100%; margin-bottom:20px; position:relative } .typicForm .intl-tel-input .parsley-errors-list{ top:-18px } .typicForm .parsley-errors-list{ position:absolute; font-size:13px; top:3px; right:0; padding:0; margin:0; list-style-type:none; color:#cf0004 } .typicForm input.parsley-error,.typicForm textarea.parsley-error{ border-color:#cf0004 } .typicForm input,.typicForm textarea{ width:100%; border:1px solid rgba(53,76,94,.2); border-radius:3px; padding:9px 15px } .typicForm button{ cursor:pointer } .typicForm .helpText{ font-size:15px; display:block; color:#31526b } .typicForm .flexInput{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; margin-bottom:20px } .typicForm .flexInput .flexInput{ margin-bottom:0 } .typicForm .flexInput .flexInput:last-child{ margin-bottom:0 } .typicForm .flexInput .flexInput label:last-child{ margin-bottom:0 } .typicForm .flexInput.withHelpMessage label{ position:relative } .typicForm .flexInput.withHelpMessage label .captchaInfo{ position:absolute; top:3px; right:0; font-size:13px; color:#354c5e; opacity:.5 } .typicForm .flexInput label{ width:100%; margin-bottom:0 } .typicForm .flexInput label:last-child{ margin-left:20px } .typicForm .flexInput label.fileVersion{ min-width:240px } .typicForm .flexInput .flexCaptcha{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .typicForm .flexInput .flexCaptcha .captchaWrap{ min-width:110px; width:110px; border:1px solid rgba(53,76,94,.2); background-color:#fff; border-radius:3px } .promoForm .parsley-errors-list,.searchForm .parsley-errors-list,.searchFormV2 .parsley-errors-list{ top:-18px } .topBtn{ position:fixed; bottom:25px; right:-100px; border-radius:10em; color:#000; font-size:26px; width:52px; height:52px; line-height:50px; text-align:center; cursor:pointer; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; z-index:12; opacity:.5; -webkit-box-shadow:0 8px 16px 0 rgba(51,51,51,.08); box-shadow:0 8px 16px 0 rgba(51,51,51,.08); -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg) } .topBtn svg{ width:17px; height:17px; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .topBtn.active{ right:30px } .topBtn:hover{ color:#fff; opacity:1; -webkit-box-shadow:0 32px 61px 0 rgba(32,70,128,.21); box-shadow:0 32px 61px 0 rgba(32,70,128,.21) } .topBtn:hover svg{ fill:#fff } .myBtn{ min-width:135px; background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(60,171,60,.31)),to(rgba(154,252,101,.31))),-webkit-gradient(linear,left top,left bottom,from(#3eb53e),to(#3eb53e)); background-image:-o-linear-gradient(bottom,rgba(60,171,60,.31),rgba(154,252,101,.31)),-o-linear-gradient(top,#3eb53e,#3eb53e); background-image:linear-gradient(to top,rgba(60,171,60,.31),rgba(154,252,101,.31)),linear-gradient(to bottom,#3eb53e,#3eb53e); border-radius:3px; border:none; display:inline-block; color:#fff; font-size:24px; font-family:LatoBold,sans-serif; cursor:pointer } .myBtn:hover{ color:#fff; text-decoration:none; background:#54c547 } .platformBtns{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between } .platformBtns .myBtn{ padding:14px 0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; min-width:140px; -webkit-transition:none; -o-transition:none; transition:none } .platformBtns .myBtn:hover{ background:#54c547 } .platformBtns svg{ width:24px; height:24px; fill:#fff; margin-right:10px } .appBtns{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between } .myHeader .menuSecondWrap{ background-color:#445fa9; -webkit-box-shadow:inset 0 0 3px 0 rgba(2,44,88,.31); box-shadow:inset 0 0 3px 0 rgba(2,44,88,.31) } .myHeader .menuSecondWrap .flexWrap{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .myHeader .menuSecondWrap .practiceExam{ color:#fff; font-size:15px; font-family:LatoBold,sans-serif; text-transform:uppercase; padding:21px 0; min-width:135px; margin-right:65px; position:relative; z-index:1; white-space:nowrap } .myHeader .menuSecondWrap .practiceExam::before{ content:''; position:absolute; top:0; right:0; width:100vw; height:100%; background-color:#2a4182; z-index:-1 } .myHeader .menuSecondWrap .practiceExam::after{ content:''; position:absolute; top:0; right:0; width:0; height:0; border-top:32px solid transparent; border-left:16px solid #2a4182; border-bottom:32px solid transparent; -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%) } .myHeader .menuSecondWrap .secondMenu{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:0; margin:0; list-style:none; width:100% } .myHeader .menuSecondWrap .secondMenu li a{ color:#fff; font-size:15px; font-family:LatoBold,sans-serif; border-bottom:1px solid rgba(151,190,255,.36); padding-bottom:2px } .myHeader .menuSecondWrap .secondMenu li a:hover{ text-decoration:none; border-color:rgba(151,190,255,.72) } .myHeader .menuFirst{ list-style:none; padding:0; margin:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; position:relative } .myHeader .menuFirst::before{ content:''; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background-color:rgba(53,76,94,.06); width:100vw; height:1px } .myHeader .menuFirst li.crown{ position:relative } .myHeader .menuFirst li.crown svg{ width:15px; height:15px; position:absolute; top:10px; right:49px } .myHeader .menuFirst li.active a{ background-color:rgba(164,187,243,.11); border-color:#445fa9 } .myHeader .menuFirst li a{ padding:18.5px 50px; font-size:15px; color:#354c5e; border-top:1px solid transparent; text-transform:uppercase; font-family:LatoBold,sans-serif; display:inline-block } .myHeader .menuFirst li a:hover{ background-color:rgba(164,187,243,.11); text-decoration:none } .myHeader .topLine{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding:25px 0 } .myHeader .topLine .logo{ display:block; min-width:325px } .myHeader .topLineElements{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .myHeader .topLineIcons{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-left:30px } .myHeader .topLineIcons .topLineIcon{ width:44px; height:44px; border-radius:10em; background-color:#f5f8fe; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; margin-right:20px } .myHeader .topLineIcons .topLineIcon:hover{ background-color:rgba(53,76,94,.2) } .myHeader .topLineIcons .topLineIcon:last-child{ margin-right:0 } .myHeader .topLineIcons .topLineIcon svg{ width:24px; height:24px; fill:#354c5e } .searchForm{ position:relative; max-width:365px } .searchForm .submitBtn{ border:none; background-color:transparent; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:15px; width:24px; height:24px; padding:0; cursor:pointer } .searchForm .submitBtn svg{ width:24px; height:24px; fill:#354c5e } .sWelcome{ text-align:center; padding:80px 0 80px } .sWelcome h1{ margin-bottom:40px } .sWelcome .h3{ max-width:850px; margin:0 auto 50px } .sWelcome .searchFormV2{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; max-width:650px; margin:0 auto } .sWelcome .searchFormV2 .wrap{ max-width:490px; margin-right:20px; position:relative; width:100% } .sWelcome .searchFormV2 input{ padding:13px 15px; font-size:24px } .sWelcome .searchFormV2 input::-webkit-input-placeholder{ color:#6186b0 } .sWelcome .searchFormV2 input::-moz-placeholder{ color:#6186b0 } .sWelcome .searchFormV2 input:-ms-input-placeholder{ color:#6186b0 } .sWelcome .searchFormV2 input::-ms-input-placeholder{ color:#6186b0 } .sWelcome .searchFormV2 input::placeholder{ color:#6186b0 } .owl-carousel .owl-dots{ position:absolute; width:100%; text-align:center } .owl-carousel .owl-dots .owl-dot{ background-color:rgba(53,76,94,.12); width:12px; height:12px; border-radius:50%; margin-right:10px; display:inline-block; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .owl-carousel .owl-dots .owl-dot.active{ background-color:#46b846 } .owl-carousel .owl-dots .owl-dot.active:hover{ background-color:#46b846 } .owl-carousel .owl-dots .owl-dot:hover{ background-color:rgba(81,110,132,.12) } .owl-carousel .owl-dots .owl-dot:last-child{ margin-right:0 } .owl-carousel .owl-nav{ position:absolute; width:100% } .owl-carousel .owl-nav button{ position:absolute; left:-5px; width:52px; height:52px; border-radius:50%; background-image:url(../img/arrowNext.svg)!important; outline:0; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1); -webkit-box-shadow:0 8px 16px 0 rgba(51,51,51,.08); box-shadow:0 8px 16px 0 rgba(51,51,51,.08) } .owl-carousel .owl-nav button:hover{ -webkit-box-shadow:0 32px 61px 0 rgba(32,70,128,.21); box-shadow:0 32px 61px 0 rgba(32,70,128,.21) } .owl-carousel .owl-nav button.disabled{ opacity:.5 } .owl-carousel .owl-nav button.owl-next{ left:auto; right:-5px; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } button.mfp-arrow{ width:52px; height:52px; border-radius:50%; background-image:url(../img/arrowNext.svg)!important; outline:0; top:54%; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1); -webkit-box-shadow:0 8px 16px 0 rgba(51,51,51,.08); box-shadow:0 8px 16px 0 rgba(51,51,51,.08); left:15px } button.mfp-arrow:hover{ -webkit-box-shadow:0 32px 61px 0 rgba(32,70,128,.21); box-shadow:0 32px 61px 0 rgba(32,70,128,.21) } button.mfp-arrow.mfp-arrow-right{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); left:auto; right:15px } button.mfp-arrow::after,button.mfp-arrow::before{ content:none } .sHotCertifications{ padding:47px 0 10px; background-color:#f7f8fa; text-align:center } .sHotCertifications .owl-dots{ bottom:14% } .sHotCertifications .owl-stage{ padding:25px 0 100px } .sHotCertifications .owl-nav{ top:28% } .sHotCertifications .owl-nav button{ left:-90px } .sHotCertifications .owl-nav button.owl-next{ left:auto; right:-90px } .sHotCertifications .slide{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:0 55px } .sHotCertifications .item{ -webkit-box-shadow:0 0 0 0 rgba(0,0,0,.25); box-shadow:0 0 0 0 rgba(0,0,0,.25); border:solid 1px rgba(225,232,245,.5); background-color:#fff; padding:20px 20px 15px; text-align:center; -webkit-transition:none; -o-transition:none; transition:none; display:block } .sHotCertifications .item .imgWrap{ margin-bottom:15px; display: flex; justify-content: center; align-items: center; min-height: 86px; } .sHotCertifications .item:hover{ -webkit-box-shadow:0 32px 61px 0 rgba(32,70,128,.21); box-shadow:0 32px 61px 0 rgba(32,70,128,.21); text-decoration:none } .sHotCertifications .item:hover .h4{ border-color:rgba(151,190,255,.36) } .sHotCertifications .item .h4{ color:#1a70c5; font-family:LatoBold,sans-serif; border-bottom:1px solid transparent; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; display:inline-block; max-width:175px } .home .sPracticeExam{ padding:100px 0 } .sPracticeExam{ padding:25px 0 65px } .sPracticeExam .hotTrainingCourses{ margin-bottom:50px } .sPracticeExam .hotTrainingCourses .h2{ margin-bottom:20px } .sPracticeExam .hotTrainingCourses .items .item{ position:relative; display:block; margin-bottom:20px } .sPracticeExam .hotTrainingCourses .items .item:hover .itemTitle .ellipsis span{ border-color:#fff } .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages{ position:absolute; top:20px; right:20px } .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant{ background-color:#fff; width:64px; height:64px; border-radius:5px; font-family:LatoBold,sans-serif; color:#354c5e; margin-bottom:10px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant:last-child{ margin-bottom:0 } .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant svg{ width:30px; height:30px } .sPracticeExam .hotTrainingCourses .items .item .itemPrice{ position:absolute; font-family:LatoBold,sans-serif; font-size:36px; color:#fff; left:20px; top:20px } .sPracticeExam .hotTrainingCourses .items .item .itemTitle{ position:absolute; bottom:0; left:0; width:100%; color:#fff; padding:20px 30px; background-color:rgba(26,112,197,.8) } .sPracticeExam .hotTrainingCourses .items .item .itemTitle span{ overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; } .sPracticeExam .hotTrainingCourses .items .item .itemTitle .ellipsis{ padding-bottom:2px; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; white-space: nowrap; width: 297px; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .sPracticeExam .hotTrainingCourses .items .item .itemTitle .ellipsis span{ border-bottom:1px solid rgba(255,255,255,.5); transition: all .25s ease; } .sPracticeExam .col-lg-8{ padding-right:95px } .sPracticeExam .h2{ margin-bottom:35px } .sPracticeExam .practiceFilter{ padding:0; margin:0; list-style:none; margin-bottom:20px } .sPracticeExam .practiceFilter li{ display:inline-block; margin:0 15px 10px 0; padding:10px 20px; -webkit-box-shadow:0 5.3px 10.6px 0 rgba(51,51,51,.08); box-shadow:0 5.3px 10.6px 0 rgba(51,51,51,.08); cursor:pointer; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; border-radius:5px } .sPracticeExam .practiceFilter li:hover{ background-color:#f7f8fa } .sPracticeExam .practiceFilter li.active{ color:#54c547 } .sPracticeExam .practiceFilter li.active:hover{ background-color:#fff } .sPracticeExam .practiceFilter li:last-child{ margin-right:0 } .sPracticeExam .avansetBanner{ margin-bottom:50px } .sPracticeExam .avansetBanner .avansetLogoWrap{ background:-o-radial-gradient(50% 50%,171px,#2c5b88 0,#244d79 100%); background:radial-gradient(171px at 50% 50%,#2c5b88 0,#244d79 100%); padding:32px 0; border-radius:3px 3px 0 0 } .sPracticeExam .avansetBanner .avansetLogoWrap .avansetLogo{ max-width:225px; margin:0 auto } .sPracticeExam .avansetBanner .avansetInfo{ padding:35px 75px 70px; text-align:center; background-color:#f7f9fd; border-radius:0 0 3px 3px } .sPracticeExam .avansetBanner .avansetImg{ margin-bottom:45px; -webkit-box-shadow:0 9px 38px 0 rgba(14,58,104,.12); box-shadow:0 9px 38px 0 rgba(14,58,104,.12) } .sPracticeExam .avansetBanner .platformBtns{ margin-bottom:25px } .sPracticeExam .avansetBanner .howToOpenBtn{ background-color:rgba(188,212,247,.5); border:solid 1px rgba(18,103,170,.18); border-radius:3px; font-family:LatoBold,sans-serif; color:#1a70c5; display:block; text-align:center; padding:15.5px 0; position:relative; text-transform:uppercase; margin-bottom:15px } .sPracticeExam .avansetBanner .howToOpenBtn span{ border-bottom:1px solid rgba(26,112,197,.16); padding-bottom:1px; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .sPracticeExam .avansetBanner .howToOpenBtn:hover{ text-decoration:none } .sPracticeExam .avansetBanner .howToOpenBtn:hover span{ border-color:rgba(26,112,197,.48) } .sPracticeExam .premiumBanner{ background-color:#f7f9fd; border-radius:3px; padding:30px 50px 40px; text-align:center; margin-bottom:50px } .sPracticeExam .premiumBanner .myBtn{ min-width:170px; padding:14px 0; margin-bottom:35px; -webkit-transition:none; -o-transition:none; transition:none } .sPracticeExam .premiumBanner .h4{ color:#354c5e } .sPracticeExam .premiumBanner .premiumBannerTitle{ font-size:28px; font-family:MontserratSemiBold,sans-serif; color:#354c5e; letter-spacing:-1.4px } .sPracticeExam .premiumBanner .premiumFlex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; line-height:1.3; margin-bottom:25px } .sPracticeExam .premiumBanner .premiumFlex .premiumTitle{ font-size:56px; color:#1a70c5; font-family:MontserratSemiBold,sans-serif; margin-left:10px } .sPracticeExam .threeBtns{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; margin-bottom:50px } .sPracticeExam .threeBtns .myBtn{ padding:19px 30px; border-radius:8px; font-family:MontserratSemiBold,sans-serif; font-size:28px; margin-bottom:15px; letter-spacing:-1.4px; position:relative } .sPracticeExam .threeBtns .myBtn:first-child:hover{ background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(60,171,60,.31)),to(rgba(154,252,101,.31))),-webkit-gradient(linear,left top,left bottom,from(#3eb53e),to(#3eb53e)); background-image:-o-linear-gradient(bottom,rgba(60,171,60,.31),rgba(154,252,101,.31)),-o-linear-gradient(top,#3eb53e,#3eb53e); background-image:linear-gradient(to top,rgba(60,171,60,.31),rgba(154,252,101,.31)),linear-gradient(to bottom,#3eb53e,#3eb53e) } .sPracticeExam .threeBtns .myBtn:first-child::before{ content:"Free Demo"; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:95px; font-size:18px; color:#7aff75; font-family:LatoBold,sans-serif } .sPracticeExam .threeBtns .myBtn:nth-child(2){ background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(250,165,55,.31)),to(rgba(252,235,101,.31))),-webkit-gradient(linear,left top,left bottom,from(#fda00a),to(#fda00a)); background-image:-o-linear-gradient(bottom,rgba(250,165,55,.31),rgba(252,235,101,.31)),-o-linear-gradient(top,#fda00a,#fda00a); background-image:linear-gradient(to top,rgba(250,165,55,.31),rgba(252,235,101,.31)),linear-gradient(to bottom,#fda00a,#fda00a) } .sPracticeExam .threeBtns .myBtn:last-child{ background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(26,112,197,.31)),to(rgba(75,160,243,.31))),-webkit-gradient(linear,left top,left bottom,from(#1a70c5),to(#1a70c5)); background-image:-o-linear-gradient(bottom,rgba(26,112,197,.31),rgba(75,160,243,.31)),-o-linear-gradient(top,#1a70c5,#1a70c5); background-image:linear-gradient(to top,rgba(26,112,197,.31),rgba(75,160,243,.31)),linear-gradient(to bottom,#1a70c5,#1a70c5); margin-bottom:0 } .sPracticeExam .threeBtns .myBtn svg{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:30px; width:50px; height:50px; fill:#fff } .sPracticeExam table tr.hide{ display:none } .sPracticeExam table tr th:first-child,.sPracticeExam table tr th:nth-child(2){ width:21% } .sPracticeExam .filterResults tr:nth-child(odd){ background-color:#f7f8fa } .sPracticeExam .filterResults tr td:first-child,.sPracticeExam .filterResults tr td:nth-child(2){ width:21% } table{ width:100% } table a{ color:#1a70c5; border-bottom:1px solid transparent; padding-bottom:2px; display:inline-block } table a:hover{ color:#1a70c5; border-color:rgba(151,190,255,.36); text-decoration:none } table th{ font-family:LatoSemiBold,sans-serif; font-size:18px } table tr td{ padding:17px 20px; font-family:LatoSemiBold,sans-serif; color:#354c5e } table tr th{ padding:15px 20px; font-weight:400 } .myFooter{ background-color:#fcfcfc; padding:45px 0 40px; text-align:center; border-top:1px solid rgba(225,232,245,.5); color:#607688 } .myFooter .footerMenu{ padding:0; margin-bottom:25px } .myFooter .footerMenu li{ display:inline-block; margin:0 45px 20px 0 } .myFooter .footerMenu li:last-child{ margin-right:0 } .myFooter .footerMenu li a{ color:#1a70c5; font-family:LatoBold,sans-serif; border-bottom:1px solid rgba(26,112,197,.16); padding-bottom:2px } .myFooter .footerMenu li a:hover{ text-decoration:none; border-color:rgba(26,112,197,.48) } .brearCrumb{ padding:0; margin:0 0 35px 0; list-style:none } .brearCrumb li{ display:inline-block; color:#6186b0; margin-right:25px; position:relative } .brearCrumb li::before{ content:">>"; position:absolute; right:-23px; top:0; color:#c0c9cf } .brearCrumb li:last-child{ margin-right:0 } .brearCrumb li:last-child::before{ content:'' } .brearCrumb li a{ color:#c0c9cf } .brearCrumb li a:hover{ text-decoration:none } .topSertifications{ padding:30px; background-color:#f7f8fa; margin:50px 0 35px; border-radius:3px } .topSertificationsList{ padding:0; margin:0; list-style:none } .topSertificationsList li{ margin-bottom:15px; position:relative; padding-left:20px } .topSertificationsList li:last-child{ margin-bottom:0 } .topSertificationsList li::before{ content:''; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:50%; background-color:rgba(53,76,94,.2) } .topSertificationsList li a{ color:#354c5e } .topSertificationsList li a:hover{ text-decoration:none } .sPracticeExam .searchForm{ max-width:none } .certInfo{ margin-bottom:30px } .certInfo .certInfoEl{ color:#354c5e; margin-bottom:10px } .certInfo .certInfoEl b{ font-family:LatoBold,sans-serif } .certInfo .certInfoEl:last-child{ margin-bottom:0 } .certCard{ padding:40px 25px 40px 60px; background-color:#fafcff; border:solid 1px rgba(53,76,94,.08); border-radius:3px; margin-bottom:80px } .certCard .certCardText{ position: absolute; bottom: 0; } .certCard.three{ position:relative } .certCard.three::before{ content:''; position:absolute; bottom:105px; left:0; width:100%; height:1px; background-color:#eff1f2 } .certCard.three .certCardItems{ margin-bottom:0 } .certCard.three .desc{ margin-top:55px } .certCard .certCardImg{ margin-bottom:20px } .certCard form{ max-width:200px; margin:0 auto } .certCard form .myBtn{ min-width:200px; padding:14px 0 } .certCard > .typicForm{ max-width: inherit; margin: 0; } .certCard .subH1{ color:#1a70c5; text-align:center; font-family:MontserratMedium,sans-serif } .certCard .desc{ font-size:15px; margin-top:25px; color:#354c5e } .certCard .desc a{ color:#1a70c5; font-family:LatoBold,sans-serif } .certCard .desc a:hover{ color:#1a70c5; text-decoration:none } .certCard .col-lg-8{ padding-right:15px; padding-left:30px } .certCard .subH2{ color:#354c5e; font-family:MontserratMedium,sans-serif } .certCard .certCardItems .certCardItem{ color:#354c5e; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eff1f2 } .certCard .certCardItems .certCardItem:last-child{ border-bottom:none } .certCard .certCardItems .certCardItem .h3{ font-family:LatoBold,sans-serif; margin-bottom:10px } .certCard .certCardItems .certCardItem .h3 a{ color:#1a70c5; border-bottom:1px solid transparent; padding-bottom:2px } .certCard .certCardItems .certCardItem .h3 a:hover{ text-decoration:none; border-color:rgba(18,103,170,.18) } .certCard .certCardItems .certCardItem .h4{ margin-bottom:5px } .certCard .certCardItems .certCardItem .h4:last-child{ margin-bottom:0 } .purchase{ margin-bottom:80px } .purchase table{ border:1px solid rgba(53,76,94,.08) } .purchase table tr{ border-bottom:1px solid rgba(53,76,94,.08) } .purchase table tr td{ color:#354c5e } .purchase table tr td a{ border-color:rgba(151,190,255,.36) } .purchase table tr td a:hover{ border-color:#97beff } .purchase table tr td:first-child{ width:17% } .purchase table tr td:nth-child(2){ width:55% } .purchase table tr:nth-child(even){ background-color:transparent } .purchase table tr:last-child{ border-bottom:none } .tabs,.myAccountMenu{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; border-radius:14px; -webkit-box-shadow:0 8px 16px 0 rgba(51,51,51,.08); box-shadow:0 8px 16px 0 rgba(51,51,51,.08); position:relative } .tabs.four .switcher{ width:25%; height:64px } .tabs.four .tab{ padding:19px 0 } .tabs .switcher{ position:absolute; left:0; top:0; height:80px; background-color:#1a70c5; width:33.3333%; border-radius:14px; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; -webkit-box-shadow:0 32px 61px 0 rgba(32,70,128,.21); box-shadow:0 32px 61px 0 rgba(32,70,128,.21) } .tabs .switcher.hover{ background-color:#4596e6 } .tabs .tab,.myAccountMenu .tab{ width:100%; text-align:center; padding:27px 0; cursor:pointer; position:relative; z-index:1; border-radius:14px; } .myAccountMenu .tab{ color:#516e84 } .myAccount .topSertificationsList{ padding-left: 30px; } .tabs .tab.active,.myAccountMenu .tab.active{ background-color:#1a70c5; color: #fff; } .tabs .tab:hover,.myAccountMenu .tab:hover{ background-color:#1a70c5; color:#fff; text-decoration: none; } .tabsWrap{ border:1px solid rgba(53,76,94,.08); border-top:none; border-radius:14px 14px 10px 10px; margin-bottom:80px } .tabContent{ padding:45px 15px 90px; color:#354c5e } .productScreenshotsCarousel .owl-dots{ top:105% } .productScreenshotsCarousel .owl-nav{ top:45% } .productScreenshotsCarousel .slide{ max-width:672px; display:block; margin:0 auto } .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{ cursor: default; } .mfp-close{ cursor: pointer !important; } .sPracticeExam .filesWrap{ margin-bottom:80px } .sPracticeExam .filesWrap .h2{ margin-bottom:20px } .sPracticeExam .filesWrap table tr:nth-child(even){ background-color:#f7f8fa } .sPracticeExam .filesWrap table tr td.link a{ border-bottom: none; } .sPracticeExam .filesWrap table tr td a{ border-color:rgba(151,190,255,.36) } .sPracticeExam .filesWrap table tr td a:hover{ border-color:#97beff } .sPracticeExam .filesWrap table tr th:nth-child(2){ width:64% } .facts{ color:#354c5e } .facts .h2{ margin-bottom:20px } .facts .loadMoreLink{ font-family:LatoBold,sans-serif } .comments{ position:relative; padding:45px 0 0 0; margin-bottom:80px } .comments::before{ content:''; position:absolute; right:0; top:0; width:100vw; height:100%; background-color:#f7f8fa; border-radius:3px } .comments .commentsTitle{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; margin-bottom:40px; position:relative } .comments .commentsTitle .h2{ margin-bottom:0 } .comments .commentsTitle span{ font-size:13px; margin-left:30px; color:#354c5e; margin-top:5px } .comments .commentsItems{ position:relative } .comments .commentItem{ border-bottom:1px solid #eff1f2; margin-bottom:25px; padding:0 50px 15px 0 } .comments .commentItem:last-child{ border-bottom:0; margin-bottom:0 } .comments .commentItem .commentItemHeader{ padding:0; margin:0 0 10px 0; list-style:none; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .comments .commentItem .commentItemHeader li{ margin-right:30px; position:relative } .comments .commentItem .commentItemHeader li.warning a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; color:#fda00a; border-bottom:1px solid rgba(255,138,80,.17) } .comments .commentItem .commentItemHeader li.warning a:hover{ text-decoration:none; border-color:rgba(255,138,80,.51) } .comments .commentItem .commentItemHeader li.warning svg{ width:20px; height:20px; margin-right:5px } .comments .commentItem .commentItemHeader li::before{ content:''; width:4px; height:4px; border-radius:50%; background-color:rgba(53,76,94,.12); position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:-15px } .comments .commentItem .commentItemHeader li:last-child{ margin-right:0 } .comments .commentItem .commentItemHeader li:last-child::before{ content:none } .comments .commentItem .commentItemHeader li.name{ font-size:20px; color:#1a70c5; font-family:LatoBold,sans-serif } .comments .commentItem .commentItemHeader li .country{ font-family:LatoBold,sans-serif; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .comments .commentItem .commentItemHeader li .country div:last-child{ margin-left:5px } .addComment{ position:relative; padding:40px 0 55px } .addComment .h2{ margin-bottom:30px } .addComment .typicForm{ max-width:745px } .addComment::before{ content:''; position:absolute; right:0; top:0; width:100vw; height:1px; background-color:#eff1f2 } .addComment .commentForm .flexInput{ margin-bottom:25px } .addComment .commentForm .flexInput.withHelpMessage{ margin-bottom:30px } .addComment .commentForm .myBtn{ min-width:252.5px; padding:14px 0 } .mobileHotCourses{ display:none } .addDots a,.addDots span{ white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; max-width:420px; display:inline-block } .addDots2 a,.addDots2 span{ white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; width:455px; display:inline-block } .addDots3 a{ white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; max-width:340px; display:inline-block } .addDots4 a,.addDots4 span{ white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; max-width:600px; display:inline-block } .addDotsFour a{ white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; max-width:135px; display:inline-block } .fileCard{ background-color:#fafcff; border:solid 1px rgba(53,76,94,.08); padding:35px 25px 70px; margin-bottom:80px; color:#354c5e } .fileCard .subH1{ margin:20px 0 35px 0; font-family:MontserratMedium,sans-serif } .fileCard .myBtn{ padding:14px 0; width:100% } .fileCard .col-lg-5{ text-align:center } .fileCard .info{ margin-bottom:40px } .fileCard .info div{ margin-bottom:10px } .fileCard .info div:last-child{ margin-bottom:0 } .fileCard .info .h3{ font-family:LatoBold,sans-serif } .fileCard .info .h4 b{ font-family:LatoBold } .filePagePurchase{ margin-bottom:80px } .filePagePurchase .h2{ margin-bottom:20px } .filePagePurchase table tr:nth-child(even){ background-color:#f7f8fa } .filePagePurchase table tr th:first-child{ width:60% } .filePagePurchase table tr th:nth-child(2),.filePagePurchase table tr th:nth-child(3){ width:10% } .filePagePurchase table tr th:last-child{ width:20% } .videoCoursesPage .hotTrainingCoursesCarousel{ margin-bottom:90px } .videoCoursesPage .hotTrainingCoursesCarousel:last-of-type{ margin-bottom:0 } .videoCoursesPage .hotTrainingCourses .owl-nav{ top:35% } .videoCoursesPage .hotTrainingCourses .owl-nav button{ left:-85px } .videoCoursesPage .hotTrainingCourses .owl-nav button.owl-next{ left:auto; right:-85px } .videoCoursesPage .hotTrainingCourses .h2{ margin-bottom:30px; display:inline-block } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemPrice{ font-size:28px } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemTitle{ font-size:16px; padding:5px 20px; } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages{ top:10px; right:10px } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant{ font-size:13px; width:47px; height:45px } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant svg{ width:20px; height:20px } .stars svg{ width:30px; height:30px; background-repeat:no-repeat; background-position:center; background-size:26px 25px; margin-left:0 } .stars svg:first-child{ margin-left:0 } .stars.star4_5 svg:nth-child(5){ background-image:url(../img/starHalf.svg) } .stars.star4_5 svg:nth-child(5) use{ display:none } .stars.star4 svg:nth-child(5){ background-image:url(../img/starEmpty.svg) } .stars.star4 svg:nth-child(5) use{ display:none } .stars.star3_5 svg:nth-child(5){ background-image:url(../img/starEmpty.svg) } .stars.star3_5 svg:nth-child(5) use{ display:none } .stars.star3_5 svg:nth-child(4){ background-image:url(../img/starHalf.svg) } .stars.star3_5 svg:nth-child(4) use{ display:none } .stars.star3 svg:nth-child(5){ background-image:url(../img/starEmpty.svg) } .stars.star3 svg:nth-child(5) use{ display:none } .stars.star3 svg:nth-child(4){ background-image:url(../img/starEmpty.svg) } .stars.star3 svg:nth-child(4) use{ display:none } .stars.star2_5 svg:nth-child(5){ background-image:url(../img/starEmpty.svg) } .stars.star2_5 svg:nth-child(5) use{ display:none } .stars.star2_5 svg:nth-child(4){ background-image:url(../img/starEmpty.svg) } .stars.star2_5 svg:nth-child(4) use{ display:none } .stars.star2_5 svg:nth-child(3){ background-image:url(../img/starHalf.svg) } .stars.star2_5 svg:nth-child(3) use{ display:none } .stars.star2 svg:nth-child(5){ background-image:url(../img/starEmpty.svg) } .stars.star2 svg:nth-child(5) use{ display:none } .stars.star2 svg:nth-child(4){ background-image:url(../img/starEmpty.svg) } .stars.star2 svg:nth-child(4) use{ display:none } .stars.star2 svg:nth-child(3){ background-image:url(../img/starEmpty.svg) } .stars.star2 svg:nth-child(3) use{ display:none } .stars.star1_5 svg:nth-child(5){ background-image:url(../img/starEmpty.svg) } .stars.star1_5 svg:nth-child(5) use{ display:none } .stars.star1_5 svg:nth-child(4){ background-image:url(../img/starEmpty.svg) } .stars.star1_5 svg:nth-child(4) use{ display:none } .stars.star1_5 svg:nth-child(3){ background-image:url(../img/starEmpty.svg) } .stars.star1_5 svg:nth-child(3) use{ display:none } .stars.star1_5 svg:nth-child(2){ background-image:url(../img/starHalf.svg) } .stars.star1_5 svg:nth-child(2) use{ display:none } .stars.star1 svg:nth-child(5){ background-image:url(../img/starEmpty.svg) } .stars.star1 svg:nth-child(5) use{ display:none } .stars.star1 svg:nth-child(4){ background-image:url(../img/starEmpty.svg) } .stars.star1 svg:nth-child(4) use{ display:none } .stars.star1 svg:nth-child(3){ background-image:url(../img/starEmpty.svg) } .stars.star1 svg:nth-child(3) use{ display:none } .stars.star1 svg:nth-child(2){ background-image:url(../img/starEmpty.svg) } .stars.star1 svg:nth-child(2) use{ display:none } .videoCoursePage .facts{ margin-bottom:80px } .videoCoursePage .comments{ margin-bottom:0 } .videoCourseTop{ padding-bottom:80px } .videoCourseTop .stars{ position:absolute; right:10px; top:15px } .videoCourseTop .col-lg-8{ padding-right:15px } .videoCourseTop .videoCourseImg{ position:relative } .videoCourseTop .bestSellerWrap{ position:absolute; top:11px; left:-11px; background-color:#445fa9; border-radius:6px; -webkit-box-shadow:.9px 2.9px 6px 0 rgba(6,14,18,.72); box-shadow:.9px 2.9px 6px 0 rgba(6,14,18,.72); color:#fff; font-family:LatoBold,sans-serif; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; min-width:150px; padding:8px 0; text-transform:uppercase; z-index:1 } .videoCourseTop .bestSellerWrap::before{ content:''; position:absolute; top:100%; left:5px; border-top:3px solid #142a64; border-right:3px solid #142a64; border-bottom:3px solid transparent; border-left:3px solid transparent; z-index:0 } .videoCourseTop .bestSellerWrap .bestSellerIcon{ margin-right:5px } .videoCourseTop .videoCourseTopInfo{ padding:10px 60px 0 10px; color:#354c5e } .videoCourseTop .videoCourseTopInfo .h2{ margin-bottom:20px } .videoCourseTop .videoCourseTopInfo .advantages{ margin:30px 0 50px } .videoCourseTop .addToCart{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .videoCourseTop .addToCart .prices{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; margin-right:55px } .videoCourseTop .addToCart .prices .pricesOld{ font-size:24px; text-decoration:line-through; color:#ff734d; margin-right:15px } .videoCourseTop .addToCart .prices .pricesNew{ font-size:36px; font-family:MontserratMedium,sans-serif; color:#46b846 } .videoCourseTop .addToCart .myBtn{ min-width:205px; padding:14px 0 } .advantages{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .advantages .advant{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; font-family:LatoBold,sans-serif; margin-right:60px } .advantages .advant:last-child{ margin-right:0 } .advantages .advant svg{ width:24px; height:24px; margin-right:6px } .videoWrap{ position:relative; padding:45px 55px 60px 0; margin-bottom:60px } .videoWrap::before{ content:''; position:absolute; right:0; top:0; width:100vw; height:100%; background-color:#f7f8fa; border-radius:3px } .videoWrap .h2{ position:relative } .videoCarousel .owl-dots{ top:113% } .videoCarousel .owl-nav{ top:35% } .videoCarousel .owl-nav button{ left:-80px } .videoCarousel .owl-nav button.owl-next{ left:auto; right:-80px } .videoCarousel .videoItem{ border-radius:3px; background-color:#fff; display:block; border:solid 1px rgba(225,232,245,.5); color:#354c5e; cursor:pointer } .videoCarousel .videoItem.active{ border-color:rgba(68,95,169,.6) } .videoCarousel .videoItem:hover{ text-decoration:none } .videoCarousel .videoItem .advantagesWrap{ padding:15px 20px } .videoCarousel .videoItem .advantages{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .videoCarousel .videoItem .advantages .advant{ margin:0 0 10px 0 } .videoCarousel .videoItem .advantages .advant:last-child{ margin-bottom:0 } .videoCarousel .videoItem .videoItemImg{ position:relative } .videoCarousel .videoItem .videoItemImg::before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(10,36,114,.6) } .videoCarousel .videoItem .videoItemImg .videoItemInfo{ position:absolute; top:10px; left:20px; right:20px; font-size:18px; font-family:LatoBold,sans-serif; font-size: 15px; } .videoCarousel .videoItem .videoItemImg .videoItemInfo .videoItemNumber{ color:#fda00a } .videoCarousel .videoItem .videoItemImg .videoItemInfo .videoItemTitle{ color:#fff; } .videoCourseTable{ margin-bottom:90px } .videoCourseTable .h2{ margin-bottom:20px } .videoCourseTable table tr th{ width:20% } .videoCourseTable table tr:nth-child(even){ background-color:#f7f8fa } .videoCourseTable table tr td{ white-space:nowrap } .feedBack{ margin-bottom:90px; color:#354c5e } .feedBack .feedBackResult{ display:inline-block } .feedBack .subH2{ color:#354c5e; font-family:MontserratMedium,sans-serif; text-align:center } .feedBack .feedBackNumber{ font-size:113px; font-family:MontserratMedium,sans-serif; line-height:1; margin-bottom:10px } .feedBack .progressBarWrap{ padding-right:55px } .feedBack .progressBarWrap .progressBarItem{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; margin-bottom:10px } .feedBack .progressBarWrap .progressBarItem:last-child{ margin-bottom:0 } .feedBack .progressBarWrap .progressBarItem .progressBarLineWrap{ width:100%; height:12px; background-color:rgba(53,76,94,.2); border-radius:10em } .feedBack .progressBarWrap .progressBarItem .progressBarLineWrap .progressBarLine{ background-color:#3eb53e; height:100%; border-radius:10em } .feedBack .progressBarWrap .progressBarItem .progressBarPercent{ margin-left:25px; min-width:45px; font-family:LatoSemiBold,sans-serif } .videoListWrap{ position:relative; margin-top:90px } .videoListWrap .subH2{ color:#354c5e; text-align:center; margin-bottom:20px } .videoListWrap .items{ border:1px solid rgba(53,76,94,.08); border-radius:3px; color:#354c5e; font-family:LatoSemiBold,sans-serif } .videoListWrap .item{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:16px 30px; border-bottom:1px solid rgba(53,76,94,.08) } .videoListWrap .item:last-child{ border-bottom:none } .videoListWrap .item .itemHeader{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .videoListWrap .item .playBtn{ margin-right:15px } .videoPopup{ max-width:774px; position:relative; margin:0 auto; background-color:#262726 } .videoPopup video{ width:auto; height:auto; max-width:100%; max-height:100%; background-color:#fff } .d-none{ display:none } .mfp-close{ font-size:40px } .myControls .btns button:not(.disabled):hover svg path{ fill:#48a0f7 } .myControls svg path{ -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .myControls .btnsTitle{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .myControls .btnsTitle .btns{ margin-right:15px } .myControls .speedList{ font-size:12px; color:#fff; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; background-color:#3c3d3c; border-radius:10em; min-width:75px; cursor:pointer; position:relative; padding:7px 0; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .myControls .speedList.show .speedElements{ display:block } .myControls .speedList:hover{ background-color:#010101; color:#48a0f7 } .myControls .speedList:hover svg path{ fill:#48a0f7 } .myControls .speedList .speedElements{ position:absolute; bottom:140%; display:none; left:0; background-color:#010101; border-radius:18px; width:100%; text-align:center; padding:10px 0 } .myControls .speedList .speedElements .speedEl{ color:#fff; margin-bottom:10px } .myControls .speedList .speedElements .speedEl.active{ color:#48a0f7 } .myControls .speedList .speedElements .speedEl:last-child{ margin-bottom:0 } .myControls .speedList svg{ width:15px; height:15px; margin-left:5px } .myControls .speedList svg path{ fill:#fff } .myControls .headerVideo{ color:#fff; font-size:14px } .popup.popup_video{ background-color:#262726 } .myControls{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding:10px; background-color:#262726 } .myControls button svg{ width:12px; height:12px; position:relative; top:2px } .myControls button svg path{ fill:#fff } .myControls .btns button{ width:32px; height:32px; border-radius:10em; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; padding:0; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; background-color:#3c3d3c; border:none; margin-right:10px; display:inline-block; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; cursor:pointer } .myControls .btns button:last-child{ margin-right:0 } .myControls .btns button.disabled{ background-color:#3c3d3c } .myControls .btns button.disabled svg path{ fill:#b1b1b1 } .myControls #btnnext svg{ -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) } .speedList button{ font-size:16px } .productsPage .h2{ margin-bottom:15px } .productsPage .threeBtns{ margin-bottom:10px } .productsItems{ margin-top:40px } .productsItems .productsItem{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; color:#354c5e; padding:20px 20px 25px; background-color:#fafcff; border:1px solid rgba(53,76,94,.08); margin-bottom:20px; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; border-radius:3px } .productsItems .productsItem:hover{ -webkit-box-shadow:0 8px 16px 0 rgba(51,51,51,.08); box-shadow:0 8px 16px 0 rgba(51,51,51,.08) } .productsItems .productsItem:last-child{ margin-bottom:0 } .productsItems .productsItem .subH2{ font-family:MontserratMedium,sans-serif; color:#354c5e } .productsItems .productsItem .productsItemImg{ min-width:115px; margin-right:20px } .ciscoPage .filesWrap{ margin-bottom:60px } .ciscoPage .h2{ margin-bottom:15px } .ciscoPage ul{ padding-left:0; list-style:none } .newFiles .h1{ margin-bottom:45px } .newFiles .h2{ margin-bottom:15px } .newFiles .filesWrap{ margin-bottom:60px } .newFiles .filesWrap table tr:nth-child(odd){ background-color:#f7f8fa } .newFiles .filesWrap table tr:nth-child(even){ background-color:transparent } .textUnderline{ text-decoration:underline; color:#354c5e } .examRequest{ color:#354c5e } .examRequest .threeBtns{ margin-bottom:0 } .examRequest .intl-tel-input{ display:block } .examRequest .iti-flag{ background-image:url(../img/flags.png) } .examRequest .h2{ margin-bottom:15px } .examRequest .addComment{ padding:0; margin-bottom:60px } .examRequest .addComment::before{ content:none } .examRequest .addComment .commentForm{ max-width:362.5px } .examRequest .addComment .commentForm .withHelpMessage label:last-child{ margin-left:0 } .sharePage{ color:#354c5e } .sharePage .threeBtns{ margin-bottom:0 } .sharePage .intl-tel-input{ display:block } .sharePage .iti-flag{ background-image:url(../img/flags.png) } .sharePage .h2{ margin-bottom:15px } .sharePage .addComment{ padding:0; margin:45px 0 50px } .sharePage .addComment::before{ content:none } .selectric-hover .selectric{ border:1px solid rgba(53,76,94,.2) } .selectric-items{ background-color:#fff } .selectric-items li{ color:#516e84 } .selectric-items li:hover{ background-color:#f7f8fa; color:#516e84 } .selectric-items li.highlighted{ color:#1a70c5; background-color:#f7f8fa } .selectric-wrapper::before{ content:''; position:absolute; right:42px; background-color:#eff1f2; height:44px; width:1px; z-index:1 } .selectric{ border:1px solid rgba(53,76,94,.2); border-radius:3px; background-color:#fff } .selectric .label{ color:#516e84; font-size:16px; line-height:inherit; height:auto; margin:0; padding:9px 15px } .selectric .button{ background-image:url(../img/down-arrow.svg); background-color:transparent; width:12px; height:12px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:16px } .selectric .button::after{ content:none } .loginRegistrationPage .sPracticeExam{ padding:75px 0 70px } .loginRegistrationPage .loginRegistrationForm{ max-width:365px; margin:0 auto; color:#354c5e } .loginRegistrationPage .loginRegistrationForm .h2{ margin-bottom:25px } .loginRegistrationPage .loginRegistrationForm .myBtn{ padding:14px 0; width:100%; margin-bottom:45px } .myPopup{ max-width:995px; background-color:#fff; border-radius:3px; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,.25); box-shadow:0 0 0 0 rgba(0,0,0,.25); border:1px solid rgba(225,232,245,.5); margin:0 auto; position:relative; padding:25px 20px 40px; color:#354c5e } .myPopup .popupImg{ position:absolute; top:95px; right:40px } .myPopup .offsetWrap{ padding-right:350px } .myPopup .downloadWrap{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; margin-top:25px } .myPopup .downloadWrap .myBtn{ min-width:225px; padding:14px 0; margin-right:45px } .myPopup .popupTitle{ font-size:24px; font-family:LatoSemiBold,sans-serif; line-height:1.4 } .myPopup .h2{ text-align:center } .mfp-close-btn-in .mfp-close{ color:#354c5e; opacity:1; background-color:#f5f8fe; border-radius:50%; top:20px; right:20px; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .mfp-close-btn-in .mfp-close:hover{ background-color:rgba(53,76,94,.2) } .blogItems{ margin-bottom:60px } .blogItems:last-of-type{ margin-bottom:0 } .blogItems .blogItem{ margin-bottom:30px } .blogItems .blogItem:last-child{ margin-bottom:0 } .blogItems .blogItem .subH2{ color:#354c5e } .blogItems .blogItem .blogItemList{ padding:25px 20px; margin:0; list-style:none; background-color:#fafcff; border-radius:3px; border:1px solid rgba(53,76,94,.08) } .blogItems .blogItem .blogItemList li{ margin-bottom:17px } .blogItems .blogItem .blogItemList li:last-child{ margin-bottom:0 } .blogItems .blogItem .blogItemList li a{ font-family:LatoBold,sans-serif } #policyPopup{ max-height: 600px; overflow: auto; word-break: break-word; } .checkoutWrap{ margin:20px 40px 0 30px; display: inline-block; } .checkoutWrap .checkoutText{ font-size:13px } .checkoutWrap .typicForm{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .checkoutWrap .typicForm .myBtn{ padding:14px 0; min-width:225px; margin-left:35px } .promoForm{ max-width:370px; position:relative; margin-bottom: 0; } .promoForm label{ margin-bottom: 0; } .promoForm .promoBtn{ position:absolute; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top:50%; right:4px; background-color:#f5f8fe; width:40px; height:40px; border-radius:10em; border:none; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .promoForm .promoBtn:hover{ background-color:rgba(53,76,94,.2) } .promoForm .promoBtn::before{ content:''; position:absolute; width:12px; height:23px; border:solid #516e84; border-width:0 2px 2px 0; left:14px; top:6px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) } .cartPage{ margin-bottom: 55px; } .cartPage .h2{ margin-bottom:20px } .cartPage .promoWrap{ padding:20px 140px 25px 30px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; border-bottom:1px solid #eff1f2 } .cartPage .promoWrap .totalPrice{ color:#354c5e; font-family:LatoSemiBold,sans-serif } .cartPage table tr:nth-child(even){ background-color:#f7f8fa } .cartPage table tr th{ padding-left:30px } .cartPage table tr th:first-child{ width:75% } .cartPage table tr td{ padding-bottom:25px; padding-left:30px } .cartPage .selectric .label{ padding: 12.5px 15px; } .cartPage .selectric-wrapper{ margin-top: 15px; max-width: 370px; } .cartPage table tr td:last-child{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .cartPage table .small{ margin-top: 5px; } .cartPage table .closeBtn{ margin-left:90px; margin-bottom:0; background-color:#f5f8fe; width:28px; height:28px; border-radius:10em; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; cursor:pointer; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .cartPage table .closeBtn:hover{ color:transparent; background-color:rgba(53,76,94,.2) } .checkout .billingForm{ max-width:745px } .checkout .billingForm .payWrap{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .checkout .billingForm .payWrap .payText{ font-size:13px } .checkout .billingForm .myBtn{ padding:14px 0; min-width:225px; margin-right:60px } .checkout .sPracticeExam{ padding-top:50px } .checkout .billingDetailsTitle{ margin-top:55px } .checkout .topSertifications{ margin:0 0 25px 0 } .checkout .myHeader .topLine{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; padding:31px 0 } .checkout .myHeader .topLine::before{ content:''; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background-color:rgba(53,76,94,.06); width:100vw; height:1px } .filePagePurchase.providers table tr th:first-child{ width:85% } .vceSimulators{ position:relative; padding-left:15px } .vceSimulators .vceSimulator{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; border:1px solid rgba(53,76,94,.08); background-color:#fafcff; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,.25); box-shadow:0 0 0 0 rgba(0,0,0,.25); border-radius:3px; padding:25px 30px; margin-bottom:20px } .vceSimulators .vceSimulator:hover{ -webkit-box-shadow:0 8px 16px 0 rgba(51,51,51,.08); box-shadow:0 8px 16px 0 rgba(51,51,51,.08) } .vceSimulators .vceSimulator:last-child{ margin-bottom:0 } .vceSimulators .vceSimulator .h3{ font-family:LatoBold,sans-serif; margin-bottom:10px } .vceSimulators .vceSimulator .iconWrap{ margin-right:20px; min-width:24px } .myAccount .tab4 .typicForm{ max-width:365px } .myAccount .tab4 .typicForm .myBtn{ min-width:195px; padding:14px 0; margin-bottom:40px } .myAccount .tab4 .typicForm .checkBoxWrap{ margin-bottom:40px } .myAccount .sPracticeExam .tab4 .h2{ margin-bottom:20px } .myAccount .sPracticeExam .filesWrap{ margin-bottom:10px } .myAccount .sPracticeExam .tab3 .filesWrap table tr:nth-child(even){ background-color:#f7f8fa } .myAccount .sPracticeExam .tab3 .filesWrap table tr:nth-child(odd){ background-color:transparent } .myAccount table th{ color:#516e84 } .myAccount .sPracticeExam .filesWrap table tr:nth-child(odd){ background-color:#f7f8fa } .myAccount .sPracticeExam .filesWrap table tr:nth-child(even){ background-color:transparent } .myAccount .sPracticeExam .filesWrap table tr th:nth-child(1){ width:37% } .myAccount .sPracticeExam .filesWrap table tr th:nth-child(2){ width:23% } .myAccount .tabsWrap{ margin-bottom:0 } .myAccount .tabContent{ padding:0 } .myAccount .tabItem{ padding:30px 30px 40px } .myAccount .tabItem .hiddenWrap .filesWrap:last-of-type{ margin-bottom:40px } .myAccount .tabItem .loadMore{ margin:20px 0 40px 30px; display:inline-block; cursor:pointer } .myAccount .tabItem.tab1{ position:relative } .myAccount .tabItem.tab1::before{ content:''; position:absolute; bottom: 495px; left:0; width:100%; height:1px; background-color:#eff1f2 } .myAccount .tabItem.tab2{ padding:0 } .myAccount .tabItem.tab2 .h2{ padding:30px 30px 0 } .myAccount .tabItem.tab3{ padding:25px 0 30px 0 } .myAccount .tabItem.tab3 .h2{ padding:30px 30px 0 } .myProducts .product{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eff1f2 } .myProducts .product:last-child{ border-bottom:none } .myProducts .productInfo{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; font-size:15px; padding-left:15px; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .myProducts .productInfo .productInfoWrap div{ margin-bottom:5px } .myProducts .productInfo .productInfoWrap div:last-child{ margin-bottom:0 } .myProducts .productInfo .downloadBtn{ font-family:LatoBold,sans-serif; border-radius:3px; background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(60,171,60,.31)),to(rgba(154,252,101,.31))),-webkit-gradient(linear,left top,left bottom,from(#3eb53e),to(#3eb53e)); background-image:-o-linear-gradient(bottom,rgba(60,171,60,.31),rgba(154,252,101,.31)),-o-linear-gradient(top,#3eb53e,#3eb53e); background-image:linear-gradient(to top,rgba(60,171,60,.31),rgba(154,252,101,.31)),linear-gradient(to bottom,#3eb53e,#3eb53e); min-width:160px; display:inline-block; padding:5px 0; color:#fff; text-align:center; -webkit-transition:none; -o-transition:none; transition:none } .myProducts .productInfo .downloadBtn:hover{ background:#54c547; text-decoration:none } .myProducts .productTitle{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; font-family:LatoSemiBold,sans-serif; margin-bottom:10px } .hotCertificationsCarousel .owl-item img{ width: auto; } #signUpPopup .topSertificationsList{ margin-bottom: 20px; } #signUpPopup .typicForm label{ margin-bottom: 5px; } #signUpPopup .typicForm .myBtn,#discountPopup1 .typicForm .myBtn,#light2 .typicForm .myBtn{ width: 100%; padding: 8.5px 0; font-size: 18px; } .myPopup#signUpPopup,.myPopup#discountPopup1,.myPopup#light2{ max-width: 685px; } .smallText{ font-size: 13px; } .myPopup#signUpPopup .h2,.myPopup#light2 .h2{ padding: 0 55px; } .red,.error_message{ color: #cf0004; } .downloadFiles .downloadFilesItem{ display: flex; margin-bottom: 5px; } .downloadFiles .downloadFilesItem .index{ min-width: 250px; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close{ width: 44px; padding-right: 0; text-align: center; } .viaDropboxList{ margin: 0 0 15px 0; padding: 0; list-style: none; display: flex; justify-content: center; } .viaDropboxList li{ margin-right: 15px; } .viaDropboxList li:last-child{ margin-right: 0; } .textCenter .popupImg{ display: inline-block; } .myMargin,.article_table{ margin-bottom: 1rem; } .typicList{ list-style: disc; } .showLoginForm{ cursor: pointer; } .videoCoursesPage .others .item{ width: 25%; margin-right: 20px; max-width: 338.75px; } .videoCoursesPage .others .item:nth-child(4n){ margin-right: 0; } .videoCoursesPage .others{ display: flex; flex-wrap: wrap; } .hidden-text { overflow: hidden; position: relative; height: 100px; } .hidden-text:after { content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 75%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 75%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 75%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .btn-close-video { position: absolute; top: 0; right: 0; z-index: 1000; margin: 5px; width: 25px; height: 25px; background-image: url("https://www.examcollection.com/design/img/close.svg"); background-position: center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat: no-repeat; opacity: 0.5; cursor: pointer; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .btn-close-video:hover { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .btn-close-video:active { filter: brightness(1.3); transform: scale(1); } @media (max-width:1919.98px){ .videoCoursesPage .others .item{ max-width: 262.5px; } .filePagePurchase.providers table tr th:first-child{ width: 84%; } .myAccount .tabItem.tab1::before{ bottom:520px; } .certCard.three::before{ bottom:98px } .certCard .certCardImg{ margin-bottom:15px } .addComment .commentForm .myBtn{ min-width:202.5px } .typicForm .flexInput label.fileVersion{ min-width:195px } .videoListWrap .itemHeader a{ display:inline-block; max-width:490px; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden } .feedBack .feedBackNumber{ font-size:105px } .videoCarousel .owl-dots{ top:110% } .videoCarousel .owl-nav button{ left:-60px } .videoCarousel .owl-nav button.owl-next{ right:-60px } .only1920{ display:none } .less1920{ display:block } .videoCourseTop{ padding-bottom:65px } .videoCourseTop .videoCourseTopInfo{ padding:0 } .videoCourseTop .videoCourseTopInfo .advantages{ margin:30px 0 45px } .videoCourseTop .addToCart{ margin-bottom:25px } .addDots a,.addDots span{ width:335px } .addDots2 a,.addDots2 span{ width:420px; } .addDots3 a{ width:260px } .addDots4 a,.addDots4 span{ width:515px } .videoCoursesPage .hotTrainingCourses .owl-nav button{ left:-65px } .videoCoursesPage .hotTrainingCourses .owl-nav button.owl-next{ right:-65px } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages{ top:60px } table a{ word-break:break-all } .fileCard{ padding-bottom:45px } .addComment .typicForm{ max-width:645px } .productScreenshotsCarousel .slide{ max-width:562px } .tabContent{ padding:45px 15px 80px } .purchase table tr td:nth-child(2){ width:53% } .certCard{ padding:30px 20px } .certCard .col-lg-8{ padding-left:15px } .certCard .certCardItems .certCardItem{ padding-bottom:15px; margin-bottom:15px } .topSertifications{ padding:30px 25px } .myFooter .footerMenu li{ margin-right:25px } .sPracticeExam .hotTrainingCourses .items .item .itemPrice{ top:10px } .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; top:70px; right:auto; left:20px } .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant{ margin-right:10px } .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant:last-child{ margin-right:0 } .sPracticeExam .hotTrainingCourses .items .item .itemTitle{ padding:15px 20px } .sPracticeExam .avansetBanner .avansetInfo{ padding:35px 25px 40px } .sPracticeExam .premiumBanner{ padding:30px 15px 40px } .sPracticeExam .premiumBanner .premiumFlex{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .sPracticeExam .premiumBanner .premiumFlex .premiumTitle{ font-size:50px } .sPracticeExam .filterResults tr td:first-child,.sPracticeExam .filterResults tr td:nth-child(2){ width:18% } .sPracticeExam table tr th:first-child,.sPracticeExam table tr th:nth-child(2){ width:18% } .sPracticeExam .col-lg-8{ padding-right:15px } .sHotCertifications .owl-nav button{ left:-70px } .sHotCertifications .owl-nav button.owl-next{ right:-70px } .sHotCertifications .item .h4{ font-size:15px; max-width:130px } .myHeader .menuFirst li.crown svg{ right:30px } .myHeader .menuFirst li a{ padding:18.5px 30px } .myHeader .menuSecondWrap .practiceExam{ margin-right:25px } .filePagePurchase table tr th{ font-size:15px } .filePagePurchase table tr th:first-child{ width:60% } .filePagePurchase table tr th:nth-child(2),.filePagePurchase table tr th:nth-child(3){ width:10% } .filePagePurchase table tr th:last-child{ width:20% } .cartPage table tr th:first-child{ width:75% } } @media (max-width:1199.98px){ .videoCoursesPage .others{ justify-content: space-between; } .videoCoursesPage .others .item{ margin-right: 0; } .videoCoursesPage .others .item:nth-child(4n){ margin-right: 0; } .videoCoursesPage .others .item{ width: 33.3333%; max-width: 296px; } .cartPage .selectric-wrapper{ max-width: 320px; } .addDotsFour a{ max-width: 100px; } .sPracticeExam .hotTrainingCourses .items .item .itemTitle span{ width: 250px; } .filePagePurchase.providers table tr th:first-child{ width: 80%; } .myAccount .tabItem.tab1::before{ bottom:540px; } .myAccount .sPracticeExam .filesWrap table tr th:nth-child(1){ width:30% } .tabs.four .switcher{ height:61px } .certCard.three .desc{ margin-top:45px } .cartPage .promoForm{ max-width:320px } .cartPage .promoWrap{ padding-right:117px } .cartPage table tr th:first-child{ width:50% } .cartPage table .closeBtn{ margin-left:60px } .certCard.three::before{ bottom:116px } .certCard .certCardItems{ margin-bottom:25px } .addComment .commentForm .myBtn{ min-width:185px } .sharePage .addComment .typicForm{ max-width:inherit } .typicForm .flexInput label.fileVersion{ min-width:180px } .videoListWrap .itemHeader a{ max-width:415px } .feedBack .feedBackNumber{ font-size:85px } .videoWrap{ padding-right:30px } .videoCourseTop .stars{ top:22px } .stars svg{ width:20px; height:20px; background-size:19.5px 19.5px } .addDots a,.addDots span{ width:225px } .addDots2 a,.addDots2 span{ width:340px } .addDots3 a{ width:140px } .addDots4 a,.addDots4 span{ width:395px } .visible992{ display:block!important } .comments .commentItem{ padding-right:15px } .tabs .switcher{ height:50px } .fileCard{ padding:20px 15px 40px } .typicForm .flexInput.withHelpMessage label .captchaInfo{ display:none } .addComment .typicForm{ max-width:545px } .comments .commentsTitle{ margin-bottom:25px } .comments .commentItem{ margin-bottom:15px; padding-bottom:5px; color:#354c5e } .comments .commentItem .commentItemHeader li{ font-size:15px } .comments .commentItem .commentItemHeader li.name{ font-size:18px } .comments .commentItem .commentItemHeader li:nth-child(2){ margin-right:0 } .comments .commentItem .commentItemHeader li:nth-child(2)::before{ content:none } .comments .commentItem .commentItemHeader li:nth-child(3),.comments .commentItem .commentItemHeader li:nth-child(4){ display:none } .productScreenshotsCarousel .slide{ max-width:452px } .tabContent{ padding:30px 15px 60px } .tabs .tab,.myAccountMenu .tab{ padding:13.5px 0; font-size:18px } .purchase table tr td:nth-child(2){ width:48% } .certCard form .myBtn{ min-width:165px } .topSertifications{ padding:30px 15px } table tr td{ word-break:break-all } .platformBtns .myBtn{ min-width:125px } .appBtns a{ max-width:125px; display:block } .sPracticeExam .threeBtns .myBtn:first-child::before{ content:none } .sPracticeExam .premiumBanner .premiumFlex .premiumTitle{ font-size:42px } .sPracticeExam .avansetBanner .avansetInfo{ padding:35px 15px 40px } .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages{ top:50px } .sPracticeExam .hotTrainingCourses .items .item .itemPrice{ font-size:24px } .sPracticeExam .hotTrainingCourses .items .item .itemTitle{ padding:10px 20px } .myHeader .menuSecondWrap .practiceExam{ display:none } .myHeader .menuSecondWrap .secondMenu li a{ padding:21px 0; display:inline-block; border-bottom:none; position:relative } .myHeader .menuSecondWrap .secondMenu li a::before{ content:''; position:absolute; bottom:19px; left:0; height:1px; width:100%; background-color:rgba(151,190,255,.36); -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease } .myHeader .menuSecondWrap .secondMenu li a:hover::before{ background-color:rgba(151,190,255,.72) } .myHeader .menuFirst li.crown svg{ right:20px } .myHeader .menuFirst li a{ padding:18.5px 20px } .filePagePurchase table tr th:first-child{ width:45% } .filePagePurchase table tr th:nth-child(2){ width:10% } .filePagePurchase table tr th:nth-child(3){ width:15% } .filePagePurchase table tr th:last-child{ width:23% } } @media (max-width:991.98px){ .myHeader{ background-color: #fcfcfc; } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items.others .item{ width: 50%; max-width: 335px; } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items.others{ display: flex; } .myAccount .tabItem.tab1::before{ bottom:510px; } .myAccount .tab4 .typicForm .myBtn{ padding:9px 0 } .myAccount .tabsWrap{ margin-bottom:45px } .myAccount .tabItem.tab3{ padding-bottom:0 } .checkout .topSertifications{ display:none } .checkout .billingDetailsTitle{ margin-top:45px } .checkout .sPracticeExam{ padding-top:30px } .checkout .myHeader .topLine{ padding:20px 0 } .cartPage table tr td{ padding:15px } .cartPage .promoWrap{ padding: 20px 95px 25px 15px; } .cartPage table tr:first-child{ display:none } .cartPage table .closeBtn{ display:none } .checkoutWrap{ margin-left: 15px; } .blogItems{ margin-bottom:45px } .blogItems .blogItem .blogItemList{ padding:20px 15px } .blogItems:last-child{ margin-bottom:45px } .subH2{ font-size:24px; font-family:LatoSemiBold,sans-serif } .certCard .certCardItems{ margin-bottom:0 } .myPopup .offsetWrap{ padding-right:0 } .myPopup .popupImg{ display:none } .loginRegistrationPage .sPracticeExam{ padding:35px 0 30px } .loginRegistrationPage .loginRegistrationForm .myBtn{ margin-bottom:25px; padding:9px 0 } .typicForm .flexChoose .chooseFile{ padding:9.5px 0 } .addComment .commentForm .myBtn{ min-width:225px; padding:9px 0 } .sharePage .addComment{ margin-top:30px } .newFiles .h1{ margin-bottom:25px } .productsPage .sPracticeExam .avansetBanner{ margin-bottom:0 } .productsItems{ margin-bottom:60px } .videoListWrap{ margin-top:70px } .videoListWrap .itemHeader a{ max-width:470px } .videoListWrap .subH2{ text-align:left } .feedBack{ margin-bottom:45px } .feedBack .progressBarWrap .progressBarItem{ margin-bottom:0 } .feedBack .progressBarWrap .progressBarItem .progressBarLineWrap{ height:7px } .videoCoursePage .comments,.videoCoursePage .facts{ margin-bottom:45px } .videoCoursePage .sPracticeExam{ padding-bottom:35px } .videoCoursePage .sPracticeExam .hotTrainingCourses{ margin-bottom:0 } .videoCourseTable,.videoWrap{ margin-bottom:40px } .videoCoursePage .sPracticeExam .purchase .examsItems .top .el:last-child{ text-align:left } .videoWrap{ padding:30px 55px 60px 0 } .videoCarousel .advantages .advant{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .advantages{ display:block } .advantages .advant{ display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex } .videoCourseTop{ padding-bottom:45px } .videoCourseTop .videoCourseTopInfo .advantages{ margin:20px 0 } .videoCourseTop .addToCart{ margin-bottom:0 } .videoCourseTop .addToCart .myBtn{ padding:8.5px 0 } .videoCourseTop .addToCart .prices{ position:absolute; margin-right:0; right:10px; bottom:10px } .videoCourseTop .addToCart .prices .pricesNew{ font-size:32px } .videoCourseTop .addToCart .prices .pricesOld{ font-size:18px; margin-top:7px } .videoCourseTop .videoCourseImg{ display:inline-block; margin-bottom:10px } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items{ display:block } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item{ width:auto; margin-bottom:20px } .certCard{ border-radius:200px 0 0 0 } .certCard .certCardItems .certCardItem:last-child{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eff1f2 } .certCard .certCardImg{ width:154px; min-width:154px; margin-right:10px } .certCard .flexTop{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .certCard .subH2{ font-size:24px; font-family:MontserratMedium,sans-serif; line-height:1.2 } button.mfp-arrow{ left:65px } .videoCoursesPage .hotTrainingCoursesCarousel{ margin-bottom:50px } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages{ top:10px; display:block; left:auto } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant{ margin-right:0 } .filePagePurchase{ margin-bottom:0 } .comments,.fileCard,.tabsWrap{ margin-bottom:35px } .filePage .sPracticeExam .hotTrainingCourses{ margin:35px 0 } .fileCard .moveMobile{ margin-top:30px; display:inline-block } .fileCard .info{ border-bottom:1px solid rgba(53,76,94,.08); margin-bottom:20px; padding-bottom:15px } .fileCard .info div:nth-child(2){ margin-bottom:5px } .fileCard .myBtn{ padding:8.5px 0; max-width:280px } .fileCard .subH1{ margin:0 0 20px 0; color:#1a70c5 } .comments{ padding-top:35px } .addComment{ padding:30px 0 40px } .comments .commentItem:last-child{ margin-bottom:10px } .sPracticeExam .filePagePurchase .purchase .examsItems .examItem .top .el:last-child{ text-align:left } .sPracticeExam .purchase{ margin-bottom:35px } .sPracticeExam .purchase .examsItems{ margin-bottom:0; color:#354c5e } .sPracticeExam .purchase .examsItems .examItem{ position:relative } .sPracticeExam .purchase .examsItems .examItem::before{ content:''; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); height:1px; width:100vw; background-color:rgba(53,76,94,.08) } .sPracticeExam .purchase .examsItems .examItem:first-child::after{ content:''; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); height:1px; width:100vw; background-color:rgba(53,76,94,.08) } .sPracticeExam .purchase .examsItems .examItem:nth-child(odd){ background-color:transparent } .sPracticeExam .purchase .examsItems .top{ margin-bottom:15px } .sPracticeExam .purchase .examsItems .top .el:last-child{ text-align:right } .sPracticeExam .purchase .examsItems .el{ margin-bottom:12px } .certCard{ padding:20px 15px; margin-bottom:45px } .certCard .desc{ border-top:1px solid #eff1f2; padding-top:20px } .certCard .subH1{ font-size:32px } .certCard form{ margin:15px auto 0; max-width:280px } .certCard form .myBtn{ padding:9px 0; width:100% } .topSertifications{ margin:40px 0 35px; padding:15px 15px 20px } .brearCrumb{ margin-bottom:20px } .brearCrumb li a{ font-size:14px } .sPracticeExam{ padding:15px 0 45px } .myFooter{ padding:25px 0 } .myFooter .footerMenu{ margin-bottom:20px } .topBtn{ width:40px; height:40px; line-height:40px; font-size:24px; bottom:15px } .topBtn.active{ right:15px } .topBtn svg{ width:15px; height:15px } #insertMobile{ margin-bottom:35px } .hiddenMobile{ display:none!important } .visibleMobile{ display:block!important } .subH1{ font-size:28px } .h2{ font-size:28px } .h3,h5{ font-size:18px } .h4{ font-size:16px } .platformBtns{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .platformBtns .myBtn{ margin-right:10px; padding:9px 0 } .platformBtns .myBtn:last-child{ margin-right:0 } .appBtns{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .appBtns a{ margin-right:10px } .appBtns a:last-child{ margin-right:0 } .home .sPracticeExam{ padding:40px 0 } .sPracticeExam .filesWrap{ margin-bottom:35px } .sPracticeExam .hotTrainingCourses{ margin-bottom:35px } .sPracticeExam .hotTrainingCourses .items{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between } .sPracticeExam .hotTrainingCourses .items .item{ width:49%; margin-bottom:15px } .sPracticeExam .threeBtns{ display:none } .sPracticeExam .premiumBanner{ padding:15px; margin-bottom:5px } .sPracticeExam .premiumBanner .myBtn{ padding:9px 0; min-width:125px; margin-bottom:15px } .sPracticeExam .premiumBanner .premiumBannerTitle{ font-size:25px; margin-bottom:10px } .sPracticeExam .premiumBanner .premiumBannerTitle+.premiumBannerTitle{ font-size:20px } .sPracticeExam .premiumBanner .premiumFlex{ margin-bottom:15px } .sPracticeExam .premiumBanner .premiumFlex .crownWrap{ max-width:40px } .sPracticeExam .premiumBanner .premiumFlex .premiumTitle{ font-size:30px } .sPracticeExam .avansetBanner{ margin-bottom:35px } .sPracticeExam .avansetBanner .platformBtns{ margin-bottom:20px } .sPracticeExam .avansetBanner .howToOpenBtn{ padding:9.5px 0; text-transform:none; max-width:205px; margin:0 auto 10px } .sPracticeExam .avansetBanner .avansetInfo{ padding:20px 50px 25px } .sPracticeExam .avansetBanner .avansetLogoWrap{ padding:21px 0 } .sPracticeExam .avansetBanner .avansetLogoWrap .avansetLogo{ max-width:160px } .sPracticeExam .avansetBanner .avansetImg{ margin-bottom:30px; display:inline-block } .sPracticeExam .h2{ margin-bottom:20px } .sPracticeExam .practiceFilter{ display:none } .sPracticeExam .examsItems{ margin-bottom:35px } .sPracticeExam .examsItems .hiddenExamItems .examItem:nth-child(even){ background-color:#f7f8fa } .sPracticeExam .examsItems .hiddenExamItems .examItem:nth-child(odd){ background-color:#fff } .sPracticeExam .examsItems .loadMore{ padding:9px 0; min-width:155px; margin-top:25px } .sPracticeExam .examsItems .examItem{ padding:20px 15px 5px } .sPracticeExam .examsItems .examItem:nth-child(odd){ background-color:#f7f8fa } .sPracticeExam .examsItems a{ color:#1a70c5; word-break:break-all; padding-bottom:2px; border-bottom:1px solid transparent } .sPracticeExam .examsItems a:hover{ text-decoration:none; border-color:rgba(26,112,197,.16) } .sPracticeExam .examsItems .underline{ font-family:LatoSemiBold,sans-serif } .sPracticeExam .examsItems .top{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-bottom:15px } .sPracticeExam .examsItems .top .el{ width:50%; margin-bottom:0 } .sPracticeExam .examsItems .el{ margin-bottom:15px; color:#354c5e } .sPracticeExam .examsItems .el .index{ font-size:12px } .sPracticeExam .examsItems .el .value{ line-height:1.3; display:inline-block; padding-right: 10px; } .sHotCertifications{ text-align:left; padding:30px 0 75px } .sHotCertifications .owl-dots{ bottom:auto; top:110% } .sHotCertifications .h2{ margin-bottom:20px } .sHotCertifications .owl-stage{ padding:0 } .sHotCertifications .item:hover{ -webkit-box-shadow:none; box-shadow:none } .myBtn{ font-size:18px } .h1,h1{ font-size:28px } .sWelcome{ padding:25px 0 45px; text-align:left } .sWelcome .searchFormV2{ margin:0 } .sWelcome .searchFormV2 input{ font-size:18px; padding:10.5px 15px } .sWelcome h1{ margin-bottom:25px } .sWelcome .h3{ display:none } .myHeader .menuSecondWrap .flexWrap{ display:block; overflow:auto } .myHeader .menuSecondWrap .secondMenu{ width:1200px } .myHeader .menuSecondWrap .secondMenu li a{ padding:19px 0 } .myHeader .visibleMobile .hamburger{ fill:#54c547; width:24px; height:24px } .myHeader .visibleMobile .menuMobileWrap{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:scroll; z-index:2 } .myHeader .visibleMobile .menuMobileWrap .bottom{ margin:0; padding:30px 15px; list-style:none; background-color:#f7f8fa } .myHeader .visibleMobile .menuMobileWrap .bottom svg{ width:24px; height:24px; fill:#354c5e } .myHeader .visibleMobile .menuMobileWrap .bottom li{ margin-bottom:30px } .myHeader .visibleMobile .menuMobileWrap .bottom li:nth-child(1) svg,.myHeader .visibleMobile .menuMobileWrap .bottom li:nth-child(3) svg{ fill:#54c547 } .myHeader .visibleMobile .menuMobileWrap .bottom li:last-child{ margin-bottom:0 } .myHeader .visibleMobile .menuMobileWrap .bottom li a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; color:#354c5e; font-size:15px; text-transform:uppercase; font-family:LatoBold,sans-serif } .myHeader .visibleMobile .menuMobileWrap .bottom li a svg{ margin-right:10px; fill:#1a70c5 } .myHeader .visibleMobile .menuMobileWrap .bottom li a:hover{ text-decoration:none } .myHeader .visibleMobile .menuMobileWrap .hamburger{ -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) } .myHeader .visibleMobile .menuMobileWrap .top{ background-color:#fafcff; padding:20px 15px } .myHeader .visibleMobile .menuMobileWrap .top .hamburger{ margin-bottom:20px } .myHeader .visibleMobile .menuMobileWrap.show{ display:block } .myHeader .visibleMobile>.searchForm{ display:none; margin:10px auto 15px } .myHeader .visibleMobile>.searchForm.show{ display:block } .myHeader .topLineIcons{ margin-left:0 } .myHeader .topLineIcons .topLineIcon{ width:auto; height:24px; display:block; background-color:transparent; margin-right:15px } .myHeader .topLineIcons .topLineIcon svg{ fill:#54c547 } .myHeader .topLine{ padding:20px 0 15px } .myHeader .topLine .logo{ min-width:auto; width:210px } .myHeader .topLine .left{ max-height:24px } .myHeader .topLine .left .hamburger{ margin-right:15px } .myHeader .topLine .left .search{ width:24px; height:24px; fill:#354c5e } .ciscoPage .premiumBanner,.newFiles .premiumBanner{ margin-bottom:35px } .examRequest .avansetBanner,.sharePage .avansetBanner{ margin-bottom:0 } } @media (max-width:767.98px){ .videoCoursesPage .sPracticeExam .hotTrainingCourses .items.others .item{ width: auto; max-width: inherit; } .myAccount .topSertificationsList{ padding-left: 15px; } .myAccount .tab4 .typicForm .myBtn{ margin-bottom:20px } .myAccount .tabItem.tab1::before{ bottom:495px; } .myAccount .tabItem.tab2 .h2{ padding:20px 15px 0 } .vceSimulators{ padding-left:0 } .vceSimulators .vceSimulator{ padding:20px 15px } .myProducts .product{ margin-bottom:15px; padding-bottom:20px } .myProducts .product:last-child{ margin-bottom:20px } .myProducts .productTitle{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .myProducts .productTitle .title{ margin-bottom:10px } .myProducts .productInfo{ padding-left:0; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start } .myProducts .productInfo .downloadBtn{ margin-top:15px } .myAccount .tabItem{ padding:20px 15px } .checkout .billingForm .payWrap{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .checkout .billingForm .payWrap .myBtn{ margin:0 0 15px 0 } .checkoutWrap{ margin: 0; } .checkoutWrap .typicForm{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .checkoutWrap .typicForm .myBtn{ padding:9px 0; margin:0 0 35px 0; width:100%; -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .checkoutWrap .typicForm .checkoutText{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .cartPage .promoWrap{ padding:20px 47px 15px 0; border-bottom:none } .addComment .commentForm .myBtn{ min-width:245px } .typicForm .flexInput label.fileVersion{ min-width:130px } .videoListWrap .itemHeader a{ max-width:330px } .feedBack .progressBarWrap{ padding-right:0 } .feedBack .feedBackNumber{ font-size:70px } .myControls .headerVideo{ display:none } .videoCarousel .owl-dots{ top:107% } .videoWrap{ padding-right:30px } .videoCourseTop .videoCourseTopInfo .advantages{ margin-bottom:5px } .advantages .advant{ margin-bottom:15px } .sPracticeExam .hotTrainingCourses .items{ display:block } .sPracticeExam .hotTrainingCourses .items .item{ width:auto; display:inline-block } .addComment .typicForm{ max-width:490px } .overflowTabs{ overflow:auto } .tabs,.myAccountMenu{ width:600px } } @media (max-width:575.98px){ .downloadFiles .downloadFilesItem{ flex-direction: column; } .downloadFiles .downloadFilesItem .index{ min-width: inherit; } .typicList{ padding-left: 20px; } .myPopup#signUpPopup .h2,.myPopup#light2 .h2{ padding: 0; } #light2 .typicForm .flexInput label:first-child{ margin-bottom: 0; } #light2 #mb .typicForm .flexInput label:first-child{ margin-bottom: 20px; } .myAccount .myProducts{ position:relative } .myAccount .myProducts::before{ content:''; position:absolute; bottom:0; left:0; width:100vw; margin-left:-15px; height:1px; background-color:#eff1f2 } .myAccount .tabItem.tab1::before{ content:none } .myAccount .tab4 .typicForm{ max-width:inherit } .myAccount .tab4 .typicForm .checkBoxWrap{ margin-bottom:25px } .myAccount .tab4 .typicForm .myBtn{ width:100% } .myAccount .sPracticeExam .examsItems .examItem{ margin-left:0 } .vceSimulators .vceSimulator{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .vceSimulators .vceSimulator .iconWrap{ margin:0 0 15px 0 } .checkout .billingForm .payWrap .myBtn{ padding:9px 0; min-width:290px; margin-bottom:35px } .checkout .billingDetailsTitle{ margin-top:25px } .checkout .myHeader .topLine .logo{ min-width:210px } .cartPage .promoWrap{ padding-right:0; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end } .cartPage .promoWrap .totalPrice{ margin-bottom:20px } .cartPage .promoWrap .promoForm{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2; max-width:inherit } .cartPage .promoWrap .checkoutWrap{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .cartPage table{ width:100vw; margin-left:-15px } .cartPage table a{ line-height:1.3 } .cartPage table tr td:last-child{ white-space:nowrap } .blogItems .blogItem .blogItemList{ width:100vw; margin-left:-15px } .blogItems .blogItem .blogItemList a{ font-size:15px } .certCard .subH2{ margin-bottom:15px } .certCard .flexTop{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start } .mfp-close-btn-in .mfp-close{ background-color:#fff; top:5px; right:5px } .myPopup{ padding:40px 15px 20px } .myPopup .downloadWrap{ margin-top:20px; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start } .myPopup .downloadWrap .myBtn{ margin:0 0 15px 0 } .typicForm .flexChoose{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start } .typicForm .flexChoose .file-upload{ margin:0 0 10px 0 } .hidden320{ display:none } .visible320{ display:block } .productsItems .mobileWrap{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .productsItems .subH2{ font-size:24px } .productsItems .productsItem{ border-radius:200px 3px 3px 3px; display:block } .productsItems .productsItem .productsItemImg{ margin:0 10px 15px -15px } .videoListWrap .item{ padding:16px 15px } .videoListWrap .items{ width:100vw; margin-left:-15px } .videoListWrap .itemHeader a{ max-width:205px } .feedBack .subH2{ font-size:20px } .feedBack .feedBackNumber{ font-size:60px } .feedBack .progressBarWrap{ padding-left:30px } .feedBack .progressBarWrap .progressBarItem .progressBarPercent{ margin-left:10px; font-size:15px } .videoWrap{ padding-right:0 } .videoWrap::before{ right:-15px } .videoCourseTop .stars{ top:16px } .videoCourseTop .bestSellerWrap{ font-size:13px; min-width:120px; padding:5px 0 } .videoCourseTop .bestSellerWrap .bestSellerIcon{ width:15px } .videoCourseTop .addToCart .myBtn{ min-width:290px } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item{ margin-bottom:10px } .comments .commentItem{ padding-right:0 } .comments .commentItem .commentItemHeader:first-of-type{ display:block } .comments .commentItem .commentItemHeader li{ display:inline-block; vertical-align:middle; margin-right:25px } .tabsWrap{ width:100vw; margin-left:-15px } .certCard .certCardImg{ min-width:114px; margin-left:-15px } .mobileHotCourses{ display:block } .mobileHotCourses .mobileHotCoursesItem{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-bottom:20px } .mobileHotCourses .mobileHotCoursesItem:last-child{ margin-bottom:0 } .mobileHotCourses .mobileHotCoursesItem .itemAdvantages{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .mobileHotCourses .mobileHotCoursesItem .itemAdvantages .itemAdvant{ margin-right:12px; color:#354c5e; font-size:13px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .mobileHotCourses .mobileHotCoursesItem .itemAdvantages .itemAdvant svg{ width:16px; height:16px; margin-right:6px } .mobileHotCourses .mobileHotCoursesItem .itemAdvantages .itemAdvant:last-child{ margin-right:0 } .mobileHotCourses .mobileHotCoursesItem .mobileHotCoursesItemImg{ min-width:105px; width:105px; margin-right:8px; position:relative } .mobileHotCourses .mobileHotCoursesItem .mobileHotCoursesItemImg img{ border-radius:3px } .mobileHotCourses .mobileHotCoursesItem .mobileHotCoursesItemImg .mobileHotCoursesItemPrice{ position:absolute; font-family:LatoBold,sans-serif; color:#fff; top:4px; left:4px } .mobileHotCourses .mobileHotCoursesItem .mobileHotCoursesItemTitle{ font-size:15px; color:#1a70c5; margin-bottom:10px; line-height:1.33; display:inline-block } .mobileHotCourses .mobileHotCoursesItem .mobileHotCoursesItemTitle:hover{ text-decoration:none; color:#1a70c5 } .sPracticeExam .hotTrainingCourses .items{ display:none } .sPracticeExam .myAccount .examsItems .examItem{ margin-left: 0; } .sPracticeExam .examsItems .examItem{ width:100vw; margin-left:-15px; color:#354c5e; padding:20px 15px 5px } .owl-carousel .owl-dots .owl-dot{ width:8px; height:8px; margin-right:6px } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages{ top:60px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; right:auto; left:20px } .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant{ margin-right:10px } .typicForm .flexInput{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .typicForm .flexInput.withHelpMessage label:first-child{ margin-bottom:0 } .typicForm .flexInput.withHelpMessage label .captchaInfo{ display:block; font-size:12px } .typicForm .flexInput label:last-child{ margin-left:0 } .typicForm .flexInput label:first-child{ margin-bottom:20px } #discountPopup1 .typicForm .flexInput label:first-child{ margin-bottom: 0; } .addComment::before{ right:-15px } .addComment .commentForm .myBtn{ width:100%; max-width:320px; padding:9px 0 } .comments::before{ right:-15px; border-radius:0 } .comments .commentsTitle{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start } .comments .commentsTitle span{ margin:5px 0 0 0 } .tabContent{ padding:30px 15px 50px } .sHotCertifications .item{ padding:10px } .sHotCertifications .item .h4{ font-size:14px; max-width:120px } .myHeader .topLineIcons .topLineIcon{ margin-right:10px } .myHeader .topLine .left .hamburger{ margin-right:10px } .myHeader .topLine .logo{ width:140px } .sWelcome .searchFormV2 .wrap{ margin-right:10px } .sWelcome .searchFormV2 input{ min-width:185px } .myBtn{ min-width:95px } .appBtns a{ min-width:125px } } @media (min-width:1920px){ .container{ max-width:1445px } }