/* Start:/local/templates/coddy_en/components/w-help/area.banner/area_top/style.css?16577236651032*/ .banner-wrapper { position:relative; height:80px; } .header-banner-block { height: 80px; } .header-banner-mob-block { display: none; } .header-banner-medium-block { display: none; } .header-banner { height:80px; width:100%; position:absolute; top:0; background-position:top center; background-repeat:no-repeat; background-color:#aadef3; display:block; z-index:10; display: none; } .header-banner.active { display: block; } @media only screen and (max-width: 1280px) { .header-banner-block { display: none; } .header-banner-medium-block .header-banner { position: relative; height: 90px; } .header-banner-medium-block { display: block; height: 90px; } } @media only screen and (max-width: 1024px) { .header-banner-mob-block .header-banner { position: relative; height: auto; } .header-banner-mob-block .header-banner img { max-width: 100%; } .header-banner-mob-block { display: block; } .header-banner-block { display: none; } .header-banner-medium-block { display: none; } } /* End */ /* Start:/local/components/coddy/phone.code.list/templates/site_en/style.min.css?17304180392129*/ .countries_list{position:absolute;z-index:1}.countries_list.none{display:none}.countries_list ul{list-style:none;height:200px;overflow-y:auto;width:max-content;background-color:#fff}.countries_list ul li{margin-bottom:12px;cursor:pointer;font-size:13px;padding:4px 8px}.countries_list ul li img{width:25px;padding-bottom:2px;margin-left:5px}.countries_list ul li span{float:right;margin-left:5px}.country_arrow,.country_code,.country_mask,.flag_img{display:inline-block}.flag_img{margin-bottom:5px;width:28px}.country_code{font-size:18px}.country_mask{max-width:52%!important}#regiFormBlock .registration .form-area .field.field-mask-phone{border-bottom:1px solid #a7a7a8;max-width:calc(100% - 130px)!important}.registration .form-area .field.field-mask-phone.err{border-bottom:1px solid red!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 30px)!important}.registration .form-area .field-mail-column .field-error{max-width:none}.country_arrow{color:gray}.change_country{cursor:pointer}.registration .form-area .field input.country_mask{border-bottom:none}.registration .form-area .field input.country_mask:focus{border-bottom:none}.registration .form-area .field input.promocode{max-width:calc(100% - 20px)!important}.promo-apply-btn{margin-top:46px!important}@media only screen and (max-width:1480px){.country_code{font-size:14px}.flag_img{width:20px}.country_mask{margin-left:0}.promo-apply-btn{margin-top:39px!important}}@media only screen and (max-width:1024px){.country_mask{max-width:55%!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 0px)!important}.field-tel-column{max-width:calc(100% - 60px)!important;overflow:hidden}.field-mail-column,.field-tel-column{width:100%!important;float:left!important}.field-mail-column .req_email{width:100%!important;max-width:calc(100% - 60px)!important}}@media only screen and (max-width:648px){.promo-apply-btn{margin-top:33px!important}}@media only screen and (max-width:620px){#regiFormBlock .registration .form-area .field.field-mask-phone{max-width:calc(100% - 60px)!important}} /* End */ /* Start:/local/components/coddy/phone.code.list/templates/callback/style.min.css?17304180392157*/ .countries_list{position:absolute;z-index:10}.countries_list.none{display:none}.countries_list ul{list-style:none;height:200px;overflow-y:auto;width:max-content;background-color:#fff}.countries_list ul li{margin-bottom:12px;cursor:pointer;font-size:13px;padding:4px 8px}.countries_list ul li img{width:25px;padding-bottom:2px;margin-left:5px}.countries_list ul li span{float:right;margin-left:5px}.country_arrow,.country_code,.country_mask,.flag_img{display:inline-block}.flag_img{margin-bottom:5px;width:28px}.country_code{font-size:18px}.country_mask{max-width:52%!important}#callbackFormBlock .registration .form-area .field.field-mask-phone{border-bottom:1px solid #a7a7a8;max-width:calc(100% - 130px)!important}.registration .form-area .field.field-mask-phone.err{border-bottom:1px solid red!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 30px)!important}.registration .form-area .field-mail-column .field-error{max-width:none}.country_arrow{color:gray}.change_country{cursor:pointer}.registration .form-area .field input.country_mask{border-bottom:none}.registration .form-area .field input.country_mask:focus{border-bottom:none}.registration .form-area .field input.promocode{max-width:calc(100% - 20px)!important}.promo-apply-btn{margin-top:46px!important}@media only screen and (max-width:1480px){.country_code{font-size:14px}.flag_img{width:20px}.country_mask{margin-left:0}.promo-apply-btn{margin-top:39px!important}}@media only screen and (max-width:1024px){.country_mask{max-width:55%!important}.registration .form-area .field-tel-column .field.field-mask-phone{max-width:calc(100% - 0px)!important}.field-tel-column{max-width:calc(100% - 60px)!important;overflow:hidden}.field-mail-column,.field-tel-column{width:100%!important;float:left!important}#callbackFormBlock .field-mail-column .req_email{width:100%!important;max-width:calc(100% - 60px)!important}}@media only screen and (max-width:648px){.promo-apply-btn{margin-top:33px!important}}@media only screen and (max-width:620px){#callbackFormBlock .registration .form-area .field.field-mask-phone{max-width:calc(100% - 62px)!important}} /* End */ /* Start:/local/templates/coddy_en/styles.css?16743373371046*/ .btn_news { display: inline-block; text-decoration: none; text-transform: uppercase; text-align: center; cursor: pointer; -webkit-border-radius: 2em; border-radius: 2em; font-size: 14px; padding: 14px 20px; margin: 0; position: relative; top: 0px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; font-weight: 700; -webkit-box-shadow: 0 5px 0 #2c3649; box-shadow: 0 5px 0 #2c3649; background-color: rgb(72,90,127); } .btn_news:hover { top: 3px; -webkit-box-shadow: 0 2px 0 #2c3649; box-shadow: 0 2px 0 #2c3649; text-decoration: none; color: #fff; } .btn_news.primary { background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; } .btn_news.primary:hover { -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } .btn_news.submit { background-color: #0493b4; -webkit-box-shadow: 0 5px 0 #0484ac; box-shadow: 0 5px 0 #0484ac; } .btn_news.submit:hover { -webkit-box-shadow: 0 2px 0 #0484ac; box-shadow: 0 2px 0 #0484ac; } /* End */ /* Start:/local/templates/coddy_en/css/libs.min.css?1657723665173621*/ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0} /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:Glyphicons Halflings;src:url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.eot);src:url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.woff) format("woff"),url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:Glyphicons Halflings;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before{content:"\e227"}.glyphicon-jpy:before,.glyphicon-yen:before{content:"\00a5"}.glyphicon-rub:before,.glyphicon-ruble:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*,:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail>img,.thumbnail a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Courier New,monospace}code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}code,kbd{padding:2px 4px;font-size:90%}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.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-10,.col-lg-11,.col-lg-12,.col-md-1,.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-10,.col-md-11,.col-md-12,.col-sm-1,.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-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.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-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.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-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:23%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.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-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777}caption,th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;margin:0}fieldset,legend{padding:0;border:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}.form-control,output{display:block;font-size:14px;line-height:1.42857143;color:#555}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .checkbox label,fieldset[disabled] .radio-inline,fieldset[disabled] .radio label,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success.checkbox-inline label,.has-success.checkbox label,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.radio-inline label,.has-success.radio label{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning.checkbox-inline label,.has-warning.checkbox label,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.radio-inline label,.has-warning.radio label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error.checkbox-inline label,.has-error.checkbox label,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.radio-inline label,.has-error.radio label{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group .form-control:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li,.nav>li>a{position:relative;display:block}.nav>li>a{padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container-fluid .navbar-brand,.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin:8px -15px;border-top:1px solid transparent;border-bottom:1px solid transparent;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;background-color:#eee}.jumbotron,.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container-fluid .jumbotron,.container .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container-fluid .jumbotron,.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes a{0%{background-position:40px 0}to{background-position:0 0}}@keyframes a{0%{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:a 2s linear infinite;animation:a 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle,.panel-title{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table-responsive>.table caption,.panel>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal,.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translateY(-25%);transform:translateY(-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0);transform:translate(0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px}.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{left:5px}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel,.carousel-inner{position:relative}.carousel-inner{width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:left .6s ease-in-out;transition:left .6s ease-in-out}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media (-webkit-transform-3d),(transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translateZ(0);transform:translateZ(0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:transparent;filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,.0001));background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001),rgba(0,0,0,.5));background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:transparent;border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1043;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;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:zoom-out}.mfp-zoom{cursor:pointer;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;-ms-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-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;-ms-touch-action:manipulation;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;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{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-height:300px),screen and (max-width:800px) and (orientation:landscape){.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 (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}}.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}.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:translateZ(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%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:C;animation-name:C}.owl-height{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;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(/local/templates/coddy_en/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3);transform:scale(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:50%;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes b{0%,20%,53%,80%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes b{0%,20%,53%,80%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:b;animation-name:b;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes c{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes c{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:c;animation-name:c}@-webkit-keyframes d{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes d{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:d;animation-name:d}@-webkit-keyframes e{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes e{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:e;animation-name:e}@-webkit-keyframes f{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes f{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:f;animation-name:f}@-webkit-keyframes g{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes g{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:g;animation-name:g}@-webkit-keyframes h{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes h{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:h;animation-name:h}@-webkit-keyframes i{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes i{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:i;animation-name:i}@-webkit-keyframes j{0%,20%,40%,60%,80%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes j{0%,20%,40%,60%,80%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:j;animation-name:j;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes k{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes k{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:k;animation-name:k}@-webkit-keyframes l{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes l{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:l;animation-name:l}@-webkit-keyframes m{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes m{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:m;animation-name:m}@-webkit-keyframes n{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes n{0%,60%,75%,90%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:n;animation-name:n}@-webkit-keyframes o{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes o{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:o;animation-name:o;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes p{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes p{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:p;animation-name:p}@-webkit-keyframes q{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes q{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:q;animation-name:q}@-webkit-keyframes r{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes r{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:r;animation-name:r}@-webkit-keyframes s{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes s{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:s;animation-name:s}@-webkit-keyframes t{0%{opacity:0}to{opacity:1}}@keyframes t{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:t;animation-name:t}@-webkit-keyframes u{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes u{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:u;animation-name:u}@-webkit-keyframes v{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes v{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:v;animation-name:v}@-webkit-keyframes w{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes w{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:w;animation-name:w}@-webkit-keyframes x{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes x{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:x;animation-name:x}@-webkit-keyframes y{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes y{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:y;animation-name:y}@-webkit-keyframes z{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes z{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:z;animation-name:z}@-webkit-keyframes A{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes A{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:A;animation-name:A}@-webkit-keyframes B{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes B{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:B;animation-name:B}@-webkit-keyframes C{0%{opacity:1}to{opacity:0}}@keyframes C{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:C;animation-name:C}@-webkit-keyframes D{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes D{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:D;animation-name:D}@-webkit-keyframes E{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes E{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:E;animation-name:E}@-webkit-keyframes F{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes F{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:F;animation-name:F}@-webkit-keyframes G{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes G{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:G;animation-name:G}@-webkit-keyframes H{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes H{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:H;animation-name:H}@-webkit-keyframes I{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes I{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:I;animation-name:I}@-webkit-keyframes J{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes J{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:J;animation-name:J}@-webkit-keyframes K{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes K{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:K;animation-name:K}@-webkit-keyframes L{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes L{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:L;animation-name:L}@-webkit-keyframes M{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes M{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:M;animation-name:M}@-webkit-keyframes N{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes N{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:N;animation-name:N}@-webkit-keyframes O{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes O{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:O;animation-name:O;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes P{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes P{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:P;animation-name:P;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes Q{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes Q{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:Q;animation-name:Q;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes R{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes R{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:R;animation-name:R;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes S{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes S{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:S;animation-name:S}@-webkit-keyframes T{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes T{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:T;animation-name:T}@-webkit-keyframes U{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes U{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:U;animation-name:U}@-webkit-keyframes V{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes V{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:V;animation-name:V}@-webkit-keyframes W{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes W{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:W;animation-name:W}@-webkit-keyframes X{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes X{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:X;animation-name:X}@-webkit-keyframes Y{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes Y{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:Y;animation-name:Y}@-webkit-keyframes Z{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes Z{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:Z;animation-name:Z}@-webkit-keyframes ab{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes ab{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:ab;animation-name:ab}@-webkit-keyframes bb{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes bb{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:bb;animation-name:bb}@-webkit-keyframes cb{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes cb{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:cb;animation-name:cb}@-webkit-keyframes db{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes db{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:db;animation-name:db}@-webkit-keyframes eb{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes eb{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:eb;animation-name:eb}@-webkit-keyframes fb{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes fb{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:fb;animation-name:fb}@-webkit-keyframes gb{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes gb{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:gb;animation-name:gb}@-webkit-keyframes hb{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes hb{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:hb;animation-name:hb}@-webkit-keyframes ib{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes ib{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:ib;animation-name:ib}@-webkit-keyframes jb{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes jb{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:jb;animation-name:jb}@-webkit-keyframes kb{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes kb{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:kb;animation-name:kb}@-webkit-keyframes lb{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes lb{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:lb;animation-name:lb}@-webkit-keyframes mb{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes mb{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:mb;animation-name:mb}@-webkit-keyframes nb{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes nb{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:nb;animation-name:nb}@-webkit-keyframes ob{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes ob{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:ob;animation-name:ob}@-webkit-keyframes pb{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pb{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}to{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:pb;animation-name:pb}@-webkit-keyframes qb{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes qb{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}to{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:qb;animation-name:qb}@-webkit-keyframes rb{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes rb{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}to{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:rb;animation-name:rb}@-webkit-keyframes sb{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sb{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}to{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:sb;animation-name:sb}@-webkit-keyframes tb{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes tb{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:tb;animation-name:tb}@-webkit-keyframes ub{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes ub{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:ub;animation-name:ub}@-webkit-keyframes vb{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes vb{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:vb;animation-name:vb}@-webkit-keyframes wb{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes wb{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:wb;animation-name:wb} /* End */ /* Start:/local/templates/coddy_en/css/main.css?1709237141962677*/ @font-face { font-family: 'hoog'; font-style: normal; font-weight: normal; src: url('/local/templates/coddy_en/css/../fonts/Hoog/hoog.eot'); src: url("/local/templates/coddy_en/css/../fonts/Hoog/hoog.eot?#iefix") format("embedded-opentype"), url("/local/templates/coddy_en/css/../fonts/Hoog/hoog.woff") format("woff"), url("/local/templates/coddy_en/css/../fonts/Hoog/hoog.ttf") format("truetype"); } @font-face { font-family: 'GothaProBol'; src: url('/local/templates/coddy_en/css/../fonts/GothamPro/GothaProBol.eot'); src: local('☺'), url('/local/templates/coddy_en/css/../fonts/GothamPro/GothaProBol.woff') format('woff'), url('/local/templates/coddy_en/css/../fonts/GothamPro/GothaProBol.ttf') format('truetype'), url('/local/templates/coddy_en/css/../fonts/GothamPro/GothaProBol.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothaProReg'; src: url('/local/templates/coddy_en/css/../fonts/GothamPro/GothaProReg.eot'); src: local('☺'), url('/local/templates/coddy_en/css/../fonts/GothamPro/GothaProReg.woff') format('woff'), url('/local/templates/coddy_en/css/../fonts/GothamPro/GothaProReg.ttf') format('truetype'), url('/local/templates/coddy_en/css/../fonts/GothamPro/GothaProReg.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_RUBSN'; src: url('/bitrix/templates/coddy/fonts/PtRouble/RUBSN.eot'); src: local('☺'), url('/local/templates/coddy_en/css/../fonts/PtRouble/RUBSN.woff') format('woff'), url('/bitrix/templates/coddy/fonts/PtRouble/RUBSN.ttf') format('truetype'), url('/bitrix/templates/coddy/fonts/PtRouble/RUBSN.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Fredoka One'; src: url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.eot'); src: url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.eot?#iefix') format('embedded-opentype'), url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.woff2') format('woff2'), url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.woff') format('woff'), url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.ttf') format('truetype'), url('/local/templates/coddy/fonts/FredokaOne/fredoka_one.svg#fredoka_one') format('svg'); } @font-face { font-family: 'NotoSans'; src: url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansRegular.eot'); src: url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansRegular.eot') format('embedded-opentype'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansRegular.woff2') format('woff2'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansRegular.woff') format('woff'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansRegular.ttf') format('truetype'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansRegular.svg#NotoSansRegular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'NotoSans'; src: url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansItalic.eot'); src: url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansItalic.eot') format('embedded-opentype'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansItalic.woff2') format('woff2'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansItalic.woff') format('woff'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansItalic.ttf') format('truetype'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansItalic.svg#NotoSansItalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'NotoSans'; src: url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBold.eot'); src: url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBold.eot') format('embedded-opentype'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBold.woff2') format('woff2'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBold.woff') format('woff'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBold.ttf') format('truetype'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBold.svg#NotoSansBold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'NotoSans'; src: url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBoldItalic.eot'); src: url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBoldItalic.eot') format('embedded-opentype'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBoldItalic.woff2') format('woff2'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBoldItalic.woff') format('woff'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBoldItalic.ttf') format('truetype'), url('/local/templates/coddy_en/css/../fonts/NotoSans/NotoSansBoldItalic.svg#NotoSansBoldItalic') format('svg'); font-weight: 700; font-style: italic; } /* `XHTML, HTML4, HTML5 Reset ----------------------------------------------------------------------------------------------------*/ @import url(/local/templates/coddy_en/css/../libs/font-awesome/css/font-awesome.min.css); a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; outline: none; } html, body { height: 100%;} body *:focus { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { /* Override the default (display: inline) for browsers that do not recognize HTML5 tags. IE8 (and lower) requires a shiv: http://ejohn.org/blog/html5-shiv */ display: block; } b, strong { /* Makes browsers agree. IE + Opera = font-weight: bold. Gecko + WebKit = font-weight: bolder. */ font-weight: bold; } img { color: transparent; font-size: 0; vertical-align: middle; /* For IE. http://css-tricks.com/ie-fix-bicubic-scaling-for-images */ -ms-interpolation-mode: bicubic; } ol, ul { /*list-style: none;*/ } li { /* For IE6 + IE7: "display: list-item" keeps bullets from disappearing if hasLayout is triggered. */ display: list-item; } table { border-collapse: collapse; border-spacing: 0; } th, td, caption { font-weight: normal; vertical-align: top; text-align: left; } q { quotes: none; } q:before, q:after { content: ""; content: none; } sub, sup, small { font-size: 75%; } sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } svg { /* For IE9. Without, occasionally draws shapes outside the boundaries of rectangle. */ overflow: hidden; } @font-face { font-family: "ProximaNovaRegular"; font-style: normal; font-weight: normal; src: url("/local/templates/coddy_en/css/../fonts/ProximaNovaRegular/ProximaNovaRegular.eot?#iefix") format("embedded-opentype"), url("/local/templates/coddy_en/css/../fonts/ProximaNovaRegular/ProximaNovaRegular.woff") format("woff"), url("/local/templates/coddy_en/css/../fonts/ProximaNovaRegular/ProximaNovaRegular.ttf") format("truetype"); } @font-face { font-family: "ProximaNovaBold"; font-style: normal; font-weight: normal; src: url("/local/templates/coddy_en/css/../fonts/ProximaNovaBold/ProximaNovaBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/coddy_en/css/../fonts/ProximaNovaBold/ProximaNovaBold.woff") format("woff"), url("/local/templates/coddy_en/css/../fonts/ProximaNovaBold/ProximaNovaBold.ttf") format("truetype"); } @font-face { font-family: "ProximaNovaLight"; font-style: normal; font-weight: normal; src: url("/local/templates/coddy_en/css/../fonts/ProximaNovaLight/ProximaNovaLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/coddy_en/css/../fonts/ProximaNovaLight/ProximaNovaLight.woff") format("woff"), url("/local/templates/coddy_en/css/../fonts/ProximaNovaLight/ProximaNovaLight.ttf") format("truetype"); } @font-face { font-family: "ProximaNovaSemibold"; font-style: normal; font-weight: normal; src: url("/local/templates/coddy_en/css/../fonts/ProximaNovaSemibold/ProximaNovaSemibold.eot?#iefix") format("embedded-opentype"), url("/local/templates/coddy_en/css/../fonts/ProximaNovaSemibold/ProximaNovaSemibold.woff") format("woff"), url("/local/templates/coddy_en/css/../fonts/ProximaNovaSemibold/ProximaNovaSemibold.ttf") format("truetype"); } @font-face { font-family: "MyriadProRegular"; font-style: normal; font-weight: normal; src: url("/local/templates/coddy_en/css/../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix") format("embedded-opentype"), url("/local/templates/coddy_en/css/../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"), url("/local/templates/coddy_en/css/../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype"); } @font-face { font-family: "OpenSansRegular"; font-style: normal; font-weight: normal; src: url("/local/templates/coddy_en/css/../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype"), url("/local/templates/coddy_en/css/../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("/local/templates/coddy_en/css/../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype"); } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } html, body, div, p, span, li, a, code, kbd, pre, samp { font-family: 'NotoSans' !important; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border:0px } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, :after, :before { color: #000 !important; text-shadow: none !important; background: 0 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.eot); src: url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.woff) format("woff"), url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(/local/templates/coddy_en/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-eur:before, .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/ font-family: 'NotoSans', sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: underline; } a:focus, a:hover { color: #23527c; text-decoration: none; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle;} .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; max-width: 100%; height: auto; } .img-rounded { -webkit-border-radius: 6px; border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { -webkit-border-radius: 50%; border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role=button] { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } .news_page { margin-top:40px; } @media (min-width: 768px) { .lead { font-size: 21px; } } .small, small { font-size: 85%; } .mark, mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:focus, a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:focus, a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:focus, a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:focus, a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:focus, a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:focus, a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ol, ul { margin-top: 0; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dd, dt { line-height: 1.42857143; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote .small:before, blockquote footer:before, blockquote small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: ''; } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; -webkit-border-radius: 4px; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; -webkit-border-radius: 4px; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; -webkit-border-radius: 0; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .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-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-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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .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 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .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 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 23%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .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 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #ddd; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*=col-] { position: static; display: table-column; float: none; } table td[class*=col-], table th[class*=col-] { position: static; display: table-cell; float: none; } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #f5f5f5; } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: #e8e8e8; } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #dff0d8; } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #d0e9c6; } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #d9edf7; } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #c4e3f3; } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #fcf8e3; } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #faf2cc; } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #f2dede; } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type=search] { -webkit-box-sizing: border-box; box-sizing: border-box; } input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 34px; } .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm { line-height: 30px; } .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-top: 4px\9; margin-left: -20px; } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0; margin-left: 10px; } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed; } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed; } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; -webkit-border-radius: 3px; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; -webkit-border-radius: 3px; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; -webkit-border-radius: 6px; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; -webkit-border-radius: 6px; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; -webkit-border-radius: 4px; border-radius: 4px; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { color: #fff; background-color: #398439; border-color: #255625; } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: 400; color: #337ab7; -webkit-border-radius: 0; border-radius: 0; } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none; } .btn-group-lg > .btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; -webkit-border-radius: 6px; border-radius: 6px; } .btn-group-sm > .btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; -webkit-border-radius: 3px; border-radius: 3px; } .btn-group-xs > .btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; -webkit-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height,visibility; transition-property: height,visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown, .dropup { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #777; } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { -webkit-border-radius: 0; border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { -webkit-border-radius: 0; border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { -webkit-border-radius: 0; border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { -webkit-border-radius: 0; border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; -webkit-border-radius: 6px; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; -webkit-border-radius: 3px; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { -webkit-border-radius: 0; border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; -webkit-border-radius: 4px; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; -webkit-border-radius: 3px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; -webkit-border-radius: 6px; border-radius: 6px; } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; -webkit-border-radius: 4px; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { -webkit-border-radius: 4px; border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; -webkit-border-radius: 4px; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { -webkit-border-radius: 4px; border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px; } } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { -webkit-border-radius: 0; border-radius: 0; } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-bottom, .navbar-fixed-top { -webkit-border-radius: 0; border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; -webkit-border-radius: 4px; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; -webkit-border-radius: 1px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0; } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333; } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff; } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; -webkit-border-radius: 4px; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; -webkit-border-radius: .25em; border-radius: .25em; } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:focus, .label-default[href]:hover { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; -webkit-border-radius: 10px; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-group-xs > .btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron .h1, .jumbotron h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; -webkit-border-radius: 6px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron .h1, .jumbotron h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail a > img, .thumbnail > img { margin-right: auto; margin-left: auto; } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; -webkit-border-radius: 4px; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width .6s ease; transition: width .6s ease; } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; -webkit-border-radius: 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child { -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child { -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; -webkit-border-radius: 4px; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; -webkit-border-radius: 6px; border-radius: 6px; } .well-sm { padding: 9px; -webkit-border-radius: 3px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; -webkit-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.active.right, .carousel-inner > .item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.active.left, .carousel-inner > .item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: transparent; filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: transparent; border: 1px solid #fff; -webkit-border-radius: 10px; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " "; } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important; } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } .main-foot .fb-page, .main-foot .block-vk-foot { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-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: -0.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-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; 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: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-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: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { 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: 0.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%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .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; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 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) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * Owl Carousel v2.1.6 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .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; } .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 { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height .5s ease-in-out; transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; 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(/local/templates/coddy_en/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease, -webkit-transform .1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); -webkit-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; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); -ms-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); -ms-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); -ms-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); -ms-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); -ms-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); -ms-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); -ms-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); -ms-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); -ms-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); -ms-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); -ms-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); -ms-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); -ms-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); -ms-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -ms-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -ms-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } h1, .main_title_site, h1 a, .main_title_site a { font-size: 24px; line-height: 40px; text-align: center; font-weight: 700; color: #333; margin-bottom: 20px; } h1.white, .main_title_site.white, h1.white a, .main_title_site.white a { color: #fff; } h1.blue, .main_title_site.blue, h1.blue a, .main_title_site.blue a, .main_title_site a.blue { color: #337ab7; } h1.blue a:hover, .main_title_site.blue a:hover, .main_title_site a.blue:hover { color: #23527c; } .design-thoughts h1 { text-align: left; line-height: 30px; } h1.gift-sertificate__header { color: #fff; } h2, .h2 { font-size: 20px; line-height: 28px; font-weight: 700; color: #333; margin-bottom: 20px; } h3, .h3 { font-size: 17px; line-height: 25px; font-weight: 700; color: #333; margin-bottom: 20px; } h4, .h4 { font-size: 14px; line-height: 22px; font-weight: 700; color: #333; margin-bottom: 20px; } .mega-flexic, .wrapper-sect-inside, .portfolio-items, .certificates .wrapper-present, .certificates .with-certificate-block .wrapper-inside-cerf-block, .numbers .numb-wrapper, .design-thoughts .top-part { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .header-wrapper { position: relative; min-height: 108px; } #content, .main-foot { position: relative; } .main-head, .top-head { position: relative; } .header-info { background-image: url(/bitrix/templates/coddy/img/sect-comments/sect-bg.jpg); min-height: 80px; width: 100%; position: relative; top: 0; display: block; text-align: center; color: #fff; margin: 0px; } .header-info img { height: 30px; width: auto; margin: -10px 20px 0px 0px; } .header-info p { margin: 25px 0px 0px 0px; padding: 0px; } .slider-main-rewards { min-height: 50px; padding: 30px 0px 0px; overflow: hidden; } .slider-main-rewards .slide { display: none; min-height: 50px; padding: 0px 0px 20px; } .slider-main-rewards .slide:first-child { display: block; } .slider-main-rewards .slide .info { height: 100%; } .slider-main-rewards .slide a { color: #fff; text-decoration: none; } .slider-main-rewards .slide a:hover { color: #009bb7; border-bottom: 1px solid rgba(0, 155, 183, 0.8); } .slider-main-rewards .slide:nth-child(2) .info { margin: -6px 0px 0px 0px; } @media only screen and (max-width: 992px) { .header-info .container { margin-top: 0px !important; } .header-wrapper { min-height: 0px; } } @media only screen and (max-width: 767px) { .header-info { min-height: 74px; } .slider-main-rewards { min-height: 44px; padding: 15px 0px 0px; } .slider-main-rewards .slide { padding: 0px 0px 15px; min-height: 70px; } .slider-main-rewards .slide .info { display: table; height: 60px; width: 100%; } .slider-main-rewards .slide:nth-child(2) .info { margin: 0px !important; } .slider-main-rewards .slide .info .middle_block { display: table-cell; vertical-align: middle; } .slider-main-rewards .slide img { display: none; margin: 0px !important; } } .spider_block { top: -80px; } @media only screen and (max-width: 768px) { .spider_block { top: 0px; } } @media only screen and (max-width: 600px) { .visually_impaired_botton { display: none; } } @media only screen and (max-width: 400px) { .header-info { font-size: 12px; } .main-head .row { position: relative; } .btn-green-color a, #do-certificate { text-transform: none !important; } } @media only screen and (max-width: 992px) { .header-wrapper { min-height: 95px; } } /* ---------- section about us ----------*/ .about-sub-container { text-align: center; margin: 50px 0px 0px; } .about-sub-container .topic { outline: none; font-weight: 400; font-size: 18px; color: #3db39e; } .about-sub-container .topic:hover { color: #2f9f8b; } .about-sub-container .topic:focus { color: #2f9f8b; } .about-sub-container .topic.edge { color: #333; } .about-sub-container .topic.edge:hover { color: #2f9f8b; } .about-sub-container .topic.edge:focus { color: #2f9f8b; } .about-sub-container .after-topic { margin-top: 30px; margin-bottom: 20px; height: 50px; } /* ---------- section what-we-teach ----------*/ .what-we-teach { background-image: url("/local/templates/coddy_en/css/../img/sect-weteach/sect-bg.webp"); background-repeat: no-repeat; background-size: cover; background-position: center bottom; margin-top: 65px; padding-top: 65px; padding-bottom: 20px; } .what-we-teach .we-teach-topic { text-align: center; } .what-we-teach .we-teach-topic .click-to-img { position: relative; } .what-we-teach .we-teach-topic .click-to-img .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .what-we-teach .we-teach-topic .click-to-img img { width: 100%; height: auto; } .we-teach-topic .click-to-nav { width: 100%; height: 445px; position: absolute; top: 0px; } .we-teach-topic .click-to-nav a { font-size: 20px; font-weight: 700; color: #fff; position: absolute; text-align: left; } .we-teach-topic .click-to-nav a:nth-child(1) { top: 30px; left: 135px; } .we-teach-topic .click-to-nav a:nth-child(2) { top: 90px; left: 5px; width: 195px; } .we-teach-topic .click-to-nav a:nth-child(3) { top: 190px; left: 15px; width: 160px; } .we-teach-topic .click-to-nav a:nth-child(4) { top: 310px; left: 265px; width: 200px; text-align: center; } .we-teach-topic .click-to-nav a:nth-child(5) { top: 165px; left: 490px; width: 205px; } .we-teach-topic .click-to-nav a:nth-child(6) { top: 295px; left: 595px; width: 140px; } .we-teach-topic .click-to-nav a:nth-child(7) { top: 25px; right: 85px; } .we-teach-topic .click-to-nav a:nth-child(8) { top: 115px; right: 40px; width: 210px; text-align: right; } .we-teach-topic .click-to-nav a:nth-child(9) { top: 290px; right: 0px; width: 200px; text-align: right; } .we-teach-topic .click-to-nav a:nth-child(10) { top: 280px; left: 0px; width: 130px; } .we-teach-topic .click-to-nav a:nth-child(11) { top: 390px; right: 20px; width: 130px; } @media (max-width: 1199px) { .we-teach-topic .click-to-nav a { font-size: 16px; } .we-teach-topic .click-to-nav a:nth-child(1) { top: 20px; left: 135px; } .we-teach-topic .click-to-nav a:nth-child(2) { top: 80px; left: 0px; } .we-teach-topic .click-to-nav a:nth-child(3) { top: 170px; left: 0px; } .we-teach-topic .click-to-nav a:nth-child(4) { top: 255px; left: 200px; } .we-teach-topic .click-to-nav a:nth-child(5) { top: 145px; left: 420px; } .we-teach-topic .click-to-nav a:nth-child(6) { top: 245px; left: 495px; } .we-teach-topic .click-to-nav a:nth-child(7) { top: 15px; right: 15px; } .we-teach-topic .click-to-nav a:nth-child(8) { top: 95px; right: 0px; } .we-teach-topic .click-to-nav a:nth-child(9) { top: 220px; right: 15px; } .we-teach-topic .click-to-nav a:nth-child(10) { top: 235px; left: 0px; width: 130px; } .we-teach-topic .click-to-nav a:nth-child(11) { top: 320px; right: 0px; width: 130px; } } @media (max-width: 991px) { .we-teach-topic .click-to-nav a { font-size: 14px; } .we-teach-topic .click-to-nav a:nth-child(2) { top: 60px; left: 0px; } .we-teach-topic .click-to-nav a:nth-child(3) { top: 120px; left: 0px; } .we-teach-topic .click-to-nav a:nth-child(4) { top: 190px; left: 130px; } .we-teach-topic .click-to-nav a:nth-child(5) { top: 105px; left: 300px; } .we-teach-topic .click-to-nav a:nth-child(6) { top: 175px; left: 365px; } .we-teach-topic .click-to-nav a:nth-child(9) { top: 190px; right: 5px; } .we-teach-topic .click-to-nav a:nth-child(10) { top: 175px; left: -10px; } .we-teach-topic .click-to-nav a:nth-child(11) { top: 250px; right: 0px; width: 100px; } } /* ---------- section more info about us ----------*/ .more-info-about-us { background-color: #fbfdfe; clear: both; } .more-info-about-us .share_soc { text-align: center; margin: 0px 0px 0px; } .more-info-about-us .share_soc a { display: inline-block; width: 50px; height: 50px; background-color: #0f465f; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 100%; border: 0px solid #0f465f; margin: 5px; } .more-info-about-us .share_soc a:hover { opacity: 0.8; } .more-info-about-us .share_soc .soc_linkedin { background-image: url('/images/about/about-soc-1.png'); } .more-info-about-us .share_soc .soc_facebook { background-image: url('/images/about/about-soc-2.png'); } .more-info-about-us .share_soc .soc_vk { background-image: url('/images/about/about-soc-3.png'); } .more-info-about-us .share_soc .soc_instagram { background-image: url('/images/about/about-soc-4.png'); } .more-info-about-us .share_soc .soc_youtube { background-image: url('/images/about/about-soc-5.png'); } .more-info-about-us .share_soc .soc_flickr { background-image: url('/images/about/about-soc-6.png'); } .more-info-about-us .share_soc .soc_twitter { background-image: url('/images/about/about-soc-7.png'); } .more-info-about-us .share_soc .soc_odnoklassniki { background-image: url('/images/about/about-soc-8.png'); } .more-info-about-us .share_soc .soc_ustart { background-image: url('/images/about/about-soc-9.png'); } .more-info-about-us .share_soc .soc_viber { background-image: url('/images/about/about-soc-10.png'); } .more-info-about-us .share_soc .soc_telegram { background-image: url('/images/about/about-soc-11.png'); } .more-info-about-us .share_soc .soc_whatsapp { background-image: url('/images/about/about-soc-12.png'); } .more-info-about-us .share_soc .soc_vimeo { background-image: url('/images/about/about-soc-14.png'); } .sect-topic { margin: 40px 0px; } .wrapper-sect-inside .block-left-gif, .wrapper-sect-inside .block-right-text { width: 50%; } .wrapper-sect-inside .block-left-gif { text-align: center; } .wrapper-sect-inside .text-about-coddy { max-width: 680px; line-height: 25px; padding-right: 80px; } .wrapper-sect-inside .text-about-coddy.text-social_share { padding-right: 0px; } .wrapper-sect-inside .text-about-coddy .text-1 { margin-bottom: 18px; } .wrapper-sect-inside .text-about-coddy .lin { list-style-type: decimal; } .wrapper-sect-inside .text-about-coddy ul { margin-left: 14px; margin-bottom: 18px; } .wrapper-sect-inside .text-about-coddy .text-5 { text-align: center; font-weight: bold; } /* ---------- section comments ----------*/ .comments-about-us { background-image: url("/local/templates/coddy_en/css/../img/sect-comments/sect-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-color: #fbfdfe; } .comments-about-us .make-a-review .center-btn a.link { margin: 0 10px 20px; min-width: 186px; } .slider-main { text-align: center; padding-top: 100px; padding-bottom: 60px; } .moon-sect .slider-main { padding-top: 0px; } .slider-main .comment { font-size: 18px; color: #fff; line-height: 34px; font-style: italic; font-weight: 400; position: relative; padding-top: 0px; } /*.slider-main .comment:before { content: '\201C'; font-size: 50px; position: absolute; top: -0.3125em; left: -0.5em; background-repeat: no-repeat; padding: 18px 23px; }*/ .slider-main .comment-owner { font-weight: 600; color: #3db39e; font-size: 18px; margin-bottom: 7px; } .slider-main .who-is-it { color: #fff; } .slider-main { max-width: 1170px; margin: 0 auto; } .slider-main .owl-dots { position: absolute; position: absolute; width: 100%; text-align: center; bottom: 10px; margin: 0px 0px 20px;} .slider-main .owl-dots .owl-dot { width: 8px; height: 8px; -webkit-border-radius: 25px; border-radius: 25px; background-color: #fff; display: inline-block; margin: 0px 5px; cursor: pointer; box-shadow: 0px 0px 2px #999; padding: 3px; border: 0px; } .slider-main .owl-dots .owl-dot.active { background-color: #3db39e; } .slider-main .owl-dots .owl-dot:hover { background-color: #3db39e; } /* ---------- section leave comment ----------*/ .leave-review { margin-top: 40px; margin-bottom: 90px; background-image: url("/local/templates/coddy_en/css/../img/rainbow-bg.png"); background-repeat: no-repeat; background-size: cover; padding: 0px 0px; } .leave-review .cards-block { text-align: right; margin-right: 80px; } .leave-review .topic-card { font-size: 24px; line-height: 40px; font-weight: bold; max-width: 363px; margin-top: 25px; } .leave-review .after-topic-card-text { font-size: 14px; color: #000; padding-right: 80px; } .review2 { margin-top: 45px; margin-bottom: 30px; } .make-a-review.review2 { margin-top: 0px; } .review2 .center-btn { text-align: center; } .review2 .center-btn .link { background-color: #FFF; color: #2c485d; padding: 15px 35px; } .review2 .center-btn .link:hover:before { width: 0%; } .center-btn { position: relative; text-align: left; margin-top: 15px; } .center-btn .link { position: relative; z-index: 2; overflow: hidden; display: inline-block; background-color: #51648a; -webkit-border-radius: 2em; border-radius: 2em; margin: 0 5px 20px 0; padding: 15px 55px; font-size: 16px; line-height: 18px; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; color: #fff; } .center-btn .link:hover:before { width: 100%; } .center-btn .link:before { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 0; background-color: #3e4f71; content: ""; -webkit-transition: all 0.3s; transition: all 0.3s; } /*.form-block .center-btn .link:before { display: none; }*/ .center-btn .link.link2 { width: 100%; max-width: 334px; text-align: center; margin-top: 20px; } .block-wrapper-groups.news .center-btn { margin-top: 0px; } .block-wrapper-groups.news .center-btn .link.link2 { margin-top: 0px; } .center-btn .el_month .link.link2 { margin: 10px 0px 20px;} .our-courses { background-color:#d3dee5; background-image: url("/local/templates/coddy_en/css/../img/sect-courses/sect-bg.webp"); background-repeat: no-repeat; background-position:bottom; } .error_courses_mess { display: none; } .b-portfolio a { text-decoration: none !important; border: 0px solid #000 !important; color: inherit; } .b-course { width: 100%; margin: 15px 3%; min-height: 200px; transform: scale(1); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } @media (max-width: 991px) { .b-course { margin-left: 0; } } .b-course .b-course__icon { width: 100%; -webkit-transform: translate(-50%, 0); transform: translate(0%, 0); } .b-course .b-course__icon img { width: 100%; height: 100%; } .b-course .b-course__info { width: 100%; position: static; background-color: #fff; color: #333; box-shadow: 0px 5px 30px rgba(12, 71, 86, .2); } @media (min-width: 640px) and (max-width: 768px) { .b-course .b-course__info { height: 180px; } } @media (min-width: 769px) { .b-course .b-course__info { height: 260px; } } @media (min-width: 1201px) { .b-course .b-course__info { height: 250px; } } @media (min-width: 1281px) { .b-course .b-course__info { height: 220px; } } @media (max-width: 768px) { .b-course .b-course__info::after { content: ""; display: block; height: 35px; } } .b-course__meta { display: flex; flex-wrap: wrap; align-items: center; padding: 15px 25px 8px; font-weight: bold; line-height: 16px; color: #92acba; } .b-course__meta__icon { display: inline-block; width: 32px; height: 32px; min-width: 32px; /* Цвета фона и бордера задаются инлайн-стилем. Цвет бордера примерно на 10 % темнее*/ box-shadow: 0 -2px #666 inset; border-radius: 50%; margin-right: 10px; vertical-align: middle; background: #999 no-repeat 50% 50%; } .b-course__meta__icon-user { background-image: url("/images/ico_user2.png"); background-size: 50% 50%; } .b-course__meta__icon-time { background-image: url("/images/icon_time.svg"); background-size: 50% 50%; background-position: 50% 50%; } .b-course__meta__icon-free_price { background-color: #ff4242; background-image: url("/images/icon_free_price.png"); background-size: 60% 60%; background-position: 50% 50%; box-shadow: 0 -2px #6f3030 inset; } .b-course__age, .b-course__hours, .b-course__free_price { width: 50%; display: flex; align-items: center; font-size: 14px; } .b-course__free_price { color: #ff4242; } @media (max-width: 768px) { .b-course__age, .b-course__hours, .b-course__free_price { font-size: 12px; } } .b-course .b-course__title { padding: 5px 25px 8px; font-weight: 700; font-size: 16px; line-height: 1.25; text-transform: initial; } .b-course .b-course__desc { text-transform: initial; } .b-course .b-course__price { text-align: center; padding: 15px 26px 12px; position: relative; top: auto; bottom: auto; border-radius: 0px 0px 20px 20px; font-weight: 700; text-transform: initial; } .b-course__button { margin: -27px 0 0; text-align: center; font-weight: bold; font-size: 16px; line-height: 54px; color: #fff; border-radius: 25px; box-shadow: 0 5px 0 rgba(0, 0, 0, .1); } .b-course:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); transition: all 0.3s; } .show-more.courses { text-align: center; margin-bottom: 0px; margin-top: 20px; } .our-courses.page-contacts .show-more.courses { margin-bottom: 70px; margin-top: -20px; } .our-courses .link.primary { background-color: #ff16a3; -webkit-box-shadow: 0 5px 0 #b51067; box-shadow: 0 5px 0 #b51067; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-border-radius: 2em; border-radius: 2em; font-size: 14px; line-height: 14px; padding: 14px 20px !important; margin: 0; position: relative; top: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; } .our-courses .link.primary:hover { top: 3px; -webkit-box-shadow: 0 2px 0 #b51067; box-shadow: 0 2px 0 #b51067; } .b-course__lb-top { width: 40px; padding: 1px; display: inline-block; vertical-align: middle; margin-right: 2px; font-size: 12px; line-height: 14px; color: #ffffff; font-weight: 700; background: #ff16a3; border-radius: 8px; text-align: center; } .b-course__lb-hit { padding: 1px 7px; display: inline-block; vertical-align: middle; margin-right: 2px; font-size: 12px; line-height: 14px; color: #ffffff; font-weight: 700; background: #ff0000; border-radius: 8px; text-align: center; } .b-course__lb-new { height: 16px; width: 40px; padding: 1px; display: inline-block; vertical-align: middle; margin-right: 2px; text-align: center; font-size: 10px; line-height: 11px; color: #00bfd5; font-weight: 700; background: #ffffff; border: 1px solid #00bfd5; border-radius: 8px; } .b-course__age-i img{ width: 14px; height: 14px; } .b-course__age-i, .b-course__hours-i { margin-right: 5px; } .actual-item.tw .b-course__age, .actual-item.tw .b-course__hours{ font-size: 13px; line-height: 16px; color: #666666; font-weight: 400; } .b-course__hours-i img { width: 14px; height: 14px; } .b-course .b-course__title { padding: 15px 25px 8px; } .b-course__meta { padding: 0 25px; position: absolute; bottom: 75px; left: 0; width: 100%; } @media screen and (max-width: 640px) { .b-course__meta { padding: 15px 25px; position: relative; bottom: 0; } .b-course__title br { display: none; } } .filter-options ul li a.course-type-new { color: #ff72bb; } .filter-options ul li a.course-type-top { color: #32eaff; } .filter-options ul li a.course-type-hit { color: #ff0000; } .b-filter { flex: 0 0 33%; border-left: 0px solid #fff !important; } .filter-options { width: 32%; } .b-filter.age .filter-options { left: 33%; } .b-filter .btn-filter { -webkit-border-radius: 2em 2em 2em 2em !important; border-radius: 2em 2em 2em 2em !important; margin-right: 1.5%; } .b-filter:last-child .btn-filter { margin-right: 1.5%; } .b-filter.search { position: relative; } .b-filter.search input[type="text"] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 46px; background-color: white; border: 3px solid #0493b4; padding: 12px 22px; -webkit-border-radius: 20px; border-radius: 2em 2em 2em 2em !important; outline: none; } .b-filter.search button { position: absolute; right: 14px; top: 50%; margin-top: -13px; width: 24px; height: 25px; background: url("/bitrix/templates/coddy/components/bitrix/news.list/courses_list/images/btn-search.png") no-repeat; background-size: contain; cursor: pointer; padding: 0; border: none; font-size: 18px; font-weight: 700; display: none; } .b-filter.search button.btn-micro { background: url("/bitrix/templates/coddy/components/bitrix/news.list/courses_list/images/micro.png") no-repeat; background-size: contain; } .b-filter.search input[type="text"]::-moz-placeholder { opacity: 1; color: #c0c0c0; font-weight: 700; } .b-filter.search input[type="text"]:-ms-input-placeholder { opacity: 1; color: #c0c0c0; font-weight: 700; } .b-filter.search input[type="text"]::-webkit-input-placeholder { opacity: 1; color: #c0c0c0; font-weight: 700; } .b-filter.search input[type="text"]::-ms-expand { opacity: 1; color: #c0c0c0; font-weight: 700; } .b-course { border-radius: 20px; } .b-course__icon { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; top: 30px; z-index:1; } .b-course__icon > img { width:40px; } /*.b-Course__title { padding: 70px 8px 8px; top: 15px; right: 15px; bottom: 0; left: 15px; }*/ .b-course__price { bottom: 12px; left: 0; right: 0; text-align: right; padding: 15px 26px; background-color: rgba(0, 0, 0, 0.1); } .b-course .b-course__desc { width: 100%; padding: 5px 25px 8px; text-transform: none; font-size: 14px; line-height: 19px; font-weight: 400; } /*@media only screen and (max-width: 991px) and (min-width: 768px) { .b-course .b-course__desc { font-size: 12px; } }*/ @media (max-width: 768px) { .b-course .b-course__desc { display: none; } } .subsect-btns { margin: 35px 0px 50px; } .page-contacts .subsect-btns { margin: 0px 0px 25px; } .subsect-btns .el_month { display: initial; } .subsect-btns .schedule, .subsect-btns .schedule-spb { text-align: center; display: block; margin-bottom: 30px; max-width: 100%; margin-top: 25px; } .subsect-btns .schedule .link, .subsect-btns .schedule-spb .link { text-decoration: none; cursor: pointer; -webkit-border-radius: 2em; border-radius: 2em; font-size: 14px; font-weight: 600; padding: 14px 20px; position: relative; display: inline-block; margin: 10px 0px 10px 10px; top: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; background-color: #ff16a3; -webkit-box-shadow: 0 5px 0 #b51067; box-shadow: 0 5px 0 #b51067; width: 145px; } .subsect-btns .schedule .schedule_block_desc .link { width: auto; } .subsect-btns .schedule .name_month { margin: 0px 0px 0px 20px; font-size: 14px; font-weight: 600; display: inline-block; margin: 10px 0px 10px 10px; } .subsect-btns .schedule .link:hover, .subsect-btns .schedule-spb .link:hover { -webkit-box-shadow: 0 2px 0 #b51067; box-shadow: 0 2px 0 #b51067; top: 3px; } .subsect-btns .schedule .link.weekend:hover { background-color: #0493b4; -webkit-box-shadow: 0 2px 0 #0484ac; box-shadow: 0 2px 0 #0484ac; } .subsect-btns .mess { text-align: center; } .subsect-btns .schedule-spb { /*margin-top: 50px;*/ } .subsect-btns .schedule-spb .link { color: #fff; background-color: #5472D2; -webkit-box-shadow: 0 5px 0 #3253bc; box-shadow: 0 5px 0 #3253bc; } .subsect-btns .schedule-spb .link:hover { color: #f7f7f7; background-color: #5472D2; top: 3px; -webkit-box-shadow: 0 2px 0 #3253bc; box-shadow: 0 2px 0 #3253bc; } .subsect-btns .years-btns { margin-top: 40px; } .subsect-btns .years-btns ul { text-align: center; } .subsect-btns .years-btns ul .list { display: inline-block; padding-left: 17px; padding-right: 17px; } .subsect-btns .years-btns ul .list .link { position: relative; z-index: 2; overflow: hidden; display: inline-block; padding: 5px 25px; -webkit-border-radius: 20px; border-radius: 20px; background-clip: padding-box; border-right: 5px solid #cdcdcd; border-bottom: 5px solid #cdcdcd; background-color: #dcdcdc; font-size: 18px; font-weight: 600; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; color: #2f9f8b; } .subsect-btns .years-btns ul .list .link:hover { color: #fff; border-color: #2f9f8b; background-color: #2f9f8b; } .subsect-btns .years-btns ul .list .link:hover:after { width: 100%; } .subsect-btns .years-btns ul .list .link:after { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 0; background-color: #3db39e; content: ""; -webkit-transition: all 0.3s; transition: all 0.3s; } .subsect-btns .years-btns ul .list .link.active { border-color: #2f9f8b; background-color: #3db39e; color: #fff; } .subsect-btns .el_month .schedule_block_desc { display: initial; } .schedule_block_desc + .schedule_block_mobi { display: none; } @media only screen and (max-width: 1199px) { .schedule_block_mobi, .schedule_block_desc + .schedule_block_mobi { display: block; } } @media only screen and (max-width: 991px) { .subsect-btns .el_month { display: block; } } @media only screen and (max-width: 430px) { .subsect-btns .el_month { display: grid; } .subsect-btns .schedule .name_month { width: 100%; display: block; margin: 10px 0px 10px; } .subsect-btns .schedule .link { width: 100%; margin: 0px 0px 15px; } } .portfolio-items { margin-top: 35px; flex-wrap: wrap; } .portfolio-items.mt-custon { margin-top: 20px; } .portfolio-items .custom-pd { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 0px; padding-right: 0px; padding-right: 10px; padding-left: 10px; } .portfolio-items .b-portfolio { flex: 0 0 100%; margin-bottom: 20px; position: relative; } .portfolio-items .item:hover .course-img { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .portfolio-items .item:hover .item-overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .portfolio-items .actual-item { position: relative; } .portfolio-items .actual-item .course-img { display: block; width: 100%; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; } .portfolio-items .item-overlay { position: absolute; top: 0; right: 10px; bottom: 0; left: 10px; padding: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #3db39e; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; z-index:10;} .portfolio-items .item-overlay .actions-overlay { position: absolute; top: 50%; left: 0; right: 0; margin-top: -40px; text-align: center; } .portfolio-items .item-overlay .actions-overlay .link { display: inline-block; width: 80px; height: 80px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #51648a; color: #fff; text-align: center; text-decoration: none; cursor: pointer; } .portfolio-items .item-overlay .actions-overlay .link .zoom-ico { margin: 17px auto; } .your-kids-future { font-size: 24px; text-align: center; color: #fff; margin-top: 30px; margin-bottom: 70px; line-height: 40px; font-weight: 700; } .your-kids-future.black { color: #000; } .video-block { max-width: 780px; margin: 0 auto; margin-top: 80px; background-image: url("/local/templates/coddy_en/css/../img/sect-weteach/desc2.png"); background-repeat: no-repeat; background-size: cover; padding: 37px 10px 81px 10px; position: relative; } .video-block video { width: 100%; height: auto; } .video-block .link-play { position: absolute; top: 37%; left: 46%; } .what-we-teach2 { background-color: #4a6f84; padding-bottom: 60px; } .our-school { padding-top: 0; padding-bottom: 40px; } .certificates { padding-top: 0px; } .certificates .topic-certif { font-size: 24px; line-height: 40px; font-weight: 700; text-align: center; color: #000; margin-bottom: 60px; } .certificates .wrapper-present { max-width: 930px; margin: 0 auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .certificates .wrapper-present .any-taste, .certificates .wrapper-present .not-any-taste { position: relative; } .certificates .wrapper-present .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .certificates .best-present { text-align: center; margin-top: 40px; margin-bottom: 40px; } .certificates .best-present .just-best { font-size: 16px; font-weight: 600; color: #666666; margin-bottom: 0px; } .certificates .best-present .after-best { font-size: 13px; color: #666666; } .certificates .with-certificate-block { padding-top: 30px; max-width: 930px; margin: 0 auto; border: 4px solid #afddd4; -webkit-border-radius: 20px; border-radius: 20px; padding: 30px 30px 20px 30px; } .certificates .with-certificate-block .topic-f { font-size: 18px; color: #000; font-weight: 600; text-align: center; } .certificates .with-certificate-block .wrapper-inside-cerf-block { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .certificates .with-certificate-block .wrapper-inside-cerf-block .topic { font-size: 14px; color: #000; font-weight: 600; margin-bottom: 0px; } .certificates .with-certificate-block .wrapper-inside-cerf-block .under-topic { font-size: 13px; color: #666666; } .certificates .wrapper-btn-green, .wrapper-btn-blue { max-width: 334px; margin: 0 auto; -webkit-border-radius: 2em; border-radius: 2em; margin-top: 20px; margin-bottom: 55px; position: relative; -webkit-transition: all .3s; transition: all .3s; } .certificates .wrapper-btn-green .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; font-weight: 100; -webkit-transition: all .3s; transition: all .3s; } .wrapper-btn-blue .link { text-align: center; width: 100%; display: block; } .certificates .wrapper-btn-green .order-a-cerf { font-size: 16px; color: #fff; text-align: center; padding: 10px 25px; } @media only screen and (max-width: 520px) { .certificates .wrapper-btn-green, .wrapper-btn-blue { max-width: 100%; } .certificates {display: none;} } #accordion .panel { border: none; -webkit-box-shadow: none; box-shadow: none; } #accordion .panel .link { color: #3db39e; } #accordion .panel-heading { border: none; color: #fff; padding: 0px; -webkit-border-radius: 20px; border-radius: 20px; margin-bottom: 15px; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; } #accordion .panel-heading a { -webkit-border-radius: 20px; border-radius: 20px; background-color: #3db39e; text-decoration: none; font-weight: normal; font-size: 14px; padding: 23px 30px; width: 100%; display: block; position: relative; } #accordion .panel-heading a:focus { background-color: #51648a; } #accordion .panel-heading a:focus:after { content: '-'; } #accordion .panel-heading a.active { background-color: #51648a; } #accordion .panel-heading a.active:after { content: '-'; } #accordion .panel-heading a:after { position: absolute; top: 20px; right: 20px; font-size: 18px; content: "+"; } #accordion .panel-heading a:hover { background-color: #51648a; } #accordion .panel-body { border: none; padding-top: 0px; } .topic-for-school { font-size: 20px; line-height: 26px; font-weight: 700; text-align: center; margin-bottom: 40px; } .moon-sect { padding-top: 40px; padding-bottom: 0px; background-image: url("/local/templates/coddy_en/css/../img/sect-moon/moon-bg.webp"); background-repeat: no-repeat; background-color: #f5f5f5; background-position: top center; } .moon-sect .partners-mobile ul { text-align: center; padding-top: 30px; } .moon-sect .partners-mobile ul li { display: inline-block; padding-left: 15px; padding-right: 15px; } .moon-sect .partners-mobile ul li img { width: 126px; height: 45px; } .moon-sect .partners ul { margin-bottom: 0px; text-align: center; } .moon-sect .partners .last { text-align: left; max-width: 988px; margin: 0 auto; } .moon-sect .partners li { display: inline-block; padding-left: 15px; padding-right: 15px; } .moon-sect .partners li img { width: 140px; height: 50px; margin-bottom: 20px; } .our-team-subsect { margin-top: 30px; } .our-team-subsect .our-team, .our-team-subsect .our-team a { font-size: 24px; line-height: 40px; font-weight: 700; text-align: center; color: #000; } .our-team-subsect .our-team-slider { margin-top: 60px; } .our-team-subsect .our-team-slider .owl-nav { position: absolute; color: #bdbdbe; font-size: 50px; width: 100%; top: 240px; } .our-team-subsect .our-team-slider .owl-nav div { cursor: pointer; z-index: 2; position: absolute; bottom: 104px; } .our-team-subsect .our-team-slider .owl-nav .owl-prev { left: 10px; -webkit-transition: all .5s ease; transition: all .5s ease; border: 15px solid transparent; border-right: 16px solid #1aa5a9; display: block; width: 0; height: 0; } .our-team-subsect .our-team-slider .owl-nav .owl-prev:hover { border-right: 16px solid #0a686b; -webkit-transition: all .5s ease; transition: all .5s ease; } .our-team-subsect .our-team-slider .owl-nav .owl-next { right: 10px; -webkit-transition: all .5s ease; transition: all .5s ease; border: 15px solid transparent; border-left: 16px solid #1aa5a9; display: block; width: 0; height: 0; } .our-team-subsect .our-team-slider .owl-nav .owl-next:hover { border-left: 16px solid #0a686b; -webkit-transition: all .5s ease; transition: all .5s ease; } .our-team-subsect .our-team-slider .slide .image-wrapper, .our-team-subsect .our-team-slider .main-slide .image-wrapper { text-align: center; width: 155px; -webkit-transition: .5s ease; transition: .5s ease; cursor: pointer; } .our-team-subsect .our-team-slider .slide .image-wrapper.main, .our-team-subsect .our-team-slider .main-slide .image-wrapper.main { width: 208px; } .our-team-subsect .our-team-slider .slide .image-wrapper.main img, .our-team-subsect .our-team-slider .main-slide .image-wrapper.main img { width: 210px; height: 210px; -webkit-border-radius: 104px; border-radius: 104px; } .our-team-subsect .our-team-slider .slide .image-wrapper.main img, .our-team-subsect .our-team-slider .main-slide .image-wrapper.main img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); width: 208px; } .our-team-subsect .our-team-slider .slide .image-wrapper:hover img, .our-team-subsect .our-team-slider .main-slide .image-wrapper:hover img { border: 5px solid #1aa5a9; -webkit-transition: .5s ease; transition: .5s ease; } .our-team-subsect .our-team-slider .slide .image-wrapper img, .our-team-subsect .our-team-slider .main-slide .image-wrapper img { overflow: hidden; border: 5px solid #caddde; -webkit-border-radius: 96px; border-radius: 96px; } .our-team-subsect .our-team-slider .slide .name-of-team, .our-team-subsect .our-team-slider .main-slide .name-of-team { font-size: 13px; font-weight: bold; margin-top: 5px; text-align: center; margin-bottom: 4px; } .our-team-subsect .our-team-slider .slide .what-team-do, .our-team-subsect .our-team-slider .main-slide .what-team-do { max-width: 68px; margin: 0 auto; border: 1px solid #cecece; -webkit-border-radius: 25px; border-radius: 25px; padding: 2px 5px; } .our-team-subsect .our-team-slider .slide .what-team-do.second, .our-team-subsect .our-team-slider .main-slide .what-team-do.second { max-width: 130px; } .our-team-subsect .our-team-slider .slide .what-team-do .what-heshe-do, .our-team-subsect .our-team-slider .main-slide .what-team-do .what-heshe-do { font-size: 12px; text-align: center; margin-bottom: 0px; } .our-team-subsect .our-team-slider .slide { max-width: 155px; margin: 0 auto; margin-top: 40px; } .our-team-subsect .our-team-slider .main-slide { max-width: 208px; margin: 0 auto; } .our-team-subsect .our-team-slider .main-slide .image-wrapper img { border: 8px solid #1aa5a9; } .our-team-subsect .our-team-slider .main-slide .image-wrapper img:hover { border: 8px solid #1aa5a9; } .our-team-subsect .our-team-about-text { max-width: 1020px; margin: 0 auto; margin-top: 40px; padding: 40px 50px 40px 50px; background-color: #FFF; -webkit-border-radius: 25px; border-radius: 25px; } .our-team-subsect .our-team-about-text .name { font-size: 26px; color: #000; text-align: center; font-weight: bold; } .our-team-subsect .our-team-about-text .wrapper-of-who { max-width: 263px; margin: 0 auto; border: 1px solid #cecece; -webkit-border-radius: 25px; border-radius: 25px; padding: 2px 5px; text-align: center; } .our-team-subsect .our-team-about-text .wrapper-of-who .the-text { font-size: 13px; color: #06495b; margin-bottom: 0px; } .our-team-subsect .our-team-about-text .block-info-about { margin-top: 30px; } .our-team-subsect .our-team-about-text .block-info-about .topic { font-size: 15px; color: #000; font-weight: bold; } .our-team-subsect .our-team-about-text .block-info-about .just-after-topic { font-size: 15px; color: #000; } .our-team-subsect .our-team-about-text .block-quote { text-align: center; position: relative; margin-top: 40px; } .our-team-subsect .our-team-about-text .block-quote:before { content: ''; position: absolute; top: 15px; left: 0; width: 100%; height: 1px; background-color: #e5e5e5; } .our-team-subsect .our-team-about-text .block-quote .inside-img { position: relative; z-index: 2; background-color: #FFF; padding: 0 20px; } .our-team-subsect .our-team-about-text .actually-quote { margin-top: 20px; font-size: 15px; color: #000; opacity: .5; line-height: 30px; font-style: italic; } .actual-numb span { font-size: 70px; } .numbers { background: rgb(135,185,200); background: linear-gradient(90deg, rgba(135,185,200,1) 0%, rgba(197,233,244,1) 100%); } .numbers .numb-wrapper { padding-top: 70px; padding-bottom: 100px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-align: center; max-width: 1055px; margin: 0 auto; } .numbers .numb-wrapper > * { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; padding-right: 5px; margin-bottom: 45px; /*flex: 0 0 20%;*/ } .numbers .numb-wrapper .actual-numb { font-size: 56px; line-height: 56px; color: #fff; font-weight: 600; margin-bottom: 0; } .numbers .numb-wrapper .after-numb-text { font-size: 18px; /*margin-top: 25px;*/ line-height: 30px; text-transform: uppercase; color: #fff; font-weight: 600; } @media (max-width: 1400px) { .actual-numb span { font-size: 60px; } } @media (max-width: 1199px) { .actual-numb span { font-size: 50px; } } @media (max-width: 991px) { .actual-numb span { font-size: 45px; } .numbers .numb-wrapper .after-numb-text { font-size: 15px; } } .wanna-be-better { padding-top: 65px; padding-bottom: 65px; text-align: center; } .wanna-be-better .wanna-be-topic { font-weight: 700; font-size: 24px; line-height: 40px; z-index: 10; position: relative; } .wanna-be-better .after-wanna-be-text { font-size: 15px; color: #000; z-index: 10; position: relative; } .wanna-be-better .after-wanna-be-text .link { outline: none; text-decoration: none; color: #2f9f8b; } .info-about-us { background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/bg-foot-mob.jpg"); background-size: cover; padding-top: 65px; padding-bottom: 0px; background-position: center; } .info-about-us ul { list-style:none; } .info-about-us .write-us { font-size: 18px; margin-bottom: 20px; font-weight: 700; color: #fff; } .info-about-us .common-asks { color: #fff; margin-bottom: 20px; } .info-about-us .link-inf-about { color: #3db39e; display: block; margin-bottom: 20px; } .info-about-us .link-inf-about:hover { color: #2f9f8b; } .info-about-us .pr-text { color: #fff; margin-bottom: 20px; } .info-about-us .some-links .link-inf-about { margin-bottom: 10px; } .info-about-us .some-links li { position: relative; margin-left: 20px; color: #3db39e; line-height: 12px; } .info-about-us .some-links li:before { position: relative; top: 11px; left: -20px; display: inline-block; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 15px; background-color: #3db39e; content: ""; } .info-about-us .social-icons { margin-top: 25px; } .info-about-us .social-icons li { display: inline-block; padding-left: 5px; padding-right: 5px; } .info-about-us .social-icons li .fa { color: #fff; font-size: 24px; display: block; height: 24px; } .info-about-us .social-icons li .fa-linkedin {background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/lk-ico.png"); width: 19px;} .info-about-us .social-icons li .fa-facebook {background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/fb-ico.png"); width: 11px;} .info-about-us .social-icons li .fa-vk {background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/vk-ico.png"); width: 24px;} .info-about-us .social-icons li .fa-instagram {background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/in-ico.png"); width: 24px;} .info-about-us .social-icons li .fa-youtube {background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/yt-ico.png"); width: 17px;} .info-about-us .social-icons li .fa-flickr {background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/fl-ico.png"); width: 24px;} .info-about-us .social-icons li .fa-twitter {background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/tw-ico.png"); width: 14px;} .info-about-us .social-icons li .fa-odnoklassniki {background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/od-ico.png"); width: 14px;} .info-about-us .social-icons li .ustart { position: relative; left: -6px; background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/ustart-ico.png"); padding: 11px 13px; background-repeat: no-repeat; } .info-about-us .social-icons li .viber { position: relative; left: -6px; top: -4px; background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/viber-ico.png"); padding: 4px 13px; background-repeat: no-repeat; background-size: 100% 100%; } .info-about-us .our-city { color: #fff; font-size: 20px; } .info-about-us .time-table { color: #fff; font-size: 14px; margin-bottom: 4px; } .info-about-us .numbs { margin-top: 10px; } .info-about-us .numbs .numb { position: relative; margin-left: 16px; } .info-about-us .numbs .numb:before { position: absolute; top: 9px; left: -16px; display: inline-block; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 15px; background-color: #3db39e; content: ""; } .info-about-us .numbs .numb p { font-size: 14px; color: #fff; } .info-about-us .adress { margin-top: 35px; } .info-about-us .adress.other_city { margin-top: 15px; margin-bottom: 35px; } .info-about-us .adress .link { color: #fff; display: block; margin-bottom: 15px; padding: 0px !important; text-transform: capitalize; font-weight: 400;} .info-about-us .adress .link:nth-child(2) { text-transform: uppercase; } .info-about-us .adress li { position: relative; padding-left: 16px; } .info-about-us .adress li:before { position: absolute; top: 7px; left: 0px; display: inline-block; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 15px; background-color: #3db39e; content: ""; } .info-about-us .city-city { color: #fff; font-size: 20px; margin-top: 70px; } .info-about-us .numbs2 { font-size: 14px; color: #fff; position: relative; margin-left: 15px; margin-bottom: 0px; } .info-about-us .numbs2 .number { position: relative; } .info-about-us .numbs2 .number:before { position: absolute; top: 9px; left: -16px; display: inline-block; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 15px; background-color: #3db39e; content: ""; } .info-about-us .numbs1 .number { font-size: 18px; color: #fff; position: relative; margin-left: 15px; margin-bottom: 35px; } .info-about-us .numbs1 .number:before { position: absolute; top: 9px; left: -16px; display: inline-block; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 15px; background-color: #3db39e; content: ""; } .info-about-us .numbs1 .link { color: #fff; display: block; margin-bottom: 28px; margin-left: 15px; } .info-about-us .numbs1 .link-li { position: relative; } .info-about-us .numbs1 .link-li:before { position: absolute; top: 7px; left: -2px; display: inline-block; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 15px; background-color: #3db39e; content: ""; } .info-about-us .city-city2 { color: #fff; font-size: 20px; } .info-about-us .adress-again .link { color: #fff; display: block; margin-bottom: 15px; } .info-about-us .adress-again .link-li { position: relative; margin-left: 15px; } .info-about-us .adress-again .link-li:before { position: absolute; top: 7px; left: -16px; display: inline-block; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 15px; background-color: #3db39e; content: ""; } .info-about-us .our-words-to-you { color: #fff; font-style: italic; margin-top: 30px; } .info-about-us .link_contacts { color: #fff; } .info-about-us.contacts-page { background-size: auto 122%; /*background-size: cover;*/ background-position: 50% 2%; } .info-about-us.contacts-page h1 { padding: 0 0 15px; text-align: center; color: #fff; font-size: 24px; text-transform: uppercase; font-weight: 700; } .info-about-us.page-contacts, .our-courses.page-team { background: #fff; padding-top: 40px; } .our-courses.page-contacts { padding-top: 55px; } .our-courses.page-team { background: url('/images/team/team-bg.png') 50% 100% no-repeat #f6f6f6; padding-top: 40px; padding-bottom: 530px; position: relative; overflow-x: hidden; } @media only screen and (max-width: 992px) { } @media only screen and (max-width: 768px) { .our-courses.page-team { padding-bottom: 300px; background-size: 190% auto; } } @media only screen and (max-width: 768px) { .our-courses.page-team { padding-bottom: 300px; } } @media only screen and (max-width: 490px) { .your-kids-future { width: 320px; margin-left: auto; margin-right: auto; } } .our-courses.page-team .title_category { margin: 30px 0px 0px; } .our-courses.page-contacts .ok_courses_mess, .our-courses.page-contacts .error_courses_mess{ display: none; } .our-courses.page-contacts .col-md-12 { margin-bottom: 30px; } .info-about-us.page-contacts .pr-text, .info-about-us.page-contacts .write-us, .info-about-us.page-contacts .numbs .numb p, .info-about-us.page-contacts .our-city, .info-about-us.page-contacts .time-table, .info-about-us.page-contacts .adress .link, .info-about-us.page-contacts .numbs2 .number p, .info-about-us.page-contacts .city-city, .info-about-us.page-contacts .city-city2, .info-about-us.page-contacts .link_contacts { color: #000; } .info-about-us.page-contacts .social-icons { background: #999; padding: 10px 0px 10px 10px; } .any-questions { margin-top: 40px; } .any-questions .do-u-haveit, .any-questions .contact-us-please { text-align: center; font-size: 16px; margin-bottom: 4px; color: #fff; } .any-questions .your-stuff-inp { max-width: 339px; margin: 0 auto; margin-top: 20px; } .any-questions .your-stuff-inp input, .any-questions .your-stuff-inp textarea { display: block; border: 1px solid gray; background-color: #FFF; padding: 8px 20px; -webkit-border-radius: 15px; border-radius: 15px; color: #000; min-width: 338px; outline: none; margin-bottom: 20px; resize: none; } .any-questions .your-stuff-inp .btn { max-width: 108px; margin: 0 auto; display: block; padding: 8px 20px; -webkit-border-radius: 15px; border-radius: 15px; color: #fff; outline: none; margin-bottom: 20px; font-size: 13px; } .subscribe { background-color: #fff; padding-top: 40px; padding-bottom: 40px; } .subscribe .gif-mails { height: auto; border: 0px solid #576486; width: 300px; } .subscribe .wrapper-gif-mail { text-align: right; } .subscribe .right-block-subscr { margin-top: 20px; } .subscribe .right-block-subscr.en { margin-top: 75px; } .subscribe .right-block-subscr .topic-subscr { font-size: 24px; line-height: 40px; color: #000; font-weight: 700; } .subscribe .btn-subscr { margin-top: 50px; } .subscribe .btn-subscr.en { margin-top: 10px; } .subscribe .btn-subscr button { padding: 8px 16px; font-size: 17px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #586588; border-color: #586588; color: #fff; } .footer { background: #264655; color: #fff; } .footer-link { /* border-bottom: 1px dashed rgba(133, 178, 203, 0.5); */ border-bottom: 1px dashed rgba(255, 255, 255, 0.5); } /* .footer-top .footer-link, */ .footer-phone a { border-bottom: 1px dashed rgba(255, 255, 255, 0.5); } .footer-top { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 40px 0; border-bottom: 1px solid #375d6f; font-size: 14px; } @media (max-width: 1199.9px) { .footer-top__item { flex: 0 0 33.3333%; margin-bottom: 40px; } } @media (max-width: 768px) { .footer-top__item { flex: 0 0 50%; } } @media (max-width: 400px) { .footer-top__item { flex: 0 0 100%; text-align: center; } } .footer-top a { /* color: #85b2cb; */ color: #fff; } .footer-top .footer-link:hover, .footer-top .footer-link:focus, .footer-phone a:hover, .footer-phone a:focus { /* border-bottom: 1px solid #85b2cb; */ border-bottom: 1px solid #fff; text-decoration: none; } .footer-col-title { margin-bottom: 20px; font-weight: 700; font-size: 14px; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 40px 0; } .footer-content.ios { padding: 40px 0 20px; } .footer-content__text { flex: 0 0 66.6666%; padding-right: 40px; font-size: 14px; } .footer-content__text a { color: #ffffff; } .footer-content__text a:hover, .footer-content__text span.license_footer { font-weight: bold; } .footer-social { margin: 0 0 15px; text-align: right; } .footer-social__icon { display: inline-block; width: 35px; height: 35px; margin-right: 15px; margin-bottom: 15px; background: no-repeat 0 0 / 35px 35px; } .footer-social__icon:first-child { margin-left: 0; } .footer-social__icon-linkedin { background-image: url("/images/icon-linkedin.svg"); } .footer-social__icon-fb { background-image: url("/images/icon-facebook.svg"); } .footer-social__icon-vk { background-image: url("/images/icon-vk.svg"); } .footer-social__icon-inst { background-image: url("/images/icon-instagram.svg"); } .footer-social__icon-tg { background-image: url("/images/icon-telegram.svg"); } .footer-social__icon-viber { background-image: url("/images/icon-viber.svg"); } .footer-social__icon-whatsapp { background-image: url("/images/icon-whatsapp.svg"); } .footer-social__icon-yt { background-image: url("/images/icon-youtube.svg"); } .footer-social__icon-dzen { background-image: url("/images/icon-dzen.svg"); } .footer-social__icon-ok { background-image: url("/images/icon-ok.svg"); } .footer-social__icon-vimeo { background-image: url("/images/icon-vimeo.svg"); } .footer-social__icon-ustart { background-image: url("/images/icon-ustart.svg"); } .footer-social__icon-twitter { background-image: url("/images/icon-twitter.svg"); } .footer-social__icon-flickr { background-image: url("/images/icon-flickr.svg"); } .footer-buttons { text-align: right; } .footer-buttons .btn:first-child { margin: 0 0 15px; } .footer .btn { box-sizing: border-box; display: inline-block; height: 50px; margin: 0; padding: 14px 35px; border: 0; text-align: center; font-weight: 700; font-size: 14px; line-height: 22px; background: #00ba9f; box-shadow: 0 4px #009370; border-radius: 27px; color: #fff; cursor: pointer; transition: all .3s; } .footer .btn:hover, .footer .btn:focus { transform: translateY(2px); box-shadow: 0 2px #009370; } .footer .btn-small { height: 38px; padding: 8px 20px; background: #0095b6; box-shadow: 0 4px #00667c; border-radius: 21px; color: #fff; } .footer .btn-small:hover, .footer .btn-small:focus { box-shadow: 0 2px #00667c; } .footer .btn.btn-flat { height: 50px; padding: 14px 20px; transform: none; box-shadow: none; } .footer .footer-buttons__chat { background: #375d6f; color: #8cb3c6; } .footer-top .btn-small { margin-top: 15px; } .btn__icon-speech { display: inline-block; width: 28px; height: 24px; margin: -1px 0 -1px 1.2em; vertical-align: middle; background: url("/local/templates/coddy_en/css/../img/icon-speech-bubble.svg") no-repeat 0 0 / contain; } .footer-bottom { font-size: 14px; background: #385d6f; color: #96bed1; } .footer-bottom a { color: inherit; border-bottom-color: rgba(255, 255, 255, 0.5) } .footer-bottom .footer-link:hover, .footer-bottom .footer-link:focus { border-bottom: 1px solid #fff; text-decoration: none; } .footer-bottom__wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 42px 0; } .footer-copyright { margin: 0; } .footer-menu { list-style: none; margin: 0; } .footer-menu li { display: inline-block; } .footer-menu li::before { content: "/"; padding: 0 10px; } .footer-menu li:first-child:before { content: none; } @media (max-width: 1199.9px) { .footer-content__text { flex: 0 0 60%; padding-right: 30px; } } @media (max-width: 991.9px) { .footer-content__text { flex: 0 0 50%; } } @media (max-width: 768px) { .footer-content__text { flex: 0 0 100%; margin-bottom: 40px; padding: 0; } .footer-social, .footer-buttons { text-align: left; } .footer-copyright { margin-bottom: 15px; } .footer-content.ios { padding: 40px 0 10px; } .apple-business-chat-banner-container { width: 270px !important; margin: auto; display: table } } @media (max-width: 400px) { .footer-social__icon { width: 32px; height: 32px; margin-left: 0; margin-right: 14px; background-size: 32px 32px; } .footer-social__icon:last-child { margin-right: 0; } .footer-menu li::before { content: none; } } @media (max-width: 400px) { .footer-social__icon { width: 32px; height: 32px; margin-left: 0; margin-right: 14px; background-size: 32px 32px; } .footer-social__icon:last-child { margin-right: 0; } .footer-menu li::before { content: none; } } @media (max-width: 359px) { .footer-social { display: flex; justify-content: space-between; margin-bottom: 40px; } .footer-social__icon { width: 30px; height: 30px; background-size: 30px 30px; } .footer .btn { padding-left: 20px; padding-right: 20px; } } .main-head { background-color: #2b4554; padding: 15px 0; width: 100%; z-index: 2000; } .main-head-block { position: relative; z-index: 10; } .main-head-block.fixed .main-head { top: -2px; } .main-head-block.fixed { position: fixed !important; top: 0 !important; width: 100%; z-index: 232; transition: margin 0s linear; margin-top: -130px; } @media only screen and (max-width: 992px) { .main-head-block.fixed { z-index: 228; } } .main-head.bottom { top: auto !important; bottom: 0; position: absolute !important; } .main-site-logo { padding-top: 5px; } .main-site-nav { text-align: right; padding-top: 4px; } .main-site-nav ul { padding-top: 10px; margin-bottom:7px; font-size: 0; } .main-site-nav li { display: inline-block; vertical-align: middle; padding-left: 8px; padding-right: 8px; } .main-site-nav li .link, .main-site-nav li .link-out { color: #fff; font-size: 14px; font-weight: 400; text-transform: uppercase; text-decoration: none; } .main-site-nav li .link:hover, .main-site-nav li .link-out:hover { color: #fff; } .main-site-nav li .fa { margin-left: 20px; color: #fff; font-size: 20px; } .toggle-mnu { display: block; width: 28px; height: 28px; margin-top: 4px; } .toggle-mnu span:after, .toggle-mnu span:before { content: ""; position: absolute; left: 0; top: 9px; } .toggle-mnu span:after { top: 18px; } .toggle-mnu span { position: relative; display: block; } .toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before { width: 100%; height: 3px; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 1px; border-radius: 1px; } .toggle-mnu.on span { background-color: transparent; } .toggle-mnu.on span:before { -webkit-transform: rotate(45deg) translate(-1px, 0px); -ms-transform: rotate(45deg) translate(-1px, 0px); transform: rotate(45deg) translate(-1px, 0px); } .toggle-mnu.on span:after { -webkit-transform: rotate(-45deg) translate(6px, -7px); -ms-transform: rotate(-45deg) translate(6px, -7px); transform: rotate(-45deg) translate(6px, -7px); }.toggle-mnu { display: block; width: 28px; height: 28px; margin-top: 4px; } .toggle-mnu span:after, .toggle-mnu span:before { content: ""; position: absolute; left: 0; top: 9px; } .toggle-mnu span:after { top: 18px; } .toggle-mnu span { position: relative; display: block; } .toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before { width: 100%; height: 3px; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 1px; border-radius: 1px; } .toggle-mnu.on span { background-color: transparent; } .toggle-mnu.on span:before { -webkit-transform: rotate(45deg) translate(-1px, 0px); -ms-transform: rotate(45deg) translate(-1px, 0px); transform: rotate(45deg) translate(-1px, 0px); } .toggle-mnu.on span:after { -webkit-transform: rotate(-45deg) translate(6px, -7px); -ms-transform: rotate(-45deg) translate(6px, -7px); transform: rotate(-45deg) translate(6px, -7px); }.toggle-mnu { display: block; width: 28px; height: 28px; margin-top: 4px; } .toggle-mnu span:after, .toggle-mnu span:before { content: ""; position: absolute; left: 0; top: 9px; } .toggle-mnu span:after { top: 18px; } .toggle-mnu span { position: relative; display: block; } .toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before { width: 100%; height: 3px; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 1px; border-radius: 1px; } .toggle-mnu.on span { background-color: transparent; } .toggle-mnu.on span:before { -webkit-transform: rotate(45deg) translate(-1px, 0px); -ms-transform: rotate(45deg) translate(-1px, 0px); transform: rotate(45deg) translate(-1px, 0px); } .toggle-mnu.on span:after { -webkit-transform: rotate(-45deg) translate(6px, -7px); -ms-transform: rotate(-45deg) translate(6px, -7px); transform: rotate(-45deg) translate(6px, -7px); } .mobile-nav { float: right; } .mobile-nav-menu .mobile-nav { margin-top: 6px; margin-right: 20px; } @media (max-width: 767px) { .mobile-nav.mobile-nav-header { margin-top: 5px; } } .mobile-nav-menu { position: relative; top: 26px; z-index: 1030; } .mobile-nav-menu__list-wrapper { min-height: 100vh; } .mobile-nav-menu__title-header { display: none; margin: 0 20px; padding: 6px 0 25px; border-bottom: 1px solid #556a76; text-align: center; font-weight: 700; font-size: 20px; color: #fff; text-transform: uppercase; } .mobile-nav-menu__back { /*display: inline-block;*/ float: left; width: 26px; height: 22px; margin: 2px 0 0; background: url("/images/arrow-back.png") no-repeat 0 0; cursor: pointer; } .mobile-nav-menu .drop-down { padding: 0 20px; } .mobile-nav-menu .drop-down li { display: block; } .mobile-nav-menu > ul > .drop-down { /*display: none;*/ } .mobile-nav-menu .link { display: block; padding: 15px 25px; border-top: 1px solid #e0e0e0; color: #fff; font-size: 13px; text-align: left; text-decoration: none; text-transform: uppercase; outline: none; } .mobile-nav-menu .link-out { text-decoration: none; outline: none; color: #fff; text-align: left; font-size: 13px; text-transform: uppercase; padding: 15px 25px; display: block; border-top: 1px solid #556a76; } .head-img { position: relative; width: 100%; height: 400px; overflow: hidden; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: auto 100%; margin-top: 0px; } .head-img:hover { transition: all 4s linear 0s; } .head-img img { height: 100%; position: relative; top: 0px; left: calc(50% - 1097px); display: none; } .head-img canvas { position: absolute; top: 0; left: 0; } .after-topic { margin-bottom: 25px; } .after-topic img { max-width: 100%; } .container-news { padding: 0px 20px 30px; } .design-thoughts { padding: 20px 0px 30px 0px; } .design-thoughts ul, .design-thoughts ol{ margin-left: 35px; } .design-thoughts.team-page { padding-bottom: 430px; background: url('/images/team/item-team-bg.png') 100% 100% no-repeat #f6f6f6; } .design-thoughts.team-page .after-topic b, .design-thoughts.team-page .after-topic strong, .design-thoughts.team-page .after-topic .title-topic-h2 { color: #3db39e; display: block; margin-top: 15px; font-weight: 700; } .text-topic-italic { font-style: italic; } .text-topic-bold { font-weight: bold; } .design-thoughts.team-page .after-topic br { display: none; } .design-thoughts .after-topic .thoughts2, .design-thoughts .after-topic .thoughts3, .design-thoughts .after-topic .thoughts5 { font-size: 15px; color: #000; line-height: 25px; } .design-thoughts .after-topic .thoughts4 { margin-left: 20px; } .design-thoughts .after-topic .thoughts4 li { font-size: 15px; color: #000; line-height: 25px; list-style-type: disc; } .design-thoughts.team-page .after-topic .prepod { float: right; margin: -60px 15px 15px 35px; } .design-thoughts.team-page .link { margin: 30px 0px 0px; background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; display: inline-block; } .design-thoughts.team-page .link:hover { top: 3px; -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } .design-thoughts.team-page .top-part { display: block; } @media only screen and (max-width: 767px) { .design-thoughts.team-page .topic .thoughts { margin-top: 220px; } .design-thoughts.team-page .after-topic .prepod { float: none; margin: -270px auto 70px; width: 200px; } } @media only screen and (max-width: 600px) { .design-thoughts.team-page { padding-bottom: 30px; background: #f6f6f6; } .design-thoughts.team-page .link { display: table; text-align: center; margin: 30px auto 0px; } } .block-wrapper-groups .center-btn .link.link2.regi-a { max-width: 334px; } .design-thoughts.news .after-topic img { max-width: 100%; } .block-wrapper-groups { background-color: #f7f7f7; padding: 10px 20px 20px; margin: 0px 0px 10px;} .block-wrapper-groups.news { background: none; padding: 0px 0px 0px; margin: 0px 0px 0px;} .block-wrapper-groups .topic { font-weight: bold; color: #000; font-size: 15px; margin-bottom: 0px; } .block-wrapper-groups .topic.mt2 { margin-top: 20px; } .block-wrapper-groups .after-topic { font-size: 14px; color: #000; } .block-wrapper-groups .after-topic { font-size: 14px; color: #000; } .block-wrapper-groups .after-title, .block-wrapper-groups .el_month .name_month { font-size: 14px; font-weight: 600; text-transform: uppercase; text-align: center; display: block; margin: 20px 0px 0px; } .block-wrapper-groups .el_month { margin: 0px 0px 0px; } .block-wrapper-groups .two-links { margin-top: 20px; } .block-wrapper-groups .two-links .link { font-size: 14px; text-decoration: none; outline: none; color: #526589; border-bottom: 1px solid #b1b7c5; } .btn-blue-color { width: 100%; max-width: 334px; display: block; text-align: center; color: #fff; text-transform: uppercase; font-size: 14px; -webkit-border-radius: 20px; border-radius: 20px; padding: 14px 20px; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgb(72,90,127); -webkit-box-shadow: 0 5px 0 #2c3649; box-shadow: 0 5px 0 #2c3649; cursor: pointer; } .btn-blue-color:hover { -webkit-box-shadow: 0 0px 0 #2c3649; box-shadow: 0 0px 0 #2c3649; } .course-programm { font-weight: bold; font-size: 22px; color: #000; margin-top: 0px; } .course-programm h2 { text-align: center; font-size: 24px; line-height: 30px; font-weight: 700; padding: 0px 0px 0px; margin-bottom: 50px; margin-top: 0px; } .design-thoughts.team-page .inside-block .top-part { position: relative; } .our-courses.page-team .text_top_team { max-width: 550px; margin: auto; text-align: center; color: #2b4554; } .our-courses.page-team .inside-block .top-part .name-and-stuff { text-align: center; margin-top: 8px; } .inside-block .top-part .name-and-stuff .name { font-size: 15px; font-weight: bold; margin-bottom: 3px; text-transform: uppercase; } .inside-block .top-part .name-and-stuff .name a { color: #2b4554; } .inside-block .top-part .name-and-stuff .who { font-size: 14px; color: #2b4554; margin: 0px; min-height: 80px; height: auto; line-height: 18px; } .our-courses.page-team .inside-block .top-part .imgs { border-radius: 50%; padding: 30px; width: 290px; height: 290px; margin: 20px auto 0px; position: relative; } .inside-block .top-part .imgs img { -webkit-border-radius: 50%; border-radius: 50%; margin-right: 10px; } .our-courses.page-team .inside-block .top-part .imgs img { width: 100%; height: 100%; margin-right: 0px; } .our-courses.page-team .inside-block .top-part .imgs img.team_img { max-width: 260px; max-height: 260px; border: 15px solid #fdfdfd; box-shadow: 0px 0px 0px 15px #fbfbfb; } .our-courses.page-team .inside-block .top-part .imgs .arrow { background: url('/images/team/arrow.png') 50% 50% no-repeat #fff; width: 55px; height: 55px; border-radius: 100%; box-shadow: 1px 1px 13px 0px rgba(0,0,0,0.13); position: absolute; top: 200px; left: 225px; } .our-courses.page-team .inside-block .top-part .imgs:hover { overflow: hidden; padding: 45px; } .our-courses.page-team .inside-block .top-part .imgs:hover .arrow { display: none; } .our-courses.page-team .inside-block .top-part .imgs:hover img.team_img { max-width: 230px; max-height: 230px; transition: all .4s cubic-bezier(.37,.26,.35,1); transition: border 0s linear; animation: circleAn 4s infinite; border: 0px solid rgba(4,147,180,1); } @keyframes circleAn { 0% { box-shadow: 0px 10px 10px -25px rgba(0,0,0,0.6), 0px 0px 0px 0px rgba(4,147,180,1), 0px 0px 0px 0px rgba(4,147,180,.7), 0px 0px 0px 0px rgba(4,147,180,.5); } 100% { box-shadow: 0px 10px 10px -25px rgba(0,0,0,0.6), 0px 0px 0px 20px rgba(4,147,180,0), 0px 0px 0px 500px rgba(4,147,180,0), 0px 0px 0px 100px rgba(4,147,180,0); } } .inside-block .links { margin-top: 15px; } .inside-block .links a { font-size: 13px; color: #526589; border-bottom: 1px solid #b1b7c5; line-height: 16px; } .mt-srow-special { margin-top: 40px; } .new-page-slide { margin-top: 0px; background-color: #f7f7f7; } .new-page-slide h2 { text-align: center; font-size: 24px; line-height: 30px; font-weight: 700; padding: 30px 0px 0px; margin-top: 0px; } .new-page-slide .owl-item .slide { width: 100%; height: 200px; overflow: hidden; position: relative; } .new-page-slide .owl-item .slide img { min-height: 200px; cursor: pointer; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; } .actual-bg { background-color: #f7f7f7; padding: 0px 0px 60px; } .actually-slider .owl-nav { position: relative; color: #bdbdbe; font-size: 50px; width: 100%; bottom: -43px; max-width: 140px; margin: 0 auto; } .actually-slider .owl-nav div { cursor: pointer; z-index: 50; position: absolute; bottom: -40px; } .actually-slider .owl-nav .owl-prev { left: 10px; -webkit-transition: all .5s ease; transition: all .5s ease; display: block; width: 0; height: 0; } .actually-slider .owl-nav .owl-prev:hover { -webkit-transition: all .5s ease; transition: all .5s ease; } .actually-slider .owl-nav .owl-next { right: 10px; -webkit-transition: all .5s ease; transition: all .5s ease; display: block; width: 0; height: 0; } .actually-slider .owl-nav .owl-next:hover { -webkit-transition: all .5s ease; transition: all .5s ease; } .num { position: relative; bottom: 38px; left: 0; max-width: 70px; margin: -7px auto; text-align: center; z-index: 1; } .col-md-3 { width: 25%; } .rocket-block { right: 0; position: absolute; opacity: 0; -webkit-transition: .5s ease; transition: .5s ease; } .rocket-block:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .rocket-block.fixed { position: fixed; bottom: 150px; right: 16px; opacity: 1; -webkit-transition: .5s ease; transition: .5s ease; z-index: 1010; } .rocket-block.bottom { top: auto; bottom: 0; position: absolute; } .rocket-block .back-to-top { display: block; background-image: url("/local/templates/coddy_en/css/../img/rocket.png"); background-repeat: no-repeat; padding: 28px 26px; background-position: center; text-decoration: none;} .rocket-block .back-to-top a { text-decoration: none !important; text-decoration: none; } .rocket-block .back-to-top p { transform: rotate(-90deg); color: #eee; position: relative; top: 70px; text-decoration: none !important; } .foot-text-left .cp-2 { margin-top: 20px; line-height: 25px; } .bottom-face-foot img, .block-vk-foot img { cursor: pointer; } /*========== Desktop First Method ==========*/ @media only screen and (max-width: 6200px) { .mobile-nav-menu { display: none; } .moon-sect .partners-mobile { display: none; } .mobile-blue { display: none; } .moon-sect .partners-mobile2 { display: none; } .language-ico { display: none; } } @media only screen and (max-width: 1630px) { .wrapper-sect-inside .block-left-gif img { width: 100%; height: auto; max-width: 617px; } .wrapper-sect-inside .block-right-text { padding-bottom: 40px; } } @media only screen and (max-width: 1400px) { .about-sub-container { padding-left: 15px; padding-right: 15px; } .wrapper-close { max-width: 1010px; margin: 0 auto; } .moon-sect .partners li img { width: 126px; height: 45px; } .moon-sect { background-position: center 0px; } .numbers .numb-wrapper { max-width: 900px; } .our-school .container { width: 970px; } .wrapper-imga-kids img { width: 100%; height: auto; } } @media only screen and (max-width: 1360px) { .what-we-teach .we-teach-topic .click-to-img { margin: 0 auto; } } @media only screen and (max-width: 1300px) { .portfolio-items { max-width: 939px; margin: 0 auto; margin-top: 35px; } } @media only screen and (max-width: 1270px) { .wrapper-sect-inside .block-left-gif img { max-width: 500px; } } /* Large Devices, Wide Screens */ @media only screen and (max-width: 1200px) { .what-we-teach .we-teach-topic .click-to-img img { width: 100%; height: auto; } .moon-sect .partners li img { width: 126px; height: 45px; } .slider-main .comment { max-width: 600px; margin: 0 auto; line-height: 25px; } .slider-main .comment:before { top: -0.3125em; left: -0.9375em; } .wrapper-imga-kids img { width: 100%; height: auto; } .moon-sect { background-position: center -10px; } .numbers .numb-wrapper { max-width: 840px; } .info-about-us .social-icons li.last-two { margin-top: 10px; } .bottom-face-foot img, .block-vk-foot img { width: 100%; height: auto; } .main-site-nav { margin-right: 0px; } .wrapper-sect-inside .block-left-gif img { max-width: 480px; } .our-team-subsect { max-width: 900px; margin-left: auto; margin-right: auto; } .our-team-subsect .our-team-slider { max-width: 790px; margin: 0 auto; } } /* Medium Devices, Desktops */ @media only screen and (max-width: 992px) { .video-block { padding-top: 33px; } .wrapper-sect-inside { display: block; } .wrapper-sect-inside .block-left-gif { width: 100%; } .wrapper-sect-inside .block-right-text { width: 100%; padding-left: 20px; padding-right: 20px; } .wrapper-sect-inside .text-about-coddy { margin: 0 auto; } .leave-review .cards-block { text-align: center; margin-right: 0px; } .leave-review .topic-card { margin: 0 auto; margin-top: 25px; text-align: center; } .leave-review .after-topic-card-text { text-align: center; } .center-btn { text-align: center; } .certificates .wrapper-present img { width: 100%; height: auto; } .certificates .wrapper-present .any-taste { margin-right: 20px; } .wrapper-imga-kids { text-align: center; } .moon-sect .partners li img { width: 87px; height: 31px; } .our-team-subsect .our-team-slider .owl-nav .owl-next { right: -15px; } .ta-center { text-align: center; } .any-questions .your-stuff-inp { max-width: 340px; } .subscribe .wrapper-gif-mail { text-align: center; } .subscribe .right-block-subscr { text-align: center; } .desc-nav { display: none; } .inside-block { margin-top: 40px; } .course-programm p { margin-bottom: 0px; } .course-programm { margin-top: 40px; } .wrapper-sect-inside .text-about-coddy { padding-right: 0px; } .leave-review .after-topic-card-text { padding-right: 0px; } .wrapper-imga-kids img { max-width: 400px; } .info-about-us .social-icons li.last-three { margin-top: 10px; } .dn-for-992 { display: none; } .about-sub-container { padding-left: 0px; padding-right: 0px; } .our-school .container { width: 750px; } .wrapper-sect-inside .block-left-gif img { max-width: none; } .language-ico { display: block; padding:3px 8px; } .language-ico .fa { margin-left: 20px; color: #fff; font-size: 20px; padding-top: 10px; margin-right: 20px; } .main-site-nav { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } /* Large Devices, Wide Screens */ @media only screen and (max-width: 787px) { /**/ } /* Small Devices, Tablets */ @media only screen and (max-width: 768px) { .wanna-be-better { padding-top: 20px; } .wrapper-imga-kids img { max-width: 300px; } .info-about-us { padding-top: 60px; } .info-about-us .numbs .numb:before { content: none; } .info-about-us .numbs .numb:before { content: none; } .info-about-us .adress li:before { content: none; } .info-about-us .numbs1 .number:before { content: none; } .info-about-us .numbs1 .link-li:before { content: none; } .info-about-us .numbs2:before { content: none; } .info-about-us .adress-again .link-li:before { content: none; } .any-questions { padding-left: 60px; padding-right: 60px; } .info-about-us .social-icons li.last-three { margin-top: 0px; } .info-about-us .social-icons li.last-two { margin-top: 0px; } .rocket-block { display: none; } .foot-text-left { text-align: left; } .moon-sect .partners li { display: block; } .moon-sect .partners li img { width: 203px; height: 73px; } .moon-sect .partners .mt-for-li { margin-top: 35px; } .info-about-us .some-links li:before { display: none; } .info-about-us .some-links li { margin-left: 0px; } #accordion .panel-heading a { line-height: 22px; } .our-school {display: none;} .our-school .col-md-6 { padding-left: 30px; padding-right: 30px; } .leave-review { margin-top: 5px; margin-bottom: 0px; padding-bottom: 50px; padding-top: 80px; } .our-school { padding-bottom: 0px; } .our-school .container { width: auto; } .moon-sect .partners-mobile { display: block; } .moon-sect { padding-top: 40px; } .wanna-be-better { padding-top: 0px; padding-bottom: 100px; } .mobile-blue { display: block; } .mobile-blue p { font-size: 18px; color: #fff; } .dn-for-768 { display: none; } } @media only screen and (max-width: 767px) { .bottom-face-foot, .block-vk-foot { text-align: center; } .bottom-face-foot img, .block-vk-foot img { width: inherit; height: auto; } .tac-768 { text-align: center; padding-left: 60px; padding-right: 60px; } .inside-block { max-width: 340px; margin: 0 auto 30px; } .course-programm p { text-align: center; margin-bottom: 20px; } .block-vk-foot { margin-top: 20px; } } @media only screen and (max-width: 765px) { #rocket-top .col-xs-12 { width: 100%; } } @media only screen and (max-width: 700px) { .video-block { background-image: none; } .moon-sect .partners li { margin: 20px 0px; } .moon-sect .partners ul { margin-bottom: 0px; } .our-team-subsect .our-team-slider .owl-nav .owl-next { right: 10px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 670px) { .certificates .wrapper-present { display: block; max-width: 312px; } .certificates .wrapper-present .any-taste { margin-right: 0px; margin-bottom: 40px; } .certificates .with-certificate-block .wrapper-inside-cerf-block { display: block; } .certificates .with-certificate-block .wrapper-inside-cerf-block .topic { text-align: center; } .certificates .with-certificate-block .wrapper-inside-cerf-block .under-topic { text-align: center; } } @media only screen and (max-width: 630px) { .subsect-btns .years-btns ul .list { display: block; margin-top: 10px; } .moon-sect .partners ul { max-width: 376px; margin: 0 auto; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 600px) { .video-block .link-play { top: 31%; left: 39%; } .wrapper-imga-kids img { width: 100%; height: auto; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 530px) { .moon-sect .partners-mobile ul li img { width: 90px; height: 32px; } } @media only screen and (max-width: 520px) { .any-questions .your-stuff-inp { max-width: 100%; } .any-questions { padding-left: 0px; padding-right: 0px; } .carousel-slides .slide { padding: 0 0px !important; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 768px) { .portfolio-items .custom-pd { /*padding: 20px 20px 0; margin-bottom: 0px; */ } .portfolio-items.mt-custon { margin-top: 0px; } .col-xs-w100 { width: 92%; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .video-block .link-play img { width: 60px; height: 60px; } .tac-768 { padding-left: 20px; padding-right: 20px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 420px) { .leave-review .cards-block img { width: 100%; height: auto; } .any-questions .your-stuff-inp input, .any-questions .your-stuff-inp textarea { min-width: inherit; width: 100%; } .our-team-subsect .our-team-about-text { margin-top: 10px; } .bottom-face-foot img, .block-vk-foot img { width: 100%; height: auto; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 400px) { .moon-sect .partners-mobile2 { display: block; } .moon-sect .partners-mobile2 ul { text-align: center; margin: 0; } .moon-sect .partners-mobile2 li { display: inline-block; margin-top: 35px; padding-left: 15px; padding-right: 15px; } .moon-sect .partners-mobile2 li img { width: 90px; height: 32px; } .moon-sect .partners-mobile { display: none; } } /* Custom, iPhone Retina */ @media only screen and (max-width: 390px) { .info-about-us .social-icons li.last-two { margin-top: 10px; } } /* Custom, iPhone Retina */ @media only screen and (max-width: 330px) { .our-team-subsect .our-team-slider .owl-nav .owl-prev { left: 0px; } .our-team-subsect .our-team-slider .owl-nav .owl-next { right: 0px; } } /* Custom, iPhone Retina */ @media only screen and (max-width: 320px) { /**/ } /* Custom, iPhone Retina */ @media only screen and (max-width: 310px) { /**/ } /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) { /**/ } /* Extra Small Devices, Phones */ @media only screen and (min-width: 480px) { /**/ } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) { /**/ } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) { /**/ } /* Large Devices, Wide Screens */ @media only screen and (min-width: 1200px) { /**/ } @media only screen and (min-width: 640px) { .portfolio-items .b-portfolio { flex: 0 0 50%; } } @media only screen and (max-width: 640px) { .portfolio-items .item-overlay { display:none; } .portfolio-items .item { cursor:pointer; } } @media only screen and (min-width: 992px) { .portfolio-items .b-portfolio { flex: 0 0 33%; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .b-course__icon { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (min-width: 1350px) { .b-course__title { text-align: left; } .b-course__icon { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /*NEW*/ .schedule-button a.link, .make-a-review .center-btn a.link, .leave-review .center-btn a.link, .certificates .wrapper-btn-green .order-a-cerf, .your-stuff-inp #submit_comment, a.link, .button_submit { text-decoration: none; text-transform: uppercase; text-align: center; cursor: pointer; -webkit-border-radius: 2em; border-radius: 2em; font-size: 14px; padding: 14px 20px !important; margin: 0; position: relative; top: 0px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; font-weight: 700; } .schedule-button a.link.primary, a.link.primary { background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; } .schedule-button a.link.primary:hover, a.link.primary:hover { -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } .schedule-button a.link.submit, .button_submit { background-color: #0493b4; -webkit-box-shadow: 0 5px 0 #0484ac; box-shadow: 0 5px 0 #0484ac; } .schedule-button a.link.submit:hover, .button_submit:hover { top: 3px; -webkit-box-shadow: 0 2px 0 #0484ac; box-shadow: 0 2px 0 #0484ac; } .make-a-review .center-btn a.link { background-color: #FFF; color: #2c485d; -webkit-box-shadow: 0 5px 0 #999999; box-shadow: 0 5px 0 #999999; } .make-a-review .center-btn a.link:hover { -webkit-box-shadow: 0 2px 0 #999999; box-shadow: 0 2px 0 #999999; } .leave-review .center-btn a.link { background-color: #3e4f71; -webkit-box-shadow: 0 5px 0 #2c3649; box-shadow: 0 5px 0 #2c3649; } .leave-review .center-btn a.link:hover { -webkit-box-shadow: 0 2px 0 #2c3649; box-shadow: 0 2px 0 #2c3649; } .certificates .wrapper-btn-green { background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; } .certificates .wrapper-btn-green:hover { -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } .wrapper-btn-blue { background-color: #0493b4; -webkit-box-shadow: 0 5px 0 #0484ac; box-shadow: 0 5px 0 #0484ac; } .wrapper-btn-blue:hover { -webkit-box-shadow: 0 2px 0 #0484ac; box-shadow: 0 2px 0 #0484ac; } .your-stuff-inp #submit_comment { background-color: rgb(61,179,158); border: 0px solid #000 !important; -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; max-width: 334px; margin-left: auto; margin-right: auto; display: block; } .your-stuff-inp #submit_comment:hover { -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } @media screen and (max-width: 520px) { .your-stuff-inp #submit_comment { max-width: 100%; } } .moon-sect .topic, .moon-sect .topic a { color: #fff; font-size: 24px; line-height: 40px; font-weight: 700; text-align: center; } .comments-about-us .slide-content-block { display: table-cell; vertical-align: middle; padding: 0px 70px; } .comments-about-us .owl-dots { overflow: hidden !important; } .comments-about-us .owl-dots .owl-dot { display: none; } .comments-about-us .owl-dots-block { position: relative !important; left: 0px; } .members-carousel .slick-list { margin-bottom: 0px !important; } .main-head .col-md-3 { width: 33%; padding-right: 0px; } .main-head .col-md-9 { width: 67%; } .main-site-logo { float: left; } .b-filter.all_courses .btn-filter:after, .b-filter.all_courses .btn-filter span:after, .portfolio-items .hidden_city { display: none !important; } /* Filter styles */ .b-form-search { margin-bottom: 30px; position: relative; } .b-form-search input[type="text"] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 50px; background-color: white; border: 3px solid #0493b4; padding: 12px 22px; -webkit-border-radius: 20px; border-radius: 20px; } .b-form-search button[type="submit"] { position: absolute; right: 14px; top: 50%; margin-top: -13px; width: 24px; height: 25px; background: url("/bitrix/templates/coddy/components/bitrix/news.list/courses_list_new/images/btn-search.png") no-repeat; cursor: pointer; padding: 0; border: none; font-size: 18px; font-weight: 700; } .b-form-search input[type="text"]::-moz-placeholder { opacity: 1; color: #c0c0c0; font-weight: 700; } .b-form-search input[type="text"]:-ms-input-placeholder { opacity: 1; color: #c0c0c0; font-weight: 700; } .b-form-search input[type="text"]::-webkit-input-placeholder { opacity: 1; color: #c0c0c0; font-weight: 700; } .b-form-search input[type="text"]::-ms-expand { opacity: 1; color: #c0c0c0; font-weight: 700; } .c-filter { position: relative; } .b-filter { margin-bottom: 10px; position: relative; } .b-filter:last-child { margin-bottom: 0; } .btn-filter { cursor: pointer; background-color: #0493b4; text-align: center; font-weight: 700; color: #fff; padding: 14px; font-size: 18px; line-height: 18px; -webkit-border-radius: 20px; border-radius: 20px; box-shadow: 0 -4px 0 2px #0484ac inset; position: relative; } .btn-filter:after { content: ""; position: absolute; left: 50%; top: 100%; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #0494b4 transparent; transition: all .3s; opacity: 0; } .btn-filter span { display: inline-block; vertical-align: top; position: relative; } .btn-filter span:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6.5px 8px 6.5px; border-color: transparent transparent #fff transparent; position: absolute; right: -20px; top: 6px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s; transition: all .3s; } .btn-filter.active { background-color: #0484ac; } .btn-filter.active + .filter-options { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn-filter.active:after { opacity: 1; } .btn-filter.active span:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .filter-options { width: 33.33%; position: absolute; text-align: center; left: 0; right: 0; top: 100%; z-index: 10; transform-origin: top; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .b-filter .filter-options { left: 0px; } .b-filter:nth-child(2n) .filter-options { left: 33.33%; } .b-filter:nth-child(3n) .filter-options { left: 66.33%; } @media screen and (max-width: 1024px) { .b-filter .filter-options { left: 0px !important; width: 100%; } } .filter-options__inside { background-color: #0493b4; -webkit-border-radius: 20px; border-radius: 20px; padding: 5px; margin-top: 9px; } .filter-options ul { list-style: none; padding: 0; margin: 0; } .filter-options ul li a { display: block; color: white; text-decoration: none; font-weight: 700; font-size: 18px; line-height: 24px; padding: 10px 30px; -webkit-border-radius: 16px; border-radius: 16px; -webkit-transition: all .3s; transition: all .3s; } .filter-options ul li a:hover, .filter-options ul li.active a { background-color: #0484ac; } .our-courses .filter-options ul li a { text-align:left; padding: 10px 50px; } /* End Filter styles */ /* End Filter styles */ @media only screen and (min-width: 640px) { } @media only screen and (min-width: 768px) { /* Filter styles */ .c-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .b-filter { flex: 0 0 33.33%; border-left: 1px solid #fff; margin-bottom: 0; position: static; } .header .b-filter { flex: 0 0 100%; } .b-filter:first-child { border-left: none; } .b-filter:first-child .btn-filter { -webkit-border-radius: 2em 0 0 2em; border-radius: 2em 0 0 2em; } .b-filter:last-child .btn-filter { -webkit-border-radius: 0 2em 2em 0; border-radius: 0 2em 2em 0; } .header .b-filter:last-child .btn-filter { -webkit-border-radius: 2em; border-radius: 2em; } .btn-filter { -webkit-border-radius: 0; border-radius: 0; } /*.b-filter:hover .btn-filter:after { opacity: 1; } .b-filter:hover .filter-options { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .b-filter:hover .btn-filter span:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }*/ /* End Filter styles */ } .c-filter.header { float: left; /*display: inline-block !important;*/ margin-left: 25px; } .header .b-filter { min-width: 200px; } .header .b-filter .btn-filter { padding: 9px 35px 17px 17px !important; font-size: 16px !important; } header .filter-options { width: 100%; text-align: center; } .header .filter-options ul li a { font-size: 15px !important; } @media only screen and (max-width: 1199px) { .main-head .col-md-3 { width: 40%; } .main-head .col-md-9 { width: 60%; } } @media only screen and (max-width: 992px) { .main-head .col-md-3 { width: 70%; } .main-head .col-md-9 { width: 30%; } } @media only screen and (max-width: 530px) { .c-filter.header { margin-left: 0px; margin-top: 10px; margin-right: 25px; } } .error_courses_mess { display: none; } .members-carousel .member-desc { padding: 32px 0 5px; } .toggle { position: absolute; margin-left: -9999px; visibility: hidden; width: 10px; dispaly: none; } .toggle + label { display: block; position: relative; cursor: pointer; outline: none; user-select: none; } .switch { margin: 10px 0; position: relative; } input.toggle-round { display: none; } input.toggle-round + label { padding: 2px; width: 80px; height: 40px; border-radius: 40px; position: relative; } input.toggle-round + label:before, input.toggle-round + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; } input.toggle-round + label:before { right: 1px; background-color: #0692b3; border-radius: 40px; transition: background 0.4s; height: 26px; margin-top: 6px; } input.toggle-round + label:after { width: 40px; background-color: #f18225; transition: background 0.4s; border-radius: 100%; transition: margin 0.4s; } input.toggle-round:checked + label:before { background-color: #f18225; } input.toggle-round:checked + label:after { margin-left: 40px; background-color: #0692b3; } .switch .mess_switch { width: 175px; position: absolute; top: 5px; right: 0px; font-weight: bold; font-size: 19px; text-align: right; color: #0692b3; } .switch.active .mess_switch { color: #f18225; } .switch .img_switch { width: 300px; height: 300px; position: absolute; top: -250px; right: -282px; opacity: 1; transition: opacity 0.4s; } .pay-form-block .switch { margin-left: 0px; margin-right: 0px; display: flex; } .pay-form-block .switch .mess_switch { position: relative; width: calc(100% - 100px); text-align: left; color: #252525; font-size: 16px; margin-left: 20px; line-height: 24px; } .pay-form-block input.toggle-round + label { cursor: pointer; } .pay-form-block input.toggle-round + label:after { background-color: #3e4f71; } .pay-form-block input.toggle-round + label:before{ border: 2px solid #0095b6; background-color: rgba(0, 0, 0, 0); } .pay-form-block input.toggle-round:checked + label:before { background-color: #0095b6; } @-webkit-keyframes img_switch { 5% { -webkit-transform: translateX(100px); transform: translateX(100px); } 10% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 20% { -webkit-transform: translateX(80px); transform: translateX(80px); } 30% { -webkit-transform: translateX(-80px); transform: translateX(-80px); } 40% { -webkit-transform: translateX(60px); transform: translateX(60px); } 50% { -webkit-transform: translateX(-60px); transform: translateX(-60px); } 60% { -webkit-transform: translateX(40px); transform: translateX(40px); } 20% { -webkit-transform: translateX(-40px); transform: translateX(-40px); } 80% { -webkit-transform: translateX(20px); transform: translateX(20px); } 90% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes img_switch { 5% { -webkit-transform: translateX(100px); transform: translateX(100px); } 10% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 20% { -webkit-transform: translateX(80px); transform: translateX(80px); } 30% { -webkit-transform: translateX(-80px); transform: translateX(-80px); } 40% { -webkit-transform: translateX(60px); transform: translateX(60px); } 50% { -webkit-transform: translateX(-60px); transform: translateX(-60px); } 60% { -webkit-transform: translateX(40px); transform: translateX(40px); } 20% { -webkit-transform: translateX(-40px); transform: translateX(-40px); } 80% { -webkit-transform: translateX(20px); transform: translateX(20px); } 90% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .switch.active .img_switch { -webkit-animation: img_switch 0.4s ease; animation: img_switch 0.4s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; opacity: 0; } .switch .img_switch img { width: 100%; height: 100%; } @media screen and (max-width: 520px) { .switch .img_switch img { display: none; } } #info-about-us { padding-bottom: 70px; } form .input_checkbox { position: relative; } .cd-user-modal-success.error, .cd-user-modal-success.field_error { color: #ff4242; } .save_cookie.cd-user-modal { background: rgba(52, 54, 66, 0); z-index: 20000000 !important; } .save_cookie.cd-user-modal .cd-user-modal-container { position: fixed; bottom: 0px; width: 100%; max-width: 100%; border-radius: 0em; background: rgba(255, 255, 255, 0.8); margin: 0px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); } .save_cookie.cd-user-modal .cd-user-modal-container .cd-form { text-align: center; padding: 2em 70px; } .save_cookie.cd-user-modal .cd-user-modal-container .cd-close-form { right: 20px; top: 20px; background: url("/bitrix/templates/coddy/img/cd-icon-close-black.svg") no-repeat center center; } #content, .main-foot { overflow: hidden; } @media screen and (max-width: 1279px) { .b-course__title, .b-course__price { font-size: 12px !important; } .b-course .b-course__desc { text-align: left; } } @media screen and (min-width: 1200px) { .owl-carousel .owl-nav .owl-prev { left: 0px; } .owl-carousel .owl-nav .owl-next { right: 0px; } } @media screen and (max-width: 1140px) { #content { width: 100%; overflow: hidden; } } @media screen and (max-width: 992px) { .slider-main .comment, .slider-main .comment-owner { font-size: 16px; } .leave-review .topic-card { margin-bottom: 25px; } .owl-carousel .owl-nav .owl-prev { left: 0px; } .owl-carousel .owl-nav .owl-next { right: 0px; } .header-wrapper { min-height: 77px; } } @media screen and (max-width: 950px) { .lang-text { display: none; } img.lang-key-new { margin-top: 5px; } .slider-main, .partners { padding-top: 30px; } .info-about-us { overflow-x: hidden; } .numbers .numb-wrapper .actual-numb { font-size: 62px; line-height: 62px; } } @media screen and (max-width: 800px) { .numbers .numb-wrapper .actual-numb { font-size: 45px; line-height: 45px; } } @media screen and (max-width: 768px) { section ul li { margin-left: 20px; } .filter-options__inside ul li { margin-left: 0px; } .info-about-us .numbs2 .number:before { background: unset; } .main-site-nav li { margin-left: 0px; list-style: none; } .moon-sect .partners li { display: inline-block !important; } .moon-sect .partners .mt-for-li { margin-top: 0px; } } @media screen and (max-width: 767px) { .owl-carousel .owl-nav .owl-prev { left: 40px; } .owl-carousel .owl-nav .owl-next { right: 40px; } .b-course .b-course__title, .b-course .b-course__price { font-size: 15px; } .what-we-teach { display: none; } } @media screen and (max-width: 745px) { .numbers .numb-wrapper .actual-numb { font-size: 38px; line-height: 38px; } .numbers .numb-wrapper .after-numb-text { margin-top: 0px; } } @media screen and (max-width: 639px) { .owl-carousel .owl-nav .owl-prev { left: 20px; } .owl-carousel .owl-nav .owl-next { right: 20px; } } @media screen and (max-width: 530px) { section.info-about-us ul, section.info-about-us ul li { margin-left: 0px; } .header-wrapper { min-height: 95px; } .c-filter.header { left: 45%; } .slider-main-reviews .owl-nav { display: none; } .slider-main .comment { font-size: 16px; } .comments-about-us .slide-content-block { padding: 0px 0px; } .owl-carousel .owl-nav .owl-prev { left: 10px; } .owl-carousel .owl-nav .owl-next { right: 10px; } .moon-sect { padding-bottom: 0px; } .sumome-share-client-wrapper{ display: none; } } @media screen and (max-width: 520px) { .schedule-button a.link.submit, .schedule-button a.link.primary { width: calc(100% + 110px); max-width: 100vw; display: block; text-align: center; position: relative; left: -55px; font-size: 14px; } .comments-about-us .make-a-review .center-btn a.link { margin: 0 0px 20px; min-width: calc(100% + 0px); width: 100%; } .our-courses .link.primary { width: 100%; display: block; } .schedule-button a.link.submit { margin-top: 15px; } } @media screen and (max-width: 500px) { .schedule-button a.link { font-size: 12px; line-height: 18px; } .sumome-stylebufferbottom-shim, .sumome-share-client-wrapper { display: none !important; } #blinger-launcher-iframe { right: -20px !important; bottom: -20px !important; } .what-we-teach { padding-top: 30px; } .what-we-teach .we-teach-topic .topic { margin-bottom: 30px; background-position: 50% 0%; } .save_cookie.cd-user-modal .cd-user-modal-container .cd-form { padding: 50px 1.4em 1.4em; } .save_cookie.cd-user-modal .cd-user-modal-container .cd-close-form { top: 10px; } } @media screen and (max-width: 450px) { .schedule-button a.link { font-size: 11px; line-height: 16px; margin-right: 10px; } .c-filter.header { left: 40%; } .about-sub-container { margin: 20px 0px !important; } } @media screen and (max-width: 400px) { .c-filter.header { left: 35%; } .any-questions .your-stuff-inp .btn { max-width: 100%; } } @media screen and (max-width: 360px) { .schedule-button a.link { font-size: 11px; line-height: 16px; } .c-filter.header { left: 30%; } .slider-main .comment { font-size: 14px; } .slider-main .comment-owner { font-size: 16px; } .owl-carousel .owl-nav .owl-prev { left: 0px; } .owl-carousel .owl-nav .owl-next { right: 0px; } } /*NEW FAQ*/ .our-school .block_bubbles .item { display: table; width: 170px; height: 170px; background: url('/images/bubbles_bg.png') 0% 0% no-repeat; background-size: cover; float: left; border-radius: 100%; overflow: hidden; position: relative; top: 0px; cursor: pointer; box-shadow: 0px 4px 16px rgba(48, 90, 96, 0.35); margin-bottom: 5px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .our-school .block_bubbles .item:hover { background: url('/images/bubbles_bg_hover.png') 0% 0% no-repeat; background-size: cover; box-shadow: 0px 4px 16px rgba(48, 90, 96, 0.6); } .our-school .block_bubbles .item.active { background: url('/images/bubbles_bg_active.png') 0% 0% no-repeat; background-size: cover; box-shadow: 0px 4px 16px rgba(48, 90, 96, 0.6); } .our-school .block_bubbles .item .title_bubble { color: #fff; display: table-cell; vertical-align: middle; text-align: center; text-transform: uppercase; padding: 10px; font-size: 12px; line-height: 16px; word-break: break-word; } .our-school .block_bubbles .item .desc_bubble { display: none; } .our-school .desktop { display: block; } .our-school .mobile { display: none; } .our-school .block_answer { width: 300px; height: 214px; margin: 30px auto 0px; background: url('/images/bubbles_answer_bg.png') 50% 0% no-repeat; background-size: auto 100%; padding: 0px 30px 30px 27px; display: table; } .our-school .block_answer div.block_middle { width: 100%; height: auto; display: table-cell; vertical-align: middle; } .our-school .block_answer div.block_middle div.block_overflow { width: 100%; max-height: 111px; height: auto; overflow: hidden; } .our-school .block_answer div.block_middle div.block_overflow p, .our-school .block_answer div.block_middle div.block_overflow ul { width: 100%; color: #fff; font-size: 12px; line-height: 16px; text-align: center; padding: 0px; margin: 0px; } .our-school .block_answer div.block_middle div.block_overflow ul { list-style: disc; text-align: left; margin: 5px 0px 5px 20px; width: calc(100% - 20px); } .our-school .block_answer div.block_middle div.block_overflow p a { color: #fff; text-decoration: underline; } .our-school .block_answer div.block_middle div.block_overflow p a:hover { text-decoration: none; } .our-school .block_answer .block_middle .block_overflow .block_text { position: relative; } .our-school .anim_bot { overflow: hidden; height: 355px; } .our-school .anim_bot img { height: 138%; position: relative; left: -90px; top: -95px; } #cd-data-processing { position: fixed; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); } @media screen and (max-width: 500px) { .sumome-stylebufferbottom-shim, .sumome-share-client-wrapper { display: none; } } @media screen and (max-width: 700px) { .our-school .info_block { padding-top: 40px; /*top: -340px;*/ top: -300px; min-height: 235px; overflow: hidden; } .our-school .questions_block { /*top: 260px;*/ top: 300px; padding: 0px 0px 10px 0px; } .our-school .topic-for-school { margin-bottom: 15px; } .our-school .block_bubbles { margin: 0; display: none; } .our-school .block_answer { height: 235px; background-size: 100% 100%; opacity: 0; position: relative; } .our-school .anim_bot { height: 235px; margin-top: -235px; position: relative; display: block; } .our-school .anim_bot img { top: -66px; left: 50%; margin-left: -216px; } .our-school .desktop { display: none; } .our-school .mobile { display: block; } .our-school .block_bubbles .slide-content-block { width: 100%; padding-top: 20px; height: 210px; } .our-school .block_bubbles .slide-content-block .item { margin-left: -80px; left: 50%; } .our-school .block_bubbles.owl-carousel .owl-nav { display: block; } .our-school .block_bubbles.owl-carousel .owl-nav .owl-next, .our-school .block_bubbles.owl-carousel .owl-nav .owl-prev { border-radius: 0px; width: 35px; height: 35px; top: calc(50% - 30px); display: block; } .our-school .block_bubbles.owl-carousel .owl-nav .owl-next { right: 20px; } .our-school .block_bubbles.owl-carousel .owl-nav .owl-prev { left: 20px; } .our-school .block_bubbles .owl-dots { width: 100%; text-align: center; } .our-school .block_bubbles .owl-dots .owl-dot { width: 8px; height: 8px; -webkit-border-radius: 25px; border-radius: 25px; background-color: #d6d6d6; display: inline-block; margin: 0px 5px; cursor: pointer; } .block_bubbles .owl-dots .owl-dot.active { background-color: #3db39e; } .block_bubbles .owl-prev .arrow:after, .block_bubbles .owl-prev .arrow:before, .block_bubbles .owl-next .arrow:after, .block_bubbles .owl-next .arrow:before { background-color: #3db39e; } .block_bubbles .owl-prev .arrow .line, .block_bubbles .owl-next .arrow .line { background-color: #3db39e; } } @media screen and (min-width: 701px) { .our-school .block_bubbles { width: 100%; height: auto; margin: 60px 0px 0px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border: 0px solid #ccc; } @-webkit-keyframes item_switch { 0% { top: 0px; } 25% { top: -12px; } 50% { top: 0px; } 75% { top: -12px; } 100% { top: 0px; } } @keyframes item_switch { 0% { top: 0px; } 25% { top: -12px; } 50% { top: 0px; } 75% { top: -12px; } 100% { top: 0px; } } .our-school .block_bubbles .item:hover { top: -12px; } .block_bubbles .item.active { top: -12px; animation: item_switch 2s infinite ease-out; } .our-school .block_bubbles .item_1 { width: 120px; height: 120px; } .our-school .block_bubbles .item_2 { width: 120px; height: 120px; } .our-school .block_bubbles .item_3 { width: 115px; height: 115px; } .our-school .block_bubbles .item_4 { width: 110px; height: 110px; } .our-school .block_bubbles .item_5 { width: 120px; height: 120px; } .our-school .block_bubbles .item_6 { width: 110px; height: 110px; } .our-school .block_bubbles .item_7 { width: 130px; height: 130px; } .our-school .block_bubbles .item_8 { width: 145px; height: 145px; } .our-school .block_bubbles .item_9 { width: 120px; height: 120px; } .our-school .block_bubbles .item_10 { width: 145px; height: 145px; } .our-school .block_bubbles .item_11 { width: 130px; height: 130px; } .our-school .block_bubbles .item_12 { width: 145px; height: 145px; } .our-school .block_bubbles .item_13 { width: 110px; height: 110px; } .our-school .block_bubbles .item_14 { width: 170px; height: 170px; } .our-school .block_bubbles .item_15 { width: 105px; height: 105px; } .our-school .block_bubbles .item_16 { width: 145px; height: 145px; } .our-school .block_bubbles .item_17 { width: 120px; height: 120px; } .our-school .block_bubbles .item_18 { width: 120px; height: 120px; } .our-school .block_bubbles .item_19 { width: 130px; height: 130px; margin-left: 10px; margin-top: 10px; } .our-school .block_bubbles .item_20 { width: 130px; height: 130px; margin-left: 10px; margin-top: -110px; } } @media screen and (min-width: 701px) and (max-width: 991px) { .our-school .questions_block { } .our-school .info_block { padding-top: 20px; } .our-school .anim_bot { overflow: hidden; height: 235px; position: relative; } .our-school .anim_bot img { height: 138%; position: relative; top: -70px; left: 50%; margin-left: -217px; } .our-school .block_answer { position: relative; } .our-school .desktop { display: none; } .our-school .mobile { display: block; } .our-school .block_bubbles { margin: 20px 0px 0px; } .our-school .block_bubbles .item_1 { margin-left: 12px; margin-top: 75px; } .our-school .block_bubbles .item_3 { margin-top: 60px; } .our-school .block_bubbles .item_4 { margin-top: 10px; margin-right: 7px; } .our-school .block_bubbles .item_5 { margin-top: 35px; } .our-school .block_bubbles .item_6 { margin-top: 10px; margin-left: 25px; } .our-school .block_bubbles .item_7 { margin-top: -65px; margin-left: -6px; } .our-school .block_bubbles .item_8 { margin-top: -7px; margin-left: -7px; } .our-school .block_bubbles .item_9 { margin-top: -65px; margin-left: -12px; } .our-school .block_bubbles .item_10 { margin-top: -30px; } .our-school .block_bubbles .item_11 { margin-top: -10px; } .our-school .block_bubbles .item_12 { margin-top: -65px; margin-left: -4px; } .our-school .block_bubbles .item_13 { margin-top: -40px; margin-left: 105px; } .our-school .block_bubbles .item_14 { margin-top: -10px; margin-left: 3px; } .our-school .block_bubbles .item_15 { margin-top: -64px; margin-left: 110px; } .our-school .block_bubbles .item_16 { margin-top: -120px; margin-left: 29px; } .our-school .block_bubbles .item_17 { margin-top: -60px; margin-left: -4px; } .our-school .block_bubbles .item_18 { margin-top: -30px; margin-left: 190px; } .our-school .block_bubbles .item_19 { margin-left: 180px; margin-top: -40px; } } @media screen and (min-width: 992px) and (max-width: 992px) { .our-school .anim_bot img { left: -180px; } .our-school .block_bubbles { height: auto; margin: 0px 0px 0px; } .our-school .block_bubbles .item_1 { margin-left: 12px; margin-top: 75px; } .our-school .block_bubbles .item_2 { } .our-school .block_bubbles .item_3 { margin-top: 60px; } .our-school .block_bubbles .item_4 { margin-top: 10px; margin-left: 30px; } .our-school .block_bubbles .item_5 { margin-top: -60px; } .our-school .block_bubbles .item_6 { } .our-school .block_bubbles .item_7 { margin-top: 10px; } .our-school .block_bubbles .item_8 { margin-top: -45px; margin-left: 5px; } .our-school .block_bubbles .item_9 { margin-left: 7px; } .our-school .block_bubbles .item_10 { margin-top: -30px; margin-left: 100px; } .our-school .block_bubbles .item_11 { margin-top: -5px; margin-left: 30px; } .our-school .block_bubbles .item_12 { margin-top: -25px; } .our-school .block_bubbles .item_13 { margin-left: 20px; margin-top: 10px; } .our-school .block_bubbles .item_14 { margin-left: 27px; margin-top: 10px; } .our-school .block_bubbles .item_15 { margin-top: -110px; margin-left: 100px; } .our-school .block_bubbles .item_16 { margin-left: -180px; } .our-school .block_bubbles .item_17 { margin-left: 0px; margin-top: 10px; } .our-school .block_bubbles .item_18 { margin-top: -15px; margin-left: 20px; } .our-school .block_bubbles .item_19 { margin-left: 16px; margin-top: -30px; } .our-school .block_bubbles .item_20 { width: 130px; height: 130px; margin-left: 30px; margin-top: -0px; } } @media screen and (min-width: 993px) and (max-width: 1400px) { .our-school .block_bubbles { height: auto; margin: 0px 0px 0px; } .our-school .block_bubbles.ru { height: auto; } .our-school .block_bubbles .item_1 { margin-left: 12px; margin-top: 75px; } .our-school .block_bubbles .item_2 { } .our-school .block_bubbles .item_3 { margin-top: 60px; } .our-school .block_bubbles .item_4 { margin-top: 10px; margin-right: 7px; } .our-school .block_bubbles .item_5 { margin-left: 45px; } .our-school .block_bubbles .item_6 { margin-top: -65px; margin-left: -15px; } .our-school .block_bubbles .item_7 { margin-top: -10px; } .our-school .block_bubbles .item_8 { margin-top: -70px; } .our-school .block_bubbles .item_9 { margin-top: 10px; } .our-school .block_bubbles .item_10 { margin-top: -40px; margin-left: 22px; } .our-school .block_bubbles .item_11 { margin-top: -33px; margin-left: 94px; } .our-school .block_bubbles .item_12 { margin-top: -20px; margin-left: 65px; } .our-school .block_bubbles .item_13 { margin-top: -90px; margin-left: 70px; } .our-school .block_bubbles .item_14 { margin-left: -30px; margin-top: -20px; } .our-school .block_bubbles .item_15 { margin-top: -20px; margin-left: 10px; } .our-school .block_bubbles .item_16 { margin-top: -100px; margin-left: 100px; } .our-school .block_bubbles .item_17 { margin-top: 10px; margin-left: 20px; } .our-school .block_bubbles .item_18 { margin-top: -100px; margin-left: 125px; } .our-school .block_bubbles .item_19 { margin-left: 10px; margin-top: -40px; } .our-school .block_bubbles .item_20 { margin-left: 30px; margin-top: -90px; } } @media screen and (min-width: 1401px) { .our-school .block_bubbles .item_1 { margin-left: 12px; margin-top: 75px; } .our-school .block_bubbles .item_3 { margin-top: 60px; } .our-school .block_bubbles .item_4 { margin-top: 10px; margin-right: 7px; } .our-school .block_bubbles .item_5 { margin-top: 35px; } .our-school .block_bubbles .item_6 { margin-top: 10px; margin-left: 25px; } .our-school .block_bubbles .item_7 { margin-top: -65px; margin-left: -6px; } .our-school .block_bubbles .item_8 { margin-top: -7px; margin-left: -7px; } .our-school .block_bubbles .item_9 { margin-top: -65px; margin-left: -12px; } .our-school .block_bubbles .item_10 { margin-top: -30px; } .our-school .block_bubbles .item_11 { margin-top: 22px; } .our-school .block_bubbles .item_12 { margin-top: -65px; margin-left: -4px; } .our-school .block_bubbles .item_13 { margin-top: -40px; margin-left: 105px; } .our-school .block_bubbles .item_14 { margin-top: 10px; margin-left: -11px; } .our-school .block_bubbles .item_15 { margin-top: -55px; margin-left: 110px; } .our-school .block_bubbles .item_16 { margin-top: -140px; margin-left: 29px; } .our-school .block_bubbles .item_17 { margin-top: 20px; margin-left: -120px; } .our-school .block_bubbles .item_18 { margin-top: 5px; margin-left: 40px; } .our-school .block_bubbles .item_19 { margin-left: 10px; margin-top: -100px; } .our-school .block_bubbles .item_20 { margin-left: 10px; margin-top: -50px; } } @media screen and (max-width: 700px) { .our-school .block_bubbles .item { width: 170px !important; height: 170px !important; } .our-school .block_bubbles { height: 250px !important; max-height: auto; } } @media screen and (max-width: 460px) { .our-school .questions_block { top: 320px; } } /*END NEW FAQ*/ /*NEW NEWS AND HEADER*/ .main-site-nav li { padding-left: 7px; padding-right: 7px; } .main-site-nav li .link, .main-site-nav li .link-out, a.lang .lang-text { font-size: 14px; font-weight: 700; } .main-site-nav ul ul .link-out { font-weight: 400; } .contacts-phone { display: none; vertical-align: middle; text-align: center; margin: 6px 0 0 12px; } .contacts-phone__number { line-height: 17px; } .contacts-phone__number a { color: #fff; font-size: 16px; line-height: 16px; font-weight: 700; text-decoration: none; display: inline-block; } .contacts-phone__link { line-height: 13px; } .contacts-phone__link a { font-size: 12px; color: #0493b4; text-decoration: underline; } .contacts-phone__link a:hover { color: #337ab7; text-decoration: none; } .mobile-nav-menu .contacts-phone { display: inline-block; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0; padding: 12px 20px; } @media (max-width: 767px) { .mobile-nav-menu .contacts-phone { padding-bottom: 0; } } .mobile-nav-menu .contacts-phone__number, .mobile-nav-menu .contacts-phone__link { margin: 0; } .mobile-nav-menu .contacts-phone__number a { font-weight: 700; font-size: 20px; } @media (max-width: 767px) { .mobile-nav-menu .contacts-phone__number, .mobile-nav-menu .contacts-phone__link { margin-bottom: 15px; } } .b-checkbox { margin-bottom: 12px; text-transform: uppercase; position: relative; } .b-checkbox input[type="checkbox"] { position: absolute; left: -999em; top: 0; } .b-checkbox input[type="checkbox"]:checked + label:before { background-size: 16px auto; } .b-checkbox label { display: inline-block; cursor: pointer; position: relative; padding-left: 26px; } .b-checkbox label:before { content: ""; border: 1px solid #d2d8d8; position: absolute; width: 16px; height: 16px; background: #fff url("/images/ccheck.png") no-repeat 50% 50% / 0 auto; -webkit-transition: all .3s; transition: all .3s; left: 0; top: 2px; } .b-title { text-transform: uppercase; margin-bottom: 14px; font-weight: 700; } .sidebar-categories-list { margin: 0px 20px 50px; } .sidebar-categories-list .btn-green-color { margin-left: 0; margin-right: 0; display: block; } .btn-green-color.mobi { margin-top: 25px; } .b-event { overflow: hidden; margin-bottom: 50px; -webkit-border-radius: 25px; border-radius: 25px; position: relative; -webkit-display: flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch; margin-left: 0px; margin-right: 0px; text-decoration: none; color: #333; } .design-thoughts .b-event { margin-bottom: 10px; } .b-event__image { min-height: 200px; background-repeat: no-repeat; background-position: 0 0; background-size: cover; flex: 0 0 100%; } section.our-news .b-event__image { max-height: 220px; } .b-event__body { flex: 0 0 100%; background-color: #b3d9e6; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-display: flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-end; align-items: flex-end; -webkit-align-content: flex-end; align-content: flex-end; text-decoration: none; color: #333; } section.our-news .b-event__body { min-height: 200px; } .b-event__body > * { flex: 0 0 100%; text-decoration: none; color: #333; max-width: 100%; } .b-event__body .b-event__text { word-wrap: break-word; } .b-event__body .b-event__info { position: absolute; top: 30px; } .b-event__body .b-event__date { position: absolute; top: 30px; right: 30px; margin: 5px 0px 0px 0px; font-size: 16px; } #our-news .b-event__body .b-event__info { position: relative; top: auto; margin: 10px 0px 0px 0px; } @media screen and (max-width: 768px) { .news_page .b-event__body .b-event__info, .design-thoughts .b-event__body .b-event__info { right: 10px; bottom: 15px; top: auto; } .news_page .b-event__body .b-event__date{ left: 20px; bottom: 15px; top: auto; } .news_page .b-event__body, .design-thoughts .b-event__body { padding-bottom: 50px; } } .b-event__body .b-event__info .b-event__show, .b-event__body .b-event__info .b-event__like { min-width: 20px; height: 20px; display: inline-block; padding: 0px 0px 0px 26px; margin: 4px 10px 0px 0px; font-size: 15px; line-height: 20px; position: relative; top: 0px; } .b-event__body .b-event__info .b-event__show.null, .b-event__body .b-event__info .b-event__like.null { position: relative; top: 4px; margin: 0px 10px 0px 0px; } .b-event__body .b-event__info .b-event__show { background: url('/images/show.png') 0% 50% no-repeat; background-size: auto 15px; } .b-event__body .b-event__info .b-event__like { background: url('/images/like.png') 0% 50% no-repeat; background-size: auto 20px; padding: 0px 0px 0px 21px; cursor: pointer; } .b-event__body .b-event__info .b-event__like.active, .b-event__body .b-event__info .b-event__like.now_active { cursor: text; } .b-event__name { text-transform: uppercase; font-size: 30px; line-height: 33px; margin-bottom: 8px; margin-top: 25px; font-weight: 700; } .b-event__name a, .b-event__company a, .b-event__image a { text-decoration: none; color: #333; } .b-event__image a { display: block; width: 100%; height: 100%; } .b-event__name a:focus, .b-event__name a:hover, .b-event__company a:focus, .b-event__company a:hover { color: #23527c; text-decoration: underline; } .b-event__company { text-transform: uppercase; font-size: 17px; line-height: 23px; margin-bottom: 20px; font-weight: 700; } .b-event.b-event_column { max-width: 400px; min-height: 400px; margin-left: auto; margin-right: auto; } .b-event.b-event_column .b-event__image, .b-event.b-event_column .b-event__body { flex: 0 0 100%; } .b-event.b-event_column .b-event__body { display: block; padding: 20px; } .b-date { position: absolute; background-color: #b3d9e6; width: 80px; padding: 10px 0; text-align: center; font-weight: 700; text-transform: uppercase; font-size: 20px; line-height: 20px; } .b-date__num { font-size: 42px; line-height: 42px; margin-bottom: 3px; } .carousel-slides { white-space: nowrap; position: relative; margin-bottom: 0px; } .carousel-slides .slide { display: inline-block; vertical-align: top; white-space: normal; padding: 0 15px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .carousel-slides .b-event { margin-bottom: 0; } .carousel-slides .slick-arrow { position: absolute; width: 25px; height: 25px; border-bottom: 2px solid #c5c7c6; top: 50%; -webkit-transition: all .3s; transition: all .3s; } .carousel-slides .slick-arrow:before { display: none; } .carousel-slides .slick-arrow.slick-prev { border: 0px solid #c5c7c6; -webkit-transform: rotate(0deg); transform: rotate(0deg); left: -5px; } .carousel-slides .slick-arrow.slick-next { border: 0px solid #c5c7c6; -webkit-transform: rotate(0deg); transform: rotate(0deg); right: -5px; } .carousel-slides .slick-dots li button:before { font-size: 0px; } .our-news .s-title { margin-top: 40px; } .slick-dots li button { height: 11px; width: 11px; padding: 0px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.3); background-color: #d6d6d6; font-size: 0px; } .slick-dots li.slick-active button { background-color: #3db39e; } .slick-dots li:hover button { background-color: #3db39e; } @media only screen and (max-width: 899px) { .slick-dotted.slick-slider { margin-bottom: 70px; } } .btn-green-color { margin: 0 15px 50px; position: relative; font-family: "OpenSansRegular" !important; display: block; } .btn-green-color.desc { display: block; } .btn-green-color.mobi { display: none; } .btn-green-color a { width: 100%; max-width: 334px; display: block; background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; text-align: center; color: #fff; font-size: 14px; -webkit-border-radius: 2em; border-radius: 2em; padding: 14px 20px; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; font-weight: 700; } .btn-green-color a:hover { text-decoration: none; -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } @media screen and (max-width: 520px) { .our-team-subsect .btn-green-color { margin: 0 0px 65px; } .btn-green-color a { max-width: 100%; } } .mobile-nav-menu { position: absolute; top: 0; left: 0; right: 0; background: #2b4554; } .mobile-nav-menu nav > ul { position: relative; } .mobile-nav-menu__btn { margin-bottom: 10px; text-align: center; } .mobile-nav-menu__btn a { display: inline-block; -webkit-border-radius: 20px; border-radius: 20px; padding: 11px 35px 12px; font-size: 16px; color: #fff; text-decoration: none; background-color: #0493b4; -webkit-box-shadow: 0 -4px 0 2px #0484ac inset; box-shadow: 0 -4px 0 2px #0484ac inset; text-transform: uppercase; font-weight: 700; } .mobile-nav-menu__btn li { display: list-item; list-style: none; } .c-filter.header { left: auto; margin-right: 0; float: right; -webkit-transform: translate(43%, 0); transform: translate(43%, 0); } .header .b-filter .btn-filter { padding: 13px 35px 14px 17px !important; } @media screen and (min-width: 768px) { .b-event { margin-left: 10px; margin-right: 10px; } .b-event__image { flex: 0 0 60%; } .b-event__body { flex: 0 0 40%; padding: 40px 20px; } .news_page .b-event__body { max-width: 40%; } .b-event { min-height: 400px; } .sidebar-categories-list { margin-left: 0; margin-right: 0; } .c-filter.header { float: left; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width: 1024px) { .main-site-nav ul { margin-bottom: 0; padding-top: 0; } .main-site-nav li .btn-filter-enroll { -webkit-border-radius: 2em; border-radius: 2em; display: block; cursor: pointer; background-color: #0493b4; text-align: center; font-weight: 700; color: #fff; padding: 14px; font-size: 14px; line-height: 14px; box-shadow: 0 -4px 0 2px #0484ac inset; position: relative; -webkit-transition: all .3s; transition: all .3s; } .main-site-nav li .btn-filter-enroll:hover { background-color: #0484ac; } .main-site-nav li .btn-filter-enroll:after { content: ""; position: absolute; left: 50%; top: 100%; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #0494b4 transparent; transition: all .3s; opacity: 0; } .main-site-nav li .btn-filter-enroll:hover { color: #fff; } } @media screen and (min-width: 1200px) { /*.main-site-nav ul { padding-top: 10px; margin-bottom: 7px; }*/ .contacts-phone { margin-top: 16px; } .contacts-phone { display: inline-block; } } @media screen and (max-width: 1200px) { .main-site-nav li .link, .main-site-nav li .link-out, a.lang .lang-text { font-size: 14px; } } @media screen and (min-width: 1400px) { .main-site-nav li .btn-filter-enroll { font-size: 13px; line-height: 13px; } .main-site-nav li .link, .main-site-nav li .link-out, a.lang .lang-text { font-size: 14px; } .carousel-slides .slick-arrow.slick-prev { left: -50px; } .carousel-slides .slick-arrow.slick-next { right: -50px; } .carousel-slides .slick-arrow { width: 35px; height: 35px; } .contacts-phone { margin-top: 16px; } } @media screen and (min-width: 993px) { .main-site-nav .mobile-nav-menu__btn { display: none !important; } .mobile-nav-menu { display: none !important; } } @media screen and (max-width: 992px) { a.lang-mob img { display: none; } .mobile-nav-menu { display: none; } } @media screen and (max-width: 991px) { .btn-green-color { display: none; } .btn-green-color.mobi, .our-news .btn-green-color { display: block; } .col-sm-6.sidebar-column { position: absolute; } .news_page .b-event:first-child { /*margin-top: 430px;*/ } .main-site-nav { padding-top: 0px; } .main-site-nav .mobile-nav-menu__btn { display: block; } .mobile-nav-menu { /*padding-top: 20px;*/ } .mobile-nav-menu .mobile-nav-menu__btn { display: none; } .c-filter.header { -webkit-transform: translate(26%, 0); transform: translate(26%, 0); margin-left: 0px; } .mobile-nav-menu .contacts-phone { padding-top: 20px; } } @media screen and (max-width: 767px) { .main-site-nav .mobile-nav-menu__btn { display: none; } .mobile-nav-menu .mobile-nav-menu__btn { display: block; margin-top: 10px; margin-bottom: 30px; } .mobile-nav-menu .contacts-phone { padding-left: 20px; } } @media screen and (max-width: 640px) { .mobile-nav-menu .contacts-phone { display: block; text-align: left; } } @media screen and (max-width: 627px) { header.main-head .col-xs-7 { width: 70%; } /*header.main-head .col-xs-5 { width: 30%; }*/ .c-filter.header { -webkit-transform: translate(-6%, 0); transform: translate(-6%, 0); } } /*END AND HEADER*/ /*CERTIFICATES*/ @-webkit-keyframes effectGift { 0%, 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 40% { -webkit-transform: translate(10px, 0); transform: translate(10px, 0); } 80% { -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); } } @keyframes effectGift { 0%, 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 40% { -webkit-transform: translate(10px, 0); transform: translate(10px, 0); } 80% { -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); } } @-webkit-keyframes effectIcon { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(1.1); transform: scale(1.1); } 80% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes effectIcon { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: scale(1.1); transform: scale(1.1); } 80% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .gift-sertificate { background: url("/images/bg-starry-sky.jpg") no-repeat 50% 0 / cover; padding-top: 40px; padding-bottom: 0px; position: relative; } .certificates .gift-sertificate { padding-top: 40px; } .gift-sertificate:after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; background: url("/images/sert-clouds.png") repeat-x 50% 0 / auto 100%; height: 86px; } .gift-sertificate .gift-image__sert1 { transform-style: preserve-3d; -webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -o-transition: all 2s ease-out 0s; transition: all 2s ease-out 0s; } .gift-sertificate .price.gift-image__sert1 { display: none; transform: rotateY(270deg); } .gift-sertificate .mobi_price { display: block; } .gift-sertificate .mobi_price .title { text-transform: uppercase; text-align: center; color: #fed500; border-bottom: 1px dashed #fed500; display: initial; margin: 0px auto; cursor: pointer; } .gift-sertificate .mobi_price .title span:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6.5px 8px 6.5px; border-color: transparent transparent #fed500 transparent; position: absolute; right: -20px; top: 6px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s; transition: all .3s; } .gift-sertificate .mobi_price .title.open span:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .gift-sertificate .mobi_price .title span { display: inline-block; vertical-align: top; position: relative; } .gift-sertificate .mobi_price .text { display: none; text-align: center; margin: 0px 0px 0px; } .gift-sertificate .mobi_price .text a { color: #fff; } .gift-sertificate .mobi_price .text strong { margin: 30px 0px 5px; display: block; } @media only screen and (min-width: 1024px) { .gift-sertificate .mobi_price { display: none; } } .gift-sertificate .botton_price { position: absolute; top: 0px; left: 0px; } .gift-sertificate .botton_price div { width: 126px; height: 151px; background: url('/images/botton_price.png') 0% 0% no-repeat; opacity: 1; position: absolute; top: -10px; left: 200px; z-index: 5; animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; cursor: pointer; } @media only screen and (max-width: 1199px) { .gift-sertificate .botton_price div { top: 70px; left: 120px; } } @media only screen and (max-width: 992px) { .gift-sertificate { padding-top: 55px; } } @media only screen and (max-width: 1023px) { .gift-sertificate .botton_price div { display: none; } } @media only screen and (max-width: 767px) { .gift-sertificate { padding-bottom: 100px; background: url("/images/bg-starry-sky2.jpg") no-repeat 50% 0 / cover; } } @keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(8%); } 100% { -webkit-transform: translateY(0%); } } .b-about-sert { text-align: center; position: relative; z-index: 2; width: 100%; max-width: 415px; margin: 0 auto; } .b-about-sert:before { content: ""; position: absolute; left: 50%; top: -20px; background: url("/images/img-symbol-question.png") no-repeat 50% 0 / cover; width: 101px; height: 145px; margin-left: -50px; z-index: -1; } .b-about-sert__header { color: #3db39e; font-size: 18px; line-height: 22px; font-weight: 700; padding: 0 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-about-sert__header p { margin-bottom: 25px; } .b-about-sert__body { color: #fff; } .b-about-sert__body p { margin-bottom: 47px; font-size: 16px; line-height: 20px; } .b-about-sert__body .link.primary, .b-about-sert .b-about-sert__body a.link.btn { text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-border-radius: 2em; border-radius: 2em; font-size: 14px; padding: 14px 20px 10px; margin: 0 10px 30px; width: 100%; min-width: 290px; position: relative; top: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; display: inline-block; background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; text-align: center; } @media screen and (max-width: 1023px) { .b-about-sert__body .link.primary, .b-about-sert .b-about-sert__body a.link.btn { padding: 14px 20px 10px; margin: 0 0px 30px; } } @media screen and (max-width: 520px) { .b-about-sert { max-width: 100%; } } .b-about-sert__body .link.primary:hover { -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } .b-about-sert .b-about-sert__body a.link.btn { color: #2c485d; -webkit-box-shadow: 0 5px 0 #999999; box-shadow: 0 5px 0 #999999; background: #fff; border: 0px solid transparent; margin-top: -6px; } @media screen and (max-width: 435px) { .b-about-sert .b-about-sert__body a.link.btn { /*margin-top: 30px;*/ } } .b-about-sert .b-about-sert__body a.link.btn:hover { -webkit-box-shadow: 0 2px 0 #999999; box-shadow: 0 2px 0 #999999; } .gift-image { display: none; } .child-gift-sertificate { padding-top: 30px; padding-bottom: 56px; background-color: #f4f7f9; background-repeat: no-repeat; background-position: 50% 100%; text-align: center; } .child-gift-sertificate__body { width: 100%; max-width: 932px; margin-left: auto; margin-right: auto; font-size: 14px; line-height: 18px; } .text-color-selected { color: #3db39e; } .rocket-gift-sertificate { padding-top: 0; padding-bottom: 83px; overflow: hidden; } .intro-gift-sertificate { text-align: center; position: relative; width: 100%; max-width: 932px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 57px; } .intro-gift-sertificate__header { color: #446e87; font-size: 22px; line-height: 27px; margin-bottom: 20px; font-weight: 700; } .intro-gift-sertificate__header img { display: block; margin: 0 auto 12px; } .intro-gift-sertificate__body { color: #888888; font-size: 16px; line-height: 23px; } .best-gift { color: #000; position: relative; width: 100%; max-width: 1032px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; text-align: center; } .best-gift__set { margin-bottom: 10px; -webkit-transition: all .4s; transition: all .4s; } .best-gift__set img { display: block; margin: 0 auto; max-width: 70%; } .best-gift__box1, .best-gift__box2 { position: absolute; background-repeat: no-repeat; background-position: 0 0; background-size: cover; } .best-gift__box1 { width: 80px; height: 98px; background-image: url("/images/icn-gift1.png"); right: -15px; top: -35px; } .best-gift__box2 { width: 87px; height: 109px; background-image: url("/images/icn-gift2.png"); left: -30px; bottom: -38px; } .best-gift__title { text-transform: uppercase; font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom: 8px; color: #0093b8; } .best-gift__body { font-size: 16px; line-height: 20px; position: relative; } .best-gift__box3 { position: absolute; background-repeat: no-repeat; background-position: 0 0; background-size: cover; background-image: url("/images/icn-gift3.png"); width: 107px; height: 104px; bottom: -108px; right: 22px; } .buy-gift-sertificate { background: rgb(212,222,229); background: -moz-linear-gradient(top, rgba(212,222,229,1) 0%, rgba(244,247,249,1) 100%); background: -webkit-linear-gradient(top, rgba(212,222,229,1) 0%,rgba(244,247,249,1) 100%); background: linear-gradient(to bottom, rgba(212,222,229,1) 0%,rgba(244,247,249,1) 100%); padding-top: 72px; } .b-child { margin-bottom: 60px; text-align: center; } .b-child__icon { margin-bottom: 22px; } .b-child__icon img { display: block; margin: 0 auto; } .b-child__title { text-transform: uppercase; margin-bottom: 15px; font-size: 15px; line-height: 19px; font-weight: 700; } .b-child__text { color: #888888; font-size: 14px; line-height: 22px; } .sert-text { position: relative; color: #fff; font-size: 14px; line-height: 18px; z-index: 2; text-align: left; width: 220px; margin: 0 auto; padding-top: 43px; } .sert-text:after { content: ""; position: absolute; left: -42px; top: 0px; width: 332px; height: 304px; background: url("/images/bg-coddymen.png") no-repeat 0 0 / cover; z-index: -1; } .wrap-gift-grid { margin-bottom: 175px; } .b-child:hover .b-child__icon img { -webkit-animation: effectIcon .4s ease-out; animation: effectIcon .4s ease-out; } @media screen and (min-width: 768px) { .wrap-gift-grid { -webkit-display: flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch; margin-bottom: 60px; } .b-child { padding: 20px 16px; flex: 0 0 50%; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .best-gift { -webkit-display: flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; text-align: left; } .best-gift__set { flex: 0 0 302px; } .best-gift__body { flex: 1; } .best-gift__box1 { width: 165px; height: 182px; top: -34px; right: -37px; } .best-gift__box2 { width: 186px; height: 233px; bottom: -22px; left: -43px; } .best-gift__box3 { width: 199px; height: 194px; right: -220px; bottom: -97px; } .b-about-sert { text-align: left; } .b-about-sert__header { font-size: 22px; line-height: 27px; padding-left: 0; padding-right: 0; } .b-about-sert__header { margin-bottom: 26px; } .b-about-sert__body { font-size: 18px; line-height: 22px; } } @media screen and (min-width: 1024px) { .best-gift__set { flex: 0 0 402px; } .best-gift__box1, .best-gift__box2, .best-gift__box3 { -webkit-transition: all .4s; transition: all .4s; opacity: 0; visibility: hidden; } .best-gift { opacity: 0; -webkit-transition: all .4s; transition: all .4s; } .best-gift.visible { opacity: 1; } .best-gift.visible .best-gift__box1, .best-gift.visible .best-gift__box2, .best-gift.visible .best-gift__box3 { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .best-gift .best-gift__box1 { -webkit-transform: translate(150px, 0); transform: translate(150px, 0); } .best-gift__body .best-gift__box3 { -webkit-transform: translate(150px, 0); transform: translate(150px, 0); transition-delay: 0.4s; } .best-gift .best-gift__box2 { -webkit-transform: translate(-150px, 0); transform: translate(-150px, 0); transition-delay: 0.2s; } .wrap-gift-grid { margin-bottom: 80px; } .b-child { -webkit-transition: all .4s; transition: all .4s; opacity: 0; } .b-child:nth-child(1) { transition-delay: 0.2s; } .b-child:nth-child(2) { transition-delay: 0.4s; } .b-child:nth-child(3) { transition-delay: 0.6s; } .b-child:nth-child(4) { transition-delay: 0.8s; } .b-child:nth-child(5) { transition-delay: 1s; } .b-child:nth-child(6) { transition-delay: 1.2s; } .wrap-gift-grid.visible .b-child { opacity: 1; } .b-child { padding: 40px 32px; flex: 0 0 33.33%; } .rocket-gift-sertificate { padding-top: 35px; padding-bottom: 116px; } .best-gift__title { font-size: 24px; line-height: 30px; margin-bottom: 10px; } .best-gift__body { font-size: 18px; line-height: 26px; } .intro-gift-sertificate { padding-left: 118px; text-align: left; } .intro-gift-sertificate__header img { position: absolute; left: 0; top: 0; } .child-gift-sertificate { padding-top: 60px; padding-bottom: 436px; background-image: url("/images/bg-houses-section.jpg"); } .wrap-gift-sertificate { -webkit-display: flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-end; align-items: flex-end; position: relative; } .b-about-sert { margin-right: 0; margin-left: auto; } .gift-sertificate__header { margin-bottom: 30px; } .gift-sertificate:after { height: 160px; } .gift-image { display: block; flex: 1; position: relative; z-index: 2; margin-right: -6%; } .gift-image img { display: block; max-width: 100%; } .gift-image__sert { -webkit-transition: all .6s; transition: all .6s; -webkit-transform: translate(0, 30px); transform: translate(0, 30px); } .gift-image__sert1, .gift-image__sert2, .gift-image__sert3 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: all .3s; transition: all .3s; opacity: 0; } .gift-image__sert1 { transition-delay: 0.2s; } .gift-image__sert2 { transition-delay: 0.4s; } .gift-image__sert3 { transition-delay: 0.6s; } .gift-image.visible .gift-image__sert1, .gift-image.visible .gift-image__sert2, .gift-image.visible .gift-image__sert3 { opacity: 1; } .gift-image.visible:hover .gift-image__sert1, .gift-image.visible:hover .gift-image__sert2, .gift-image.visible:hover .gift-image__sert3 { transform: scale(1.1); } .gift-image.visible .gift-image__sert { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .best-gift:hover .best-gift__set, .best-gift__box1:hover, .best-gift__box2:hover, .best-gift__box3:hover { -webkit-animation: effectGift .4s ease-out; animation: effectGift .4s ease-out; } .gift-image__sert1 { z-index: -1; } .gift-image__sert2 { z-index: -2; } .gift-image__sert3 { z-index: -3; } .b-about-sert { flex: 0 0 415px; padding-bottom: 146px; align-items: flex-start; } } @media screen and (min-width: 1200px) { .gift-sertificate:after { height: 196px; } .b-about-sert { padding-bottom: 180px; } } @media screen and (min-width: 1400px) { .carousel-slides .slick-arrow.slick-prev { left: -50px; } .carousel-slides .slick-arrow.slick-next { right: -50px; } .carousel-slides .slick-arrow { width: 35px; height: 35px; } .contacts-phone { margin-top: 16px; } } /*END CERTIFICATES*/ .prepod { width:150px; margin-right:auto; margin-left:auto; -webkit-border-radius: 50%; border-radius: 50%; display: block; border: 15px solid #fbfbfb; } .icn-prepodicon { -webkit-border-radius: 50%; border-radius: 50%; background-color:#ccc; padding:7px; width: 60px; height: 60px; position: relative; } .design-thoughts.team-page .icn-prepodicon { background-color:#0493b4; margin: auto; width: 80px; height: 80px; border: 10px solid #ffffff; top: -10px; } .design-thoughts.team-page .inside-block { background: #fff; padding: 0px 50px 50px; margin-top: 20px; border-radius: 15px; } .design-thoughts.team-page .inside-block .links { text-align: left; } .icn-prepodicon img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 60%; max-height: 60%; height: auto; } .inside-block .top-part .imgs .prepodicon, .prepodicon { -webkit-border-radius: 0; border-radius: 0; } .freespace { padding-top: 60px; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; height: auto; display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .grants-page .reviews-slider-wrapper .slick-track { background: #fff; } .grants-page .reviews-slider-wrapper .reviews-photo .slick-track { background: rgba(0,0,0,0); } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: auto; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset "UTF-8"; /* Slider */ .slick-loading .slick-list { height: 70px; } .slick-loading .slick-list:before { /*background: #fff url('/local/templates/coddy_en/css/./ajax-loader.gif') center center no-repeat;*/ display: block; content: ''; width: 50px; height: 50px; border-radius: 50%; background: radial-gradient(farthest-side,#008FD3 94%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 30%,#008FD3); -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0); animation:ajax-loader 1s infinite linear; margin: 0 auto; } @keyframes ajax-loader{ 100%{transform: rotate(1turn)} } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/coddy_en/css/./fonts/slick.eot'); src: url('/local/templates/coddy_en/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/coddy_en/css/./fonts/slick.woff') format('woff'), url('/local/templates/coddy_en/css/./fonts/slick.ttf') format('truetype'), url('/local/templates/coddy_en/css/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: ''; } [dir='rtl'] .slick-prev:before { content: ''; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: ''; } [dir='rtl'] .slick-next:before { content: ''; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 70px; } .press-about-coddy .slick-dotted.slick-slider { margin-bottom: 70px; } .press-about-coddy .s-title { margin-top: 180px; margin-bottom: 0px; } .press-about-coddy { background: url('/images/clouds-press.png') 50% 0% no-repeat #f6f6f6; background-size: 100% auto; } .press-about-coddy .slick-track { height: 200px; } .press-about-coddy .press_logo { width: 100%; height: 200px; } .press-about-coddy .btn-green-color { display: block !important; } @media only screen and (max-width: 1199px) { .press-about-coddy .s-title { margin-top: 120px; } } @media only screen and (max-width: 768px) { .press-about-coddy .press_logo{ width: 80%; margin: auto; } .press-about-coddy .s-title { margin-top: 80px; } } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } /* -------------------------------- xsigin/signup popup -------------------------------- */ .cd-user-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(52, 54, 66, 0.9); z-index: 230; overflow-y: auto; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s 0, visibility 0 0.3s; -moz-transition: opacity 0.3s 0, visibility 0 0.3s; transition: opacity 0.3s 0, visibility 0 0.3s; } .cd-user-modal.is-visible { visibility: visible; opacity: 1; -webkit-transition: opacity 0.3s 0, visibility 0 0; -moz-transition: opacity 0.3s 0, visibility 0 0; transition: opacity 0.3s 0, visibility 0 0; } .cd-user-modal.is-visible .cd-user-modal-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-user-modal-container { position: relative; width: 90%; max-width: 600px; background: #FFF; margin: 3em auto 4em; cursor: auto; border-radius: 0.25em; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .cd-user-modal-title { padding:20px 20px 0; text-align:center; font-size:24px; font-weight:bold; } #prohibitFormBlock .cd-user-modal-title { font-size:18px; text-align:left; } .cd-user-modal-title.success { padding: 50px 20px; color: #0eac02; } .cd-user-modal-success { padding:20px 20px 0; text-align:center; font-size:18px; font-weight:bold; color:#0eac02; display:none; } .cd-user-modal-container .cd-switcher:after { content: ""; display: table; clear: both; } .cd-user-modal-container .cd-switcher li { width: 50%; float: left; text-align: center; } .cd-user-modal-container .cd-switcher li:first-child a { border-radius: .25em 0 0 0; } .cd-user-modal-container .cd-switcher li:last-child a { border-radius: 0 .25em 0 0; } .cd-user-modal-container .cd-switcher a { display: block; width: 100%; height: 50px; line-height: 50px; background: #d2d8d8; color: #809191; } .cd-user-modal-container .cd-switcher a.selected { background: #FFF; color: #505260; } @media only screen and (min-width: 600px) { .cd-user-modal-container { margin: 4em auto; } .cd-user-modal-container .cd-switcher a { height: 70px; line-height: 70px; } } .cd-form { padding: 1.4em; } .cd-form .fieldset { position: relative; margin: 1.4em 0; } .cd-form .fieldset:first-child { margin-top: 0; } .cd-form .fieldset:last-child { margin-bottom: 0; } .cd-form label { font-size: 14px; font-size: 0.875rem; } .cd-form label.image-replace { /* заменить текст с иконой */ display: inline-block; position: absolute; left: 13px; /*top: 50%;*/ top:27px; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 24px; width: 24px; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; text-shadow: none; background-repeat: no-repeat; background-position: 50% 0; } /* Иконки полей ввода */ .cd-form label.cd-username { /*background-image: url("/local/templates/coddy_en/css/../img/cd-icon-username.svg");*/ background-image: url("/local/templates/coddy_en/css/../img/ico_user.png"); } .cd-form label.cd-email { /*background-image: url("/local/templates/coddy_en/css/../img/cd-icon-email.svg");*/ background-image: url("/local/templates/coddy_en/css/../img/ico_mail.png"); } .cd-form label.cd-password { background-image: url("/local/templates/coddy_en/css/../img/cd-icon-password.svg"); } .cd-form label.cd-review { background-image: url("/local/templates/coddy_en/css/../img/ico_review.png"); } .cd-form label.cd-phone { background-image: url("/local/templates/coddy_en/css/../img/ico_phone.png"); } .cd-form label.cd-city { background-image: url("/local/templates/coddy_en/css/../img/ico_city.png"); } .cd-form label.cd-message { background-image: url("/local/templates/coddy_en/css/../img/ico_message.png"); } .cd-form textarea { height:230px; } .cd-form input, .cd-form textarea { margin: 0; padding: 0; border-radius: 0.25em; } .cd-form input.full-width, .cd-form textarea.full-width { width: 100%; } .cd-form input.has-padding, .cd-form textarea.has-padding { padding: 12px 20px 12px 50px; } .cd-form input.has-border, .cd-form textarea.has-border { border: 1px solid #d2d8d8; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .cd-form input.has-border.has-error, .cd-form textarea.has-border.has-error { border: 1px solid #d76666; } .cd-form .has-border:focus { border-color: #343642; box-shadow: 0 0 5px rgba(52, 54, 66, 0.1); outline: none; } .cd-form .has-error { border: 1px solid #d76666; } .cd-form input[type=password] { /* пространство для кнопки Скрыть */ padding-right: 65px; } .cd-form input[type=submit] { padding: 16px 0; cursor: pointer; background: #2f889a; color: #FFF; font-weight: bold; border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus { background: #3599ae; outline: none; } .cd-form .hide-password { display: inline-block; position: absolute; right: 0; top: 0; padding: 6px 15px; border-left: 1px solid #d2d8d8; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; font-size: 0.875rem; color: #343642; } .cd-form .cd-error-message { display: inline-block; position: absolute; left: -5px; bottom: -35px; background: rgba(215, 102, 102, 0.9); padding: .8em; z-index: 2; color: #FFF; font-size: 13px; font-size: 0.8125rem; border-radius: 0.25em; /* предотвращения кликов и прикосновения */ pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s 0, visibility 0 0.2s; -moz-transition: opacity 0.2s 0, visibility 0 0.2s; transition: opacity 0.2s 0, visibility 0 0.2s; } .cd-form .cd-error-message:after { /* уголок сообщения об ошибке */ content: ''; position: absolute; left: 22px; bottom: 100%; height: 0; width: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid rgba(215, 102, 102, 0.9); } .cd-form .cd-error-message.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.2s 0, visibility 0 0; -moz-transition: opacity 0.2s 0, visibility 0 0; transition: opacity 0.2s 0, visibility 0 0; } @media only screen and (min-width: 600px) { .cd-form { padding: 2em; } .cd-form .fieldset { margin: 2em 0; } .cd-form .fieldset:first-child { margin-top: 0; } .cd-form .fieldset:last-child { margin-bottom: 0; } .cd-form input.has-padding { padding: 16px 20px 16px 50px; } .cd-form input[type=submit] { padding: 16px 0; } } .cd-form-message { padding: 1.4em 1.4em 0; font-size: 14px; font-size: 0.875rem; line-height: 1.4; text-align: center; } @media only screen and (min-width: 600px) { .cd-form-message { padding: 2em 2em 0; } } .cd-form-bottom-message { position: absolute; width: 100%; left: 0; bottom: -30px; text-align: center; font-size: 14px; font-size: 0.875rem; } .cd-form-bottom-message a { color: #FFF; text-decoration: underline; } .cd-close-form { /* стиль X кнопки вверху справа */ display: block; position: absolute; width: 40px; height: 40px; right: 0; top: -40px; background: url("/bitrix/templates/coddy/img/cd-icon-close.svg") no-repeat center center; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 1; } .cd-form-block { display: none; } .cd-form-block.is-selected { display: block; } #successFormBlock, #prohibitFormBlock, #ok-payFormBlock, #fail-payFormBlock { position: absolute; } #cd-success, #successFormBlock, #prohibitFormBlock, #ok-payFormBlock, #fail-payFormBlock { display: none; min-height: 136px; width: 604px; padding: 0px 0px 0px 164px; z-index: 101; background: #e3ecef; border-radius: 20px; color: #0b9a76; font-size: 1.5rem; text-shadow: 0 0rem 0rem rgba(0, 0, 0, 0); } #cd-success div.mess, #successFormBlock div.mess { padding: 30px 10px; font-weight: bold; } #prohibitFormBlock div.mess, #ok-payFormBlock div.mess, #fail-payFormBlock div.mess { padding: 30px 30px; font-weight: bold; } #cd-success div.error, #successFormBlock div.error { padding: 30px 10px; } #cd-success div.img, #successFormBlock div.img, #prohibitFormBlock div.img, #ok-payFormBlock div.img, #fail-payFormBlock div.img { position: absolute; width: 125px; height: 215px; left: 40px; top: -40px; background: url("/images/popup_img.png") no-repeat center center; background-size: contain; text-indent: 100%; white-space: nowrap; overflow: hidden; } #successFormBlock .close, #prohibitFormBlock .close, #ok-payFormBlock .close, #fail-payFormBlock .close { /* стиль X кнопки вверху справа */ display: block; position: absolute; width: 40px; height: 40px; right: 0; top: -40px; background: url("/local/templates/coddy_en/css/../img/cd-icon-close.svg") no-repeat center center; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 1; } @media only screen and (max-width: 604px) { #cd-success, #successFormBlock, #prohibitFormBlock, #ok-payFormBlock, #fail-payFormBlock { height: auto; width: 90%; padding: 0px 0px 0px 0px; } #cd-success div.img, #successFormBlock div.img, #prohibitFormBlock div.img, #ok-payFormBlock div.img, #fail-payFormBlock div.img { position: relative; left: 50%; top: -20px; margin-left: -62px; } } .regi-block { border:1px solid red; } .regi-form { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; } .regi-form.act { display: block; } .regi-form > div { width: 1120px; position: relative; margin: 25px auto; /*background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999);*/ } .form-block { max-width: 1020px; width:90%; display:none; position:absolute; z-index:9000; } .gallery-form-block { width: auto; } .address-form-block { max-width: 1170px; width: 100%; display:none; position:absolute; z-index:9000; } .prev-form-block { max-width: 870px; z-index:9003; } .form-block .registration .form-area .field-button .link { padding: 14px 20px 14px 45px !important; } .form-block .registration .form-area .field-button .link:after { position: absolute; z-index: -1; top: 0; bottom: 0; left: 12px; content: ""; -webkit-transition: all 0.3s; transition: all 0.3s; background-image: url('/images/send.png'); background-position: 90% 50%; background-repeat: no-repeat; padding: 0px !important; width: 24px; } .prev-form-block .center-btn { text-align: center; } .prev-form-block .registration .form-area .field-button .link, .form-block .registration .form-area .field-button .link.primary { padding: 14px 20px !important; background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; } .prev-form-block .registration .form-area .field-button .link:hover, .form-block .registration .form-area .field-button .link.primary:hover { -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } .prev-form-block .registration .form-area .field-button .link:after, .prev-form-block .registration .form-area .field-button .link:before, .form-block .registration .form-area .field-button .link.primary:after, .form-block .registration .form-area .field-button .link.primary:before { display: none; } .coddy { width:178px; height:210px; right:-22px; top:-20px; background:url('/local/templates/coddy_en/css/../img/img_coddy.png') 0 0 no-repeat; display:block; position:absolute; z-index: 2; } /*.form-block .close { width:20px; height:20px; right:-22px; top:-20px; background:url('/local/templates/coddy_en/css/../img/close.png') 0 0 no-repeat; display:block; position:absolute; cursor:pointer; z-index:9009; }*/ .form-block .close { display: block; position: absolute; width: 40px; height: 40px; right: -35px; top: -10px; background: url('/local/templates/coddy_en/css/../img/cd-icon-close.svg') no-repeat center center; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity:1; z-index: 3; } .registration { border:1px solid #e0e2e2; border-radius: 20px; background: #FFF; height: auto; display: flex; } .registration .form { width:640px; float:right; background: #e5ecee; border-radius: 0px 20px 20px 0px; } .registration .pict { float:left; width:378px; padding-top:40px; padding-bottom:40px; } .registration .pict .pict-area { background:url('/local/templates/coddy_en/css/../img/img_child_winter.png') center center no-repeat; background-size:contain; height: 100%; } .registration .pict .pict-area.summer { background:url('/local/templates/coddy_en/css/../img/img_child_summer.png') center center no-repeat; background-size:contain; } #pre-regiFormBlock .registration .pict .pict-area { background:url('/local/templates/coddy_en/css/../img/img_child_pre_regi.png') center center no-repeat; background-size:contain; height: 100%; width: calc(100% + 70px); margin-left: -45px; z-index: 2; position: relative; } .registration .form-area .field.num-month { display: flex; width: 175px; } .registration .form-area .field.num-month .num-month-block { width: 145px; } .registration .form-area .field.num-month .num-month-block div { color: #0096bc; font-size: 18px; font-weight: 700; display: none; } .registration .form-area .field.num-month .num-month-block div.active { display: block; } .registration .form-area .field.num-month .num-month-nav { width: 30px; height: 10px; display: flex; padding-top: 5px; } .registration .form-area .field.num-month .num-month-nav .prev-month, .registration .form-area .field.num-month .num-month-nav .next-month { border: 8px solid transparent; height: 8px; } .registration .form-area .field.num-month .num-month-nav .prev-month { border-right: 10px solid #a6a6a7; margin-right: 3px; } .registration .form-area .field.num-month .num-month-nav .next-month { border-left: 10px solid #a6a6a7; } .registration .form-area .field.num-month .num-month-nav .prev-month.active { border-right: 10px solid #0096bc; cursor: pointer; } .registration .form-area .field.num-month .num-month-nav .next-month.active { border-left: 10px solid #0096bc; cursor: pointer; } .registration .form-area { padding:55px 40px; } .registration .form-area .title { color:#0096bc; text-transform:uppercase; font-size:26px; font-weight:bold; margin-bottom:48px; padding-right:150px; } .prev-form-block .registration .form-area .title { padding-right: 0px !important; } .registration .form-area .success { color:#03c30c; font-size:22px; font-weight:bold; margin:-20px 0 20px; display:none; } .registration .form-area .error-mess, .registration .form-area .error-more-send-mess, .registration .form-area .error-html-mess { color:#f65354; font-size:20px; font-weight:bold; margin:-20px 0 20px; display:none; } .registration .form-area .double { display: flex; width: calc(100% - 130px); } .registration .form-area .double .left { width: 50%; padding: 0px 15px 0px 0px; } .registration .form-area .double .right { width: 50%; padding: 0px 0px 0px 15px; } .registration .form-area .double .left div, .registration .form-area .double .right div, .registration .form-area .double .left input, .registration .form-area .double .right input { max-width: 100%; } @media only screen and (max-width: 992px) { .registration .form-area .double { display: block; } #subscribeFormBlock .registration .form-area .double, #navigatorFormBlock .registration .form-area .double { display: flex; } .registration .form-area .double .left, .registration .form-area .double .right { width: 100%; padding: 0px; } #subscribeFormBlock .registration .form-area .double .left, #navigatorFormBlock .registration .form-area .double .left { width: 50%; padding: 0px 15px 0px 0px; } #subscribeFormBlock .registration .form-area .double .right, #navigatorFormBlock .registration .form-area .double .right { width: 50%; padding: 0px 0px 0px 15px; } } @media only screen and (max-width: 720px) { .registration .form-area .double { display: flex; } .registration .form-area .double .left { width: 50%; padding: 0px 15px 0px 0px; } .registration .form-area .double .right { width: 50%; padding: 0px 0px 0px 15px; } } @media only screen and (max-width: 620px) { .registration .form-area .double, .registration .form-area .double .registration .form-area .double { display: block; width: calc(100% - 60px); } .registration .form-area .double .left, .registration .form-area .double .right { width: 100%; padding: 0px; } .pay-form-block .switch .mess_switch { font-size: 14px; line-height: 18px; } } #subscribeFormBlock .registration .form-area .double_fixed, #navigatorFormBlock .registration .form-area .double_fixed { display: flex; } #subscribeFormBlock .registration .form-area .double_fixed .left, #navigatorFormBlock .registration .form-area .double_fixed .left { width: calc(100% - 300px); padding: 0px 30px 0px 0px; } #subscribeFormBlock .registration .form-area .double_fixed .right, #navigatorFormBlock .registration .form-area .double_fixed .right { width: 175px; } @media only screen and (max-width: 1480px) { #subscribeFormBlock .registration .form-area .double_fixed .left, #navigatorFormBlock .registration .form-area .double_fixed .left { width: calc(100% - 280px); } #subscribeFormBlock .registration .form-area .double_fixed .right, #navigatorFormBlock .registration .form-area .double_fixed .right { width: 160px; } } @media only screen and (max-width: 620px) { #subscribeFormBlock .registration .form-area .double_fixed .left, #navigatorFormBlock .registration .form-area .double_fixed .left { width: calc(100% - 180px); } #subscribeFormBlock .registration .form-area .double_fixed .right, #navigatorFormBlock .registration .form-area .double_fixed .right { width: 200px; } } @media only screen and (max-width: 480px) { #subscribeFormBlock .registration .form-area .double_fixed, #navigatorFormBlock .registration .form-area .double_fixed { display: block; } #subscribeFormBlock .registration .form-area .double_fixed .left, #navigatorFormBlock .registration .form-area .double_fixed .left { width: calc(100% - 60px); padding: 0px; } #subscribeFormBlock .registration .form-area .double_fixed .right, #navigatorFormBlock .registration .form-area .double_fixed .right { width: calc(100% - 60px); } } .registration .form-area .field-title { color:#252525; font-size:18px; font-weight:700; margin-bottom:5px; max-width: calc(100% - 130px); } #subscribeFormBlock .registration .form-area .double_fixed .field-title, #navigatorFormBlock .registration .form-area .double_fixed .field-title, #reviewFormBlock .registration .form-area .field-col .field-title { max-width: 100%; } .registration .form-area .field-title span { color:#ff0000; } .registration .form-area .field-error { color:#FF0000; font-size:0px; height: 20px; display:block; margin-bottom:10px; max-width: calc(100% - 130px); } .registration .form-area .field-error.act { display:block; font-size:14px; } @media only screen and (max-width: 767px) { .registration .form-area .field-error { height: auto; } } .registration .form-area .field { margin-bottom:0px; } .registration .form-area .field-double { display: flex; } .registration .form-area .field-double .field-double-left { padding-right: 10px; } .registration .form-area .field-double .field-double-right { padding-left: 10px; } @media only screen and (max-width: 500px) { .registration .form-area .field-double { display:block; } #payFormBlock .registration .form-area .field-double { display: flex; } .registration .form-area .field-double .field-double-left { padding-right: 0px; } .registration .form-area .field-double .field-double-right { padding-left: 0px; } } #payFormBlock .registration .form-area .field-double .field-double-left { width: 80px; padding-right: 0px; } #payFormBlock .registration .form-area .field-double .field-double-right { width: 40px; padding-left: 0px; } #payFormBlock.form-block .registration .field .custom-select { max-width: 100%; } .registration .form-area .field input { width:100%; max-width: calc(100% - 130px); background:none; border:none; border-bottom:1px solid #a7a7a8; color:#252525; font-size:18px; font-weight:normal; padding:3px 0; } #subscribeFormBlock .registration .form-area .double_fixed .field input, #navigatorFormBlock .registration .form-area .double_fixed .field input, #reviewFormBlock .registration .form-area .field-col .field input { max-width: 100%; } .registration .form-area .field-double .field input, .registration .form-area .field-double .field-title { max-width: 100%; height: 32px; } .registration .form-area .field .err { border-bottom: 1px solid #FF0000; } .registration .form-area .field textarea.err { border: 1px solid #FF0000; } .registration .form-area .field input:focus { outline:none; border-bottom:1px solid #000; } .registration .form-area .field input::-webkit-input-placeholder {color:#b1b6b8;} .registration .form-area .field input::-moz-placeholder {color:#b1b6b8;}/* Firefox 19+ */ .registration .form-area .field input:-moz-placeholder {color:#b1b6b8;}/* Firefox 18- */ .registration .form-area .field input:-ms-input-placeholder {color:#b1b6b8;} .registration .form-area .policy, .registration .form-area .subscribe { margin:10px 0; } .registration .form-area .subscribe { padding: 0px; background: none; } .registration .form-area .policy .policy-field, .registration .form-area .subscribe .subscribe-field { float:left; width:44px; } .registration .form-area .policy .policy-text, .registration .form-area .subscribe .subscribe-text { /*padding-left:44px;*/ font-weight:normal; color:#000; font-size: 12px; line-height: 14px; } #subscribeFormBlock, #navigatorFormBlock { max-width: 600px; min-width: 285px; } #subscribeFormBlock .registration, #navigatorFormBlock .registration { width: 100%; background: #e5ecee; } #subscribeFormBlock .registration .pict, #navigatorFormBlock .registration .pict { width: 230px; height: 300px; position: absolute; right: -90px; top: 120px; } #subscribeFormBlock .registration .pict .pict-area, #navigatorFormBlock .registration .pict .pict-area { background: url('/images/subscribe_bg.png') left center no-repeat; background-size: contain; width: 100%; height: 100%; padding: 0px; } #subscribeFormBlock .registration .form, #navigatorFormBlock .registration .form { border-radius: 20px; } #subscribeFormBlock .registration .form-area .field input.age, #navigatorFormBlock .registration .form-area .field input.age { max-width: 35px; text-align: center; } #subscribeFormBlock .registration .form-area .field span.age, #navigatorFormBlock .registration .form-area .field span.age { color: #b1b6b8 } .scroll_form { width: 100%; height: 600px; overflow-y: scroll; position: fixed; top: 0px; left: 0px; z-index: 1000000000001; display: none; } /*news 3.06.18*/ #reviewFormBlock .registration, #reviewSendFormBlock .registration { border: 0px solid #000; } #reviewFormBlock .registration .pict { background: #0d6ec0; background: -moz-radial-gradient(center, ellipse cover, #0d6ec0 0%, #002e5a 97%); background: -webkit-radial-gradient(center, ellipse cover, #0d6ec0 0%,#002e5a 97%); background: radial-gradient(ellipse at center, #0d6ec0 0%,#002e5a 97%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d6ec0', endColorstr='#002e5a',GradientType=1 ); border-radius: 20px 0px 0px 20px; } #reviewFormBlock .registration .pict .pict-area { background: url('/images/reviews/review-img.png') left center no-repeat; background-size: contain; position: relative; left: -40px; } #reviewFormBlock .registration .form-area .field-col { width: 45%; min-width: 215px; float: left; padding: 0px 30px 0px 0px; height: 100px; } #reviewFormBlock .registration .form-area .field input { max-width: 275px; } #reviewFormBlock .registration .form-area .field .file_upload { display: block; position: relative; overflow: hidden; width: 100%; height: 40px; border: 0px solid #000; } #reviewFormBlock .registration .form-area .field .file_upload > input[type=file] { display: none; } #reviewFormBlock .registration .form-area .field .file_upload .file_upload_button, .file_upload > mark{ display: block; float: left; cursor: pointer; } #reviewFormBlock .registration .form-area .field .file_upload .file_upload_button{ border-radius: 0px; width: 20%; max-width: 45px; height: 28px; background: url('/images/reviews/upload.png') left center no-repeat;; font-size: 0px; } #reviewFormBlock .registration .form-area .field .file_upload > mark{ width: 75%; height: 28px; border: 0px solid #000; background: none; padding: 3px; color: #0096bc; font-size: 16px; line-height: 18px; } #reviewFormBlock .registration .form-area .field .file_upload > mark.act { display: none; color: #b1b6b8; } #reviewFormBlock .registration .form-area .field .smile { width: 32px; height: 32px; cursor: pointer; margin: 0px 5px 0px 0px; float: left; } #reviewFormBlock .registration .form-area .field .smile.smile1 { background: url('/images/reviews/smile1.png'); } #reviewFormBlock .registration .form-area .field .smile.smile1:hover, #reviewFormBlock .registration .form-area .field .smile.smile1.act{ background: url('/images/reviews/smile1-act.png'); } #reviewFormBlock .registration .form-area .field .smile.smile2 { background: url('/images/reviews/smile2.png'); } #reviewFormBlock .registration .form-area .field .smile.smile2:hover, #reviewFormBlock .registration .form-area .field .smile.smile2.act { background: url('/images/reviews/smile2-act.png'); } #reviewFormBlock .registration .form-area .field .smile.smile3 { background: url('/images/reviews/smile3.png'); } #reviewFormBlock .registration .form-area .field .smile.smile3:hover, #reviewFormBlock .registration .form-area .field .smile.smile3.act { background: url('/images/reviews/smile3-act.png'); } #reviewFormBlock .registration .form-area .field .smile.smile4 { background: url('/images/reviews/smile4.png'); } #reviewFormBlock .registration .form-area .field .smile.smile4:hover, #reviewFormBlock .registration .form-area .field .smile.smile4.act { background: url('/images/reviews/smile4-act.png'); } #reviewFormBlock .registration .form-area .field .smile.smile5 { background: url('/images/reviews/smile5.png'); } #reviewFormBlock .registration .form-area .field .smile.smile5:hover, #reviewFormBlock .registration .form-area .field .smile.smile5.act { background: url('/images/reviews/smile5-act.png'); } #reviewSendFormBlock { max-width: 600px; min-width: 285px; } #reviewSendFormBlock .registration { min-height: 375px; } #reviewSendFormBlock .registration .form { width: 100%; border-radius: 20px; } #reviewSendFormBlock .registration .form-area { padding: 55px 55px; } #reviewSendFormBlock .registration .form-area .field .smile { width: 46px; height: 46px; border-radius: 50%; cursor: pointer; margin: 0px 10px 10px 0px; display: inline-block; color: #ffffff; font-size: 18px; font-weight: bold; text-align: center; line-height: 40px; } #reviewSendFormBlock .registration .form-area .field .smile.smile1 { background: #F48479; border: 2px solid #EC3F30; } #reviewSendFormBlock .registration .form-area .field .smile.smile2 { background: #F99A76; border: 2px solid #FF5E22; } #reviewSendFormBlock .registration .form-area .field .smile.smile3 { background: #F4D278; border: 2px solid #F2B81D; } #reviewSendFormBlock .registration .form-area .field .smile.smile4 { background: #C8E25F; border: 2px solid #A0BA38; } #reviewSendFormBlock .registration .form-area .field .smile.smile5 { background: #4CA771; border: 2px solid #258B79; } #reviewSendFormBlock .registration .form-area .field .smile:hover { opacity: 0.7; } #reviewSendFormBlock .registration .form-area .title_success { color: #0096bc; font-weight: bold; margin: 30px 0px; } #reviewSendFormBlock .registration .form-area .block_link { margin: 10px 0px 30px 0px; } #reviewSendFormBlock .registration .form-area .block_link.field-button a.link { background-color: #3D8FF3; padding: 14px 20px 14px 20px !important; margin: 15px 20px 0px 0px; display: inline-block; box-shadow: 0 5px 0 #236BC1; min-width: 236px; } #reviewSendFormBlock .registration .form-area .block_link.field-button a.link.yandex { background-color: #FF5E22; box-shadow: 0 5px 0 #F32512; } #reviewSendFormBlock .registration .form-area .block_link.field-button a.link.otzovik { background-color: #B74746; box-shadow: 0 5px 0 #9D2C2B; } #reviewSendFormBlock .registration .form-area .block_link.field-button a.link.gis { background-color: #A2C614; box-shadow: 0 5px 0 #84A111; } #reviewSendFormBlock .registration .form-area .block_link.field-button a.link.vk { background-color: #5181b8; box-shadow: 0 5px 0 #3f8ae0; } #reviewSendFormBlock .registration .form-area .field-button a.link { background: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; padding: 14px 20px 14px 20px !important; } #review-send-button:after, #review-send-button:before { display:none; background: rgba(0,0,0,0); } #reviewSendFormBlock .registration .form-area .field-button a.link:hover { top: 5px; } #reviewSendFormBlock .block_2 a:link { color: #0484AC; } #reviewSendFormBlock form textarea { width: calc(100% + 100px); border-color: #0096bc; border-radius: 15px; padding: 15px 20px; margin: 25px 0px 25px; } #reviewSendFormBlock form textarea.err { border-color: #EC3F30; } #reviewSendFormBlock .input_checkbox.callback { margin: 0px 45px 10px 0px; min-height: 40px; } #reviewSendFormBlock form .input_checkbox > .span_checkbox { margin: -2px 15px 0px 0px; } #reviewSendFormBlock form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before { top: -3px; } #reviewSendFormBlock .registration .form-area .policy .policy-text { font-size: 11px; line-height: 15px; display: block; color: #666666; } #reviewSendFormBlock .block_1, #reviewSendFormBlock .block_2, #reviewSendFormBlock .block_3 { display: none; max-width: calc(100% - 100px); } #reviewSendFormBlock .block_1 { display: block; } #reviewSendFormBlock .block_1 .block_img { width: 160px; height: 217px; background: url('/images/review-send-block-1.png') 0% 0% no-repeat; background-size: contain; position: absolute; right: -65px; bottom: -10px; } #reviewSendFormBlock .block_2 .block_img { width: 155px; height: 290px; background: url('/images/review-send-block-2.png') 0% 0% no-repeat; background-size: contain; position: absolute; right: -45px; bottom: -10px; } #reviewSendFormBlock .block_3 .block_img { width: 270px; height: 395px; background: url('/images/review-send-block-3.png') 0% 0% no-repeat; background-size: contain; position: absolute; right: -25px; bottom: -50px; } @media only screen and (max-width: 1480px) { .registration .form-area .field-double .field input, .registration .form-area .field-double .field-title { height: 28px; } } @media only screen and (max-width: 620px) { .registration .form-area .field-double .field input, .registration .form-area .field-double .field-title { height: 25px; } #reviewSendFormBlock .block_1, #reviewSendFormBlock .block_2, #reviewSendFormBlock .block_3 { max-width: calc(100% - 50px); } #reviewSendFormBlock form textarea { width: calc(100% + 50px); } #reviewSendFormBlock .block_2 .block_img { width: 135px; height: 250px; } #reviewSendFormBlock .block_3 .block_img { width: 200px; height: 295px; bottom: -15px; } } @media only screen and (max-width: 560px) { #reviewSendFormBlock .block_3 .block_img { width: 150px; height: 220px; } } @media only screen and (max-width: 540px) { #reviewSendFormBlock .registration .form-area { padding: 20px 20px; } #reviewSendFormBlock .block_1, #reviewSendFormBlock .block_2, #reviewSendFormBlock .block_3 { max-width: calc(100% - 70px); } #reviewSendFormBlock form textarea { width: calc(100% + 70px); } #reviewSendFormBlock .registration .form-area .field .smile { margin: 0px 5px 10px 0px; } } @media only screen and (max-width: 450px) { #reviewSendFormBlock .registration .form-area .field .smile { width: 38px; height: 38px; line-height: 33px; } #reviewSendFormBlock .block_1 .block_img { width: 140px; height: 190px; } #reviewSendFormBlock .block_2 .block_img { width: 115px; height: 225px; } #reviewSendFormBlock .block_3 .block_img { width: 100px; height: 150px; } } @media only screen and (max-width: 400px) { #reviewSendFormBlock .registration { min-height: auto; } #reviewSendFormBlock .block_1, #reviewSendFormBlock .block_2, #reviewSendFormBlock .block_3 { max-width: calc(100% - 0px); } #reviewSendFormBlock .block_1 .block_img, #reviewSendFormBlock .block_2 .block_img, #reviewSendFormBlock .block_3 .block_img { display: none; } #reviewSendFormBlock .registration .text_top { width: calc(100% - 50px); } #reviewSendFormBlock form textarea { width: calc(100% + 0px); } } .form-block .registration .form-area textarea { width: 100%; color: rgb(37, 37, 37); font-size: 16px; padding: 5px; resize: vertical; height: 130px; border: 1px solid rgb(167,167,168); border-radius: 5px; background: none; } #certificateFormBlock .registration { border: 0px solid #000; } #certificateFormBlock .registration .pict { background: #82a39a; border-radius: 20px 0px 0px 20px; } #certificateFormBlock .registration .pict .pict-area { background: url('/images/certificate/certificate-img.png') center center no-repeat; background-size: contain; } #callbackFormBlock .registration, #feedbackFormBlock .registration { border: 0px solid #000; } #callbackFormBlock .registration .pict, #feedbackFormBlock .registration .pict { background: #eac302; background: -moz-radial-gradient(center, ellipse cover, #eac302 0%, #cd8700 100%); background: -webkit-radial-gradient(center, ellipse cover, #eac302 0%,#cd8700 100%); background: radial-gradient(ellipse at center, #eac302 0%,#cd8700 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac302', endColorstr='#cd8700',GradientType=1 ); border-radius: 20px 0px 0px 20px; padding-top: 0px; padding-bottom: 0px; } #callbackFormBlock .registration .pict .pict-area, #feedbackFormBlock .registration .pict .pict-area { background: url('/images/callback-img.png') center center no-repeat; background-size: contain; position: relative; top: -20px; height: calc(100% + 20px); } .registration .form-area .field textarea::-webkit-input-placeholder {color:#b1b6b8; font-size: 16px;} .registration .form-area .field textarea::-moz-placeholder {color:#b1b6b8; font-size: 16px;}/* Firefox 19+ */ .registration .form-area .field textarea:-moz-placeholder {color:#b1b6b8; font-size: 16px;}/* Firefox 18- */ .registration .form-area .field textarea:-ms-input-placeholder {color:#b1b6b8; font-size: 16px;} .clear { clear: both; width: 0px; height: 0px; margin: 0px; padding: 0px; } .prev-form-block { padding: 0px 0px 0px 150px; margin: 0px; background-position: 0px 0px; min-height: 120px; } .prev-form-block .registration .form-area .title { color: #fff !important; } .prev-form-block .registration { border: 0px solid #000; background: none; } .prev-form-block .registration .form { width: calc(100% - 150px); background: none; border-radius: 0px; } .prev-form-block .registration .form-area { padding: 0px; } .prev-form-block .comment-img { background-position: 50% 0px; background-repeat: no-repeat; background-size: cover; position: absolute; top: 70px; left: 0px; width: 120px; height: 120px; border-radius: 120px; border: 3px solid #E3ECEF; } .prev-form-block .comment, .prev-form-block .comment-owner { text-align: left; } .prev-form-block .comment-owner { margin: 0px; padding: 0px 0px 0px 0px; max-width: calc(100% - 250px); color: #2f9f8b; } .prev-form-block .comment { padding: 20px 0px 0px 0px; min-height: 60px; color: #fff; font-style: italic; } .prev-form-block .stars { width: 200px; margin: 0px; padding: 20px 0px 0px 0px; } .prev-form-block .stars .star, .prev-form-block .stars .empty_star { width: 32px; height: 32px; display: inline-block; margin-right: 5px; } .prev-form-block .stars .star.smile1 { background: url('/images/reviews/smile1.png'); } .prev-form-block .stars .star.smile1.act { background: url('/images/reviews/smile1-act.png'); } .prev-form-block .stars .star.smile2 { background: url('/images/reviews/smile2.png'); } .prev-form-block .stars .star.smile2.act { background: url('/images/reviews/smile2-act.png'); } .prev-form-block .stars .star.smile3 { background: url('/images/reviews/smile3.png'); } .prev-form-block .stars .star.smile3.act { background: url('/images/reviews/smile3-act.png'); } .prev-form-block .stars .star.smile4 { background: url('/images/reviews/smile4.png'); } .prev-form-block .stars .star.smile4.act { background: url('/images/reviews/smile4-act.png'); } .prev-form-block .stars .star.smile5 { background: url('/images/reviews/smile5.png'); } .prev-form-block .stars .star.smile5.act { background: url('/images/reviews/smile5-act.png'); } @media only screen and (max-width: 960px) { #reviewFormBlock .registration .form { width: 60%; } #subscribeFormBlock .registration .form, #navigatorFormBlock .registration .form { width: 100%; } #reviewFormBlock .registration .form-area .field-col { width: 100%; height: 90px; } } @media only screen and (max-width: 720px) { #reviewFormBlock .registration .form { width: 100%; } .registration .form { border-radius: 20px; } } @media only screen and (max-width: 992px) { .prev-form-block .comment-owner { max-width: 100%; } .prev-form-block { padding: 0px 100px 0px 250px !important; } .prev-form-block .comment-img { left: 100px; } } @media only screen and (max-width: 767px) { .prev-form-block { padding: 150px 0px 0px 0px !important; margin-bottom: 80px; } .prev-form-block .comment-img { left: calc(50% - 60px); top: 0px; } .prev-form-block .comment-owner { text-align: center; } .prev-form-block .comment { padding: 20px 0px 0px 0px; background: url("/images/reviews/quotes.png") 50% 0px no-repeat; } .prev-form-block .registration .form { width: 100%; } } @media only screen and (max-width: 428px) { .form-block .registration .form-area .field-button .link { display: block; margin: 0px 0px 20px 0px; } } @media only screen and (max-width: 420px) { .prev-form-block { max-width: 100%; } .prev-form-block .stars .star, .prev-form-block .stars .empty_star { width: 25px; height: 25px; background-size: cover !important; } } /*news 3.06.18*/ .field-button a.link { text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-border-radius: 2em; border-radius: 2em; font-size: 14px; padding: 14px 20px !important; margin: 0px 20px 0px 0px; position: relative; top: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; background-color: #ccc; -webkit-box-shadow: 0 5px 0 #2c3649; box-shadow: 0 5px 0 #2c3649; } .field-button a.link.act { background-color: #3e4f71; } .field-button a.link:hover { -webkit-box-shadow: 0 1px 0 #2c3649; box-shadow: 0 1px 0 #2c3649; } .shadow { position: fixed; z-index: 1000000000000; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(43,69,84,0.76); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; display:none; } .shadow.prev { z-index: 10000000000002 !important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80) !important; -moz-opacity: 0.8 !important; -khtml-opacity: 0.8 !important; opacity: 0.8 !important; } * html .shadow { position: absolute; display:none; } form .input_checkbox { height: 23px; display:block; width: 100%; padding: 7px 0px 0px 0px; margin: 0px 45px 10px 0px; clear: both; } form .input_checkbox { height: auto; padding: 0px 0px 0px 0px; margin: 20px 45px 0px 0px; } form .input_checkbox > input[type=checkbox] { display: none; } form .input_checkbox > .span_checkbox { display:block; float: left; cursor: pointer; width: 26px; height: 26px; border: 1px solid #d2d8d8; background: #ffffff; padding: 0px; margin: 5px 15px 0px 0px; } form .input_checkbox > .span_checkbox.error { border: 1px solid rgba(215, 102, 102, 0.9); background-color: #fcd6d4; } form .input_checkbox > .span_checkbox.error:hover { border: 1px solid rgba(215, 102, 102, 0.9); margin: -8px 14px 0px -1px; } form .input_checkbox > .span_checkbox.error:focus { border: 1px solid rgba(215, 102, 102, 0.9); background-color: #ffffff; margin: -8px 14px 0px -1px; } form .input_checkbox > input[type=checkbox]:checked + .span_checkbox:before { content: ""; position: absolute; left: -2px; top: 4px; width: 30px; height: 30px; background: url('/images/ccheck.png') 0 0 no-repeat; } form .input_checkbox > input[type=checkbox]:checked + .span_checkbox.error:before { background-color: rgba(215, 102, 102, 0.9); } @media only screen and (max-width: 1480px) { .registration .form-area { padding:15px 20px; } .registration .form-area .title { margin-bottom: 20px; } .registration .form-area .field-title { font-size:16px; margin-bottom:5px; } .registration .form-area .field { margin-bottom:0px; } .registration .form-area .field input { font-size:16px; padding:2px 0; } .registration .form-area .policy { margin:6px 0; } } @media only screen and (max-width: 1280px) { .form-block { width:90%; } /*.coddy { width:178px; height:210px; right:-22px; top:-20px; background:url('/local/templates/coddy_en/css/../img/img_coddy.png') 0 0 no-repeat; display:block; position:absolute; }*/ .registration .form { width:60%; } #subscribeFormBlock .registration .form, #navigatorFormBlock .registration .form { width: 100%; } .registration .pict { width:40%; } .address-form-block .close { right: 15px; top: 15px; } } @media only screen and (max-width: 720px) { .form-block { width:90%; } /*.coddy { width:178px; height:210px; right:-22px; top:-20px; background:url('/local/templates/coddy_en/css/../img/img_coddy.png') 0 0 no-repeat; display:block; position:absolute; }*/ .registration .form { width:100%; } .registration .pict { display:none; } } @media only screen and (max-width: 620px) { .coddy { width:89px; height:105px; right:-11px; top:-10px; background:url('/local/templates/coddy_en/css/../img/img_coddy.png') 0 0 no-repeat; background-size:cover; } .registration .form-area .field-title, .registration .form-area .field-error, .registration .form-area .field input { max-width: calc(100% - 60px); } .form-block { width:85%; } .form-block .close { width:20px; height:20px; right:-15px; top:-20px; background:url('/local/templates/coddy_en/css/../img/close.png') 0 0 no-repeat; display:block; position:absolute; cursor:pointer; z-index:9009; } .address-form-block .close { right: 15px; top: 15px; } .registration .form-area { padding:20; } .registration .form-area .title { color:#0096bc; text-transform:uppercase; font-size:22px; margin-bottom:15px; padding-right:80px; } .registration .form-area .success { font-size:16px; margin:-10px 0 10px; } .registration .form-area .error-mess { font-size:16px; margin:-10px 0 10px; } .registration .form-area .field-title { width: calc(100% - 50px); font-size:14px; margin-bottom:5px; } .registration .form-area .field-error.act { font-size:12px; } .registration .form-area .field { margin-bottom:0px; } .registration .form-area .field input { font-size:14px; padding:2px 0; } .registration .form-area .policy { margin:5px 0; } .registration .form-area .policy .policy-text { font-size:10px; line-height: 13px !important; display: block; } .scroll_form.ios form .input_checkbox > .span_checkbox { margin: 0px 15px 20px 0px; } .scroll_form.ios form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before, .scroll_form.ios form#regi-form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before { top: 0px; } .scroll_form.ios .registration .form-area .policy .policy-text { font-size: 10px; line-height: 13px !important; display: block; } .scroll_form.ios .registration .form-area .field-title { margin-bottom: 3px; } form .input_checkbox > .span_checkbox { margin: 0px 15px 0px 0px; } form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before, form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before { top: -1px; } } a.lang { display: inline-block; vertical-align: middle; } a.lang img { vertical-align: middle; } a.lang .lang-text { color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; text-decoration: none; display: inline-block; vertical-align: middle; margin-left: 5px; } a.lang:hover { text-decoration: none; } a.lang:hover .lang-text { color: #fff; text-transform: uppercase; text-decoration: none; border-bottom:none; } a.lang-mob img { margin-top:-7px; } a.lang-mob .lang-text { color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-decoration: none; line-height:150%; } a.lang-mob:hover { text-decoration: none; } a.lang-mob:hover .lang-text { color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-decoration: none; } .page404 { background-color:#181743; padding:80px 0 50px; } .page404 h1 { color:#FFF; text-align:center; } .page404 .img { text-align:center; } .page404 .img img { margin:0 auto; width:80%; max-width:800px; height:auto; } .partners { padding:0px 0 0px; } .partners .moon-sect { padding-top:30px; } .partners h1 { color:#FFF; text-align:center; font-size: 24px; text-transform: uppercase; font-weight: 700; } .certificates.to-gallery { padding-top: 10px; background-color: #fbfdfe; } .certificates.to-gallery-course { padding-top: 1px; padding-bottom:1px; background-color: #f7f7f7; } .certificates.to-gallery-course .wrapper-btn-green { margin-top:0; margin-bottom:25px; } body{ margin: 0px; padding: 0px; } .coddy-slider-overlay{ display: block; position: relative; box-sizing: border-box; margin: 0px; padding: 0px; width: 100%; height: 550px; overflow: hidden; background-image: url('/images/slider/slider-background-day.webp'); background-position: 50% 99%; background-size: cover; background-repeat: no-repeat; } .coddy-slider-overlay.night { background-image: url('/images/slider/slider-background-night.webp'); } .coddy-slider-overlay.halloween { background-image: url('/images/slider/slider-background-halloween.webp'); } .coddy-slider-arrow{ display: inline-block; position: absolute; box-sizing: border-box; margin: 0px; height: 0px; top: calc(50% - 20px); z-index: 3; width: 40px; height: 40px; border-radius: 20px; background-size: 14px; background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; z-index: 3; } .coddy-slider-arrow.prev{ left: 20px; } .coddy-slider-arrow.next{ right: 20px; } .coddy-slider-arrow-blocker{ display: none; position: absolute; box-sizing: border-box; margin: 0px; height: 0px; top: calc(50% - 20px); z-index: 4; width: 40px; height: 40px; border-radius: 20px; background-size: 14px; background-position: center; background-repeat: no-repeat; background-color: transparent; cursor: default; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .coddy-slider-arrow-blocker.prev{ left: 20px; } .coddy-slider-arrow-blocker.next{ right: 20px; } .coddy-slider-window { display: block; position: relative; box-sizing: border-box; margin: 0px; padding: 0px; list-style: none; width: 100%; height: 100%; } .coddy-slider-window.snow { background-image: url('/images/slider/snowflake.png'), url('/images/slider/snowflake3.png'), url('/images/slider/snowflake2.png'); -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; -o-animation: snow 20s linear infinite; animation: snow 20s linear infinite; } @keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } @-moz-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } @-o-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } @-webkit-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } @-ms-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } .coddy-slider-slide{ display: block; position: absolute; box-sizing: border-box; margin: 0px; padding: 0px; list-style: none; top: 0px; left: 0; z-index: 1; opacity: 0; width: 100%; height: 550px; transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s; -moz-transition: all 1s ease 0.5s; -ms-transition: all 1s ease 0.5s; } .coddy-slider-slide.active{ left: 0px; z-index: 2; opacity: 1; } .coddy-slider-anim{ display: block; position: absolute; box-sizing: border-box; margin: 0px; padding: 0px; list-style: none; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; } .coddy-slider-data { display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0 20px; list-style: none; top: 0%; left: 50%; z-index: 2; max-width: 860px; width: 100%; height: 100%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); font-size: 20px; font-family: sans-serif; } .coddy-slider-data .coddy-slider-data-block { display: table; width: 100%; height: 100%; } .coddy-slider-data .coddy-slider-data-info { display: table-cell; vertical-align: middle; } .coddy-slider-name{ display: block; position: relative; box-sizing: border-box; margin: 0px; padding: 0px; margin-bottom: 20px; color: rgb(255,255,255); text-shadow: 0px 0px 4px rgba(255,255,255,0.15); font-weight: 700; font-size: 14px; line-height: 20px; text-transform: none; max-width: 330px; } .coddy-slider-desc{ display: block; position: relative; box-sizing: border-box; margin: 0px; padding: 0px; margin-bottom: 30px; color: rgb(43,69,84); text-shadow: 0px 0px 3px rgba(255,255,255,0.15); max-width: 303px; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: none; letter-spacing: 0px; } .coddy-slider-overlay.night .coddy-slider-desc{ color: rgb(255,255,255); text-shadow: 0px 0px 0px rgba(255,255,255,0); } .coddy-slider-overlay.halloween .coddy-slider-desc{ color: rgb(255,255,255); text-shadow: 0px 0px 0px rgba(255,255,255,0); } .coddy-slider-desc ul li { list-style: none; margin: 0px 0px 0px 20px; position: relative; } .coddy-slider-desc ul li:before { content: ""; position: absolute; left: -18px; top: calc(50% - 5px); width: 10px; height: 10px; border-radius: 100%; background: #fff; border: 2px solid #0096b8; } .coddy-slider-button{ display: inline-block; position: relative; box-sizing: border-box; margin: 0px; padding: 0px; border: none; outline: none; padding: 0px 20px; margin-right: 20px; height: 40px; font-size: 20px; line-height: 40px; font-family: sans-serif; border-radius: 20px; background-color: rgb(0,0,0); color: rgb(255,255,255); cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .coddy-slider-button.primary{ background-color: rgb(72,90,127); } .coddy-slider-button.primary:hover{ background-color: rgb(62,79,113); color:#FFF; text-decoration:none; } .coddy-slider-button.submit{ background-color: rgb(61,179,158); } .coddy-slider-button.submit:hover{ background-color: rgb(47,159,139); color:#FFF; text-decoration:none; } .coddy-slider-button:hover, .coddy-slider-button:visited, .coddy-slider-button:active, .coddy-slider-button:focus { color:#FFF; text-decoration:none; } .slide-in .in-bottom{ bottom: -200%; } .slide-out .element-center-left.out-left{ left: -200% !important; } .slide-out .element-center-right.out-right{ right: -200% !important; } .slide-out .out-top{ bottom: 200% !important; } .slide-out .out-bottom{ bottom: -200% !important; } .element-bottom-center{ display: block; position: absolute; width: 600px; bottom: -100%; left: calc(50% - 180px); opacity: 0; transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s; -moz-transition: all 1s ease 0.5s; -ms-transition: all 1s ease 0.5s; } .active .element-bottom-center{ bottom: calc(50% - 215px); display: block; opacity: 1; } .element-top-center{ display: block; position: absolute; width: 600px; top: -100%; left: calc(50% - 180px); opacity: 0; transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s; -moz-transition: all 1s ease 0.5s; -ms-transition: all 1s ease 0.5s; } .active .element-top-center{ top: calc(50% - 220px); display: block; opacity: 1; } .element-center-left{ display: block; position: absolute; bottom: 50%; left: -100%; opacity: 0; transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s; -moz-transition: all 1s ease 0.5s; -ms-transition: all 1s ease 0.5s; } .active .element-center-left{ display: block; left: calc(50% - 600px); opacity: 1; } .element-center-right{ display: block; position: absolute; bottom: calc(50% - 215px); right: -100%; width: 600px; opacity: 0; transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s; -moz-transition: all 1s ease 0.5s; -ms-transition: all 1s ease 0.5s; } .active .element-center-right{ display: block; right: calc(50% - 520px); opacity: 1; } .left-m-100{ margin-left: -100px; } .left-p-100{ margin-left: 100px; } .left-p-200{ margin-left: 200px; } .left-p-300{ margin-left: 300px; } .right-m-100{ margin-right: -100px; } .right-p-100{ margin-right: 100px; } .bottom-m-100{ margin-bottom: -100px; } .bottom-m-200{ margin-bottom: -200px; } .bottom-m-300{ margin-bottom: -300px; } .bottom-p-100{ margin-bottom: 100px; } .coddy-slider-data ul{ list-style-type: disc; padding-left: 16px; } #special-element-sun{ bottom: calc(50% - 55px); } .coddy-slider-slide.active #special-element-sun{ left: calc(50% - 685px); bottom: calc(50% - 55px); } #special-element-rocket{ left: calc(50% - 285px); } .coddy-slider-slide.active #special-element-rocket{ bottom: -15px; left: calc(50% - 285px); transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s; -moz-transition: all 1s ease 0.5s; -ms-transition: all 1s ease 0.5s; } .coddy-slider-slide.active #special-elemet-ipad{ bottom: 35px; } #special-element-balloon-1{ left: calc(50% - 685px); } .coddy-slider-slide.active #special-element-balloon-1{ left: calc(50% - 685px); bottom: calc(50% + 75px); } #special-element-balloon-2{ left: calc(50% - 585px); } .coddy-slider-slide.active #special-element-balloon-2{ left: calc(50% - 585px); bottom: calc(50% - 35px); } #special-element-balloon-3{ right: calc(50% - 325px); } .coddy-slider-slide.active #special-element-balloon-3{ right: calc(50% - 325px); bottom: calc(50% + 80px); } #special-element-balloon-4{ right: calc(50% - 475px); } .coddy-slider-slide.active #special-element-balloon-4{ right: calc(50% - 475px); bottom: 50%; } #special-element-balloon-5{ right: calc(50% - 575px); } .coddy-slider-slide.active #special-element-balloon-5{ right: calc(50% - 575px); bottom: calc(50% + 95px); } @media screen and (max-width: 992px) { .coddy-slider-window{ background-position: top center; } .coddy-slider-data { padding: 0 70px; } .coddy-slider-anim .element-bottom-center, .coddy-slider-anim .element-top-center { margin-left: 160px; } .coddy-slider-anim .element-center-right { margin-left: 60px; } .coddy-slider-desc, .coddy-slider-name { color: rgb(43,69,84); } .coddy-slider-overlay.night .coddy-slider-name, .coddy-slider-overlay.night .coddy-slider-desc { color: rgb(255,255,255); } } @media screen and (max-width: 767px) { .coddy-slider-overlay, .coddy-slider-slide { height: 400px; } .coddy-slider-data { width: 100%; } .coddy-slider-desc, .coddy-slider-name { font-size: 16px; line-height: 23px; max-width: 100%; } .coddy-slider-name { text-shadow: 0px 0px 4px rgba(255,255,255,0.35); } .coddy-slider-anim { display: none; } } @media screen and (max-width: 520px) { .coddy-slider-overlay, .coddy-slider-slide { height: 550px; } } @media screen and (max-width: 400px) { .coddy-slider-overlay, .coddy-slider-slide { height: 600px; } .coddy-slider-desc, .coddy-slider-name { font-size: 14px; line-height: 20px; } } /**** REVIEWS SLIDER NAV *****/ .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { display: inline-block; position: absolute; box-sizing: border-box; margin: 0px; height: 0px; top: calc(50% - 20px); z-index: 3; width: 40px; height: 40px; border-radius: 20px; background-size: 14px; background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,0.60); cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background-color: rgba(0,0,0,0.95); } .owl-carousel .owl-nav .owl-prev { left: 0px; } .owl-carousel .owl-nav .owl-next { right: 0px; } .agreement-replace { font-size: 14px !important; font-weight: normal; } .error-message { color: rgba(215, 102, 102, 0.9); font-size: 14px !important; font-weight: normal; display: none; } .your-stuff-inp .agreement .span_title { font-size: 13px; } #blinger-launcher-iframe { margin-bottom: 0px; } .rocket-block.fixed { margin-bottom: 70px; } @media screen and (max-width: 320px) { #blinger-launcher-iframe { margin-bottom: 10px; } } @media screen and (min-width: 321px) and (max-width: 340px) { #blinger-launcher-iframe { margin-bottom: 10px; } } @media screen and (min-width: 321px) and (max-width: 410px) { #blinger-launcher-iframe { margin-bottom: 10px; } } @media screen and (min-width: 411px) and (max-width: 510px) { #blinger-launcher-iframe { margin-bottom: 10px; } } @media screen and (min-width: 511px) and (max-width: 620px) { #blinger-launcher-iframe { margin-bottom: 10px; } .rocket-block.fixed { margin-bottom: 130px; } } @media screen and (min-width: 621px) and (max-width: 880px) { #blinger-launcher-iframe { margin-bottom: 10px; } .rocket-block.fixed { margin-bottom: 110px; } } @media screen and (min-width: 881px) and (max-width: 1510px) { #blinger-launcher-iframe { margin-bottom: 10px; } .rocket-block.fixed { margin-bottom: 10px; } } .our-team-subsect .slick-dots { display: none; } .our-team-subsect .owl-dots { overflow: hidden !important; height: 24px; padding-top: 6px; margin: auto !important; } .members-carousel .slick-dots { text-align: center !important; position: relative; } .comments-about-us.reviews_page { background-repeat: repeat; background-size: contain; margin-top: 60px; padding-top: 0px; } .comments-about-us.reviews_page h1 { color: #fff; } .comments-about-us.reviews_page .slider-main { padding-top: 0px; } .comments-about-us.reviews_page .item-review { padding-top: 40px; } .comments-about-us.reviews_page .item-review .comment-owner { margin-bottom: 0px; } .comments-about-us.reviews_page .item-review .line { background: #0594b4; height: 3px; width: calc(50% - 10px); display: inline-block; } .comments-about-us.reviews_page .item-review .pixel { background: #0594b4; height: 3px; width: 3px; margin: 0px 4px; display: inline-block; border-radius: 50%; } .comments-about-us.reviews_page .link.primary { background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; color: #ffffff; } @media screen and (max-width: 992px) { .comments-about-us.reviews_page { margin-top: 75px; } } .hidden_block { display: none; height: 0px; width: 0px; padding: 0px; margin: 0px; border: 0px solid #000; } .bottom-face-foot { overflow: hidden; margin: 0 auto 20px; max-width: 340px; } #vk_groups { max-width: 340px; width: 100% !important; margin: 0 auto; } #vk_groups iframe { width: 100%; } .members-carousel .slick-list { padding: 0px 0 0; } .privacy-policy { padding: 60px 20px; } .privacy-policy h1 { max-width: 1170px; text-align: center; padding: 0 15px 35px; margin: auto; margin-top: 0; font-size: 24px; text-transform: uppercase; font-weight: 700; } .banner-wrapper { z-index: 0; } .button { display: inline-block; vertical-align: top; max-width: 334px; -webkit-border-radius: 2em; border-radius: 2em; position: relative; -webkit-transition: all .3s; transition: all .3s; background-color: #18a283; -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; } .button:hover { -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } .leave-review.discounts_page, .price-coddy.price_page { background-repeat: repeat; background-size: contain; margin-top: 0px; padding-top: 0px; } .leave-review.discounts_page h1, .price-coddy.price_page h1 { margin-top: 60px; } @media screen and (min-width: 768px) { .switch { margin-left: 10px; margin-right: 10px; } .container-news { padding: 0px 20px 80px; } .header-banner + .main-head, .header-banner + #bxdynamic_JE6SPz_end + .main-head { position: absolute; top: 80px; left: 0; } .mobile-nav-menu .mobile-nav-menu__btn { margin-bottom: 30px; } .toggle-mnu { margin-top: 8px; } .language-ico a { display: block; margin-top: 5px; } .numbers .numb-wrapper { padding-right: 40px; padding-left: 40px; } .numbers .numb-wrapper { padding-top: 120px; padding-bottom: 140px; } .topic-for-school { font-size: 24px; line-height: 40px } .info-about-us .write-us { font-size: 24px; margin-bottom: 35px; } .info-about-us.contacts-page h1 { padding: 0 0 30px; } .info-about-us.contacts-page { padding: 45px 0; margin-top: 45px; } .design-thoughts { padding-top: 40px; } body > .head-img + .design-thoughts { padding-top: 40px; } .banner-wrapper + .design-thoughts { padding-top: 30px; } .our-school { padding-top: 50px; } } @media screen and (min-width: 1024px) { .numbers .numb-wrapper { padding-top: 120px; padding-bottom: 180px; } .slick-dotted.slick-slider { margin-bottom: 65px; } .moon-sect { padding-top: 65px; padding-bottom: 0px; } .our-team-subsect { margin-top: 65px; } .members-carousel .slick-list { padding: 0px 0 0; } .info-about-us.contacts-page { margin: 60px 0px 0px; padding: 90px 0px 150px; } .privacy-policy h1 { text-align: center; padding: 0 0 30px; } .prepod { width:300px; float:left; margin-right:15px; margin-bottom:15px; } } @media screen and (max-width: 1200px) { .head-img { display: block; height: auto; min-height: auto; background: none !important } .head-img canvas { display: none; } .head-img img { top: 0px; left: 0px; width: 100%; display: block; } } @media screen and (min-width: 1300px) { .numbers .numb-wrapper .actual-numb { font-size: 77px; line-height: 77px; } .info-about-us { background-image: url("/local/templates/coddy_en/css/../img/sect-foot-info/bg-foot.jpg"); background-size: auto 110%; } } @media screen and (max-width: 1299px) { .agreement-replace a { color: #000; text-decoration: underline; } .switch .mess_switch { color: #fff; } input.toggle-round + label:before { background-color: #fff; } } @media screen and (max-width: 992px) { .head-img { margin-top: 37px; } .privacy-policy { padding: 75px 20px; } } @media screen and (max-width: 991px) { .head-img { margin-top: 27px; } } @media screen and (max-width: 767px) { .header-banner, .banner-wrapper { display: none; } .main-head { min-height: 70px; text-align: center; } .wrap-main-site-nav { position: absolute; right: 0; top: auto; } .c-filter.header { -webkit-transform: translate(0, 0); transform: translate(0, 0); float: none; display: inline-block; } .c-filter.header { -webkit-transform: translate(-34%, 0); transform: translate(-34%, 0); } .mobile-nav-menu { padding-top: 20px; } .moon-sect .partners li img { margin-bottom: 0; } .moon-sect .partners li { margin-bottom: 0px; } .slider-main-partners.owl-carousel .owl-nav .owl-prev { left: 0; } .slider-main-partners.owl-carousel .owl-nav .owl-next { right: 0; } .about-sub-container .after-topic { margin-top: 10px; margin-bottom: 10px; height: auto; } .about-sub-container { margin-top: 0 !important; } .head-img { display: none; } } @media screen and (max-width: 639px) { .mobile-nav-menu { /*padding-top: 20px;*/ /*top: 65px;*/ } .main-head2 .mobile-nav-menu { /*top: 95px; */ } .c-filter.header { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .main-site-logo { display: block; float: none; text-align: left; } .numbers .numb-wrapper { display: block; padding-top: 60px; } .numbers .numb-wrapper .actual-numb { font-size: 30px; line-height: 30px; margin-bottom: 8px; } } .main-head p.link { display: inline-block; vertical-align: middle; padding: 0px; margin: 3px 0px 0px; } .main-head .lang-text { color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; text-decoration: none; margin-left: 5px; } .main-head p.lang-mob .lang-text, .main-head p.lang-mob:hover .lang-text { color: #fff; font-size: 22px; font-weight: 400; text-transform: uppercase; text-decoration: none; } .main-head .lang-key { cursor: pointer; } #cd-lang .languages { padding: 0em 2em 2em 2em; width: 150px; margin: auto; } #cd-lang .cd-user-modal-title { padding: 20px 20px 30px; } #cd-lang .languages .img_lang { width: 30px; float: left; } #cd-lang .languages .img_lang a img { height: 24px; } #cd-lang .languages .text_lang { } #cd-lang .languages .text_lang a { } #cd-address li { margin-bottom: 20px; } .main-site-nav .mobile-nav-menu__btn { display: none; } @media screen and (min-width: 992px) { .mobile-nav-menu { display: none; } } @media screen and (max-width: 991px) { .main-site-nav { padding-top: 0px; } .main-site-nav .mobile-nav-menu__btn { display: block; } .mobile-nav-menu .mobile-nav-menu__btn { display: none; } } @media screen and (max-width: 767px) { .main-site-nav .mobile-nav-menu__btn { display: none; } .mobile-nav-menu .mobile-nav-menu__btn { display: block; } } /*Карта в контаках*/ .environment.default{ display: block !important; } .environment.sources{ display: none !important; } .view{ display: block; position: absolute; box-sizing: border-box; float: left; margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden; } .view.default{ display: block !important; z-index: 1; } .view.windows{ display: none !important; z-index: 3; background-color: rgba(0,0,0,0.8); } .view.windows.active{ display: block !important; } .view.welcome{ display: none !important; z-index: 2; } .inner{ display: block; position: absolute; box-sizing: border-box; float: left; margin: 0px; padding: 0px; width: 100%; height: auto; } .section.map > .inner{ height: 100%; } .card-container { display: none; position: absolute; top: 90px; left: 30px; z-index: 10; width: 500px; height: 500px; overflow-y: auto; background: white; border-radius: 5px; padding: 10px 20px; font-size: 16px; line-height: 1.4em; } /* Стили для карточек */ .card__logo { margin: 0 auto; margin-top: 10px; display: block; margin-bottom: 20px; height: 85px; width: auto; } .card-active { display: block; } .card a { text-decoration: none; color: #337ab7; font-size: 20px; } .card a:hover { text-decoration: underline; color: #4790ce } .card__route { font-size: 20px; } .card__site { margin-top: 24px; } .exitImg { opacity: 0.45; position: absolute; right: 10px; width: 25px; } .exitImg:hover { opacity: 1; cursor: pointer; } .view.windows .window{ display: none; position: absolute; box-sizing: border-box; float: left; margin: 0px; padding: 0px; width: auto; height: 100%; } .view.windows .window.active{ display: block !important; } .view.windows .window.city{ position: absolute; top: 0px; right: 0px; width: 300px; height: 100%; background-color: rgb(255,255,255); box-shadow: 0px 0px 20px rgba(0,0,0,0.75); } .view.windows .window.school{ position: absolute; top: 0px; right: -300px; width: 300px; height: 100%; background-color: rgb(255,255,255); box-shadow: 0px 0px 20px rgba(0,0,0,0.75); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .view.windows .window.school.active{ right: 0px; } .view.windows .window.point{ position: absolute; top: 0px; right: -300px; width: 300px; height: 100%; background-color: rgb(255,255,255); box-shadow: 0px 0px 20px rgba(0,0,0,0.75); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } /* Слайдер */ .slider { position: relative; } .slider-images img { margin: 0 auto; display: none; height: 330px; width: 100%; } .slider-images img.show-img { display: block; } .left-button, .right-button { position: absolute; background-color: rgba(255, 255, 255, 0.75); top: 150px; cursor: pointer; } .left-button, .right-button { padding: 5px; } .left-button { left: 0px; } .right-button { right: 0px; } .left-button:hover, .right-button:hover { background-color: rgba(200, 200, 200, 0.8); } .tabs { margin-bottom: 20px; border-bottom: 1px solid #bbb; } .tabs p { display: inline-block; border: 1px solid transparent; padding: 5px 10px; margin-right: 10px; margin-bottom: -1px; } .tabs p:not(.tab-active):hover { cursor: pointer; border: 1px solid #d9d9d9; border-radius: 3px 3px 0px 0px; border-bottom: 1px solid transparent; color: #495057; } .tabs .tab-active { border: 1px solid #bbb; border-bottom: 1px solid white; border-radius: 3px 3px 0px 0px; color: #495057; } .hidden{ display: none; } .loading-failed-message { position: absolute; width: 400px; max-height: 200px; z-index: 20; padding: 20px; border: 3px solid rgb(200,150,150); border-radius: 15px; background-color: #fff; font-size: 26px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; } .section{ /* Отображение элемента: Блок */ display: block; /* Позиционирование элемента: Абсолютное */ position: absolute; /* Просчет размеров элемента: Игнорировать внутрение отступы */ box-sizing: border-box; /* Обтекание элемента: По левому краю */ float: left; /* Внешний отступ элемента */ margin: 0px; /* Внутрений отступ элемента */ padding: 0px; /* Ширина элемента */ width: 100%; /* Высота элемента */ height: auto; } .section.map{ /* Позиция от левого края */ left: 0px; /* Позиция от верхнего края */ top: 0px; /* Ширина элемента */ width: 100%; /* Высота элемента */ height: 100%; /* Уровень слоя */ z-index: 1; } /*КОНЕЦ Карта в контактах*/ .main-head .mobi_logo { display: none; } .main-head .desc_logo { height: 140px; position: absolute; top: -40px; } .main-head .c-filter.header { margin-left: 145px; } @media screen and (max-width: 992px) { .main-head .mobi_logo { display: block; height: 110px; position: absolute; top: -30px; z-index: 20; } .main-head .desc_logo { display: none; } .main-head .c-filter.header { margin-left: 25px; } .leave-review.discounts_page h1, .price-coddy.price_page h1 { margin-top: 75px; } } /*Выпадашка меню*/ .main-site-nav li .link, .main-site-nav li .link-out, a.lang .lang-text { font-size: 14px; } .main-site-nav .drop-down > .link-out { display: inline-block; padding: 10px 0 25px; border-bottom: 3px solid transparent; margin-bottom: -20px; line-height: 18px; } .main-site-nav .drop-down > .link-out:hover, .main-site-nav .drop-down > .link-out.active { border-color: #0097b9; color: #fff; } @media only screen and (max-width: 1200px) { .main-site-nav li .link, .main-site-nav li .link-out, a.lang .lang-text { font-size: 14px; } } .main-site-nav .desc-nav li.drop-down { position: relative; } @media (min-width: 992px) { .main-site-nav .desc-nav li.drop-down { height: 42px; } .main-site-nav .drop-down > .link-out { padding-bottom: 22.33px; line-height: 24px; } } .main-site-nav .desc-nav li.drop-down span { cursor: pointer; } .main-site-nav .desc-nav li.drop-down ul { display: none; position: absolute; width: 250px; text-align: left; top: 57px; left: -80px; padding: 2px 0 25px; box-shadow: inset 0 -26px #2b4554; } .main-head-block.fixed .main-site-nav .desc-nav .drop-down ul { top: 55px; } .main-site-nav .desc-nav li.drop-down > ul::before { content: ""; display: block; height: 25px; background-color: #2b4554; } .main-site-nav .desc-nav li.drop-down li { width: 100%; padding: 0.99px 0; margin: -0.99px 0; background-color: #2b4554; } .main-site-nav .desc-nav li.drop-down li:hover { background-color: #3c5a6b; } .main-site-nav .desc-nav li.drop-down li.hasmenu { background-image: url("/images/arrow-right.png"); background-repeat: no-repeat; background-position: 90% 50%; } .main-site-nav .desc-nav li.drop-down li .link-out { width: 100%; display: block; padding: 10px 40px; } .main-site-nav .desc-nav li.drop-down li .link-out:hover { color: #fff; } /*КОНЕЦ Выпадашка меню*/ /*Выпадающее меню 2 уровня*/ .main-site-nav .desc-nav .drop-down ul ul { top: 2px; left: 250px; min-height: calc(100% - 2px); box-shadow: inset 0 -999px #3c5a6b; } .main-head-block.fixed .main-site-nav .desc-nav .drop-down ul ul { top: 2px; } .main-site-nav .desc-nav .drop-down ul ul::before { content: ""; display: block; height: 23px; background-color: #3c5a6b; } .main-site-nav .desc-nav .drop-down ul ul li { background: #3c5a6b; } /*КОНЕЦ Выпадающее меню 2 уровня*/ /*Версия для слабовидящих*/ #visually_impaired { position: absolute; top: 0px; right: 0px; } #visually_impaired .visually_impaired_botton { width: 70px; height: 50px; background: url('/images/version/eye.png') 50% 50% no-repeat #fff !important; background-size: cover !important; position: absolute; right: 40px; z-index: 100; border-radius: 0px 0px 10px 10px; box-shadow: 0px 0px 5px #999; cursor: pointer; } #visually_impaired .visually_impaired_botton.active { background: url('/images/version/not_eye.png') 50% 50% no-repeat #fff !important; background-size: cover !important; } #visually_impaired .visually_impaired_botton:hover { background-color: #eee !important; } /*Общие*/ .header-wrapper.black .header-banner, .header-wrapper.black img, #content.black img, .main-foot.black img, #content.black, #content.black .rocket-block .back-to-top, #content.black .more-info-about-us .social_share a.telegrem-coddy, #content.black .more-info-about-us .social_share a.viber-coddy, #content.black .more-info-about-us .social_share a.vk-coddy, #content.black .more-info-about-us .social_share a.fb-coddy, #content.black .more-info-about-us .coddy-tv-block, #content.black .more-info-about-us .coddy-tv-block .botton, #content.black .our-news .b-event__image, #content.black .our-school .block_answer, #content.black .our-school .block_bubbles.owl-carousel .owl-nav .owl-prev, #content.black .our-school .block_bubbles.owl-carousel .owl-nav .owl-next, #content.black .comments-about-us .item-review .comment-shared, #content.black .comments-about-us .item-review .stars, #content.black .comments-about-us .reviews_block, .main-foot.black iframe, .cd-user-modal.black img, .form-block.black, .form-block.black img, .form-block.black .registration .pict .pict-area, .form-block.black .coddy, .form-block.black form#regi-form .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before, .header-wrapper.black .popup-city-list .logo-city-list, .header-wrapper.black .popup-city-list .search-city-list .btn-search { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .header-wrapper.black a, #content.black a, .main-foot.black a, .cd-user-modal.black a, .form-block.black a, .form-block.black #info_contacts .block_contacts .block_address .address .menu li a.menu_map { color: #000000 !important; text-decoration: underline !important; } .header-wrapper.black .city-filter .city-t-filter span:after, .header-wrapper.black .city-filter .city-t-filter:hover span:after { border-color: #000 transparent #000 transparent; } .header-wrapper.black canvas { display: none; } .header-wrapper.black #logo-block { width: 140px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .header-wrapper.black .top-head { background: #fff; border-top: 2px solid #333; } .header-wrapper.black a:hover, #content.black a:hover, .main-foot.black a:hover, .cd-user-modal.black a:hover, .form-block.black a:hover { color: #000000 !important; text-decoration: none !important; } .header-wrapper.black div, .header-wrapper.black p, .header-wrapper.black span, .header-wrapper.black nav, .header-wrapper.black li, .header-wrapper.black a { color: #000000 !important; } /*Шапка*/ .header-wrapper.black .header-info { background: #ffffff; color: #000000; } .header-wrapper.black .main-head { background: #ffffff; border-top: 2px solid #333; border-bottom: 2px solid #333; } .header-wrapper.black .btn-filter, .header-wrapper.black .btn-filter.active, #content.black .btn-filter, #content.black .btn-filter.active, .header-wrapper.black .mobile-nav-menu__btn a { background: #ffffff; color: #000000; border: 1px solid #333; box-shadow: none; } .header-wrapper.black .filter-options__inside, #content.black .filter-options__inside, .header-wrapper.black .popup-city-list .search-city-list input.search { background: #ffffff; border: 1px solid #333; } .header-wrapper.black .filter-options ul li a, #content.black .filter-options ul li a { background: #ffffff; color: #000000; } .header-wrapper.black .b-filter .btn-filter:after, .header-wrapper.black .b-filter .btn-filter span:after, .header-wrapper.black .main-site-nav li .btn-filter-enroll:after, #content.black .b-filter .btn-filter:after, #content.black .b-filter .btn-filter span:after, #content.black .main-site-nav li .btn-filter-enroll:after { border-color: transparent transparent #000 transparent !important; } .header-wrapper.black .b-filter .filter-options ul li a:hover, .header-wrapper.black .b-filter .filter-options ul li.active a, #content.black .b-filter .filter-options ul li a:hover, #content.black .b-filter .filter-options ul li.active a { border: 1px solid #333; } .header-wrapper.black .contacts-phone__number a, .header-wrapper.black .contacts-phone__link a, .header-wrapper.black .main-site-nav li .link, .header-wrapper.black .main-site-nav li .link-out, .header-wrapper.black .main-head .lang-text, .header-wrapper.black .popup-city-list .search-city-list input[type="text"]::placeholder { color: #000000; } .header-wrapper.black .contacts-phone__number a:hover { text-decoration: underline; } .header-wrapper.black .main-site-nav li .btn-filter-enroll { background: #ffffff; border: 1px solid #333; box-shadow: none; } .header-wrapper.black .main-site-nav .desc-nav li.drop-down ul { background: #ffffff; box-shadow: none; padding-bottom: 0; } .black .main-site-nav .desc-nav li.drop-down ul ul { background: #ffffff; box-shadow: none; border: 1px solid #333; border-left: 2px solid #000; padding-bottom: 0; } .black .main-site-nav .desc-nav li.drop-down ul::before { background: #fff; border: 1px solid #333; border-left: 2px solid #000; border-bottom: 0; } .black .main-site-nav .desc-nav li.drop-down ul::after { content: ""; display: block; height: 25px; background: #fff; border: 1px solid #333; border-left: 2px solid #000; border-top: 0; } .black .main-site-nav .desc-nav li.drop-down ul ul::before, .black .main-site-nav .desc-nav li.drop-down ul ul::after { border: 0; } .header-wrapper.black .main-site-nav .desc-nav li.drop-down li { background-color: transparent; border-left: 2px solid #333; border-right: 1px solid #333; padding-top: 0; padding-bottom: 0; margin: 0; } .header-wrapper.black .main-site-nav .desc-nav li.drop-down ul ul li { border-left: 0; border-right: 0; } .header-wrapper.black .main-site-nav .desc-nav li.drop-down li:hover { box-shadow: 0 0.9px #000, 0 -0.9px #000; } .black .main-site-nav .desc-nav .drop-down .hasmenu { background-image: url("/images/arrow-right-black.png"); } .header-wrapper.black .main-site-logo, .header-wrapper.black .popup-city-list .close { filter: invert(1); } .header-wrapper.black .lang-mob img.lang-key { display: none; } .header-wrapper.black .toggle-mnu span, .header-wrapper.black .toggle-mnu span:after, .header-wrapper.black .toggle-mnu span:before { background-color: #000; } .header-wrapper.black .toggle-mnu.on span { background-color: transparent; } .header-wrapper.black .mobile-nav-menu { background: #fff; } .header-wrapper.black .mobile-nav-menu .link-out { border-top: 1px solid #333; border-bottom: 1px solid #333; } .black .main-site-nav .drop-down > .link-out.active { border-color: #333; } .header-wrapper.black .popup-city-list { background: #ffffff; } .mobile-nav-menu .drop-down .link-out { font-weight: bold; /*color: #2f9f8b;*/ font-size: 17px; padding: 15px 0; position: relative; } .mobile-nav-menu .drop-down ul { display: none; /*position: absolute; top: 1px; right: 0; left: 0; z-index: 1;*/ /*margin: 0 -20px;*/ padding: 0 0 160px; background-color: #2b4554; } .mobile-nav-menu .drop-down ul .link-out { padding: 15px 0 15px; border: 0; font-weight: normal !important; /*color: #ffffff;*/ font-size: 16px; } .mobile-nav-menu .drop-down span.link-out.open { display: none; /*color: #2f9f8b !important;*/ } /*.mobile-nav-menu .drop-down ul .link-out span { display: none; } .mobile-nav-menu .drop-down .hasmenu .link-out span { display: block; }*/ .mobile-nav-menu .drop-down .link-out span { transform: translateY(1px) rotate(0deg); display: block; width: 15px; height: 15px; position: absolute; top: 18px; right: 0; transition: .3s; } .mobile-nav-menu .drop-down .link-out span:before, .mobile-nav-menu .drop-down .link-out span:after { content: ''; display: block; position: relative; background-color: #fff; height: 2px; width: 12px; top: 5px; right: 0px; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .mobile-nav-menu .drop-down .link-out span:before { transform: translateY(1px) rotate(45deg); top: 0px; } .mobile-nav-menu .drop-down .link-out.open span:before, .mobile-nav-menu .drop-down .link-out.open span:after { background-color: #2f9f8b; } .mobile-nav-menu .drop-down .link-out.open span { transform: translate(-3px, 1px) rotate(90deg); } .mobile-nav-menu .drop-down ul ul { position: absolute; top: 0; left: 20px; right: 20px; /*background: black;*/ } .mobile-nav-menu .drop-down li li { } .link-out1 { font-size: 17px; padding: 15px 0; position: relative; cursor: pointer; color: #fff !important; line-height: 20px !important; font-weight: 700 !important; text-decoration: none !important; text-transform: none !important; border-top: 1px solid #556a76; display: block; text-align: left; outline: none; float: right; } .link-out1>i { transform: translateY(1px) rotate(0deg); display: block; width: 15px; height: 15px; position: absolute; top: 18px; right: 0; transition: .3s; } .link-out1>i:after { content: ''; display: block; position: relative; background-color: #fff; height: 2px; width: 12px; top: 5px; right: 0px; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .link-out1>i:before { transform: translateY(1px) rotate(45deg); top: 0px; content: ''; display: block; position: relative; background-color: #fff; height: 2px; width: 12px; right: 0px; border-radius: 1px; } /*Контент*/ #content.black .coddy-slider-window { background: #ffffff; } #content.black .coddy-slider-name, #content.black .coddy-slider-desc { color: #000000; } #content.black .schedule-button a.link, #content.black .make-a-review .center-btn a.link, #content.black .leave-review .center-btn a.link, #content.black .certificates .wrapper-btn-green, #content.black .wrapper-btn-blue, #content.black .your-stuff-inp #submit_comment, #content.black .comments-about-us .link.primary, #content.black .leave-review .link.primary, #content.black .btn-green-color a, #content.black .b-about-sert__body .link.primary, #content.black .b-about-sert .b-about-sert__body a.link.btn, #content.black .price-coddy .price_button a.link, #content.black .our-courses .link.primary, #langFormBlock.form-block.black .languages .lang_name span, #langFormBlock.form-block.black .languages .lang_name span:hover, #langFormBlock.form-block.black .button, .form-block.black a.link { color: #000000 !important; background: #fff !important; -webkit-box-shadow: 0 0px 0 #fff !important; box-shadow: 0 0px 0 #fff !important; border: 1px solid #333 !important; } #langFormBlock.form-block.black .languages .lang_name.act span { color: #ffffff !important; background: #000000 !important; } #content.black .about-sub-container .topic { color: #000000; font-weight: bold; } #content.black .rocket-block .back-to-top p, #content.black .leave-review .topic-card { color: #000000; } #content.black .rocket-block .back-to-top:hover { text-decoration: none; } #content.black .rocket-block .back-to-top p:hover { text-decoration: underline; } #content.black .what-we-teach { background: #666; } #content.black .sect-topic .about-coddy-topic, #content.black .wrapper-sect-inside .text-about-coddy .text-1, #content.black .wrapper-sect-inside .text-about-coddy .text-5, #content.black .slider-main .comment, #content.black .slider-main .comment-owner, #content.black .slider-main p { color: #000000; } #content.black .comments-about-us, #content.black .our-courses, #content.black .moon-sect, #content.black .info-about-us { background: #ffffff !important; border-top: 2px solid #333; border-bottom: 2px solid #333; } #content.black .slider-main .owl-dots .owl-dot { background: #ffffff; border: 1px solid #333; } #content.black .slider-main .owl-dots .owl-dot.active, #content.black .slider-main .owl-dots .owl-dot:hover { border: 1px solid #333; background: #333; } #content.black .leave-review .about-sub-container { background: #ffffff; border: 1px solid #333; } #content.black .leave-review .about-sub-container:hover { background: #ffffff; } #content.black .leave-review .about-sub-container .after-topic, #content.black .leave-review .about-sub-container .after-text p, #content.black .leave-review .about-sub-container:hover .after-topic span, #content.black .leave-review .about-sub-container .after-topic span, #content.black .leave-review .text-star, #content.black .leave-review .text-bold, #content.black .leave-review .after-topic .rub, #content.black .leave-review .after-topic .rub:hover, #content.black .your-kids-future, #content.black .our-news .s-title, #content.black .moon-sect .topic { color: #000000 !important; } #content.black .b-course, #content.black .portfolio-items .item-overlay, #content.black .portfolio-items .item-overlay .actions-overlay .link, #content.black .our-news .b-event.b-event_column { background: #ffffff !important; border: 1px solid #333; } #content.black .b-course__title, #content.black .b-course__desc, #content.black .b-course__price, #content.black .our-news .b-date, #content.black .our-news .b-event__body, { background: #ffffff !important; color: #000000 !important; } #content.black .slick-dots li.slick-active button, #content.black .slick-dots li:hover button #content.black .our-school .block_bubbles .owl-dots .owl-dot.active, #content.black .our-school .block_bubbles .owl-dots .owl-dot:hover, #content.black .members-carousel .slick-arrow.slick-next:hover:after { background: #000000 !important; } #content.black .b-course__icon img { filter: invert(1); } #content.black .our-news .b-event__name a, #content.black .our-news .b-event__company a, #content.black .our-news .b-event__text, #content.black .certificates .gift-sertificate__header, #content.black .certificates .b-about-sert__header p, #content.black .certificates .b-about-sert__body p { color: #000000 !important; } #content.black .certificates .gift-sertificate { background: #ffffff; border-top: 2px solid #333; } #content.black .certificates .gift-sertificate:after { filter: invert(1); bottom: 25px; left: -55px; z-index: 5; } #content.black .our-school .block_bubbles .item, #content.black .members-carousel .member-name span, #content.black .members-carousel .slick-dots li.slick-active button { box-shadow: none; background: #fff; border: 1px solid #333; color: #000000 !important; } #content.black .our-school .block_bubbles .item .title_bubble, #content.black .members-carousel .member-desc, #content.black .numbers .numb-wrapper .actual-numb, #content.black .numbers .numb-wrapper .after-numb-text, #content.black .wanna-be-better .wanna-be-topic, #content.black .wanna-be-better .after-wanna-be-text, #content.black .wanna-be-better .after-wanna-be-text a, #content.black .info-about-us .write-us, #content.black .write-us.map a, #content.black .info-about-us .common-asks, #content.black .info-about-us .link-inf-about, #content.black .info-about-us .pr-text, #content.black .info-about-us .our-city, #content.black .info-about-us .time-table, #content.black .info-about-us .numbs .numb p, #content.black .info-about-us .adress .link, #content.black .info-about-us .link_contacts, #content.black .agreement .span_title, #content.black .agreement .span_title a, #content.black .certificates .wrapper-btn-green .order-a-cerf, #content.black .wrapper-btn-blue .link, #content.black #accordion .panel-heading a, #content.black #accordion .panel-heading a.active, #content.black #accordion .panel-heading a:hover, #content.black .price-coddy .quote, #content.black .b-filter.search input[type="text"]::placeholder, #content.black .b-course .b-course-title, #content.black .b-course .b-course-desc, #content.black .b-course .b-course-age, #content.black .b-course .b-course-duration { color: #000000 !important; } #content.black .members-carousel .slick-dots li button { box-shadow: none; background: #fff; border: 1px solid #333; } #content.black .members-carousel .slick-dots li.slick-active button { box-shadow: none; background: #333; border: 1px solid #333; } #content.black .numbers { background: #fff; } #content.black .numbers .numb-wrapper { padding-top: 100px; padding-bottom: 0px; } #content.black .info-about-us .adress li:before, #content.black .info-about-us .numbs .numb:before, #content.black .info-about-us .some-links li:before { background: #000000; } #content.black .wanna-be-better .after-wanna-be-text a, #content.black .info-about-us .adress .link, #content.black .info-about-us .link-inf-about, #content.black .info-about-us .link_contacts, #content.black .agreement .span_title a { text-decoration: underline; } #content.black .wanna-be-better .after-wanna-be-text a:hover, #content.black .info-about-us .adress .link:hover, #content.black .info-about-us .link-inf-about:hover, #content.black .info-about-us .link_contacts:hover, #content.black .agreement .span_title a:hover { text-decoration: none; } #content.black .info-about-us { padding-top: 100px; } #content.black .info-about-us .social-icons li .fa, #content.black .info-about-us .social-icons li .ustart, #content.black .info-about-us .social-icons li .viber { filter: invert(1); } #content.black .any-questions { margin-top: 0px; } #content.black .cd-form input.has-border, #content.black .cd-form textarea.has-border { border: 1px solid #333; } #content.black .cd-form input.has-border.has-error, #content.black .cd-form textarea.has-border.has-error, .cd-user-modal.black .cd-form input.has-border.has-error, .cd-user-modal.black .cd-form textarea.has-border.has-error { border: 2px solid #333; } #content.black .cd-form .cd-error-message, .cd-user-modal.black .cd-form .cd-error-message.is-visible { background: #fff; border: 1px solid #000; color: #000000 !important; bottom: -45px; font-size: 12px; } #content.black .cd-form .cd-error-message:after, .cd-user-modal.black .cd-form .cd-error-message:after { border-bottom: 8px solid rgba(0, 0, 0, 0.9); } #content.black input.toggle-round + label:after { background: #000; } #content.black input.toggle-round + label:before, #content.black #accordion .panel-heading a, #content.black #accordion .panel-heading a.active, #content.black #accordion .panel-heading a:hover, #content.black #info_contacts .block_contacts .block_address .address .menu li, .form-block.black #info_contacts .block_contacts .block_address .address .menu li { background: #fff; border: 1px solid #333; } #content.black form .input_checkbox > .span_checkbox, .cd-user-modal.black form .input_checkbox > .span_checkbox { border: 1px solid rgba(0, 0, 0, 0.9); background-color: #fff; } #content.black form .input_checkbox > .span_checkbox.error, .cd-user-modal.black form .input_checkbox > .span_checkbox { border: 2px solid rgba(0, 0, 0, 0.9); background-color: #fff; } #content.black .coddy-slider-arrow .arrow:before, #content.black .coddy-slider-arrow .arrow:after, #content.black .partner-reviews-arrow .arrow:before, #content.black .partner-reviews-arrow .arrow:after, #content.black .owl-prev .arrow:before, #content.black .owl-next .arrow:before, #content.black .owl-prev .arrow:after, #content.black .owl-next .arrow:after, #content.black .slick-arrow.slick-prev .arrow:before, #content.black .slick-arrow.slick-next .arrow:before, #content.black .slick-arrow.slick-prev .arrow:after, #content.black .slick-arrow.slick-next .arrow:after, #content.black .coddy-slider-arrow .arrow .line, #content.black .partner-reviews-arrow .arrow .line, #content.black .owl-prev .arrow .line, #content.black .owl-next .arrow .line, #content.black .slick-arrow.slick-prev .arrow .line, #content.black .slick-arrow.slick-next .arrow .line { background-color: #000; } #content.black .our-awards .awards-title span, #content.black .price-coddy .price_item .price_item_count_child, #content.black #info_contacts .contacts_time_and_phone div a, #content.black #info_contacts .form_contacts .contacts_info div a, #content.black #info_contacts .form_contacts .any-questions .your-stuff-inp .agreement a, #content.black #info_contacts .form_contacts .any-questions .your-stuff-inp .agreement span, #content.black .switch .mess_switch, #content.black #form_callback .cd-user-modal-success.field_switch_error, #content.black #form_callback .cd-user-modal-success.field_mess_error, #content.black .cd-user-modal-success.error, #content.black .cd-user-modal-success.field_error, #content.black .cd-user-modal-success { color: #ffffff !important; } #content.black .b-filter.search input[type="text"] { border: 1px solid #000; } #content.black .b-course .b-course-info { background: #fff !important; border-top: 1px solid #000; border-bottom: 1px solid #000; } #content.black .b-course .b-course-desc { border-bottom: 1px solid #000; } #content.black .b-course .b-course-age { border-right: 1px solid #000; } #content.black .b-course.img_icon { border-bottom: 0px solid #000; } #content.black #info_contacts .block_address .address .menu li .scheme_map, .form-block.black #info_contacts .block_address .address .menu li .scheme_map { border: 1px solid; border-radius: 100%; } #content.black .comments-about-us .stars_block { display: none; } .rub { font-family: 'Conv_RUBSN' !important; } /*Подвал*/ .footer.black { background-color: #ffffff; color: #000; } .footer.black a { color: #000; text-decoration: underline; } .footer.black a:hover { text-decoration: none; } .form-block.black .registration .form-area .field-button .link:after { filter: invert(1); } .black .footer-bottom { border-top: 1px solid; background: #fff; color: #000; } .footer.black .btn { border: 1px solid; background: #fff; color: #000; box-shadow: none; } .black .footer-social__icon { box-sizing: content-box; border: 1px solid; border-radius: 50%; background-color: #000; } .main-head .filter-options ul li.active a, .main-head .filter-options ul li a:hover { border-radius: 32px; } .b-city-list { /*display: table; width: 100%;*/ padding-bottom: 10px; } .b-city-item { /*display: table-cell; vertical-align: top; width: 33%;*/ } .main-head .filter-options { width: 400%; text-align: left; } .b-menu_mobile .filter-options { right: 0; width: calc(100% - 50px); left: auto; display: block; z-index: 20; margin: 0; top: 0; transform: none; } .main-head .b-menu_mobile .filter-options__inside ul li { display: block; width: 100%; text-align: left; box-sizing: border-box; } .main-head .b-menu_mobile .filter-options__inside { height: 300px; overflow: scroll; border-radius: 0; margin: 0; } .close-mobile_btn { position: absolute; background: #0484ac; top: 15px; left: -1000px; width: 50px; height: 50px; -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; } .close-mobile_btn:after, .close-mobile_btn:before { content: " "; width: 2px; display: block; position: absolute; height: 26px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } .close-mobile_btn:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); } @media (max-width: 992px) { .main-head .filter-options { width: calc(400% - 65px); margin-left: calc(-100% + 25px); } } @media (max-width: 991px) { .main-head .filter-options { width: calc(400% - 65px); margin-left: -220px; } } @media (max-width: 767px) { .main-head .btn-filter.active + .filter-options .close-mobile_btn { left: 0; } .main-head .btn-filter.active:after { opacity: 0; } .main-head .b-filter { position: static; } .main-head .c-filter.header { position: static; transform: none; margin-left: -100px; } .main-head .filter-options { width: 100%; margin-left: 0; transform: none; right: 0; left: auto !important; overflow: hidden; height: 465px; pointer-events: none; } .b-city-item { width: 100%; display: block; } .main-head .btn-filter.active + .filter-options .filter-options__inside { right:0; } .main-head .btn-filter.active + .filter-options { pointer-events: inherit; } .main-head .filter-options__inside { height: 100%; overflow: scroll; border-radius: 0; margin-top: 15px; margin-left: 50px; position: absolute; width: calc(100% - 50px); top: 0; right: -1000px; -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; } } @media (max-width: 639px) { .main-head .c-filter.header { margin-left: 0; } } .form-block.black .registration .form-area .title, .form-block.black .registration .form-area .field-error, .cd-user-modal.black .cd-user-modal-title.success, .cd-user-modal.black .cd-user-modal-success, .cd-user-modal.black .cd-form input[type="submit"] { color: #000000 !important; } .form-block.black .field-button a.link.act, .cd-user-modal.black .cd-form input[type="submit"] { border: 1px solid #333; background: #fff; } .form-block.black .center-btn .link:before { border: 0px solid #333; background: #fff; } .form-block.black .center-btn .link { text-decoration: none !important; -webkit-box-shadow: none; box-shadow: none; } .form-block.black .registration .form-area .field input.err { border-bottom: 2px solid #000000; } /**** COLLECT DATA ****/ .collect-data { width:100%; position:fixed; left:0; bottom:0; background-color: #2b4554; color:#FFF; z-index: 10000000000000; animation: showDiv 3s forwards; /*animation-name: fadein; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(1.0,0,0,1.0); animation-duration: 2s; -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0); -webkit-animation-duration: 2s;*/ } @keyframes showDiv { from { opacity: 0; } to { opacity: 1; } } .collect-data .collect-button { text-align:center; background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-border-radius: 2em; border-radius: 2em; font-size: 10px; padding: 10px 15px !important; margin: 5px 0px; max-width: 150px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; } .collect-data .collect-button a:hover { -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } .collect-data .collect-text { text-align:left; padding:5px 1px; font-size:10px; } .collect-data .collect-text a { text-decoration: underline; } .collect-data .collect-text a:hover { color: #009bb7; text-decoration: none; } .collect-data .collect-robot { position:relative; } .collect-data img.collect-robot { width:12%; bottom:0; position:absolute; max-width: 185px !important; } @media only screen and (max-width: 991px) { .collect-data img.collect-robot { display:none; } .collect-data .collect-text { padding:20px 5px 5px; } } @media only screen and (max-width: 600px) { .collect-data .collect-button { max-width: 100%; margin: 5px 2px 15px 2px; } .collect-data .collect-text { padding:10px 5px 5px; } } .ul-part { text-align: center; } .ul-part li { display: inline-block; margin: 30px 10px 0px; } .ul-part li a { display: block; width: 260px; height: 100px; border: 1px solid #ffffff; } .ul-part li.li-part1 a { background: url('/images/yar_partner1.png') 50% 50% no-repeat #00485c; } .ul-part li.li-part2 a { background: url('/images/yar_partner2.png') 50% 50% no-repeat #00485c; } .ul-part li.li-part1 a:hover { background: url('/images/yar_partner12.png') 50% 50% no-repeat #00485c; } .ul-part li.li-part2 a:hover { background: url('/images/yar_partner22.png') 50% 50% no-repeat #00485c; } /*Страница философия*/ .philosophy-page div, img { -webkit-transition: top 1s linear 0s; -moz-transition: top 1s linear 0s; -o-transition: top 1s linear 0s; transition: top 1s linear 0s; } .philosophy-page { padding: 0px 0 475px; margin-top: 0px; background: url("/images/philosophy/philosophy_header.png") 50% 0% no-repeat, url("/images/philosophy/philosophy_footer.png") 50% 100% no-repeat, url("/images/philosophy/philosophy_footer2.png") 50% 100% no-repeat; } .philosophy-page .title:before { content: ""; position: absolute; left: -54px; top: -1px; width: 54px; min-height: 42px; height: 100%; background: url("/images/philosophy/philosophy_title.png") 0% 0% repeat-y; } .philosophy-page .title:after { content: ""; position: absolute; right: -54px; top: -1px; width: 54px; min-height: 42px; height: 100%; background: url("/images/philosophy/philosophy_title2.png") 0% 0% repeat-y; } .philosophy-page .title { padding: 5px 0px 5px 10px; margin: 30px 0px 55px; min-height: 41px; background-color: #f3f3f3; display: inline-block; position: relative; color: #446e87; font-size: 28px; line-height: 40px; max-width: calc(100% - 80px); } .philosophy-page .title_center { text-align: center; } .philosophy-page .right { text-align: right; } .philosophy-page .text { color: #888888; font-size: 16px; line-height: 22px; } .philosophy-page .text p, .philosophy-page .text ul { margin: 0px 0px 25px; } .philosophy-page .text span { color: #3db39e; font-weight: 700; } .philosophy-page .text ul li { padding: 0px 0px 0px 35px; list-style: none; background: url('/images/philosophy/philosophy_li.png') 15px 8px no-repeat; } .philosophy-page .quote:before, .philosophy-page .quote:after { content: ""; position: absolute; width: 31px; height: 20px; background: url("/images/philosophy/philosophy_quote.png") 0% 0% no-repeat; } .philosophy-page .quote:before { left: -41px; bottom: -15px; } .philosophy-page .quote:after { right: 0px; top: -15px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .philosophy-page .quote { position: relative; padding: 0px; margin: 55px 0px 55px; color: #446e87; font-size: 22px; line-height: 28px; font-weight: 700; } .philosophy-page .text_bold { color: #3db39e; font-weight: 700; font-size: 22px; line-height: 28px; margin: 0px 0px 25px 0px; } .philosophy-page .duble .col-md-6 { padding: 0% 10% 0% 0%; } .philosophy-page .duble .col-md-6:nth-child(2n) { padding: 0% 0% 0% 3%; } .philosophy-page .duble .col-md-6 .right { padding: 0px 0px 0px 10%; } .philosophy-page .head_title { padding: 300px 0px 383px 0px; } .head_title h1 { font-weight: 700; font-size: 58px; line-height: 58px; text-align: left; } .philosophy-page .head_title h1 { font-weight: 700; font-size: 58px; line-height: 58px; text-align: left; } .philosophy-page .head_title h1 span { color: #0095b6; } .philosophy-page .col-md-6.img { height: 560px; } .philosophy-page .philosophy_img_b1 { width: 100%; height: auto; position: relative; } .philosophy-page .philosophy_img_b1 div { width: 105%; position: absolute; top: -60px; height: 620px; margin-left: -60px; } .philosophy-page .philosophy_img_b1 .philosophy_img_l1 { z-index: 1; background: url('/images/philosophy/philosophy_b1_l1.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b1 .philosophy_img_l2 { z-index: 2; background: url('/images/philosophy/philosophy_b1_l2.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b1 .philosophy_img_l3 { z-index: 3; background: url('/images/philosophy/philosophy_b1_l3.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b1 .philosophy_img_l4 { z-index: 4; background: url('/images/philosophy/philosophy_b1_l4.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b1 .philosophy_img_l5 { z-index: 5; background: url('/images/philosophy/philosophy_b1_l5.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b1 .philosophy_img_l6 { z-index: 7; background: url('/images/philosophy/philosophy_b1_l6.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b1 .philosophy_img_l7 { display: none; width: 65px; height: 63px; top: 223px; left: 374px; z-index: 6; background: url('/images/philosophy/philosophy_b1_l7.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b2 div { width: 105%; position: absolute; top: -60px; height: 545px; margin-left: 60px; } .philosophy-page .philosophy_img_b2 .philosophy_img_l1 { z-index: 1; background: url('/images/philosophy/philosophy_b2_l1.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b2 .philosophy_img_l2 { z-index: 2; background: url('/images/philosophy/philosophy_b2_l2.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b2 .philosophy_img_l3 { z-index: 3; background: url('/images/philosophy/philosophy_b2_l3.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b2 .philosophy_img_l4 { z-index: 4; background: url('/images/philosophy/philosophy_b2_l4.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b2 .philosophy_img_l5 { z-index: 5; background: url('/images/philosophy/philosophy_b2_l5.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b3 { display: none; } .philosophy-page .philosophy_img_b3 div { width: 105%; position: absolute; top: -60px; height: 545px; margin-left: 60px; } .philosophy-page .philosophy_img_b3 .philosophy_img_l1 { z-index: 1; background: url('/images/philosophy/philosophy_b3_l1.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .stars { border-radius: 100%; background: #ffffff; } .philosophy-page .star1 { width: 10px; height: 10px; position: absolute; top: 90px; left: -70px; } .philosophy-page .star2 { width: 5px; height: 5px; position: absolute; top: 120px; left: 110px; } .philosophy-page .star3 { width: 7px; height: 7px; position: absolute; top: 220px; left: -55px; } .philosophy-page .star4 { width: 3px; height: 3px; position: absolute; top: 320px; left: -110px; } .philosophy-page .star5 { width: 10px; height: 10px; position: absolute; top: 170px; right: 70px; } .philosophy-page .star6 { width: 3px; height: 3px; position: absolute; top: 210px; right: 300px; } .philosophy-page .star7 { width: 20px; height: 20px; position: absolute; top: 400px; right: 0px; } .philosophy-page .star8 { width: 7px; height: 7px; position: absolute; top: 500px; right: 90px; } .philosophy-page .star9 { width: 5px; height: 5px; position: absolute; top: 310px; right: 170px; } .philosophy-page .star10 { width: 10px; height: 10px; position: absolute; } .philosophy-page .star11 { width: 5px; height: 5px; position: absolute; background: #f8e160; } .philosophy-page .star12 { width: 3px; height: 3px; position: absolute; background: #f8e160; } .philosophy-page .cosmonaut { position: absolute; top: 385px; right: 255px; z-index: 2; } .philosophy-page .cosmonaut_hand { position: absolute; top: 405px; right: 278px; z-index: 1; } .philosophy-page .courses_to { margin: 480px 0px 0px; } .philosophy-page .courses_to a.link { display: block; width: 250px; margin: auto; } .philosophy-page { overflow: hidden; } .philosophy-page .courses_to { margin: 0px; } .philosophy-page .text span.text-topic-bold { color: #888888; } #block-confetti { width: 100%; max-width: 410px; margin: auto; position: relative; } #confetti { width: 100%; max-width: 400px; height: 500px; overflow-y: hidden; margin: 0px 0px 16px 10px; border-radius: 185px 185px 0px 0px; } /*Адаптив*/ @media only screen and (max-width: 1199px) { .philosophy-page .star3 { top: 160px; left: -50px } .philosophy-page .star4 { top: 260px; left: -100px; } .philosophy-page .star5 { top: 130px; right: 120px; } .philosophy-page .star6 { top: 210px; right: 250px; } .philosophy-page .star7 { top: 340px; right: -20px; } .philosophy-page .star8 { top: 470px; right: 70px; } .philosophy-page .cosmonaut { right: 150px; } .philosophy-page .cosmonaut_hand { right: 173px; } .philosophy-page .philosophy_img_b1 div { top: 0px; height: 520px; margin-left: -20px; } .philosophy-page .philosophy_img_b2 div { margin-left: -20px; } .philosophy-page .philosophy_img_b1 .philosophy_img_l7 { width: 56px; height: 53px; top: 237px; left: 313px; } .philosophy-page .head_title { padding: 208px 0px 413px 50px; } .philosophy-page .duble .col-md-6 { padding: 0% 10% 0% 15px; } .philosophy-page .duble .col-md-6:nth-child(2n) { padding: 0% 15px 0% 3%; } } @media only screen and (max-width: 991px) { #block-confetti { display: none; } .philosophy-page { background: url("/images/philosophy/philosophy_header3.png") -20% 2% no-repeat, url("/images/philosophy/philosophy_header1.png") 0% -1% no-repeat, url("/images/philosophy/philosophy_header2.png") 200% -2% no-repeat, url("/images/philosophy/philosophy_footer3.png") 50% 100% no-repeat; background-size: 50% auto, 50% auto, auto 720px, 125% auto; } .philosophy-page .animation_header { display: none; } .philosophy-page .head_title { padding: 160px 0px 52% 15% } .philosophy-page .col-md-6.img { height: auto; } .philosophy-page .philosophy_img_b1 { width: 350px; height: 400px; position: relative; margin: 0px auto 30px; } .philosophy-page .philosophy_img_b1 div { height: 400px; top: 0px; margin: 0px; } .philosophy-page .philosophy_img_b1 .philosophy_img_l7 { width: 38px; height: 37px; top: 139px; left: 188px; } .philosophy-page .philosophy_img_b2 { display: none; } .philosophy-page .philosophy_img_b3 { display: block; width: 350px; height: 400px; position: relative; margin: 0px auto 30px; } .philosophy-page .philosophy_img_b3 div { height: 400px; top: 0px; margin: 0px; } .philosophy-page .col-md-6.title_mobile_center { text-align: center; } .philosophy-page .text ul li { padding: 0px 0px 0px 20px; background: url('/images/philosophy/philosophy_li.png') 0px 8px no-repeat; margin: 0px; } .philosophy-page .quote { text-align: center; padding: 0px 30px; } .philosophy-page .quote:before { left: 0px; } .philosophy-page .duble .col-md-6, .philosophy-page .duble .col-md-6:nth-child(2n) { padding: 0px 15px; } .philosophy-page .duble .col-md-6 .right { padding: 0px 0px; } .philosophy-page .right { text-align: left; } .philosophy-page .courses_to { margin: 45% 0px 0px; } } @media only screen and (max-width: 880px) { .philosophy-page { padding: 0px 0 30%; margin-top: 0px; background: url("/images/philosophy/philosophy_header3.png") -20% 2% no-repeat, url("/images/philosophy/philosophy_header1.png") 0% -1% no-repeat, url("/images/philosophy/philosophy_header2.png") 300% -2% no-repeat, url("/images/philosophy/philosophy_footer.png") 50% 100% no-repeat; background-size: 50% auto, 50% auto, auto 720px, 125% auto; } .philosophy-page .courses_to { margin: 40% 0px 0px; } } @media only screen and (max-width: 820px) { .philosophy-page { padding: 0px 0 30%; margin-top: 0px; background: url("/images/philosophy/philosophy_header3.png") -20% 2% no-repeat, url("/images/philosophy/philosophy_header1.png") 0% -1% no-repeat, url("/images/philosophy/philosophy_header2.png") 400% -2% no-repeat, url("/images/philosophy/philosophy_footer.png") 50% 100% no-repeat; background-size: 50% auto, 50% auto, auto 720px, 125% auto; } .philosophy-page .courses_to { margin: 36% 0px 0px; } } @media only screen and (max-width: 767px) { .philosophy-page { padding: 0px 0 30%; margin-top: 0px; background: url("/images/philosophy/philosophy_header3.png") -20% 2% no-repeat, url("/images/philosophy/philosophy_header1.png") 0% -1% no-repeat, url("/images/philosophy/philosophy_header2.png") 280% -2% no-repeat, url("/images/philosophy/philosophy_footer.png") 50% 100% no-repeat; background-size: 50% auto, 50% auto, auto 600px, 125% auto; } .philosophy-page .head_title { padding: 120px 0px 40% 20%; } .philosophy-page .head_title h1 { font-size: 48px; line-height: 48px; } .philosophy-page .head_title img { height: 38px; } .philosophy-page .courses_to { margin: 36% 0px 0px; } } @media only screen and (max-width: 675px) { .philosophy-page { padding: 0px 0 30%; margin-top: 0px; background: url("/images/philosophy/philosophy_header3.png") -20% 2% no-repeat, url("/images/philosophy/philosophy_header1.png") 0% -1% no-repeat, url("/images/philosophy/philosophy_header2.png") 300% -2% no-repeat, url("/images/philosophy/philosophy_footer.png") 50% 100% no-repeat; background-size: 50% auto, 50% auto, auto 550px, 125% auto; } .philosophy-page .head_title { padding: 120px 0px 45% 20%; } .philosophy-page .head_title h1 { font-size: 40px; line-height: 40px; } .philosophy-page .head_title img { height: 30px; } .philosophy-page .courses_to { margin: 36% 0px 0px; } .philosophy-page .col-md-6.img { height: auto; } .philosophy-page .philosophy_img_b1 { width: 275px; height: 315px; } .philosophy-page .philosophy_img_b1 div { height: 315px; } .philosophy-page .philosophy_img_b3 { width: 275px; height: 315px; } .philosophy-page .philosophy_img_b3 div { height: 315px; } } @media only screen and (max-width: 605px) { .philosophy-page { padding: 0px 0 30%; margin-top: 0px; background: url("/images/philosophy/philosophy_header3.png") -20% 2% no-repeat, url("/images/philosophy/philosophy_header1.png") 0% -1% no-repeat, url("/images/philosophy/philosophy_header2.png") -500% -2% no-repeat, url("/images/philosophy/philosophy_footer.png") 50% 100% no-repeat; background-size: 50% auto, 50% auto, 110% auto, 125% auto; } .philosophy-page .head_title { padding: 120px 0px 62% 20%; } } @media only screen and (max-width: 480px) { .philosophy-page { padding: 0px 0 30%; margin-top: 0px; background: url("/images/philosophy/philosophy_header3.png") -50% 0% no-repeat, url("/images/philosophy/philosophy_header1.png") 0% -1% no-repeat, url("/images/philosophy/philosophy_header2.png") -500% -2% no-repeat, url("/images/philosophy/philosophy_footer.png") 50% 100% no-repeat; background-size: 65% auto, 50% auto, 110% auto, 125% auto; } .philosophy-page .head_title { padding: 40px 0px 68% 20%; } } @media only screen and (max-width: 420px) { .philosophy-page { padding: 0px 0 65%; margin-top: 0px; background: url("/images/philosophy/philosophy_header3.png") -400% 0.2% no-repeat, url("/images/philosophy/philosophy_header1.png") 0% -1% no-repeat, url("/images/philosophy/philosophy_header2.png") -35% 0% no-repeat, url("/images/philosophy/philosophy_footer.png") 50% 100% no-repeat; background-size: 95% auto, 90% auto, 180% auto, 270% auto; } .philosophy-page .head_title { padding: 140px 0px 345px 20%; } .philosophy-page .head_title h1 { font-size: 40px; line-height: 40px; } .philosophy-page .courses_to { margin: 75% 0px 0px; } } @media only screen and (max-width: 385px) { .philosophy-page .head_title { padding: 140px 0px 345px 15%; } } @media only screen and (max-width: 355px) { .philosophy-page .head_title { padding: 140px 0px 345px 10%; } } @media only screen and (max-width: 330px) { .philosophy-page .head_title { padding: 140px 0px 345px 7%; } } @media only screen and (min-width: 992px) { .philosophy-page .philosophy_img_b1.act .philosophy_img_l2 { -webkit-animation: slide 3s linear 0s; animation: slide 3s linear 0s; } .philosophy-page .philosophy_img_b1.act .philosophy_img_l3 { -webkit-animation: slide 2.5s linear 0s; animation: slide 2.5s linear 0s; } .philosophy-page .philosophy_img_b1.act .philosophy_img_l4 { -webkit-animation: slide 2s linear 0s; animation: slide 2s linear 0s; } .philosophy-page .philosophy_img_b1.act .philosophy_img_l5 { -webkit-animation: slide 2.8s linear 0s; animation: slide 2.8s linear 0s; } .philosophy-page .philosophy_img_b1 div, .philosophy-page .philosophy_img_b2 div { display: none; } .philosophy-page .philosophy_img_b1 .philosophy_img_l6 { background: url('/images/philosophy/philosophy_b1_l6_2.png') 0% 0% no-repeat; background-size: auto 100%; } .philosophy-page .philosophy_img_b1 .philosophy_img_l7 { -webkit-animation: cosm2 1s linear 0s infinite; animation: cosm2 1s linear 0s infinite; } .philosophy-page .philosophy_img_b2.act .philosophy_img_l2 { -webkit-animation: slide2 3s linear 0s; animation: slide2 3s linear 0s; } .philosophy-page .philosophy_img_b2.act .philosophy_img_l3 { -webkit-animation: slide2 2.5s linear 0s; animation: slide2 2.5s linear 0s; } .philosophy-page .philosophy_img_b2.act .philosophy_img_l4 { -webkit-animation: slide2 2s linear 0s; animation: slide2 2s linear 0s; } .philosophy-page .star1 { -webkit-animation: pulsate 2s linear 0s infinite; animation: pulsate 2s linear 0s infinite; } .philosophy-page .star2 { -webkit-animation: pulsate_small 1s linear 0s infinite; animation: pulsate_small 1s linear 0s infinite; } .philosophy-page .star3 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } .philosophy-page .star4 { -webkit-animation: pulsate_small 1s linear 1s infinite; animation: pulsate_small 1s linear 1s infinite; } .philosophy-page .star5 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } .philosophy-page .star6 { -webkit-animation: pulsate_small 2s linear 1s infinite; animation: pulsate_small 2s linear 1s infinite; } .philosophy-page .star7 { -webkit-animation: pulsate 2s linear 1s infinite; animation: pulsate 2s linear 1s infinite; } .philosophy-page .star8 { -webkit-animation: pulsate_small 1s linear 0.5s infinite; animation: pulsate_small 1s linear 0.5s infinite; } .philosophy-page .star9 { -webkit-animation: pulsate_small 2s linear 0s infinite; animation: pulsate_small 2s linear 0s infinite; } .philosophy-page .star10 { -webkit-animation: slide_star 10s linear 0s infinite; animation: slide_star 10s linear 0s infinite; } .philosophy-page .star11 { -webkit-animation: slide_star2 10s linear 2s infinite; animation: slide_star2 10s linear 2s infinite; } .philosophy-page .star12 { -webkit-animation: slide_star3 10s linear 4s infinite; animation: slide_star3 10s linear 4s infinite; } .philosophy-page .cosmonaut_hand { -webkit-animation: cosm 1s linear 0s infinite; animation: cosm 1s linear 0s infinite; } } /*Анимация*/ /*Звезды*/ @-webkit-keyframes pulsate { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 10px rgba(90,156,202,.5), 0 0 16px #5a9cca; } } @keyframes pulsate { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px 5px rgba(90,156,202,.5), 0 0 10px 5px #5a9cca; } } @-webkit-keyframes pulsate_small { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 2px 2px rgba(90,156,202,.5), 0 0 5px 2px #5a9cca; } } @keyframes pulsate_small { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 2px 2px rgba(90,156,202,.5), 0 0 5px 2px #5a9cca; } } @-webkit-keyframes slide_star { 0% { top: 0px; right: -100px; opacity: 1;} 30% { top: 500px; right: 500px; opacity: 1; } 31% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star { 0% { top: 0px; right: -100px; opacity: 1;} 30% { top: 500px; right: 500px; opacity: 1; } 31% { top: 2000px; right: 2000px; opacity: 0; } } @-webkit-keyframes slide_star2 { 0% { top: 0px; right: -100px; opacity: 1;} 20% { top: 250px; right: 300px; opacity: 1; } 21% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star2 { 0% { top: 0px; right: -100px; opacity: 1;} 20% { top: 250px; right: 300px; opacity: 1; } 21% { top: 2000px; right: 2000px; opacity: 0; } } @-webkit-keyframes slide_star3 { 0% { top: 0px; right: -100px; opacity: 1;} 10% { top: 1250px; right: 1000px; opacity: 1; } 11% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star3 { 0% { top: 0px; right: -100px; opacity: 1;} 10% { top: 1250px; right: 500px; opacity: 1; } 11% { top: 2000px; right: 2000px; opacity: 0; } } /*Планеты*/ @-webkit-keyframes slide { 0% { right: -300% } 100% { right: 0% } } @keyframes slide { 0% { right: -300% } 100% { right: 0% } } @-webkit-keyframes slide2 { 0% { left: -300%; } 100% { left: 0%;} } @keyframes slide2 { 0% { left: -300%; } 100% { left: 0%;} } @-webkit-keyframes cosm { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); } 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes cosm { 0% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } 50% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); } 100% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } } @-webkit-keyframes cosm2 { 0% { -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } 50% { -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } 100% { -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } } @keyframes cosm2 { 0% { -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } 50% { -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } 100% { -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } } /*Конец Страница философия*/ /*Новые стрелки*/ .coddy-slider-arrow, .partner-reviews-arrow, .owl-prev, .owl-next, .slick-arrow.slick-prev, .slick-arrow.slick-next { transform: translateY(-50%); padding: 18px; display: block; font-size: 0; transition: .3s; background: rgba(0,0,0,0) !important; border: 0; border-radius: 100%; text-transform: none; } .gallery-photo .gallery-prev, .gallery-photo .gallery-next { width: 20px; height: 40px; top: calc(50% - 20px); left: 0px; position: absolute; cursor: pointer; } .gallery-photo .gallery-next { right: 0px; left: auto; } .coddy-slider-arrow:hover, .partner-reviews-arrow:hover, .owl-prev:hover, .owl-next:hover, .slick-arrow.slick-prev:hover, .slick-arrow.slick-next:hover { background: rgba(0,0,0,0) !important; } .coddy-slider-arrow.prev, .coddy-slider-arrow.next, .partner-reviews-arrow.prev, .partner-reviews-arrow.next, .owl-prev, .owl-next, .slick-arrow.slick-prev, .slick-arrow.slick-next { background-image: none; } .coddy-slider-arrow .arrow, .partner-reviews-arrow .arrow, .owl-prev .arrow, .owl-next .arrow, .slick-arrow.slick-prev .arrow, .slick-arrow.slick-next .arrow, .gallery-photo .gallery-prev .arrow, .gallery-photo .gallery-next .arrow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .coddy-slider-arrow .arrow:before, .coddy-slider-arrow .arrow:after, .partner-reviews-arrow .arrow:before, .partner-reviews-arrow .arrow:after, .owl-prev .arrow:before, .owl-next .arrow:before, .owl-prev .arrow:after, .owl-next .arrow:after, .slick-arrow.slick-prev .arrow:before, .slick-arrow.slick-next .arrow:before, .slick-arrow.slick-prev .arrow:after, .slick-arrow.slick-next .arrow:after, .gallery-photo .gallery-prev .arrow:before, .gallery-photo .gallery-next .arrow:before, .gallery-photo .gallery-prev .arrow:after, .gallery-photo .gallery-next .arrow:after { content: ''; display: block; position: absolute; background-color: #fff; height: 2px; width: 20px; top: 11px; bottom: 25px; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .slick-arrow.slick-prev .arrow:before, .slick-arrow.slick-next .arrow:before, .slick-arrow.slick-prev .arrow:after, .slick-arrow.slick-next .arrow:after, .new-page-slide .owl-nav .arrow:after, .new-page-slide .owl-nav .arrow:before { background-color: #333; } .coddy-slider-arrow .arrow:after, .partner-reviews-arrow .arrow:after, .owl-prev .arrow:after, .owl-next .arrow:after, .slick-arrow.slick-prev .arrow:after, .slick-arrow.slick-next .arrow:after, .gallery-photo .gallery-prev .arrow:after, .gallery-photo .gallery-next .arrow:after { top: 26px; bottom: auto; transform: rotate(45deg); } .coddy-slider-arrow.next .arrow:before, .coddy-slider-arrow.next .arrow:after, .partner-reviews-arrow.next .arrow:before, .partner-reviews-arrow.next .arrow:after, .owl-next .arrow:before, .owl-next .arrow:after, .slick-arrow.slick-next .arrow:before, .slick-arrow.slick-next .arrow:after, .gallery-photo .gallery-next .arrow:before, .gallery-photo .gallery-next .arrow:after { right: 0; transform: translateY(1px) rotate(45deg); } .coddy-slider-arrow.next .arrow:after, .partner-reviews-arrow.next .arrow:after, .owl-next .arrow:after, .slick-arrow.slick-next .arrow:after, .gallery-photo .gallery-next .arrow:after { transform: rotate(-45deg); } .coddy-slider-arrow .arrow .line, .partner-reviews-arrow .arrow .line, .owl-prev .arrow .line, .owl-next .arrow .line, .slick-arrow.slick-prev .arrow .line, .slick-arrow.slick-next .arrow .line, .gallery-photo .gallery-prev .line, .gallery-photo .gallery-next .line { position: absolute; display: block; background-color: #fff; height: 2px; width: 30px; top: 19px; left: 4px; opacity: 0; border-radius: 1px; pointer-events: none; transform: translateX(30px); transition: .3s; } .slick-arrow.slick-prev .arrow .line, .slick-arrow.slick-next .arrow .line, .new-page-slide .owl-nav .arrow .line { background-color: #333; } .coddy-slider-arrow.next .arrow .line, .partner-reviews-arrow.next .arrow .line, .owl-next .arrow .line, .slick-arrow.slick-next .arrow .line, .gallery-photo .gallery-next .line { top: 18px; left: auto; right: 4px; transform: translateX(-30px); } .coddy-slider-arrow.prev:hover .arrow .line, .partner-reviews-arrow.prev:hover .arrow .line, .owl-prev:hover .arrow .line, .slick-arrow.slick-prev:hover .arrow .line, .gallery-photo .gallery-prev:hover .line { opacity: 1; left: -24px; } .coddy-slider-arrow.next:hover .arrow .line, .partner-reviews-arrow.next:hover .arrow .line, .owl-next:hover .arrow .line, .slick-arrow.slick-next:hover .arrow .line, .gallery-photo .gallery-next:hover .line { opacity: 1; right: -24px; } .coddy-slider-arrow.prev:hover .arrow:before, .coddy-slider-arrow.next:hover .arrow:after, .partner-reviews-arrow.prev:hover .arrow:before, .partner-reviews-arrow.next:hover .arrow:after, .owl-prev:hover .arrow:before, .owl-next:hover .arrow:after, .slick-arrow.slick-prev:hover .arrow:before, .slick-arrow.slick-next:hover .arrow:after, .gallery-photo .gallery-prev:hover .arrow:before, .gallery-photo .gallery-next:hover .arrow:after { transform: translateY(1px) rotate(135deg); } .coddy-slider-arrow.next:hover .arrow:before, .coddy-slider-arrow.prev:hover .arrow:after, .partner-reviews-arrow.next:hover .arrow:before, .partner-reviews-arrow.prev:hover .arrow:after, .owl-next:hover .arrow:before, .owl-prev:hover .arrow:after, .slick-arrow.slick-next:hover .arrow:before, .slick-arrow.slick-prev:hover .arrow:after, .gallery-photo .gallery-next:hover .arrow:before, .gallery-photo .gallery-prev:hover .arrow:after { transform: rotate(223deg); } .coddy-slider-arrow.next:hover .arrow:after, .partner-reviews-arrow.next:hover .arrow:after, .owl-next:hover .arrow:after, .slick-arrow.slick-next:hover .arrow:after, .gallery-photo .gallery-next:hover .arrow:after { top: 24px; } .slick-prev:before, .slick-prev:after, .slick-next:before, .slick-next:after { display: none; } /*Конец Новые стрелки*/ /*Стоимость 23.11.2018*/ .price-coddy { background: url('/images/price/price_bg.png') 50% 50% no-repeat #ffffff; background-size: 100% auto; } .price-coddy .s-title { margin-top: 40px; margin-bottom: 20px; } .price-coddy .slick-track { height: 620px; } .price-coddy .price_item { width: 100%; height: 540px; position: relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .price-coddy .price_item div { width: 100%; max-width: 280px; left: calc(50% - 140px); position: absolute; color: #fff; font-size: 18px; line-height: 20px; font-weight: bold; text-align: center; } .price-coddy .price_item .price_item_title { top: 60px; font-size: 20px; line-height: 24px; } .price-coddy .price_item .price_item_count_child { top: 280px; color: #3db39e; } .price-coddy .price_item .price_item_down { display: block; margin-top: 25px; } .price-coddy .price_item .price_item_desc { max-width: 200px; left: calc(50% - 100px); top: 310px; font-weight: 400; } .price-coddy .price_item .price_item_price { top: 440px; font-size: 30px; line-height: 32px; } .price-coddy .price_button { text-align: center; } .price-coddy .price_button a.link { text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-border-radius: 2em; border-radius: 2em; font-size: 14px; padding: 14px 40px !important; margin: 0; position: relative; top: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; } .price-coddy .price_button a.link:hover { top: 3; -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } .price-coddy .quote:before, .price-coddy .quote:after { content: ""; position: absolute; width: 31px; height: 20px; background: url("/images/mission/mission_quote.png") 0% 0% no-repeat; } .price-coddy .quote:before { left: -41px; bottom: -15px; } .price-coddy .quote:after { right: -20px; top: -15px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .price-coddy .quote { position: relative; padding: 0px; color: #446e87; font-size: 30px; line-height: 32px; font-weight: 700; max-width: 500px; margin: 10px auto 50px; text-align: center; } @media only screen and (max-width: 1199px) { .price-coddy .price_button { padding: 17px 0px 0px; } } @media only screen and (max-width: 520px) { .price-coddy .quote { width: 80%; font-size: 22px; line-height: 28px; } .price-coddy .quote:before { left: -35px; } .price-coddy .quote:after { right: -25px; } .price-coddy .price_button a.link { width: 100%; display: block; margin-left: 0px; } } @media only screen and (max-width: 400px) { .price-coddy .slick-track { height: 520px; } .price-coddy .price_item { height: 450px; } .price-coddy .price_item div, .price-coddy .price_item .price_item_desc { max-width: 100%; left: 0px; padding: 0px 40px; } .price-coddy .price_item .price_item_title { top: 8%; } .price-coddy .price_item .price_item_count_child { top: 53%; } .price-coddy .price_item .price_item_desc { top: 59%; } .price-coddy .price_item .price_item_desc p { margin: 0px; padding: 0px; } .price-coddy .price_item .price_item_price { top: 80%; } } @media only screen and (max-width: 365px) { .price-coddy .price_item .price_item_price { top: 76%; } } @media only screen and (max-width: 358px) { .price-coddy .price_item .price_item_title { top: 18%; } .price-coddy .price_item .price_item_desc { top: 61%; } .price-coddy .price_item .price_item_price { top: 75%; } } @media only screen and (max-width: 340px) { .price-coddy .price_item .price_item_title { top: 19%; font-size: 17px; line-height: 19px; } .price-coddy .price_item .price_item_desc { font-size: 16px; line-height: 20px; } .price-coddy .price_item .price_item_price { top: 72%; font-size: 25px; line-height: 27px; } } @media only screen and (max-width: 330px) { .price-coddy .slick-track { height: 520px; } .price-coddy .price_item { height: 430px; } .price-coddy .price_item .price_item_title { top: 22%; } .price-coddy .price_item .price_item_count_child { top: 51%; } .price-coddy .price_item .price_item_desc { top: 59%; } .price-coddy .price_item .price_item_price { top: 71%; } } /* Конец Стоимость 23.11.2018*/ /*Страница философия*/ .mission-page div, img { -webkit-transition: top 1s linear 0s; -moz-transition: top 1s linear 0s; -o-transition: top 1s linear 0s; transition: top 1s linear 0s; } .mission-page { padding: 0px 0 0px; margin-top: 0px; background: url("/images/mission/mission_header.png") 50% 0% no-repeat, url("/images/mission/mission_footer.png") 50% 100% no-repeat; overflow: hidden; } .mission-page .title:before { content: ""; position: absolute; left: -54px; top: -1px; width: 54px; height: 42px; background: url("/images/mission/mission_title.png") 0% 0% no-repeat; } .mission-page .title:after { content: ""; position: absolute; right: -54px; top: -1px; width: 54px; height: 42px; background: url("/images/mission/mission_title2.png") 0% 0% no-repeat; } .mission-page .title { padding: 5px 0px 5px 10px; margin: 30px 0px 55px; height: 41px; background-color: #f3f3f3; display: inline-block; position: relative; color: #446e87; font-size: 28px; line-height: 26px; } .mission-page .title_center { text-align: center; } .mission-page .right { text-align: right; } .mission-page .text { color: #888888; font-size: 16px; line-height: 22px; } .mission-page .text p, .mission-page .text ul { margin: 0px 0px 25px; } .mission-page .text span { color: #3db39e; font-weight: 700; } .mission-page .text ul li { padding: 0px 0px 0px 35px; list-style: none; background: url('/images/mission/mission_li.png') 15px 8px no-repeat; } .mission-page .quote:before, .mission-page .quote:after { content: ""; position: absolute; width: 31px; height: 20px; background: url("/images/mission/mission_quote.png") 0% 0% no-repeat; } .mission-page .quote:before { left: -41px; bottom: -15px; } .mission-page .quote:after { right: 0px; top: -15px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .mission-page .quote { position: relative; padding: 0px; margin: 55px 0px 55px; color: #446e87; font-size: 22px; line-height: 28px; font-weight: 700; } .mission-page .quote.top:after { right: -30px; } .mission-page .quote.bottom { text-align: center; color: #fff; margin: 80px 0px 40px; } .mission-page .quote.bottom:before { left: 10px; } .mission-page .quote.bottom:after { right: 10px; top: 0px; } .mission-page .text_bold { color: #3db39e; font-weight: 700; font-size: 22px; line-height: 28px; margin: 0px 0px 25px 0px; } .mission-page .head_title { padding: 300px 0px 0px 0px; } .mission-page .head_title h1 { font-weight: 700; font-size: 58px; line-height: 58px; text-align: left; } .mission-page .head_title h1 span { color: #0095b6; } .mission-page .col-md-6.img { height: 560px; } .mission-page .mission_img_b1 div { width: 100%; position: absolute; top: -60px; height: 545px; margin-left: 60px; } .mission-page .mission_img_b1 .mission_img_l1 { z-index: 1; background: url('/images/mission/mission_b1_l1.png') 0% 0% no-repeat; background-size: auto 100%; } .mission-page .mission_img_b1 .mission_img_l2 { z-index: 2; background: url('/images/mission/mission_b1_l2.png') 0% 0% no-repeat; background-size: auto 100%; } .mission-page .mission_img_b1 .mission_img_l3 { z-index: 4; background: url('/images/mission/mission_b1_l3.png') 0% 0% no-repeat; background-size: auto 100%; width: 107px; height: 134px; top: 255px; left: 130px; } .mission-page .mission_img_b1 .mission_img_l4 { z-index: 5; background: url('/images/mission/mission_b1_l4.png') 0% 0% no-repeat; background-size: auto 100%; width: 107px; height: 134px; top: 255px; left: 130px; } .mission-page .mission_img_b1 .mission_img_l5 { z-index: 3; background: url('/images/mission/mission_b1_l5.png') 0% 0% no-repeat; background-size: auto 100%; width: 107px; height: 134px; top: 255px; left: 130px; } .mission-page .stars { border-radius: 100%; background: #ffffff; } .mission-page .star1 { width: 10px; height: 10px; position: absolute; top: 90px; left: -70px; } .mission-page .star2 { width: 5px; height: 5px; position: absolute; top: 120px; left: 110px; } .mission-page .star3 { width: 7px; height: 7px; position: absolute; top: 220px; left: -55px; } .mission-page .star4 { width: 3px; height: 3px; position: absolute; top: 320px; left: -110px; } .mission-page .star5 { width: 10px; height: 10px; position: absolute; top: 170px; right: 70px; } .mission-page .star6 { width: 3px; height: 3px; position: absolute; top: 210px; right: 300px; } .mission-page .star7 { width: 20px; height: 20px; position: absolute; top: 350px; right: 0px; } .mission-page .star8 { width: 7px; height: 7px; position: absolute; top: 500px; right: 90px; } .mission-page .star9 { width: 5px; height: 5px; position: absolute; top: 310px; right: 170px; } .mission-page .star10 { width: 10px; height: 10px; position: absolute; } .mission-page .star11 { width: 5px; height: 5px; position: absolute; background: #f8e160; } .mission-page .star12 { width: 3px; height: 3px; position: absolute; background: #f8e160; } .mission-page .cosmonaut { width: 178px; height: 288px; position: absolute; top: 415px; right: 285px; background: url("/images/mission/mission_header_ch.png") 0% 0% no-repeat; } .mission-page .rover { width: 147px; height: 137px; position: absolute; top: 470px; right: 400px; background: url("/images/mission/mission_marsohod.png") 0% 0% no-repeat; } .mission-page .moon { width: 153px; height: 152px; position: absolute; top: 200px; right: -145px; background: url("/images/mission/mission_header_m.png") 0% 0% no-repeat; } .mission-page .saturn { width: 142px; height: 128px; position: absolute; top: 100px; right: 40%; background: url("/images/mission/mission_header_pl.png") 0% 0% no-repeat; } /*Адаптив*/ @media only screen and (max-width: 1199px) { .mission-page .star3 { top: 160px; left: -50px } .mission-page .star4 { top: 260px; left: -100px; } .mission-page .star5 { top: 130px; right: 120px; } .mission-page .star6 { top: 210px; right: 250px; } .mission-page .star7 { top: 340px; right: -20px; } .mission-page .star8 { top: 470px; right: 70px; } .mission-page .cosmonaut { right: 150px; } .mission-page .cosmonaut_hand { right: 173px; } .mission-page .mission_img_b1 div { margin-left: -20px; } .mission-page .head_title { padding: 208px 0px 0px 50px; } .mission-page .quote.top:before { left: -47px; } .mission-page .quote.top { margin: 55px 0px 55px 25px; } .mission-page .quote.bottom:before { left: -22px; } } @media only screen and (max-width: 991px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") 200% -2% no-repeat, url("/images/mission/mission_footer.png") 35% 100% no-repeat; background-size: 50% auto, auto 720px, 170% auto; } .mission-page .animation_header { display: none; } .mission-page .head_title { padding: 160px 0px 0px 15% } .mission-page .col-md-6.img { height: auto; } .mission-page .mission_img_b1 { display: none; } .mission-page .text ul li { padding: 0px 0px 0px 20px; background: url('/images/mission/mission_li.png') 0px 8px no-repeat; margin: 0px; } .mission-page .quote { text-align: center; padding: 0px 30px; } .mission-page .quote:before { left: 0px; } .mission-page .right { text-align: left; } .mission-page .quote.top { width: 60%; margin: 55px 0px 55px; } .mission-page .quote.bottom { width: 60%; } } @media only screen and (max-width: 945px) { .mission-page .quote.top { width: 55%; } } @media only screen and (max-width: 910px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") 200% -2% no-repeat, url("/images/mission/mission_footer.png") 30% 100% no-repeat; background-size: 50% auto, auto 720px, 190% auto; } .mission-page .quote.top { width: 50%; } } @media only screen and (max-width: 880px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") 300% -2% no-repeat, url("/images/mission/mission_footer.png") 30% 100% no-repeat; background-size: 50% auto, auto 720px, 190% auto; } .mission-page .quote.bottom { margin: 80px 0px 40px 60px; } } @media only screen and (max-width: 820px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") 400% -2% no-repeat, url("/images/mission/mission_footer.png") 25% 100% no-repeat; background-size: 50% auto, auto 720px, 210% auto; } .mission-page .quote.top:before { left: -25px; } } @media only screen and (max-width: 780px) { .mission-page .quote.top:before { left: -20px; } .mission-page .quote.top{ width: 45%; } } @media only screen and (max-width: 767px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") 280% -2% no-repeat, url("/images/mission/mission_footer.png") 25% 100% no-repeat; background-size: 50% auto, auto 600px, 210% auto; } .mission-page .head_title { padding: 120px 0px 0px 20%; } .mission-page .head_title h1 { font-size: 48px; line-height: 48px; } .mission-page .head_title img { height: 38px; } .mission-page .quote.top { width: 65%; } .mission-page .quote.top:before { left: -10px; } .mission-page .quote.bottom { margin: 80px 0px 40px 100px; } } @media only screen and (max-width: 735px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") 280% -2% no-repeat, url("/images/mission/mission_footer.png") 25% 100% no-repeat; background-size: 50% auto, auto 600px, 280% auto; } .mission-page .quote.top { width: 55%; } .mission-page .quote.bottom { width: 62%; margin: 80px auto 40px; } } @media only screen and (max-width: 705px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") 350% -2% no-repeat, url("/images/mission/mission_footer.png") 25% 100% no-repeat; background-size: 50% auto, auto 600px, 280% auto; } } @media only screen and (max-width: 675px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") 300% -2% no-repeat, url("/images/mission/mission_footer.png") 25% 100% no-repeat; background-size: 50% auto, auto 550px, 330% auto; } .mission-page .head_title { padding: 120px 0px 0px 20%; } .mission-page .head_title h1 { font-size: 40px; line-height: 40px; } .mission-page .head_title img { height: 30px; } .mission-page .col-md-6.img { height: auto; } .mission-page .quote.bottom { width: 71%; margin: 80px auto 40px; } } @media only screen and (max-width: 635px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") 450% -2% no-repeat, url("/images/mission/mission_footer.png") 25% 100% no-repeat; background-size: 50% auto, auto 550px, 330% auto; } } @media only screen and (max-width: 605px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") calc(100% + 250px) 350px no-repeat, url("/images/mission/mission_footer2.png") 25% calc(100% + 150px) no-repeat; background-size: 75% auto, auto 550px, 100% auto; } .mission-page .head_title { padding: 120px 0px 0px 30%; } .mission-page .quote.top { width: 85%; margin: 55px auto 450px; } .mission-page .quote.bottom { width: 91%; } .mission-page .col-md-6.title_center_mobi { text-align: center; } } @media only screen and (max-width: 530px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") calc(100% + 250px) 350px no-repeat, url("/images/mission/mission_footer2.png") 25% calc(100% + 90px) no-repeat; background-size: 75% auto, auto 550px, 100% auto; } .mission-page .head_title { padding: 120px 0px 0px 30%; } .mission-page .quote.top { width: 85%; margin: 55px auto 400px; } .mission-page .quote.bottom { width: 91%; } .mission-page .col-md-6.title_center_mobi { text-align: center; } } @media only screen and (max-width: 480px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -1% no-repeat, url("/images/mission/mission_header2.png") calc(100% + 250px) 350px no-repeat, url("/images/mission/mission_footer2.png") 25% calc(100% + 30px) no-repeat; background-size: 75% auto, auto 550px, 100% auto; } } @media only screen and (max-width: 420px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -5% no-repeat, url("/images/mission/mission_header2.png") calc(100% + 130px) 450px no-repeat, url("/images/mission/mission_footer2.png") 25% calc(100% + 0px) no-repeat; background-size: 95% auto, auto 550px, 100% auto; } .mission-page .head_title { padding: 90px 0px 0px 30%; } .mission-page .head_title h1 { font-size: 40px; line-height: 40px; } .mission-page .quote.top { margin: 55px auto 550px; } } @media only screen and (max-width: 400px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -5% no-repeat, url("/images/mission/mission_header2.png") calc(100% + 130px) 500px no-repeat, url("/images/mission/mission_footer2.png") 25% 100% no-repeat; background-size: 95% auto, auto 550px, 100% auto; } .mission-page .quote.top { margin: 55px auto 580px; } } @media only screen and (max-width: 380px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -3% no-repeat, url("/images/mission/mission_header2.png") calc(100% + 180px) 500px no-repeat, url("/images/mission/mission_footer2.png") 25% 100% no-repeat; background-size: 95% auto, auto 550px, 120% auto; } .mission-page .quote.top { margin: 55px auto 530px; } } @media only screen and (max-width: 357px) { .mission-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/mission/mission_header1.png") 0% -3% no-repeat, url("/images/mission/mission_header2.png") calc(100% + 200px) 540px no-repeat, url("/images/mission/mission_footer2.png") 25% 100% no-repeat; background-size: 95% auto, auto 550px, 120% auto; } .mission-page .quote.top { margin: 55px auto 550px; } } @media only screen and (min-width: 992px) { .mission-page .mission_img_b1 div { display: none; } .mission-page .mission_img_b1.act .mission_img_l2 { -webkit-animation: slide 30s linear 0s infinite; animation: slide 30s linear 0s infinite; } .mission-page .star1 { -webkit-animation: pulsate 2s linear 0s infinite; animation: pulsate 2s linear 0s infinite; } .mission-page .star2 { -webkit-animation: pulsate_small 1s linear 0s infinite; animation: pulsate_small 1s linear 0s infinite; } .mission-page .star3 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } .mission-page .star4 { -webkit-animation: pulsate_small 1s linear 1s infinite; animation: pulsate_small 1s linear 1s infinite; } .mission-page .star5 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } .mission-page .star6 { -webkit-animation: pulsate_small 2s linear 1s infinite; animation: pulsate_small 2s linear 1s infinite; } .mission-page .star7 { -webkit-animation: pulsate 2s linear 1s infinite; animation: pulsate 2s linear 1s infinite; } .mission-page .star8 { -webkit-animation: pulsate_small 1s linear 0.5s infinite; animation: pulsate_small 1s linear 0.5s infinite; } .mission-page .star9 { -webkit-animation: pulsate_small 2s linear 0s infinite; animation: pulsate_small 2s linear 0s infinite; } .mission-page .star10 { -webkit-animation: slide_star 10s linear 0s infinite; animation: slide_star 10s linear 0s infinite; } .mission-page .star11 { -webkit-animation: slide_star2 10s linear 2s infinite; animation: slide_star2 10s linear 2s infinite; } .mission-page .star12 { -webkit-animation: slide_star3 10s linear 4s infinite; animation: slide_star3 10s linear 4s infinite; } .mission-page .rover.act { -webkit-animation: rov 9s linear 0s; animation: rov 9s linear 0s; right: 0px; } .mission-page .moon { -webkit-animation: moon 2s linear 0s; animation: moon 2s linear 0s; } .mission-page .saturn { -webkit-animation: saturn 3s linear 0s; animation: saturn 3s linear 0s; } .mission-page .mission_img_b1 .mission_img_l4 { -webkit-animation: cosm3 1s linear 0s infinite; animation: cosm3 1s linear 0s infinite; } .mission-page .mission_img_b1 .mission_img_l5 { -webkit-animation: cosm4 1s linear 0s infinite; animation: cosm4 1s linear 0s infinite; } } /*Анимация*/ /*Звезды*/ @-webkit-keyframes pulsate { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 10px rgba(90,156,202,.5), 0 0 16px #5a9cca; } } @keyframes pulsate { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px 5px rgba(90,156,202,.5), 0 0 10px 5px #5a9cca; } } @-webkit-keyframes pulsate_small { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 2px 2px rgba(90,156,202,.5), 0 0 5px 2px #5a9cca; } } @keyframes pulsate_small { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 2px 2px rgba(90,156,202,.5), 0 0 5px 2px #5a9cca; } } @-webkit-keyframes slide_star { 0% { top: 0px; right: -100px; opacity: 1;} 30% { top: 500px; right: 500px; opacity: 1; } 31% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star { 0% { top: 0px; right: -100px; opacity: 1;} 30% { top: 500px; right: 500px; opacity: 1; } 31% { top: 2000px; right: 2000px; opacity: 0; } } @-webkit-keyframes slide_star2 { 0% { top: 0px; right: -100px; opacity: 1;} 20% { top: 250px; right: 300px; opacity: 1; } 21% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star2 { 0% { top: 0px; right: -100px; opacity: 1;} 20% { top: 250px; right: 300px; opacity: 1; } 21% { top: 2000px; right: 2000px; opacity: 0; } } @-webkit-keyframes slide_star3 { 0% { top: 0px; right: -100px; opacity: 1;} 10% { top: 1250px; right: 1000px; opacity: 1; } 11% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star3 { 0% { top: 0px; right: -100px; opacity: 1;} 10% { top: 1250px; right: 500px; opacity: 1; } 11% { top: 2000px; right: 2000px; opacity: 0; } } /**/ @-webkit-keyframes rov { 0% { right: 400px } 100% { right: 0px } } @keyframes rov { 0% { right: 400px } 100% { right: 0px } } @-webkit-keyframes moon { 0% { right: -300% } 100% { right: -145px } } @keyframes moon { 0% { right: -300% } 100% { right: -145px } } @-webkit-keyframes saturn { 0% { right: -300% } 100% { right: 40% } } @keyframes saturn { 0% { right: -300% } 100% { right: 40% } } /*Планеты*/ @-webkit-keyframes slide { 0% { right: -300% } 10% { right: -75px } 90% { right: -75px } 100% { right: 300% } } @keyframes slide { 0% { right: -300% } 10% { right: -75px } 90% { right: -75px } 100% { right: 300% } } @-webkit-keyframes cosm3 { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes cosm3 { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes cosm4 { 0% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 50% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } } @keyframes cosm4 { 0% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 50% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } } /*Конец Страница философия*/ /*СМИ страница*/ .press-center-page { margin: 40px 0px 0px; padding: 0px 0px 70px; } .press-center-page h1 { background: #f4f4f4; padding: 40px; } .coddy-template-info { margin: 0px; padding: 0px; width: 100%; height: auto; } .coddy-template-info-left-block { float: left; margin: 15px 0px; padding: 45px 30px 30px; width: calc(33.3% - 0px); height: 350px; background: #f4f4f4; color: #3b3b3b; font-size: 18px; line-height: 24px; font-weight: 400; } .coddy-template-info-left-block p { padding: 0px; margin: 0px 0px 40px; } .coddy-template-info-left-block span { color: #3db39e; } .coddy-template-info-right-block { float: left; margin: 15px 0px 0px 15px; padding: 20px; width: calc(22.2% - 15px); height: 145px; background: #f4f4f4; color: #3b3b3b; } .coddy-template-info-right-block span { color: #0096b8; font-size: 48px; line-height: 52px; font-weight: 600; display: block; margin: 0px 0px 15px; } .coddy-template-info-right-block span span { display: inline; margin: 0px; } .coddy-template-info-right-title { float: left; margin: 15px 0px 0px 15px; padding: 0px 20px; width: calc(66.6% - 15px); height: 30px; background: #2b4554; color: #fff; font-size: 14px; line-height: 28px; font-weight: 600; text-transform: uppercase; } .coddy-template-block { display: block; position: relative; box-sizing: border-box; float: left; margin: 0px; padding: 0px; width: 100%; height: auto; min-height: 40px; } .coddy-component-news-row { display: block; position: relative; box-sizing: border-box; float: left; margin: 0px; padding: 0px; width: 100%; height: 350px; list-style: none; } .coddy-component-news-item { display: block; box-sizing: border-box; float: left; height: calc(100% - 15px); margin: 0px; padding: 0px; top: 0px; left: 0px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: rgb(25,25,25); } .coddy-component-news-item.press-coddy { background-color: #2b4554; } .coddy-component-news-item.press-coddy-01 { background: url('/images/press-01.png') 50% 20px no-repeat #2b4554; background-size: 100% auto; } .coddy-component-news-item.press-coddy-03 { background: url('/images/press-02.png') 50% 50% no-repeat #2b4554; background-size: cover; } .coddy-component-news-item-block { display: block; position: relative; box-sizing: border-box; float: left; width: 100%; height: 100%; overflow: hidden; text-decoration: none; background-color: rgba(0,0,0,0.50); color: rgb(255,255,255); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .coddy-component-news-item.press-coddy .coddy-component-news-item-block { background-color: rgba(0,0,0,0); } .coddy-component-news-item:hover .coddy-component-news-item-block { background-color: rgba(0,0,0,0.25); } .coddy-component-news-item.press-coddy:hover { background-color: #2b4554; } .coddy-component-news-item.press-coddy:hover .coddy-component-news-item-block { background-color: rgba(0,0,0,0); } .coddy-component-news-item.press-coddy a { color: #fff; text-decoration: underline; } .coddy-component-news-item.press-coddy a:hover { color: #fff; text-decoration: none; } .coddy-component-news-item a:hover, .coddy-component-news-item a:hover .coddy-component-news-item-block-title, .coddy-component-news-item a:hover .coddy-component-news-item-block-description { text-decoration: none; color: #ffffff; } .coddy-component-news-item-block-info { display: table; width: calc(100% - 15px); } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-info, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-info, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info { position: absolute; bottom: 90px; } .coddy-component-news-item-block-info .middle { display: table-cell; vertical-align: middle; height: 335px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-info .middle, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-info .middle, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle { display: inline-block; height: auto; } .coddy-component-news-item-block-title { display: inline-block; position: relative; box-sizing: border-box; max-width: calc(100% - 25px); margin: 15px 20px 0px; padding: 0px 0px 4px; border-bottom: 0px solid #fff; color: #fff; font-size: 18px; line-height: 24px; font-weight: 400; text-decoration: none; text-align: center; width: 100%; word-wrap: break-word; } .coddy-component-news-item.press-coddy-01 .coddy-component-news-item-block-title { font-size: 14px; line-height: 20px; margin-top: -115px; } .coddy-component-news-item.press-coddy-02 .coddy-component-news-item-block-title { font-size: 14px; line-height: 20px; text-align: left; } .coddy-component-news-item.press-coddy-02 .coddy-component-news-item-block-title ul li { list-style: none; margin: 0px 0px 20px 20px; position: relative; } .coddy-component-news-item.press-coddy-02 .coddy-component-news-item-block-title ul li:before { content: ""; position: absolute; left: -22px; top: 7px; width: 10px; height: 10px; border-radius: 100%; background: #0096b8; border: 3px solid #fff; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-title, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-title, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title { font-size: 26px; line-height: 32px; text-align: left; padding: 0px 0px 4px; } .coddy-component-news-item-block-hr { width: 100px; height: 4px; background: #fff; border-radius: 4px; margin: 10px calc(50% - 40px) 0px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-hr, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-hr, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr { margin: 10px 20px 0px; } .coddy-component-news-item-block-description{ display: block; position: relative; box-sizing: border-box; margin: 0px; padding: 0px; max-height: 50%; overflow: hidden; width: calc(100% + 15px); padding-top: 15px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; font-size: 14px; font-weight: normal; text-decoration: none; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; text-align: center; word-wrap: break-word; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-description, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-description, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description { text-align: left; } .coddy-component-news-item-block-date{ display: block; position: absolute; box-sizing: border-box; width: auto; bottom: 20px; left: calc(50% - 30px); padding-top: 10px; padding-bottom: 5px; border-top-width: 2px; border-top-style: solid; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-date, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-date, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date { left: 20px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(1) { width: calc(25% - 15px); margin: 0px 15px 15px 0px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) { width: calc(25% - 15px); margin: 0px 0px 15px 15px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2){ width: 50%; margin: 0px 0px 15px 0px; } .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) { width: calc(50% - 7.5px); margin: 0px 7.5px 15px 0px; } .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(2) { width: calc(25% - 7.5px); margin: 0px 0px 15px 7.5px; } .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) { width: calc(25% - 15px); margin: 0px 0px 15px 15px; } .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(1) { width: calc(25% - 15px); margin: 0px 15px 15px 0px; } .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(2) { width: calc(25% - 7.5px); margin: 0px 7.5px 15px 0px; } .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) { width: calc(50% - 7.5px); margin: 0px 0px 15px 7.5px; } .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(1) { width: calc(25% - 15px); margin: 0px 15px 15px 0px; } .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(2) { width: calc(25% - 7.5px); margin: 0px 7.5px 15px 0px; } .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(3) { width: calc(25% - 7.5px); margin: 0px 0px 15px 7.5px; } .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(4) { width: calc(25% - 15px); margin: 0px 0px 15px 15px; } .coddy-template-block.header { position: fixed; top: 0px; left: 0px; z-index: 2; height: 60px; padding-left: 20px; padding-right: 20px; background-color: rgb(0,0,0); } .coddy-template-block.content { z-index: 1; background-color: rgb(255,255,255); } .coddy-template-block.bottom { z-index: 1; background-color: rgb(25,25,25); } .coddy-template-block.footer { z-index: 1; background-color: rgb(0,0,0); } .coddy-template-block.header .coddy-component-logo_link-this, .coddy-template-block.header .coddy-component-logo_link-this { font-size: 14px; font-weight: bolder; color: rgb(255,255,255); } .coddy-component-news-item-block { background-color: rgba(0,0,0,0.75); } .coddy-component-news-item-block-date { font-size: 12px; color: rgb(255,255,255); border-top-color: rgba(2, 149, 184, 0.85); } @media only screen and (max-width: 1199px) { .coddy-component-news-row-type-1:nth-child(1) .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-title { max-width: calc(100% - 38px); } .coddy-component-news-item.press-coddy-03 .coddy-component-news-item-block-title { max-width: calc(100% - 41px); } .coddy-component-news-item.press-coddy-01 .coddy-component-news-item-block-title { max-width: calc(100% - 23px); } .coddy-component-news-item.press-coddy-01 { background: url('/images/press-01.png') 50% 55px no-repeat #2b4554; background-size: 100% auto; } } @media only screen and (max-width: 991px) { .coddy-template-info-right-block span { font-size: 33px; line-height: 46px; margin: 0px 0px 15px; } .coddy-template-info-left-block { font-size: 14px; line-height: 22px; } .coddy-template-info-left-block p { margin: 0px 0px 20px; } .coddy-component-news-row { height: 730px; } .coddy-component-news-item { height: calc(50% - 15px); } .coddy-component-news-row-type-1:nth-child(1) .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-title, .coddy-component-news-item.press-coddy-03 .coddy-component-news-item-block-title, .coddy-component-news-item.press-coddy-01 .coddy-component-news-item-block-title { max-width: calc(100% - 25px); } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(1), .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1), .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(1), .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(1), .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(3) { width: calc(50% - 7.5px); margin: 0px 7.5px 15px 0px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2), .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(2), .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(2), .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(2), .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(4){ width: calc(50% - 7.5px); margin: 0px 0px 15px 7.5px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3), .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3), .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) { width: 100%; margin: 0px 0px 15px 0px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-info, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-info { position: relative; bottom: auto; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-info .middle, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-info .middle, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle { display: table-cell; vertical-align: middle; height: 335px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-title, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-title { font-size: 18px; line-height: 24px; text-align: center; padding: 0px 20px 4px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-hr, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-hr { margin: 10px auto 0px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-description, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-description { text-align: center; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2) .coddy-component-news-item-block-date, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1) .coddy-component-news-item-block-date { left: calc(50% - 30px); } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info { position: absolute; bottom: 90px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle { display: inline-block; height: auto; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title { font-size: 26px; line-height: 32px; text-align: left; display: inline-block; height: auto; padding: 0px 0px 4px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr { margin: 10px 20px 0px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description { text-align: left; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date { left: 20px; } .coddy-component-news-item.press-coddy-01 { background: url('/images/press-01.png') 50% 50% no-repeat #2b4554; background-size: 100% auto; } } @media only screen and (max-width: 767px) { .coddy-template-info-left-block { width: calc(50% - 0px); height: 351px; } .coddy-template-info-right-title { width: calc(50% - 15px); } .coddy-template-info-right-block { width: calc(25% - 15px); height: 92px; } .coddy-template-info-right-block span { font-size: 25px; line-height: 15px; margin: 0px 0px 5px; } .coddy-template-info-left-block { font-size: 16px; line-height: 24px; } } @media only screen and (max-width: 675px) { .coddy-template-info-left-block { width: 100%; height: auto; } .coddy-template-info-right-title { width: 100%; margin: 0px 0px 15px; } .coddy-template-info-right-block { width: calc(50% - 7.5px); height: 100px; margin: 0px 7.5px 15px 0px; text-align: center; } .coddy-template-info-right-block:nth-child(2n) { width: calc(50% - 7.5px); height: 100px; margin: 0px 0px 15px 7.5px; } .coddy-template-info-right-block span { font-size: 30px; line-height: 32px; margin: 0px 0px 5px; } .coddy-component-news-item.press-coddy-01 { background: url('/images/press-01.png') 50% 40px no-repeat #2b4554; background-size: 100% auto; } } @media only screen and (max-width: 550px) { .coddy-component-news-item.press-coddy-01 { background: url('/images/press-01.png') 50% 70px no-repeat #2b4554; background-size: 100% auto; } } @media only screen and (max-width: 500px) { .coddy-template-info-right-block, .coddy-template-info-right-block:nth-child(2n) { width: 100%; height: 100px; margin: 0px 0px 15px 0px; } .coddy-template-info-right-block span { font-size: 30px; line-height: 32px; margin: 0px 0px 5px; } .coddy-component-news-row { height: 945px; } .coddy-component-news-row.coddy-component-news-row-type-4 { height: 1260px; } .coddy-component-news-item, .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(1), .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(2), .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3), .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(1), .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(2), .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3), .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(1), .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(2), .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3), .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(1), .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(2), .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(3), .coddy-component-news-row-type-4 .coddy-component-news-item:nth-child(4) { height: 300px; width: 100%; margin: 0px 0px 15px 0px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info { position: relative; bottom: auto; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-info .middle { display: table-cell; height: 300px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-title { font-size: 18px; line-height: 24px; text-align: center; padding: 0px 20px 4px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-hr { margin: 10px auto 0px; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description, .coddy-component-news-row-type-3 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-description { text-align: center; } .coddy-component-news-row-type-1 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date, .coddy-component-news-row-type-2 .coddy-component-news-item:nth-child(3) .coddy-component-news-item-block-date { left: calc(50% - 30px); } .coddy-component-news-item.press-coddy-01 { background: url('/images/press-01.png') 50% 40% no-repeat #2b4554; background-size: 100% auto; } } /*Конец СМИ*/ /*Всплывающая форма языковой версии*/ #langFormBlock { display: none; height: 545px; width: calc(100% - 40px); max-width: 895px; padding: 0px; position: absolute; top: 20px; left: 100px; z-index: 101; border-radius: 20px; color: #252525; font-size: 1.5rem; text-shadow: 0 0rem 0rem rgba(0, 0, 0, 0); -webkit-transition: background 1.5s linear 0s; transition: background 1.5s linear 0s; background: 0% 0% no-repeat #fff; } #langFormBlock.ru { background-image: url('/images/lang/popup-lang-bg-ru.png'); } #langFormBlock.en { background-image: url('/images/lang/popup-lang-bg-en.png'); } #langFormBlock.kz { background-image: url('/images/lang/popup-lang-bg-kz.png'); } #langFormBlock.fr { background-image: url('/images/lang/popup-lang-bg-fr.png'); } #langFormBlock.ua { background-image: url('/images/lang/popup-lang-bg-ua.png'); } #langFormBlock.de { background-image: url('/images/lang/popup-lang-bg-de.png'); } #langFormBlock .content_block { padding: 65px 55px; } #langFormBlock.open { display: block; } #langFormBlock .title span { color: #252525; text-transform: uppercase; font-size: 30px; font-weight: bold; text-shadow: rgb(255, 255, 255) 1px 1px 0px; display: none; } #langFormBlock .mess { height: 25px; } #langFormBlock .mess span { color: #252525; font-size: 16px; display: none; } #langFormBlock .languages { width: 100%; max-width: 460px; margin: 145px 0px 0px; } #langFormBlock .languages .lang_name { width: calc(17% - 11px); display: inline-block; } #langFormBlock .languages .lang_name span, #langFormBlock .button { color: #252525; text-transform: uppercase; font-weight: bold; font-size: 22px; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-border-radius: 100%; border-radius: 100%; padding: 10px; margin: 0; position: relative; top: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 55px; display: block; text-align: center; } #langFormBlock .button { width: 210px; -webkit-border-radius: 40px; border-radius: 40px; margin: 45px 0px 0px; } #langFormBlock .languages .lang_name.act span, #langFormBlock .languages .lang_name span:hover, #langFormBlock .button { color: #fff; background-color: rgb(61,179,158); -webkit-box-shadow: 0 4px 0 #3b9376; box-shadow: 0 4px 0 #3b9376; } #langFormBlock .languages .lang_name.act span:hover, #langFormBlock .languages .lang_name span:hover, #langFormBlock .button:hover { top: 2; -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } #langFormBlock .languages .lang_hr { width: 86%; height: 14px; -webkit-border-radius: 7px; border-radius: 7px; background: #dddddd; -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.24); box-shadow: 2px 2px 4px rgba(0,0,0,0.24); margin: -7px 0px 0px; } #langFormBlock .close{ display: block; position: absolute; width: 40px; height: 40px; right: 0; top: -40px; background: url("/bitrix/templates/coddy/img/cd-icon-close.svg") no-repeat center center; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 1; } @media only screen and (max-width: 740px) { #langFormBlock { background: 50% 0% no-repeat #fff; } } @media only screen and (max-width: 540px) { #langFormBlock { display: none; height: 545px; width: calc(100% - 40px); max-width: 895px; background: 100% 0% no-repeat #fff; } #langFormBlock .title span { font-size: 25px; } #langFormBlock.ru { background-image: url('/images/lang/popup-lang-bg-mob-ru.png'); } #langFormBlock.en { background-image: url('/images/lang/popup-lang-bg-mob-en.png'); } #langFormBlock.kz { background-image: url('/images/lang/popup-lang-bg-mob-kz.png'); } #langFormBlock.fr { background-image: url('/images/lang/popup-lang-bg-mob-fr.png'); } #langFormBlock.ua { background-image: url('/images/lang/popup-lang-bg-mob-ua.png'); } #langFormBlock.de { background-image: url('/images/lang/popup-lang-bg-mob-de.png'); } #langFormBlock .content_block { padding: 30px 55px; } #langFormBlock .languages { margin: 20px 0px 0px; position: relative; padding: 0px 0px 0px 5px; } #langFormBlock .languages .lang_name { width: 165px; display: block; margin: 0px 0px 5px 5px; } #langFormBlock .languages .lang_hr { width: 14px; height: 275px; position: absolute; top: 0px; left: 0px; z-index: -1; margin: 0px 0px 0px; } #langFormBlock .languages .lang_name span { padding: 7px; width: 45px; font-size: 20px; } #langFormBlock .button { padding: 10px; margin: 20px 0px 0px; } } /*Конец Всплывающая форма языковой версии*/ /*Тесты*/ .tests-page div, img { -webkit-transition: top 1s linear 0s; -moz-transition: top 1s linear 0s; -o-transition: top 1s linear 0s; transition: top 1s linear 0s; } .tests-page { padding: 240px 0 227px; margin-top: 0px; background: url("/images/tests/test_header.png") 50% 0% no-repeat, url("/images/tests/test_footer.png") 50% 100% no-repeat; overflow: hidden; } .tests-page h1 { text-align: center; margin-bottom: 0px; font-size: 24px; text-transform: uppercase; font-weight: 700; } .tests-page .block_result, .tests-page .block_result .mess_result, .tests-page .block_courses { display: none; } .tests-page .block_courses { margin: 30px 0px 0px; padding: 0px 0 40px; position: relative; } .tests-page .block_courses .bg { width: 100%; height: 100%; background-color: #d3dee5; position: absolute; z-index: -1; } .tests-page .block_info, .tests-page .block_test { padding: 0px 0 40px; } .tests-page .block_info .desc { text-align: center; color: #888888; line-height: 25px; } .tests-page .title { font-size: 20px; font-weight: 700; color: #3db39e; text-align: center; margin: 20px 0px 20px; } .tests-page .title.black { color: rgb(51, 51, 51); } .tests-page .title.recom { margin-top: 30px; } .tests-page .block_info .title { } .tests-page .block_test .title, .tests-page .block_result .title, .tests-page .title.recom { text-transform: uppercase; } .tests-page .block_info .mess, .tests-page .block_result .mess { text-align: center; color: #888888; max-width: 500px; margin: 0px auto 50px; line-height: 25px; } .tests-page ul.test-nav { text-align: center; margin: 30px 0px 0px 0px; } .tests-page ul.test-nav li { list-style: none; width: 30px; height: 30px; border: 2px solid #e3e3e3; border-radius: 15px; padding: 2px; text-align: center; display: inline-block; margin: 0px 20px 20px 0px; position: relative; text-transform: uppercase; color: #446e87; font-weight: 600; } .tests-page ul.test-nav.result li { cursor: pointer; } .tests-page ul.test-nav li:after { content: ""; position: absolute; top: 14px; left: 28px; width: 25px; height: 2px; background: #e3e3e3; } .tests-page ul.test-nav li.result:after { display: none; } .tests-page ul.test-nav li.open { background: #0097B9; color: #ffffff; } .tests-page ul.test-nav li.result { width: 100px; margin: 0px; } .tests-page ul.test-nav li.result.open { background: #3db39e; } .tests-page ul.test-nav li.fine { background: #3db39e; color: #ffffff; } .tests-page ul.test-nav li.fail { background: #f6705a; color: #ffffff; } .tests-page .question, .tests-page .title_mess_result { font-size: 16px; line-height: 25px; font-weight: 700; color: #446e87; text-align: center; } .tests-page .answers { width: 100%; max-width: 500px; margin: 30px auto 80px; } .tests-page .form_item .field .input_radio { height: auto; min-height: 23px; width: 100%; padding: 7px 0px 0px 0px; margin: 0px 10px 20px 0px; display: block; } .tests-page .form_item .field .input_radio > input[type=radio] { display: none; } .tests-page .form_item .field .input_radio > .span_radio { display:block; float: left; cursor: pointer; width: 30px; height: 30px; min-width: 30px; min-height: 30px; border: 2px solid #3db39e; border-radius: 15px; background-color: #f3f3f3; padding: 0px; margin: -3px 15px 0px 0px; } .tests-page .form_item .field .input_radio > .span_radio:hover, .tests-page .form_item .field .input_radio > input[type=radio]:checked + .span_radio { border: 2px solid #3db39e; } .tests-page .form_item .field .input_radio.fine_answer > .span_radio, .tests-page .form_item .field .input_radio.fine_answer > .span_radio:hover, .tests-page .form_item .field .input_radio.fine_answer > input[type=radio]:checked + .span_radio { border: 2px solid #0097B9; background-color: #f3f3f3; } .tests-page .form_item .field .input_radio.fail_answer > .span_radio, .tests-page .form_item .field .input_radio.fail_answer > .span_radio:hover, .tests-page .form_item .field .input_radio.fail_answer > input[type=radio]:checked + .span_radio { border: 2px solid #f6705a; background-color: #fcf3f3; } .tests-page .form_item .field .input_radio > .span_radio span { display:block; cursor: pointer; float: left; width: 18px; height: 18px; border-radius: 9px; border: 2px solid #f3f3f3; background-color: #f3f3f3; padding: 0px; margin: 4px 0px 0px 4px; } .tests-page .form_item .field .input_radio.fail_answer > .span_radio span { border: 2px solid #fcf3f3; background-color: #fcf3f3; } .tests-page .form_item .field .input_radio > input[type=radio]:checked + .span_radio span, .tests-page .form_item .field .input_radio > .span_radio:hover span { border: 2px solid #40677f; background-color: #40677f; } .tests-page .form_item .field .input_radio > .span_title { color: #888888; font-weight: 400; display: block; padding: 0px 0px 0px 45px; } .tests-page .form_item .field .input_radio.fine > .span_title { color: #3db39e; font-weight: 600; } .tests-page .form_item .field .input_radio.fine_answer > .span_title { color: #0097B9; font-weight: 600; } .tests-page .form_item .field .input_radio.fail_answer > .span_title { color: #f6705a; font-weight: 600; } .tests-page .block_botton { text-align: center; margin: 0px 0px 40px;; } .tests-page .link.primary { background-color: rgb(61,179,158) !important; -webkit-box-shadow: 0 5px 0 #3b9376 !important; box-shadow: 0 5px 0 #3b9376 !important; color: #ffffff !important; width: 100%; text-align: center; margin-top: 20px; display: inline; cursor: pointer; background-color: #0494b4; text-align: center; font-weight: 700; color: #fff; font-size: 14px; line-height: 20px; box-shadow: 0 5px 0 #0484ac; position: relative; -webkit-transition: all .3s; transition: all .3s; min-width: 200px; margin: 0px auto 20px; padding: 14px 30px; text-transform: uppercase; border-radius: 48px; } .tests-page .link.primary:hover { -webkit-box-shadow: 0 2px 0 #3b9376 !important; box-shadow: 0 2px 0 #3b9376 !important; } @media only screen and (max-width: 991px) { .tests-page { } } /*Конец Тесты*/ .write-us.map a { color: #fff; text-decoration: underline; } .write-us.map a:hover { text-decoration: none; } .write-us.map img { width: 30px; } #jivo-iframe-container.jivo-iframe-container-bottom {z-index:99 !important;} .label_39._bottom_3v { z-index: 99 !important; } .lang-key-new, .lang-key {height: 24px; cursor: pointer;} .lang-key-new.ua {opacity: 0; cursor: default;} /*Awards*/ .awards-page { width: 100%; min-height: 625px; background: #ffffff; margin-top: 0px; position: relative; } .awards-page .awards-header { width: 100%; height: 600px; background: url("/images/awards/awards-bg.png") calc(50% - 260px) 50% no-repeat; background-size: auto 450px; } .awards-page .awards-header .awards-header-title { } .awards-page .awards-header .awards-header-body { padding: 0 5% 0 50%; width: calc(50% + 700px); max-width: 100%; } .awards-page .awards-header .awards-header-body p { color: #424242; font-size: 18px; line-height: 22px; margin: 30px 0px; } .awards-page .awards-header .awards-header-body p span { color: #3db39e; font-weight: 700; } .awards-page .awards-header .awards-header-body p strong { font-weight: 700; } .awards-page .awards-header .awards-header-body p:first-child { font-size: 24px; line-height: 28px; text-transform: uppercase; font-weight: 700; } .awards-page .awards-steps { width: 100%; height: 2080px; background: url("/images/awards/awards-bg4.png") 0% 50px no-repeat, url("/images/awards/awards-bg5.png") 100% 50% no-repeat, url("/images/awards/awards-bg3.jpg") 50% 50% no-repeat; background-size: 42% auto, auto 40%, auto 100%; position: relative; } .awards-page .awards-steps .awards-steps-block-anim { position: relative; width: 100%; height: 1800px; } .awards-page .awards-steps .awards-steps-block-anim div { position: absolute; } .awards-page .awards-steps .awards-steps-block-anim .rocket { width: 257px; height: 149px; background: url("/images/awards/awards-rocket.png") 50% 100% no-repeat; background-size: 100% auto; top: 260px; left: 380px; } .awards-page .awards-steps .awards-steps-block-anim .steps { width: 706px; height: 1370px; background: url("/images/awards/awards-step.png") 50% 100% no-repeat; background-size: 100% auto; top: 300px; left: 50%; margin-left: -353px; } .awards-page .awards-steps .awards-steps-block-anim .step1_text, .awards-page .awards-steps .awards-steps-block-anim .step5_text { font-size: 24px; line-height: 28px; text-transform: uppercase; font-weight: 700; text-align: center; color: #fff; } .awards-page .awards-steps .awards-steps-block-anim .step1_text span, .awards-page .awards-steps .awards-steps-block-anim .step5_text span { color: #3db39e; } .awards-page .awards-steps .awards-steps-block-anim .step1_text { top: 400px; left: 10px; } .awards-page .awards-steps .awards-steps-block-anim .step1 { width: 181px; height: 167px; background: url("/images/awards/awards-step1.png") 50% 100% no-repeat; background-size: 100% auto; top: 220px; left: 50px; } .awards-page .awards-steps .awards-steps-block-anim .step2 { width: 297px; height: 300px; background: url("/images/awards/awards-step2.png") 50% 100% no-repeat; background-size: 100% auto; top: 400px; right: 80px; } .awards-page .awards-steps .awards-steps-block-anim .step3 { width: 336px; height: 340px; background: url("/images/awards/awards-step3.png") 50% 100% no-repeat; background-size: 100% auto; top: 540px; left: 100px; } .awards-page .awards-steps .awards-steps-block-anim .step4 { width: 340px; height: 375px; background: url("/images/awards/awards-step4.png") 50% 100% no-repeat; background-size: 100% auto; top: 850px; right: 100px; } .awards-page .awards-steps .awards-steps-block-anim .step5_text { bottom: 130px; left: 180px; } .awards-page .awards-steps .awards-steps-block-anim .step5 { width: 398px; height: 399px; background: url("/images/awards/awards-step5.png") 50% 100% no-repeat; background-size: 100% auto; bottom: 10px; left: 50px; } .awards-page .awards-steps .awards-steps-block-anim .step6 { width: 308px; height: 310px; background: url("/images/awards/awards-step6.png") 50% 100% no-repeat; background-size: 100% auto; top: 1350px; right: -120px; } .awards-page .awards-steps .awards-steps-block-anim .step7 { width: 316px; height: 328px; background: url("/images/awards/awards-step7.png") 50% 100% no-repeat; background-size: 100% auto; top: 1050px; left: -50px; } .awards-page .awards-steps .awards-steps-block-anim .step1, .awards-page .awards-steps .awards-steps-block-anim .step2, .awards-page .awards-steps .awards-steps-block-anim .step3, .awards-page .awards-steps .awards-steps-block-anim .step4, .awards-page .awards-steps .awards-steps-block-anim .step5, .awards-page .awards-steps .awards-steps-block-anim .step6, .awards-page .awards-steps .awards-steps-block-anim .step7 { -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .awards-page .awards-steps .awards-steps-block-anim .step1:hover, .awards-page .awards-steps .awards-steps-block-anim .step2:hover, .awards-page .awards-steps .awards-steps-block-anim .step3:hover, .awards-page .awards-steps .awards-steps-block-anim .step4:hover, .awards-page .awards-steps .awards-steps-block-anim .step5:hover, .awards-page .awards-steps .awards-steps-block-anim .step6:hover, .awards-page .awards-steps .awards-steps-block-anim .step7:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .awards-page .awards-fotter { width: 100%; background: url("/images/awards/awards-bg2.png") 50% calc(0% - 10px) no-repeat; background-size: auto 370px, cover; min-height: 370px; } .awards-page .awards-fotter.ru { width: 100%; background: url("/images/awards/awards-bg2-ru.png") 35% 0% no-repeat; background-size: auto calc(100% - 50px), cover; } .awards-page .awards-fotter .awards-fotter-body { padding: 0 5% 50px 60%; width: calc(60% + 500px); max-width: 100%; } .awards-page .awards-fotter .awards-fotter-body p { color: #424242; font-size: 18px; line-height: 22px; } .awards-page .awards-fotter .awards-fotter-body p a { color: #3db39e; font-weight: 700; text-decoration: underline; } .awards-page .awards-fotter .awards-fotter-body p a:hover { text-decoration: none; } .awards-page .awards-header .awards-header-body p span.text-topic-bold { color: #424242; } @media only screen and (max-width: 1199px) { .awards-page .awards-header { height: 650px; } .awards-page .awards-steps { background: url("/images/awards/awards-bg4.png") 0% 50px no-repeat, url("/images/awards/awards-bg5.png") 100% 50% no-repeat, url("/images/awards/awards-bg3.jpg") 50% 50% no-repeat; background-size: 64% auto, auto 40%, auto 100%; } .awards-page .awards-steps .awards-steps-block-anim .step1_text { top: 365px; left: 0px; } .awards-page .awards-steps .awards-steps-block-anim .step1_text, .awards-page .awards-steps .awards-steps-block-anim .step5_text { font-size: 22px; line-height: 26px; } .awards-page .awards-steps .awards-steps-block-anim .step1 { width: 150px; height: 137px; top: 210px; left: 5px; } .awards-page .awards-steps .awards-steps-block-anim .step2 { width: 220px; height: 220px; top: 460px; right: 50px; } .awards-page .awards-steps .awards-steps-block-anim .step3 { width: 220px; height: 220px; top: 610px; left: 120px; } .awards-page .awards-steps .awards-steps-block-anim .step4 { width: 220px; height: 234px; top: 970px; right: 100px; } .awards-page .awards-steps .awards-steps-block-anim .step5_text { bottom: 105px; left: 190px; } .awards-page .awards-steps .awards-steps-block-anim .step5 { width: 250px; height: 250px; bottom: 50px; left: 130px; } .awards-page .awards-steps .awards-steps-block-anim .step6 { width: 200px; height: 201px; top: 1390px; right: -80px; } .awards-page .awards-steps .awards-steps-block-anim .step7 { width: 218px; height: 226px; top: 1100px; left: -30px; } .awards-page .awards-fotter.ru { background: url("/images/awards/awards-bg2-ru.png") 12% 50% no-repeat; background-size: auto 90%, cover; } } @media only screen and (max-width: 992px) { .awards-page { margin-top: -15px; } .awards-page.courses { margin-top: 0px; } .awards-page .awards-header .awards-header-title { padding-top: 55px; } } @media only screen and (max-width: 991px) { .awards-page .awards-header { height: 750px; } .awards-page .awards-header .awards-header-body { width: calc(50% + 400px); } .awards-page .awards-steps { width: 100%; height: 1450px; background: url("/images/awards/awards-bg7.png") 50% -1px no-repeat; background-size: cover; } .awards-page .awards-steps .awards-steps-block-anim { display: none; opacity: 0; } .awards-page .awards-fotter { background: url("/images/awards/awards-bg2.png") 50% calc(100% - 35px) no-repeat; background-size: auto 350px, cover; } .awards-page .awards-fotter.ru { background: url("/images/awards/awards-bg2-ru.png") 10% 50% no-repeat; background-size: 40% auto, cover; } .awards-page .awards-fotter.ru .awards-fotter-body { padding: 0 0% 50px 50%; width: calc(50% + 500px); } } @media only screen and (max-width: 950px) { .awards-page { margin-top: -20px; } .awards-page.courses { margin-top: 0px; } } @media only screen and (max-width: 860px) { .our-awards { height: auto; } .awards-page .awards-header { width: 100%; height: 1000px; background: url("/images/awards/awards-bg.png") 50% 100px no-repeat; background-size: auto 450px; } .awards-page .awards-header .awards-header-body { width: 100%; padding: 450px 5% 0px; } .awards-page .awards-fotter { background: url("/images/awards/awards-bg6.png") calc(50% - 160px) calc(100% - 35px) no-repeat; background-size: auto 370px, cover; min-height: 400px; } } @media only screen and (max-width: 767px) { .awards-page { margin-top: -22px; } .awards-page.courses { margin-top: 0px; } .awards-page .awards-steps { height: 1105px; } } @media only screen and (max-width: 720px) { .awards-page .awards-fotter { background: url("/images/awards/awards-bg6.png") 50% calc(100% - 35px) no-repeat; background-size: auto 370px, cover; } .awards-page .awards-fotter, .awards-page .awards-fotter.ru { background: none; } .awards-page .awards-fotter .awards-fotter-body, .awards-page .awards-fotter.ru .awards-fotter-body { width: 100%; padding: 30px 0% 50px; } } @media only screen and (max-width: 620px) { .awards-page .awards-header { height: 1100px; } .awards-page .awards-steps { height: 900px; } } @media only screen and (max-width: 500px) { .awards-page .awards-steps { width: 100%; height: 1900px; background: url("/images/awards/awards-bg8.png") 50% 50% no-repeat #fff; background-size: auto 100%; } } @media only screen and (max-width: 455px) { .awards-page .awards-header { height: 1050px; background: url("/images/awards/awards-bg.png") 50% 100px no-repeat; background-size: auto 320px; } .awards-page .awards-header .awards-header-body { padding: 310px 5% 0px; } } @media only screen and (max-width: 395px) { .awards-page .awards-header { height: 1210px; } } #wave { width: 257px; height: 149px; background: url("https://coddyschool.com/images/awards/awards-rocket.png") 50% 100% no-repeat; background-size: 100% auto; position: absolute; top: 260px; left: 380px; transform: rotate(0deg); transform-origin: 70% 50%; } .awards-page .awards-steps .step_rocket { width: 10px; height: 1px; border-top: 1px solid #fff; } .awards-page .awards-steps .awards-steps-block-anim .rocket { display: none; } @media only screen and (max-width: 1199px) { #wave, .awards-page .awards-steps .awards-steps-block-anim .rocket { left: 320px; } } @media only screen and (max-width: 1100px) { #wave { display: none; } .awards-page .awards-steps .awards-steps-block-anim .rocket { display: block; } } .our-awards { width: 100%; min-height: 245px; background: url("/images/awards/awards-bg-main.webp") 50% 0% no-repeat; background-size: cover; position: relative; } @media only screen and (max-width: 860px) { .our-awards { height: auto; } } .our-awards .awards-title { text-transform: uppercase; color: #ffffff; font-weight: 700; font-size: 24px; line-height: 28px; padding: 0px; width: calc(100% - 420px); display: table-cell; vertical-align: middle; height: 245px } .our-awards .awards-title.down { width: 100%; text-transform: none; font-size: 30px; line-height: 32px; font-weight: 700; } .our-awards .awards-title span { color: #3db39e; } .our-awards .awards-img div { width: 420px; height: 370px; position: absolute; top: -62.5px; right: 0px; display: none; } .our-awards .awards-img div.act { display:block; } .our-awards .awards-img div:nth-child(1) { background: url("/images/awards/awards-item-lev5.webp") 50% 0% no-repeat; background-size: contain; } .our-awards .awards-img div:nth-child(2) { background: url("/images/awards/awards-item-lev10.webp") 50% 0% no-repeat; background-size: contain; } .our-awards .awards-img div:nth-child(3) { background: url("/images/awards/awards-item-lev15.webp") 50% 0% no-repeat; background-size: contain; } .our-awards .awards-img div:nth-child(4) { background: url("/images/awards/awards-item-lev20.webp") 50% 0% no-repeat; background-size: contain; } .our-awards .awards-img div:nth-child(5) { background: url("/images/awards/awards-item-lev25.webp") 50% 0% no-repeat; background-size: contain; } .our-awards .awards-img.ua div:nth-child(1) { background: url("/images/awards/awards-item-lev5-ua.png") 50% 0% no-repeat; background-size: contain; } .our-awards .awards-img.ua div:nth-child(2) { background: url("/images/awards/awards-item-lev10-ua.png") 50% 0% no-repeat; background-size: contain; } .our-awards .awards-img.ua div:nth-child(3) { background: url("/images/awards/awards-item-lev15-ua.png") 50% 0% no-repeat; background-size: contain; } .our-awards .awards-img.ua div:nth-child(4) { background: url("/images/awards/awards-item-lev20-ua.png") 50% 0% no-repeat; background-size: contain; } .our-awards .awards-img.ua div:nth-child(5) { background: url("/images/awards/awards-item-lev25-ua.png") 50% 0% no-repeat; background-size: contain; } @media only screen and (min-width: 1200px) { .our-awards .awards-title.down { padding-left: 150px; } } @media only screen and (max-width: 1199px) { .our-awards .awards-title { width: 315px; } } @media only screen and (max-width: 991px) { .our-awards .awards-title.down { width: 330px; } } @media only screen and (max-width: 767px) { .our-awards .awards-title.down { width: 100%; } .our-awards { width: 100%; height: 470px; background: url("/images/awards/awards-bg-main2.webp") 100% 0% no-repeat; position: relative; } .our-awards .awards-title { display: block; height: auto; width: 100%; text-align: center; padding: 40px 0px 20px; } .our-awards .awards-img div { position: relative; top: auto; right: auto; margin: auto; } } @media only screen and (max-width: 440px) { .our-awards .awards-img div { width: 100%; } } /*Contacts*/ #info_contacts { width: 100%; height: auto; background: url("/images/contacts/contacts-bg-top.webp") 50% 0% no-repeat; position: relative; padding: 240px 0px 0px; margin: -210px 0px 0px; } #info_contacts.contacts-page { margin: -50px 0px 0px !important; } #info_contacts.courses { background: none; padding: 0px 0px 0px; margin: 0px 0px 0px; } #addressFormBlock #info_contacts { background: url("/images/contacts/contacts-bg.webp") 50% 0% no-repeat; border-radius: 20px; overflow: hidden; padding: 0px; margin: 0px; } #info_contacts .wanna-be-better { height: auto; padding: 0px 0px 180px; position: relative; background: url("/images/contacts/contacts-bg-anim.webp") 50% 100% no-repeat; } #info_contacts .block_contacts { width: 100%; height: auto; position: relative; z-index: 2; background: url("/images/contacts/contacts-bg.webp") 0% 0% repeat; background-color: #0f465f; } #info_contacts .block_contacts.not_map { height: 80px; } #addressFormBlock #info_contacts .block_contacts { padding: 0px 0px 30px; } #info_contacts .form_contacts { width: 100%; height: auto; background: url('/images/contacts/contacts-bg3.webp') 50% 0% no-repeat, url('/images/contacts/contacts-bg4.webp') 0% 0% repeat; background-color: #05384f; background-size: auto, auto; position: relative; z-index: 1; padding: 240px 0px 50px 0px; overflow-x: hidden; } #info_contacts.courses .form_contacts { background: url('/images/contacts/contacts-bg4.webp') 0% 0% repeat; background-color: #05384f; background-size: auto, auto; padding: 20px 0px 50px 0px; } #info_contacts .block_time_and_phone { position: relative; } #info_contacts .contacts_time_and_phone { width: 340px; margin: auto; position: relative; top: 0px; display: flex; } #info_contacts .contacts_time_and_phone div { width: 170px; position: relative; } #info_contacts .contacts_time_and_phone div:before { content: ""; position: absolute; left: calc(50% - 36px); top: -82px; width: 72px; height: 72px; } #info_contacts .contacts_time_and_phone div p, #info_contacts .form_contacts .contacts_info div p, #info_contacts .form_contacts .do-u-haveit, #info_contacts .form_contacts .contact-us-please, #info_contacts .form_contacts .cd-user-modal-success, #info_contacts .form_contacts .any-questions .your-stuff-inp .agreement span, #info_contacts .form_contacts .any-questions .your-stuff-inp .agreement a { font-weight: 700; color: #ffffff; text-align: center; background: #0f465f; padding: 0px 3px; } #info_contacts .contacts_time_and_phone div a, #info_contacts .form_contacts .contacts_info div a, #info_contacts .form_contacts .any-questions .your-stuff-inp .agreement a { font-weight: 700; color: #ffffff; text-decoration: underline; } #info_contacts .form_contacts .contacts_info div p { background: #05384f; text-align: left; } #info_contacts .form_contacts .any-questions .your-stuff-inp .agreement span, #info_contacts .form_contacts .any-questions .your-stuff-inp .agreement a { background: #05384f; text-align: left; font-weight: 400; font-size: 12px; line-height: 16px; } #info_contacts .form_contacts .do-u-haveit, #info_contacts .form_contacts .contact-us-please, #info_contacts .form_contacts .cd-user-modal-success { background: #05384f; font-size: 18px; font-weight: 400; } #info_contacts .form_contacts .cd-user-modal-success.field_error, #info_contacts .form_contacts .cd-user-modal-success.field_switch_error, #info_contacts .form_contacts .cd-user-modal-success.field_mess_error, #info_contacts .form_contacts .cd-user-modal-success.field_send_error { color: #ff0000; } #info_contacts .form_contacts .contacts_info div a { font-weight: 400; } #info_contacts .contacts_time_and_phone div a:hover, #info_contacts .form_contacts .contacts_info div a:hover, #info_contacts .form_contacts .any-questions .your-stuff-inp .agreement a:hover { text-decoration: none; } #info_contacts .contacts_time_and_phone .contacts_time, #info_contacts .contacts_time_and_phone .contacts_phone { } #info_contacts .contacts_time_and_phone .contacts_time:before { background: url('/images/contacts/contacts-time.png') 50% 0% no-repeat; } #info_contacts .contacts_time_and_phone .contacts_phone:before { background: url('/images/contacts/contacts-phone.png') 50% 0% no-repeat; } #info_contacts .block_contacts .contacts_title, #info_contacts .form_contacts .contacts_title { background: #0f465f; margin: 50px auto 30px; padding: 0px 3px; display: table; } #info_contacts .form_contacts .contacts_title { background: #05384f; } #info_contacts .block_contacts .block_address { height: 410px; margin: 0px 0px 0px; display: flex; } #info_contacts .block_contacts .block_address .address { width: calc(100% - 0px); height: 410px; margin: 0px 0px 0px 0px; overflow: hidden; } #info_contacts .block_contacts .block_address .address .b-filter { margin: 0 40px 30px 0; } #info_contacts .block_contacts .block_address .address .address-list { max-height: 334px; } #info_contacts .block_contacts .block_address .address .menu li { background: #0484ac; color: #fff; list-style: none; border-radius: 10px; padding: 15px 15px 15px 15px; margin: 0px 14px 15px 0px; } #info_contacts .block_contacts .block_address .address .menu li .scheme_map { background: url('/images/contacts/contacts_map.png') 0px 50% no-repeat; display: block; width: 36px; height: 36px; margin: 0px 10px 0px 0px; float: left; } #info_contacts .block_contacts .block_address .address .menu li span.scheme_map { opacity: 0.3; } #info_contacts .block_contacts .block_address .address .menu li a.menu_map { color: #fff; text-decoration: underline; } #info_contacts .block_contacts .block_address .address .menu li a:hover { text-decoration: none; } #info_contacts .block_contacts .block_address .map { width: calc(50% - 25px); height: 410px; margin: 0px 0px 0px 25px; border-radius: 10px; overflow: hidden; } #info_contacts .block_contacts .block_address .mCSB_dragger_bar { width: 16px !important; background-color: #ffffff !important; } #info_contacts .block_contacts .block_address .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #ffffff !important; } #info_contacts .block_contacts .share_soc { text-align: center; margin: 0px 0px 0px; } #info_contacts .block_contacts .share_soc a { display: inline-block; width: 50px; height: 50px; background-color: #0f465f; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 100%; border: 3px solid #0f465f; margin: 5px; } #info_contacts .block_contacts .share_soc a:hover { opacity: 0.8; } #info_contacts .block_contacts .share_soc .soc_linkedin { background-image: url('/images/contacts/contacts-soc-1.png'); } #info_contacts .block_contacts .share_soc .soc_facebook { background-image: url('/images/contacts/contacts-soc-2.png'); } #info_contacts .block_contacts .share_soc .soc_vk { background-image: url('/images/contacts/contacts-soc-3.png'); } #info_contacts .block_contacts .share_soc .soc_instagram { background-image: url('/images/contacts/contacts-soc-4.png'); } #info_contacts .block_contacts .share_soc .soc_youtube { background-image: url('/images/contacts/contacts-soc-5.png'); } #info_contacts .block_contacts .share_soc .soc_flickr { background-image: url('/images/contacts/contacts-soc-6.png'); } #info_contacts .block_contacts .share_soc .soc_twitter { background-image: url('/images/contacts/contacts-soc-7.png'); } #info_contacts .block_contacts .share_soc .soc_odnoklassniki { background-image: url('/images/contacts/contacts-soc-8.png'); } #info_contacts .block_contacts .share_soc .soc_ustart { background-image: url('/images/contacts/contacts-soc-9.png'); } #info_contacts .block_contacts .share_soc .soc_viber { background-image: url('/images/contacts/contacts-soc-10.png'); } #info_contacts .block_contacts .share_soc .soc_telegram { background-image: url('/images/contacts/contacts-soc-11.png'); } #info_contacts .block_contacts .share_soc .soc_whatsapp { background-image: url('/images/contacts/contacts-soc-12.png'); } #info_contacts .block_contacts .share_soc .soc_vimeo { background-image: url('/images/contacts/contacts-soc-14.png'); } #info_contacts .form_contacts .contacts_info { } #info_contacts .form_contacts .contacts_info div { width: 25%; float: left; } #info_contacts .form_contacts .any-questions .your-stuff-inp { max-width: 75%; } #info_contacts .form_contacts .any-questions .your-stuff-inp .left_block, #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block { width: calc(50% - 5px); float: left; /* height: 450px; */ padding: 0px 20px 0px 0px; } #info_contacts .form_contacts .any-questions .your-stuff-inp .center_block { margin: 30px 0px 0px; } #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block { float: right; padding: 0px 0px 0px 20px; } #info_contacts .form_contacts .any-questions .your-stuff-inp input.toggle-round + label:before { background-color: #ffffff; } #info_contacts .form_contacts input.toggle-round + label { float: left; } #info_contacts .form_contacts .cd-form input.has-border, #info_contacts .form_contacts .cd-form textarea.has-border { border: 0px solid #d2d8d8; } #info_contacts .form_contacts .any-questions .your-stuff-inp input, #info_contacts .form_contacts .any-questions .your-stuff-inp textarea { min-width: 260px; } #info_contacts .form_contacts .any-questions .your-stuff-inp .input_checkbox > input[type="checkbox"]:checked + .span_checkbox:before { left: 2px; top: 2px; width: 20px; height: 20px; background: #fff; } #info_contacts .form_contacts .any-questions .your-stuff-inp .span_checkbox { margin: 17px 15px 0px 0px; position: relative; } #info_contacts .form_contacts .your-stuff-inp .agreement .span_title { float: left; width: calc(100% - 50px); font-size: 14px; } #info_contacts .form_contacts .switch { position: relative; left: calc(-100% - 60px); top: 10px; } #info_contacts .form_contacts .req_text { color: #fff; display: block; width: 100%; height: 20px; clear: both; padding-top: 10px; } #info_contacts .form_contacts .req_text span { color: #f00; } #info_contacts .form_contacts .agreement { position: relative; top: -70px; } #info_contacts .form_contacts .switch .mess_switch { position: relative; font-size: 14px; text-align: left; color: #ffffff; float: left; padding: 3px 0px 0px 20px; } #info_contacts .form_contacts .switch .img_switch { width: 198px; height: 200px; top: -210px; right: calc(-200% + 165px); z-index: 3; } .cd-form .cd-error-message { font-size: 12px; } @media only screen and (max-width: 1199px) { #info_contacts .form_contacts .switch { width: 285px; } #info_contacts .form_contacts .switch .img_switch { right: calc(-200% + 95px); } #info_contacts .form_contacts .any-questions .your-stuff-inp .left_block, #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block { height: 380px; } } @media only screen and (max-width: 991px) { #info_contacts .block_contacts .share_soc a { margin: 2px; } #info_contacts .form_contacts .contacts_info { height: 200px; } #info_contacts .form_contacts .contacts_info div { width: 33%; margin: 0px 0px 20px; } #info_contacts .form_contacts .contacts_info div p { text-align: center; } #info_contacts .form_contacts .any-questions .your-stuff-inp { max-width: 100%; } } @media only screen and (max-width: 768px) { #info_contacts { padding-top: 225px; } #info_contacts .block_contacts.not_map { height: 260px; } #info_contacts .wanna-be-better { background: url("/images/contacts/contacts-bg-mob2.png") 50% 100% no-repeat; padding: 0px 0px 110px; position: relative; top: -2px; } #info_contacts .block_contacts { height: auto; margin: 15px 0px 0px; } #info_contacts .form_contacts { background: url('/images/contacts/contacts-bg-mob3.png') 50% 0% no-repeat, url('/images/contacts/contacts-bg4.jpg') 0% 0% repeat; background-size: auto, auto; padding: 90px 0px 50px 0px; } #info_contacts .form_contacts .any-questions { padding: 0px; margin: 0px; } #info_contacts .form_contacts .contacts_info { height: 250px; } #info_contacts .contacts_time_and_phone { top: 20px; } #info_contacts .block_contacts .contacts_title, #info_contacts .form_contacts .contacts_title { margin-top: 30px; } #info_contacts .block_contacts .block_address { height: auto; display: block; } #info_contacts .block_contacts .block_address .address { width: 100%; height: auto; } #info_contacts .block_contacts .block_address .address .menu li { margin: 0px 0px 15px 0px; } #info_contacts .block_contacts .block_address .map { width: 100%; margin: 0px 0px 0px 0px; } #info_contacts .form_contacts .any-questions .your-stuff-inp { margin: 40px 0px 0px; padding: 0px; } #info_contacts .form_contacts .any-questions .your-stuff-inp .left_block, #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block { width: 100%; float: none; padding: 0px; height: auto; } #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block { margin-top: 50px; } #info_contacts .form_contacts .agreement { position: relative; top: 0px; } #info_contacts .form_contacts .switch { position: relative; left: 0px; top: 0px; padding-left: calc(50% - 100px); margin: 0px 0px 20px; height: 70px; width: 100%; } #info_contacts .form_contacts .any-questions .your-stuff-inp .span_checkbox { margin: 5px 15px 0px 0px; } #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block .cd-form .fieldset:first-child{ margin: 2em 0; } #info_contacts .form_contacts .switch .img_switch { right: -50px; width: 140px; height: 150px; top: -210px; } } @media only screen and (max-width: 570px) { #info_contacts .form_contacts .contacts_info { height: 300px; } #info_contacts .form_contacts .contacts_info div { width: 50%; margin: 0px 0px 20px; } } @media only screen and (max-width: 520px) { #info_contacts .form_contacts .switch .img_switch img { display: block; } } @media only screen and (max-width: 450px) { #info_contacts .form_contacts .contacts_info { height: auto; } #info_contacts .form_contacts .contacts_info div { width: 100%; margin: 0px 0px 50px; float: none; } #info_contacts .contacts_time_and_phone { width: 100%; } } @media only screen and (max-width: 390px) { #info_contacts .form_contacts .switch { padding-left: 0px; } } /*Контакты карта с метро*/ .block_contacts .nav_metro { display: flex; position: relative; z-index: 10; height: 55px; width: 100%; margin: 0px 0px 30px; } .block_contacts .nav_metro.popup { height: 25px; margin: 30px 0px 30px; } .block_contacts .nav_metro .check_metro, .popup-metro-list .search-metro-button { display: inline-block; min-width: 200px; height: 50px; text-decoration: none; text-align: center; cursor: pointer; -webkit-border-radius: 2em; border-radius: 2em; font-size: 14px; padding: 14px 20px !important; margin: 0; position: relative; top: 0px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; font-weight: 700; background-color: #0493b4; -webkit-box-shadow: 0 5px 0 #0484ac; box-shadow: 0 5px 0 #0484ac; } .block_contacts .nav_metro .check_metro:hover, .popup-metro-list .search-metro-button:hover { top: 3px; -webkit-box-shadow: 0 2px 0 #0484ac; box-shadow: 0 2px 0 #0484ac; } .block_contacts .nav_metro .center_info_metro { width: calc(100%); flex: 0 0 calc(100% - 400px); } .block_contacts .nav_metro.popup .center_info_metro { display: none; } .block_contacts .nav_metro .switch_metro { display: flex; width: 200px; flex: 0 0 200px; position: relative; padding: 7px 0px; margin: 0px; } .block_contacts .nav_metro.popup .switch_metro { position: absolute; right: 50px; top: -62px; } .block_contacts .nav_metro .switch_metro input { display: none; } .block_contacts .nav_metro .switch_metro label { width: 80px; flex: 0 0 80px; position: relative; cursor: pointer; } .block_contacts .nav_metro .switch_metro input.toggle-round + label:before { background-color: #ffffff; } .block_contacts .nav_metro .switch_metro .mess_switch_metro { width: 55px; flex: 0 0 55px; margin: 7px 10px 0px 10px; color: #fff; font-weight: 700; } .block_contacts .nav_metro .switch_metro .mess_switch_metro:first-child { text-align: right; } #info_contacts .block_contacts .block_address.with_metro { display: block; width: 100%; position: relative; z-index: 10; } #info_contacts .block_contacts .block_address.with_metro .address, #info_contacts .block_contacts .block_address.with_metro .metro_list, #info_contacts .block_contacts .block_address.with_metro .address_footnote { display: block; width: 100%; margin: 0px 0px 0px 0px; } #info_contacts .block_contacts .block_address.with_metro .metro_list { display: none; } #info_contacts .block_contacts .block_address.with_metro .address li { display: flex; flex-wrap: wrap; background: none; border-bottom: 1px solid #c3d2d9; border-radius: 0px; margin: 0px 14px 0px 0px; } #info_contacts .block_contacts .block_address.with_metro .address li .logo_metro { flex: 0 0 30px; width: 30px; height: 30px; background-size: contain; } #info_contacts .block_contacts .block_address.with_metro .address li .name_metro { flex: 0 0 20%; padding: 0px 10px } #info_contacts .block_contacts .block_address.with_metro .address li .name_district { flex: 0 0 170px; padding: 0px 10px } #info_contacts .block_contacts .block_address.with_metro .address li .name_district a { color: #ffffff; border-bottom: 1px dashed #ffffff; } #info_contacts .block_contacts .block_address.with_metro .address li .name_district a:hover { border-bottom: 0px dashed #ffffff; } #info_contacts .block_contacts .block_address.with_metro .address li .menu_map { padding: 0px 10px; cursor: pointer; } #info_contacts .block_contacts .block_address.with_metro .address li .scheme_map { width: 30px; height: 30px; background: url('/images/contacts/contacts_map2.png') 50% 50% no-repeat; background-size: contain; position: absolute; right: 0px; } #info_contacts .block_contacts .block_address.with_metro .metro_list { max-height: calc(100vh - 230px); overflow: hidden; } #info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro { display: flex; flex-wrap: wrap; } #info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li { list-style: none; width: 33%; flex: 0 0 33%; padding: 0px 20px 0px; } #info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li .menu_metro_map { cursor: pointer; padding: 10px 0px 10px; } #info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li .menu_metro_map.not_act { color: #ffffff !important; } #info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li .menu_metro_map.act { font-weight: 700; position: relative; } #info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li .menu_metro_map.act:before { content: "✓"; width: 0; height: 0; position: absolute; left: -13px; top: 10px; font-weight: 700; } #info_contacts .block_contacts .block_address.with_metro .map { display: none; width: 100%; margin: 0px 0px 0px 0px; } #info_contacts .block_contacts .block_address.with_metro .address_footnote { margin: 20px 0px; color: #fff; } #info_contacts .block_contacts .address li .contact_address { display: inline-block; position: relative; padding-right: 30px; } #info_contacts .block_contacts .address li .contact_address .copy_btn_address { display: none; position: absolute; width: 20px; height: 20px; background: url('/images/contacts/copy_icon.svg') 50% 50% no-repeat; right: 0px; top: 0%; filter: invert(100%); cursor: pointer; } #info_contacts .block_contacts .address li .contact_address:hover .copy_btn_address { display: block; } .popup-metro-list { display: none; overflow-y: auto; width: 100%; height: 100%; position: fixed; z-index: 1; top: 0px; left: 0px; background: #fff; margin: 0px; padding: 0px 0px 30px; background: #2b4554; background: -moz-linear-gradient(-45deg, #2b4554 0%, #2C3772 100%); background: -webkit-linear-gradient(-45deg, #2b4554 0%,#2C3772 100%); background: linear-gradient(135deg, #2b4554 0%,#2C3772 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4554', endColorstr='#2C3772',GradientType=1 ); } #metro_animation_container.animation_logo_container { position: absolute; left: -41px; top: -33px; float: left; width: 120px; height: 140px; transform: scale(0.7); } .popup-metro-list .header-metro-list { margin: 24px 0px 0px 0px; position: relative; } .popup-metro-list .search-metro-title { float: left; margin: 52px 20px 0px 140px; color: #fff; font-size: 24px; font-weight: 700; line-height: 20px; } .popup-metro-list .search-metro-title-block { float: left; margin: 40px 20px 0px 20px; } .popup-metro-list .footer-metro-list { display: none; } .popup-metro-list .close { display: block; position: absolute; width: 40px; height: 40px; right: -25px; top: 44px; background: url('/bitrix/templates/coddy/css/../img/cd-icon-close.svg') no-repeat center center; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 1; z-index: 3; } @media screen and (max-width: 991px) { .block_contacts .nav_metro.popup .switch_metro { right: calc(50% - 100px); top: 10px; } #info_contacts .block_contacts .block_address.with_metro.popup { margin: 60px 0px 0px 0px; } } @media screen and (max-width: 767px) { #info_contacts .block_contacts .block_address.with_metro .address li .name_metro { flex: 0 0 calc(100% - 200px); } #info_contacts .block_contacts .block_address.with_metro .address li .menu_map { flex: 0 0 calc(100% - 40px); padding: 10px 10px; } #info_contacts .block_contacts .block_address .address .menu li .scheme_map { margin: 8px 10px 0px 0px; } .popup-metro-list .close { right: -10px; } #info_contacts .block_contacts .block_address.with_metro .metro_list .menu_metro li { width: 100%; flex: 0 0 calc(100% - 30px); } #info_contacts .block_contacts .block_address.with_metro .map, #info_contacts .block_contacts .block_address.with_metro .address, #info_contacts .block_contacts .block_address.with_metro .metro_list { height: calc(100vh - 320px); } .popup-metro-list .search-metro-title-block { display: none; } .popup-metro-list .footer-metro-list { width: 200px; display: block; position: absolute; bottom: 30px; left: calc(50% - 100px); } } @media screen and (max-width: 450px) { .block_contacts .nav_metro { display: block; } #info_contacts .block_contacts .block_address.with_metro .address li .name_metro { flex: 0 0 calc(100% - 30px); } #info_contacts .block_contacts .block_address.with_metro .address li .name_district { flex: 0 0 calc(100% - 40px); } .block_contacts .nav_metro .check_metro { margin: auto; display: block; } .block_contacts .nav_metro .switch_metro { margin: 20px auto; } .block_contacts .nav_metro.popup .switch_metro { top: -10px; } #info_contacts .block_contacts .block_address.with_metro { margin: 80px 0px 0px; } } /*Конец Контакты карта с метро*/ .video-form-block { background: #ffffff; border-radius: 10px; position: relative; width: 90%; max-width: 900px; min-height: 165px; margin-top: 0px; padding: 50px; } @media screen and (max-width: 450px) { .video-form-block { padding: 15px 15px 10px 15px; } } .video-form-block iframe { width: 100%; min-width: 220px; height: calc(100vh - 200px); min-height: 150px; max-height: 450px; } #info_contacts .block_contacts .block_address.with_metro .address li { position: relative; } .ic-video { display: block; width: 30px; height: 30px; position: absolute; top: 15px; right: 51px; z-index: 2; } .ic-video:hover { cursor: pointer; } /*End Contacts*/ #cd-address .text-address { padding: 20px 100px; height: auto; display: inline-block; } /*Родительский контроль*/ .control-page div, img { -webkit-transition: top 1s linear 0s; -moz-transition: top 1s linear 0s; -o-transition: top 1s linear 0s; transition: top 1s linear 0s; } .control-page { padding: 0px 0 0px; margin-top: 0px; background: url("/images/control/control_header.png") 50% 0% no-repeat, url("/images/control/control_footer.png") 50% 100% no-repeat; overflow: hidden; } .control-page .title:before { content: ""; position: absolute; left: -54px; top: -1px; width: 54px; height: 100%; min-height: 42px; background: url("/images/control/control_title.png") 0% 0% repeat-y; } .control-page .title:after { content: ""; position: absolute; right: -54px; top: -1px; width: 54px; height: 100%; min-height: 42px; background: url("/images/control/control_title2.png") 0% 0% repeat-y; } .control-page .title { padding: 5px 0px 10px 10px; margin: 60px 0px 60px; height: 100%; min-height: 42px; max-width: 80%; background-color: #f3f3f3; display: inline-block; position: relative; color: #446e87; font-size: 28px; line-height: 32px; } .control-page .title.footer_title { margin: 205px 0px 0px; background-color: #17156e; color: #ffffff; } .control-page .title.footer_title:before { background: url("/images/control/control_title3.png") 0% 0% repeat-y; } .control-page .title.footer_title:after { background: url("/images/control/control_title4.png") 0% 0% repeat-y; } .control-page .title_center { text-align: center; } .control-page .footer_text { color: #fff; margin: 60px 0px 80px; } .control-page .footer_button { margin: 0px 0px 80px; max-width: 620px; } .control-page .footer_button a.link.download { margin: 0px 20px 30px 0px; padding: 14px 60px 14px 20px !important; display: inline-block; } .control-page .footer_button a.link.download:after { content: ""; position: absolute; right: 0px; top: 0px; width: 54px; height: 47px; } .control-page .footer_button a.link.download.item1:after { background: url("/images/control/control_download1.png") 30% 50% no-repeat; background-size: auto 70%; } .control-page .footer_button a.link.download.item2:after { background: url("/images/control/control_download2.png") 30% 50% no-repeat; background-size: auto 70%; } .control-page .footer_button a.link.download.item3:after { background: url("/images/control/control_download3.png") 30% 50% no-repeat; background-size: auto 70%; } .control-page .footer_button a.link.download.item5:after { background: url("/images/control/control_download5.png") 30% 50% no-repeat; background-size: auto 70%; } .control-page .right { text-align: right; } .control-page .text { color: #888888; font-size: 16px; line-height: 22px; } .control-page .text p, .control-page .text ul { margin: 0px 0px 25px; } .control-page .text span { color: #3db39e; font-weight: 700; } .control-page .text ul li { padding: 0px 0px 0px 35px; list-style: none; background: url('/images/control/control_li.png') 15px 8px no-repeat; } .control-page .quote:before, .control-page .quote:after { content: ""; position: absolute; width: 31px; height: 20px; background: url("/images/control/control_quote.png") 0% 0% no-repeat; } .control-page .quote:before { left: -41px; bottom: -15px; } .control-page .quote:after { right: 0px; top: -15px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .control-page .quote { position: relative; padding: 0px; margin: 55px 0px 55px; color: #446e87; font-size: 22px; line-height: 28px; font-weight: 700; } .control-page .quote.top:after { right: -30px; } .control-page .quote.bottom { text-align: center; color: #fff; margin: 80px 0px 40px; } .control-page .quote.bottom:before { left: 10px; } .control-page .quote.bottom:after { right: 10px; top: 0px; } .control-page .text_bold { color: #3db39e; font-weight: 700; font-size: 22px; line-height: 28px; margin: 0px 0px 25px 0px; } .control-page .head_title { padding: 250px 0px 240px 50px; } .control-page .head_title h1 { font-weight: 700; font-size: 58px; line-height: 58px; color: #ffffff; width: 440px; display: inline-block; margin-bottom: 50px; text-align: left; } .control-page .head_title img { display: inline-block; position: relative; top: -20px; left: -145px; } .control-page .head_title h1 span { color: #0095b6; } .control-page .head_title .top_slider { margin-top: 30px; } .control-page .col-md-6.img { height: 560px; } .control-page .control_img_b0 div { width: 320px; height: 138px; margin: 60px auto 0px auto; } .control-page .control_img_b0 .control_img_l1 { z-index: 1; background: url('/images/control/control_b0_l1.png') 0% 0% no-repeat; background-size: 100% auto; } .control-page .control_img_b1 div { width: 100%; position: absolute; top: 0px; height: 629px; margin-left: 60px; } .control-page .control_img_b1 .control_img_l1 { z-index: 1; background: url('/images/control/control_b1_l1.png') 0% 0% no-repeat; background-size: 100% auto; } .control-page .stars { border-radius: 100%; background: #ffffff; } .control-page .star1 { width: 10px; height: 10px; position: absolute; top: 90px; left: -70px; } .control-page .star2 { width: 5px; height: 5px; position: absolute; top: 120px; left: 110px; } .control-page .star3 { width: 7px; height: 7px; position: absolute; top: 220px; left: -55px; } .control-page .star4 { width: 3px; height: 3px; position: absolute; top: 320px; left: -110px; } .control-page .star5 { width: 10px; height: 10px; position: absolute; top: 170px; right: 70px; } .control-page .star6 { width: 3px; height: 3px; position: absolute; top: 210px; right: 300px; } .control-page .star7 { width: 20px; height: 20px; position: absolute; top: 350px; right: -60px; } .control-page .star8 { width: 7px; height: 7px; position: absolute; top: 500px; right: 90px; } .control-page .star9 { width: 5px; height: 5px; position: absolute; top: 310px; right: 170px; } .control-page .star10 { width: 10px; height: 10px; position: absolute; } .control-page .star11 { width: 5px; height: 5px; position: absolute; background: #f8e160; } .control-page .star12 { width: 3px; height: 3px; position: absolute; background: #f8e160; } .control-page .percent_block { margin: 0px 0px 60px 0px; } .control-page .percent_block .percent_item { width: calc(33% - 50px); min-width: 120px; height: 240px; text-align: center; margin: 50px 50px 0px 0px; float: left; } .control-page .percent_block .percent_item .percent { width: 120px; height: 120px; border-radius: 100%; font-size: 48px; color: #fff; font-weight: bold; padding: 25px 0px; position: relative; left: 50%; margin: 0px 0px 35px -60px; box-shadow: 2px 2px 7px #666; background: rgb(0, 148, 184); background: -webkit-linear-gradient(180deg, rgb(0, 148, 184) 0%, rgb(0, 211, 196) 100%); background: -o-linear-gradient(180deg, rgb(0, 148, 184) 0%, rgb(0, 211, 196) 100%); background: -ms-linear-gradient(180deg, rgb(0, 148, 184) 0%, rgb(0, 211, 196) 100%); background: linear-gradient(180deg, rgb(0, 148, 184) 0%, rgb(0, 211, 196) 100%); } .control-page .percent_block .percent_item .text { font-size: 15px; } .control-page .img_block { margin: 0px 0px 60px 0px; } .control-page .img_block .img_item { width: calc(20% - 50px); text-align: center; margin: 50px 50px 0px 0px; float: left; } .control-page .img_block .img_item .img { max-width: 120px; height: 120px; padding: 25px 0px; position: relative; left: 50%; margin: 0px 0px 35px -60px; background: url('/images/control/control_img1.png') 0px 0px no-repeat; background-size: 100% auto; } .control-page .img_block .img_item .img.item1 { background: url('/images/control/control_img1.png') 0px 0px no-repeat; background-size: 100% auto; } .control-page .img_block .img_item .img.item2 { background: url('/images/control/control_img2.png') 0px 0px no-repeat; background-size: 100% auto; } .control-page .img_block .img_item .img.item3 { background: url('/images/control/control_img3.png') 0px 0px no-repeat; background-size: 100% auto; } .control-page .img_block .img_item .img.item4 { background: url('/images/control/control_img4.png') 0px 0px no-repeat; } .control-page .img_block .img_item .img.item5 { background: url('/images/control/control_img5.png') 0px 0px no-repeat; background-size: 100% auto; } .control-page .img_block .img_item .text { font-size: 15px; color: #3db39e; } .control-page.kz .head_title img { left: -285px; } @media only screen and (max-width: 767px) { .control-page.kz .head_title img { left: 185px; } } @media only screen and (min-width: 676px) { .control-page.kz .head_title h1 { width: 520px; } } @media only screen and (max-width: 675px) { .control-page .head_title h1 { width: 100%; } .control-page.kz .head_title img { left: 153px; } } @media only screen and (max-width: 415px) { .control-page.kz .head_title img { left: 0px; top: 10px; margin-bottom: 30px; } } .clear { clear: both; width: 0px; height: 0px; padding: 0px; margin: 0px; } .mobi { display: none; } /*Адаптив*/ @media only screen and (max-width: 1199px) { .control-page .star3 { top: 160px; left: -50px } .control-page .star4 { top: 260px; left: -100px; } .control-page .star5 { top: 130px; right: 120px; } .control-page .star6 { top: 210px; right: 250px; } .control-page .star7 { top: 340px; right: -20px; } .control-page .star8 { top: 470px; right: 70px; } .control-page .cosmonaut { right: 150px; } .control-page .cosmonaut_hand { right: 173px; } .control-page .control_img_b1 div { margin-left: -20px; } .control-page .head_title { padding: 200px 0px 240px 50px; } .control-page .quote.top:before { left: -47px; } .control-page .quote.bottom:before { left: -22px; } .control-page .footer_button { margin: 0px 0px 40px; } } @media only screen and (max-width: 991px) { .btn-green-color.mobi, .mobi { display: block; } .btn-green-color.desc, .desc { display: none; } .control-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/control/control_header.png") 65% 0% no-repeat, url("/images/control/control_footer.png") 50% 100% no-repeat; background-size: auto 700px, auto; } .control-page .animation_header { display: none; } .control-page .head_title { padding: 160px 0px 240px 0px; } .control-page .col-md-6.img { height: auto; } .control-page .control_img_b1 .control_img_l1 { height: 550px; background: url('/images/control/control_b1_l1.png') 50% 0% no-repeat; background-size: auto 500px; position: relative; margin-left: 0px; } .control-page .text ul li { padding: 0px 0px 0px 20px; background: url('/images/control/control_li.png') 0px 8px no-repeat; margin: 0px; } .control-page .quote { text-align: center; padding: 0px 30px; } .control-page .quote:before { left: 0px; } .control-page .right { text-align: left; } .control-page .quote.bottom { width: 60%; } .control-page .footer_button { margin: 0px 0px 80px; } .control-page .footer_button a.link.download { margin: 0px 20px 30px 0px; display: inline-block; } .control-page .footer_button a.link.download:after { height: 48px; } .control-page .control_img_b0 .control_img_l1 { display: none; } .control-page .footer_text { margin: 30px 0px 40px; } .control-page .title.footer_title { margin: 220px 0px 0px; } } @media only screen and (max-width: 767px) { .control-page { padding: 0px 0 0%; margin-top: 0px; background: url("/images/control/control_header2.png") 50% -2px no-repeat, url("/images/control/control_footer2.png") 25% 100% no-repeat; } .control-page .head_title { padding: 340px 0px 0px 20%; } .control-page .head_title h1 { font-size: 48px; line-height: 48px; color: rgb(51, 51, 51); margin-bottom: 0px; } .control-page .head_title img { height: 38px; top: -45px; left: 245px; } .control-page .footer_button { margin: 0px 0px 300px; } .control-page .img_block .img_item { width: calc(33% - 50px); height: 200px; margin: 50px 25px 0px 25px; } .control-page .percent_block .percent_item { margin: 50px 25px 0px 25px; } .control-page .percent_block .percent_item:nth-child(3) { display: none; } } @media only screen and (max-width: 675px) { .control-page .head_title h1 { font-size: 40px; line-height: 40px; } .control-page .head_title img { height: 30px; } .control-page .col-md-6.img { height: auto; } .control-page .title.footer_title { text-align: center; } .control-page .title.footer_title { margin: 100px auto 0px; } .control-page .title_center_mobi { text-align: center; } .control-page .head_title img { top: -34px; left: 205px; } .control-page .footer_button { margin: 0px 0px 250px; } } @media only screen and (max-width: 600px) { .control-page .head_title { padding: 340px 0px 0px calc(65% - 240px); } .control-page .footer_button a.link.download { display: block; text-align: center; margin: 0px 0px 30px; } .control-page .head_title .top_slider { margin-top: 0px; display: block; text-align: center; } .control-page .percent_block .percent_item { width: calc(50% - 50px); } .control-page .img_block .img_item { width: calc(50% - 50px); height: 220px; } .control-page .title.footer_title { margin: 130px auto 0px; } .control-page .footer_button { margin: 0px 0px 180px; } } @media only screen and (max-width: 500px) { .control-page .title { margin: 40px 0px 40px; } .control-page .control_img_b1 .control_img_l1 { background-size: auto 400px; height: 430px; } .control-page .footer_text { margin: 40px 0px 40px; } .control-page .footer_button { margin: 0px 0px 120px; } } @media only screen and (max-width: 400px) { .control-page .control_img_b1 .control_img_l1 { background-size: auto 350px; height: 380px; } .control-page .percent_block .percent_item { width: calc(100% - 50px); height: 220px; } .control-page .img_block .img_item { width: calc(100% - 50px); height: 200px; } .control-page .footer_button { margin: 0px 0px 100px; } } @media only screen and (min-width: 992px) { .control-page .control_img_b1 div { } .control-page .star1 { -webkit-animation: pulsate 2s linear 0s infinite; animation: pulsate 2s linear 0s infinite; } .control-page .star2 { -webkit-animation: pulsate_small 1s linear 0s infinite; animation: pulsate_small 1s linear 0s infinite; } .control-page .star3 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } .control-page .star4 { -webkit-animation: pulsate_small 1s linear 1s infinite; animation: pulsate_small 1s linear 1s infinite; } .control-page .star5 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } .control-page .star6 { -webkit-animation: pulsate_small 2s linear 1s infinite; animation: pulsate_small 2s linear 1s infinite; } .control-page .star7 { -webkit-animation: pulsate 2s linear 1s infinite; animation: pulsate 2s linear 1s infinite; } .control-page .star8 { -webkit-animation: pulsate_small 1s linear 0.5s infinite; animation: pulsate_small 1s linear 0.5s infinite; } .control-page .star9 { -webkit-animation: pulsate_small 2s linear 0s infinite; animation: pulsate_small 2s linear 0s infinite; } .control-page .star10 { -webkit-animation: slide_star 10s linear 0s infinite; animation: slide_star 10s linear 0s infinite; } .control-page .star11 { -webkit-animation: slide_star2 10s linear 2s infinite; animation: slide_star2 10s linear 2s infinite; } .control-page .star12 { -webkit-animation: slide_star3 10s linear 4s infinite; animation: slide_star3 10s linear 4s infinite; } } /*Анимация*/ /*Звезды*/ @-webkit-keyframes pulsate { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 10px rgba(90,156,202,.5), 0 0 16px #5a9cca; } } @keyframes pulsate { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px 5px rgba(90,156,202,.5), 0 0 10px 5px #5a9cca; } } @-webkit-keyframes pulsate_small { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 2px 2px rgba(90,156,202,.5), 0 0 5px 2px #5a9cca; } } @keyframes pulsate_small { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 2px 2px rgba(90,156,202,.5), 0 0 5px 2px #5a9cca; } } @-webkit-keyframes slide_star { 0% { top: 0px; right: -100px; opacity: 1;} 30% { top: 500px; right: 500px; opacity: 1; } 31% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star { 0% { top: 0px; right: -100px; opacity: 1;} 30% { top: 500px; right: 500px; opacity: 1; } 31% { top: 2000px; right: 2000px; opacity: 0; } } @-webkit-keyframes slide_star2 { 0% { top: 0px; right: -100px; opacity: 1;} 20% { top: 250px; right: 300px; opacity: 1; } 21% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star2 { 0% { top: 0px; right: -100px; opacity: 1;} 20% { top: 250px; right: 300px; opacity: 1; } 21% { top: 2000px; right: 2000px; opacity: 0; } } @-webkit-keyframes slide_star3 { 0% { top: 0px; right: -100px; opacity: 1;} 10% { top: 1250px; right: 1000px; opacity: 1; } 11% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star3 { 0% { top: 0px; right: -100px; opacity: 1;} 10% { top: 1250px; right: 500px; opacity: 1; } 11% { top: 2000px; right: 2000px; opacity: 0; } } /**/ @-webkit-keyframes rov { 0% { right: 400px } 100% { right: 0px } } @keyframes rov { 0% { right: 400px } 100% { right: 0px } } @-webkit-keyframes moon { 0% { right: -300% } 100% { right: -145px } } @keyframes moon { 0% { right: -300% } 100% { right: -145px } } @-webkit-keyframes saturn { 0% { right: -300% } 100% { right: 40% } } @keyframes saturn { 0% { right: -300% } 100% { right: 40% } } /*Планеты*/ @-webkit-keyframes slide { 0% { right: -300% } 10% { right: -75px } 90% { right: -75px } 100% { right: 300% } } @keyframes slide { 0% { right: -300% } 10% { right: -75px } 90% { right: -75px } 100% { right: 300% } } @-webkit-keyframes cosm3 { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes cosm3 { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes cosm4 { 0% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 50% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } } @keyframes cosm4 { 0% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 50% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } } /*Конец Родительский контроль*/ /*Выбор города*/ .top-head { background: #0484ac; width: 100%; height: 30px; position: relative; left: 0px; } .top-head .top-head-menu { padding: 5px 0px 5px 140px; width: 50%; float: left; } .top-head .top-head-contacts { padding: 5px 0px 5px 0px; width: 50%; float: left; text-align: right; } .top-head .top-head-menu a, .top-head .top-head-contacts a { color: #fff; font-size: 14px; font-weight: 400; text-decoration: none; border-bottom: 1px dashed rgba(255,255,255, 0.5); } .top-head .top-head-menu a:hover, .top-head .top-head-contacts a:hover { border-bottom: 1px solid rgba(255,255,255, 1); } .top-head .top-head-menu .top-head-menu-item { margin: 0px 14px 0px 0px; padding: 0px; float: left; display: block; } .top-head .top-head-menu .top-head-menu-item.address_list { display: none; } .top-head .top-head-contacts .top-head-contacts-item { margin: 0px 0px 0px 14px; padding: 0px; float: right; } .c-filter.header { display: none; } .city-filter { width: 100%; max-width: 200px; float: left; margin-left: 140px; position: relative; z-index: 10; } .city-filter .city-t-filter { cursor: pointer; padding: 14px 0px; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; position: relative; width: 100%; } .city-filter .city-t-filter span { display: inline-block; vertical-align: top; position: relative; } .city-filter .city-t-filter span:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6.5px 8px 6.5px; border-color: transparent transparent #fff transparent; position: absolute; right: -20px; top: 6px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .city-filter .city-t-filter:hover span { color: #2f9f8b; } .city-filter .city-t-filter:hover span:after { border-color: transparent transparent #2f9f8b transparent; } .popup-city-list { display: none; overflow-y: auto; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10; background: #fff; margin: 0px; padding: 160px 0px 30px; background: #2b4554; background: -moz-linear-gradient(-45deg, #2b4554 0%, #2C3772 100%); background: -webkit-linear-gradient(-45deg, #2b4554 0%,#2C3772 100%); background: linear-gradient(135deg, #2b4554 0%,#2C3772 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4554', endColorstr='#2C3772',GradientType=1 ); } .popup-city-list .b-city-list { /*display: flex;*/ columns: 5; column-gap: 20px; color: #fff; font-size: 14px; font-weight: 400; line-height: 20px; padding: 0 0 30px 140px; } .popup-city-list .b-city-list ul { margin: 0 0 20px; } .popup-city-list .b-city-item { /*width: 20%;*/ padding: 0 20px 0 0; -webkit-column-break-inside: avoid; break-inside: avoid; } .popup-city-list .b-city-item__title { float: left; width: 35px; margin: 0 0 0 -35px; font-weight: 700; font-size: 20px; color: #0098bd; } .popup-city-list .b-city-item li { padding: 0px 0px 10px; list-style: none; } .popup-city-list .b-city-item a { color: #fff; font-size: 14px; font-weight: normal; line-height: 17px; text-decoration: none; } .popup-city-list .b-city-item a:hover, .popup-city-list .b-city-item a:focus { color: #0098bd; } .popup-city-list .b-city-item .active a { display: inline-block; margin-left: -14px; padding: 3px 14px 4px; border-radius: 15px; background: #0098bd; color: #fff; cursor: auto; } .popup-city-list .header-city-list { margin: 24px 0px 0px 0px; position: relative; } .popup-city-list .logo-city-list { width: 120px; height: 140px; background: url('/local/templates/coddy_en/css/images/logo-coddy-blue.png') 0% 0% no-repeat; background-size: contain; float: left; } .popup-city-list .search-title { float: left; margin: 52px 20px 0px 140px; color: #fff; font-size: 24px; font-weight: 700; line-height: 20px; } .popup-city-list .search-city-list { max-width: 400px; width: 100%; margin: 38px 0px; float: left; position: relative; } .popup-city-list .search-city-list input.search { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 46px; background-color: white; border: 3px solid #0493b4; padding: 12px 22px; -webkit-border-radius: 20px; border-radius: 2em 2em 2em 2em !important; outline: none; } .popup-city-list .search-city-list input[type="text"]::placeholder { opacity: 1; color: #c0c0c0; font-weight: 700; } .popup-city-list .search-city-list .btn-search { position: absolute; right: 14px; top: 50%; margin-top: -13px; width: 24px; height: 25px; background: url("/bitrix/templates/coddy/components/bitrix/news.list/courses_list/images/btn-search.png") no-repeat; background-size: contain; cursor: pointer; padding: 0; border: none; font-size: 18px; font-weight: 700; display: inline-block; } .popup-city-list .filter-city-list { columns: 5; column-gap: 20px; margin: 10px 0 35px 105px; padding: 0 0 25px 35px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); min-height: 40px; } .popup-city-list .filter-item { cursor: pointer; /*float: left;*/ color: #fff; font-size: 16px; font-weight: 700; line-height: 22px; margin: 0 20px 2px 0; padding: 7px 0; } .popup-city-list .filter-item:hover, .popup-city-list .filter-item:focus { color: #0098bd; } .popup-city-list .filter-item.active { display: inline-block; margin-left: -24px; padding: 7px 24px; border-radius: 30px; background: #0098bd; color: #fff; cursor: auto; } .popup-city-list .close { display: block; position: absolute; width: 40px; height: 40px; right: -25px; top: 40px; background: url('/bitrix/templates/coddy/css/../img/cd-icon-close.svg') no-repeat center center; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 1; z-index: 3; } @media only screen and (max-width: 992px) { .city-filter { margin-left: 130px; } .top-head .top-head-menu { padding: 5px 0px 5px 0px; } .top-head { z-index: 2020; overflow: hidden; } .popup-city-list { padding-top: 40px !important; } .popup-city-list .close { right: 0px; } .city-filter .city-t-filter { padding: 12px 0px; } .popup-city-list .filter-city-list { min-height: 65px; } .popup-city-list .search-title { margin-left: 0px; } } @media only screen and (max-width: 991px) { .popup-city-list { background: #2c3c67; background: linear-gradient(to right, #2b4259, #2c3c67); } .popup-city-list .filter-city-list { columns: 3; margin: 0 0 30px 0; padding: 0 0 35px 10px; min-height: 30px; text-align: left; } .popup-city-list .b-city-list { display: block; columns: 3; padding: 0 0 30px; } .popup-city-list .logo-city-list, #city_animation_container.animation_logo_container { display: none; } .popup-city-list .b-city-item { /*width: 33%;*/ width: auto; padding: 0 0 0 35px; -webkit-column-break-inside: avoid; break-inside: avoid; } .popup-city-list .b-city-item li { padding: 3px 0 7px; } .popup-city-list .b-city-item .active { padding-top: 0; padding-bottom: 3px; } .popup-city-list .b-city-item a { font-size: 16px; line-height: 20px; } .popup-city-list .filter-item { padding-left: 24px; } .popup-city-list .filter-item.active { margin-left: 0; } .popup-city-list .b-city-item__title { margin-top: 2px; } } @media only screen and (max-width: 767px) { .popup-city-list .logo-city-list, #city_animation_container.animation_logo_container { display: none; } .popup-city-list .search-title { margin: 52px 20px 0px 20px; } .popup-city-list .filter-item { font-size: 15px; } .popup-city-list .b-city-list { display: block; column-count: auto; } .popup-city-list .b-city-item__title { font-size: 28px; } .popup-city-list .b-city-item { width: auto; padding-left: 50px; } .popup-city-list .b-city-item ul { margin: 0; } .popup-city-list .b-city-item li { text-decoration: none; outline: none; text-align: left; padding: 3px 25px 12px; display: block; } .popup-city-list .b-city-item .active { padding-top: 0; padding-bottom: 8px; } .city-filter { margin-left: 50px; } .popup-city-list .b-city-item__title { position: -webkit-sticky; position: sticky; top: 5px; margin-top: 0; padding-bottom: 35px; } } @media only screen and (max-width: 710px) { .top-head .top-head-contacts { display: none; } .top-head .top-head-menu { width: 100%; float: none; } .top-head .top-head-menu .top-head-menu-item { width: calc(50% - 15px); } .top-head .top-head-menu .top-head-menu-item:nth-child(2) { text-align: right; margin: 0px; width: calc(50% - 0px); } .main-site-logo { width: 140px; float: left; } .wrap-main-site-nav { width: 100px; } .popup-city-list /*.filter-city-list*/ .filter-item { /*width: calc(50% - 20px);*/ margin-bottom: 1px; } .popup-city-list .header-city-list { padding-right: 40px; } .popup-city-list .search-city-list { max-width: calc(100% + 40px); width: calc(100% + 40px); } /*.popup-city-list .b-city-list { padding: 30px 0px 0px 0px; }*/ } @media only screen and (max-width: 639px) { .popup-city-list .filter-city-list { columns: 2; } } @media only screen and (max-width: 600px) { .popup-city-list .search-title { margin: 0px 20px 0px 20px; } .popup-city-list .close { top: -5px; } } @media only screen and (max-width: 500px) { .main-site-logo { float: none; left: -15px; position: relative; } .city-filter { margin: 0px 87px; width: calc(100% - 180px); word-wrap: break-word; } .popup-city-list .filter-item { width: 100%; margin: 0 0 1px; } .city-filter .city-t-filter { padding: 6px 0px; } } @media only screen and (max-width: 400px) { .top-head { position: relative; } } .animation_logo_container { width:178px; height:210px; position: absolute; right: -22px; top: -23px; } #city_animation_container.animation_logo_container { position: absolute; left: -41px; top: -33px; float: left; width: 120px; height: 140px; transform: scale(0.7); } .animation_logo_container canvas { position: absolute; display: block; } .animation_logo_container div { pointer-events:none; overflow:hidden; width:178px; height:210px; position: absolute; left: 0px; top: 0px; display: block; } @media only screen and (max-width: 620px) { .animation_logo_container { transform: scale(0.5); right: -51px; top: -64px; } #city_animation_container.animation_logo_container { transform: scale(0.7); left: -41px; top: -33px; right: auto; } } /*Конец Выбор города*/ /*Анимация в команде*/ .our-courses.page-team .animation_bottom { width: 1920px; height: 530px; position: absolute; bottom: 0px; left: 50%; margin-left: -960px; -webkit-transition: top 1s linear 0s; -moz-transition: top 1s linear 0s; -o-transition: top 1s linear 0s; transition: top 1s linear 0s; } .our-courses.page-team .animation_bottom div { position: absolute; z-index: 1; } .our-courses.page-team .animation_bottom .page-team-anim-block1 { width: 314px; height: 314px; top: 22px; left: 124px; background: url('/images/team/page-team-anim-block1.png') 0% 0% no-repeat; -webkit-animation: anim-block1 20s linear 0s infinite; animation: anim-block1 20s linear 0s infinite; } .our-courses.page-team .animation_bottom .page-team-anim-block2 { width: 126px; height: 212px; top: 230px; left: 735px; background: url('/images/team/page-team-anim-block2.png') 0% 0% no-repeat; } .our-courses.page-team .animation_bottom .page-team-anim-block2-2 { width: 34px; height: 46px; top: 255px; left: 735px; background: url('/images/team/page-team-anim-block2-2.png') 0% 0% no-repeat; -webkit-animation: anim-block2 1.5s linear 0s infinite; animation: anim-block2 1.5s linear 0s infinite; } .our-courses.page-team .animation_bottom .page-team-anim-block3 { width: 255px; height: 195px; top: 186px; left: 300%; background: url('/images/team/page-team-anim-block3.png') 0% 0% no-repeat; -webkit-animation: anim-block3 80s linear 0s infinite; animation: anim-block3 80s linear 0s infinite; } .our-courses.page-team .animation_bottom .page-team-anim-block4 { width: 70px; height: 73px; top: 304px; left: 1375px; background: url('/images/team/page-team-anim-block4.png') 0% 0% no-repeat; -webkit-animation: anim-block4 80s linear 0s infinite; animation: anim-block4 80s linear 0s infinite; } @media only screen and (min-width: 769px) { @-webkit-keyframes anim-block2 { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); } 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes anim-block2 { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); } 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes anim-block1 { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 4% { -moz-transform: rotate(50deg); -ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); transform: rotate(50deg); } 50% { -moz-transform: rotate(50deg); -ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); transform: rotate(50deg); } 58% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); } 78% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); } 82% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes anim-block1 { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 4% { -moz-transform: rotate(50deg); -ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); transform: rotate(50deg); } 50% { -moz-transform: rotate(50deg); -ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); transform: rotate(50deg); } 58% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); } 78% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); } 82% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes anim-block3 { 0% { left: 300%; } 24% { left: 1350px; } 25% { left: 1350px; } 50% { left: 300%; } 74% { left: 1350px; } 75% { left: 1350px; } 100% { left: 300%; }} @keyframes anim-block3 { 0% { left: 300%; } 24% { left: 1350px; } 25% { left: 1350px; } 50% { left: 300%; } 74% { left: 1350px; } 75% { left: 1350px; } 100% { left: 300%; }} @-webkit-keyframes anim-block4 { 0% { left: 1375px; } 25% { left: 1375px; } 50% { left: calc(300% + 25px); } 74% { left: 1375px; } 100% { left: 1375px; }} @keyframes anim-block4 { 0% { left: 1375px; } 25% { left: 1375px; } 50% { left: calc(300% + 25px); } 74% { left: 1375px; } 100% { left: 1375px; }} } @media only screen and (max-width: 768px) { .our-courses.page-team { background: url('/images/team/team-bg2.png') 50% 100% no-repeat #f6f6f6; background-size: auto auto; } .our-courses.page-team .animation_bottom { display: none; } } /*Конец анимация в команде*/ /*Анимация роботов в списке курсов*/ @media only screen and (min-width: 769px) { .show-more.courses { margin-top: 60px; } .our-courses .animate_robots { width: 100%; height: 60px; position: relative; z-index: 2; -webkit-transition: top 1s linear 0s; -moz-transition: top 1s linear 0s; -o-transition: top 1s linear 0s; transition: top 1s linear 0s; } .our-courses .animate_robots .robots { width: 148px; height: 200px; position: absolute; top: -120px; left: calc(50% + 105px); display: none; } .our-courses .animate_robots .robots:nth-child(2n) { left: calc(50% - 265px); } .our-courses .animate_robots .robots.robot1 { display: block; } .our-courses .animate_robots .robots.robot2 { top: -100px; } .our-courses .animate_robots .robots.robot3 { left: calc(50% + 120px); top: -100px; } .our-courses .animate_robots .robots.robot4 { top: -100px; } .our-courses .animate_robots .robots div:nth-child(1) { width: 148px; height: 200px; position: relative; z-index: 2; } .our-courses .animate_robots .robots div:nth-child(2) { width: 60px; height: 35px; position: absolute; z-index: 1; } .our-courses .animate_robots .robot1 div:nth-child(1) { background: url('/images/courses/robot1.webp') 0% 0% no-repeat; } .our-courses .animate_robots .robot1 div:nth-child(2) { background: url('/images/courses/robot12.webp') 0% 0% no-repeat; top: 125px; left: 5px; transform-origin: bottom right; -webkit-animation: anim-robot1 2s linear 0s infinite; animation: anim-robot1 1.5s linear 0s infinite; } .our-courses .animate_robots .robot2 div:nth-child(1) { background: url('/images/courses/robot2.webp') 0% 0% no-repeat; } .our-courses .animate_robots .robot2 div:nth-child(2) { background: url('/images/courses/robot22.webp') 0% 0% no-repeat; top: 105px; left: 85px; transform-origin: bottom left; -webkit-animation: anim-robot1 2s linear 0s infinite; animation: anim-robot1 1.5s linear 0s infinite; } .our-courses .animate_robots .robot3 div:nth-child(1) { background: url('/images/courses/robot3.webp') 0% 0% no-repeat; } .our-courses .animate_robots .robot3 div:nth-child(2) { background: url('/images/courses/robot32.webp') 0% 0% no-repeat; top: 110px; left: 0px; transform-origin: bottom right; -webkit-animation: anim-robot1 2s linear 0s infinite; animation: anim-robot1 1.5s linear 0s infinite; } .our-courses .animate_robots .robot4 div:nth-child(1) { background: url('/images/courses/robot4.webp') 0% 0% no-repeat; } .our-courses .animate_robots .robot4 div:nth-child(2) { background: url('/images/courses/robot42.webp') 0% 0% no-repeat; top: 91px; left: 87px; transform-origin: bottom left; -webkit-animation: anim-robot1 2s linear 0s infinite; animation: anim-robot1 1.5s linear 0s infinite; } @-webkit-keyframes anim-robot1 { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes anim-robot1 { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 50% { -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } } /*Конец Анимация роботов в списке курсов*/ /*Отзывы партнеров*/ /*КОНЕЦ отзывов партнеров*/ /*SELECT в формах регистрации*/ .form-block .registration .field .custom-select { position: relative; width: 100%; max-width: calc(100% - 130px); height: 32px; margin: 0px; border: 0px solid #000000; border-bottom: 1px solid #a7a7a8; border-radius: 0px; cursor: pointer; } .form-block .registration .field .custom-select.err { border-bottom: 1px solid #FF0000; } .form-block .registration .field .custom-select:hover { border-bottom: 1px solid #000000; } .form-block .registration .field .custom-select.disabled:hover { border-bottom: 1px solid #a7a7a8; } .form-block .registration .field .custom-select select { width: 100%; height: 32px; padding: 0 30px 0 0px; background: transparent; border: 0; appearance: none;/* remove arrow*/ -webkit-appearance: none;/* remove arrow Chrome */ -moz-appearance: none; /* remove arrow FF */ cursor: pointer; position: relative; z-index: 1; font-size: 16px; } .form-block .registration .field .custom-select.disabled select { color: #a7a7a8; } .form-block .registration .field .custom-select select::-ms-expand{ display: none; /* remove arrow IE */ } .form-block .registration .field .custom-select .checkbox_select { position: absolute; z-index: 0; top: 0px; right: 0px; width: 32px; height: 32px; } .form-block .registration .field .custom-select .checkbox_select:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6.5px 8px 6.5px; border-color: transparent transparent #a7a7a8 transparent; position: absolute; right: 10px; top: calc(50% - 4px); transition: all 0.3s; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .form-block .registration .field .custom-select:hover .checkbox_select:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .form-block .registration .field .custom-select.disabled:hover .checkbox_select:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1480px) { .form-block .registration .field .custom-select, .form-block .registration .field .custom-select .checkbox_select, .form-block .registration .field .custom-select select { height: 28px; } } @media only screen and (max-width: 620px) { .form-block .registration .field .custom-select, .form-block .registration .field .custom-select .checkbox_select, .form-block .registration .field .custom-select select { height: 25px; } .form-block .registration .field .custom-select { max-width: calc(100% - 60px); } } /*КОНЕЦ SELECT в формах регистрации*/ /*Оформление на Хеллуин*/ .moon { background: url('/images/slider/moon.png') 0% 0% no-repeat; width: 100px; height: 100px; background-size: contain; position: absolute; top: 150px; left: 380px; z-index: 2; } /*Паук*/ .spider_block { position: absolute; z-index: 100; left: 0px; width: 100%; } .spider1, .spider2, .spider3, .spider4, .spider5{ border: 3px solid black; width: 85px; height: 65px; transform: scale(0.5); border-radius: 50% 50%; box-shadow: inset 0px 0px 70px 0px black; position: absolute; top: -350px; left: 200px; z-index: 98; background: #000000; -webkit-animation: down 25s linear infinite; -moz-animation: down 25s linear infinite; -ms-animation: down 25s linear infinite; -webkit-animation-delay: 2000ms; } .spider1{ left: 100px; -webkit-animation-delay: 2000ms; margin-top: -50px; } .spider2{ left: 500px; -webkit-animation-delay: 5000ms; margin-top: -260px; } .spider3{ left: 800px; -webkit-animation-delay: 3000ms; margin-top: -210px; } .spider4{ right: 500px; left: auto; -webkit-animation-delay: 4000ms; margin-top: -245px; } .spider5{ right: 190px; left: auto; -webkit-animation-delay: 1000ms; margin-top: 5px; } @media only screen and (max-width: 1440px) { .moon { top: 150px; left: 200px; } .spider1 { left: 75px; margin-top: -80px; } .spider2 { left: 350px; margin-top: -280px; } .spider3 { left: 600px; margin-top: -230px; } .spider4 { right: 350px; margin-top: -265px; } .spider5 { right: 100px; margin-top: -40px; } } @media only screen and (max-width: 1300px) { .spider1 { left: 60px; } .spider5 { right: 80px; } } @media only screen and (max-width: 1199px) { .moon { top: 130px; left: 140px; } .spider1 { left: 4%; margin-top: -210px; } .spider2 { left: 25%; } .spider3 { left: 50%; } .spider4 { right: 25%; } .spider5 { right: 6%; margin-top: -190px; } } @media only screen and (max-width: 991px) { } @media only screen and (max-width: 768px) { .moon, .spider1, .spider2, .spider3, .spider4 { display: none; } .spider5 { margin-top: -340px; right: 10px; } } @-webkit-keyframes down{ 0%{ top: -350px; } 20%{ top:400px; } 75%{ top:400px; } 80%{ top:-350px; } 100%{ top:-350px; } } @-moz-keyframes down{ 0%{ top: -350px; } 20%{ top:400px; } 75%{ top:400px; } 80%{ top:-350px; } 100%{ top:-350px; } } @-ms-keyframes down{ 0%{ top: -350px; } 20%{ top:400px; } 75%{ top:400px; } 80%{ top:-350px; } 100%{ top:-350px; } } .eye { /* border: 4px solid black; */ width: 29px; height: 19px; background: white; border-radius: 50% 50%; position: absolute; top: 24px; left: 33px; z-index: 5; } .eye:after { content: ""; display: block; /* border: 4px solid black; */ width: 29px; height: 18px; background: white; border-radius: 50% 50%; position: absolute; top: 0px; left: -18px; z-index: -1; } .pupil{ border: 5px solid black; width: 2px; height: 2px; border-radius: 100%; background: black; position: absolute; top: 4px; left: 10px; box-shadow: -18px 0px 0px 0px black; z-index: 999; -webkit-animation: move 6s linear infinite; -moz-animation: move 6s linear infinite; -ms-animation: move 6s linear infinite; } .pupil2 { width: 29px; height: 0px; border-radius: 100%; background: black; position: absolute; top: -1px; left: -1px; box-shadow: -18px -1px 0px 0px black; z-index: 999; -webkit-animation: move2 6s linear infinite; -moz-animation: move2 6s linear infinite; -ms-animation: move2 6s linear infinite; } .spider1 .pupil, .spider1 .pupil2 { -webkit-animation-delay: 2000ms; } .spider2 .pupil, .spider2 .pupil2 { -webkit-animation-delay: 5000ms; } .spider3 .pupil, .spider3 .pupil2 { -webkit-animation-delay: 3000ms; } .spider4 .pupil, .spider4 .pupil2 { -webkit-animation-delay: 4000ms; } .spider5 .pupil, .spider5 .pupil2{ -webkit-animation-delay: 1000ms; } @-webkit-keyframes move{ 0%{ left: 10px; } 15%{ left: 17px; } 30%{ left: 10px; } 45%{ left: 0px; } 60%{ left: 10px; } 100%{ left: 10px; } } @-moz-keyframes move{ 0%{ left: 10px; } 15%{ left: 17px; } 30%{ left: 10px; } 45%{ left: 0px; } 60%{ left: 10px; } 100%{ left: 10px; } } @-ms-keyframes move{ 0%{ left: 10px; } 15%{ left: 17px; } 30%{ left: 10px; } 45%{ left: 0px; } 60%{ left: 10px; } 100%{ left: 10px; } } @-webkit-keyframes move2{ 0%{ height: 0px; } 64.5%{ height: 0px; } 65%{ height: 19px; } 65.5%{ height: 0px; } 85%{ height: 0px; } 85.5%{ height: 19px; } 86%{ height: 0px; } 100%{ height: 0px; } } @-moz-keyframes move2{ 0%{ height: 0px; } 64%{ height: 0px; } 65%{ height: 19px; } 66%{ height: 0px; } 85%{ height: 0px; } 86%{ height: 19px; } 87%{ height: 0px; } 100%{ height: 0px; } } @-ms-keyframes move2{ 0%{ height: 0px; } 64.5%{ height: 0px; } 65%{ height: 19px; } 80%{ height: 0px; } 85%{ height: 0px; } 94.5%{ height: 19px; } 95%{ height: 0px; } 100%{ height: 0px; } } /*LEGS!!*/ .leg1{ -webkit-transform: rotate(50deg); -moz-transform: rotate(50deg); -ms-transform: rotate(50deg); position: absolute; top: -2px; left: 70px; z-index: -998; } /*.leg p:nth-child(1){ border: 6px solid black; border-bottom: transparent; border-left: transparent; border-radius: 5px; width: 40px; height: 10px; }*/ .leg p:nth-child(1) { border: 3px solid black; border-bottom: transparent; width: 45px; height: 45px; border-radius: 35px 0px 0 0; border-top: 4px solid #000; border-left: 4px solid #000; border-right: 0px solid #000; border-bottom: 0px solid #000; } .leg p:nth-child(1){ -webkit-animation: leg1 1s linear infinite; -moz-animation: leg1 1s linear infinite; -ms-animation: leg1 1s linear infinite; } @-webkit-keyframes leg1{ 0%{ -webkit-transform: rotate(0deg); } 25%{ -webkit-transform: rotate(-20deg); } 50%{ -webkit-transform: rotate(0deg); } 75%{ -webkit-transform: rotate(-20deg); }100%{ -webkit-transform: rotate(0deg); } } @-moz-keyframes leg1{ 0%{ -moz-transform: rotate(0deg); } 25%{ -moz-transform: rotate(-20deg); } 50%{ -moz-transform: rotate(0deg); } 75%{ -moz-transform: rotate(-20deg); }100%{ -moz-transform: rotate(0deg); } } @-ms-keyframes leg1{ 0%{ -ms-transform: rotate(0deg); } 25%{ -ms-transform: rotate(-20deg); } 50%{ -ms-transform: rotate(0deg); } 75%{ -ms-transform: rotate(-20deg); }100%{ -ms-transform: rotate(0deg); } } .leg2{ -webkit-transform: rotate(75deg); -moz-transform: rotate(75deg); -ms-transform: rotate(75deg); position: absolute; top: 17px; left: 65px; } .leg2 p:nth-child(1){ -webkit-animation: leg3 1s linear infinite; -moz-animation: leg3 1s linear infinite; -ms-animation: leg3 1s linear infinite; } @-webkit-keyframes leg3{ 0%{ -webkit-transform: rotate(-20deg); } 25%{ -webkit-transform: rotate(0deg); } 50%{ -webkit-transform: rotate(-20deg); } 75%{ -webkit-transform: rotate(0deg); }100%{ -webkit-transform: rotate(-20deg); } } @-moz-keyframes leg3{ 0%{ -moz-transform: rotate(-20deg); } 25%{ -moz-transform: rotate(0deg); } 50%{ -moz-transform: rotate(-20deg); } 75%{ -moz-transform: rotate(0deg); }100%{ -moz-transform: rotate(-20deg); } } @-ms-keyframes leg3{ 0%{ -ms-transform: rotate(-20deg); } 25%{ -ms-transform: rotate(0deg); } 50%{ -ms-transform: rotate(-20deg); } 75%{ -ms-transform: rotate(0deg); }100%{ -ms-transform: rotate(-20deg); } } .leg3{ -webkit-transform: rotate(95deg); -moz-transform: rotate(95deg); -ms-transform: rotate(95deg); position: absolute; top: 33px; left: 50px; } .leg3 p:nth-child(1){ -webkit-animation: leg1 1s linear infinite; -moz-animation: leg1 1s linear infinite; -ms-animation: leg1 1s linear infinite; } .leg4{ -webkit-transform: rotatey(180deg) rotatez(50deg); -moz-transform: rotatey(180deg) rotatez(50deg); -ms-transform: rotatey(180deg) rotatez(50deg); position: absolute; top: -3px; left: -35px; z-index: -998; } .leg4 p:nth-child(1){ -webkit-animation: leg3 1s linear infinite; -moz-animation: leg3 1s linear infinite; -ms-animation: leg3 1s linear infinite; } .leg5{ -webkit-transform: rotatey(180deg) rotatez(75deg); -moz-transform: rotatey(180deg) rotatez(75deg); -ms-transform: rotatey(180deg) rotatez(75deg); position: absolute; top: 17px; left: -37px; z-index: -998; } .leg5 p:nth-child(1){ -webkit-animation: leg1 1s linear infinite; -moz-animation: leg1 1s linear infinite; -ms-animation: leg1 1s linear infinite; } .leg6{ -webkit-transform: rotatey(180deg) rotatez(95deg); -moz-transform: rotatey(180deg) rotatez(95deg); -ms-transform: rotatey(180deg) rotatez(95deg); position: absolute; top: 36px; left: -25px; } .leg6 p:nth-child(1){ -webkit-animation: leg3 1s linear infinite; -moz-animation: leg3 1s linear infinite; -ms-animation: leg3 1s linear infinite; } .string{ border-left: 1px solid rgba(255,255,255,0.2); height: 700px; width: 2px; position: absolute; top: -702px; left: 36px; -webkit-animation: down2 5s linear infinite; -webkit-animation-delay: 2000ms; display: block; background: rgba(255,255,255,0.2); } /*КОНЕЦ Оформление на Хеллуин*/ .main-site-nav li .link, .main-site-nav li .link-out, .mobile-nav-menu__btn a { text-transform: none !important; font-size: 14px; } .contacts-phone__number a { font-size: 14px; line-height: 20px; font-weight: 400; } .contacts-phone__link a { color: #fff; font-size: 14px; line-height: 20px; font-weight: 400; text-decoration: none; display: inline-block; } .mobile-nav-menu .link-out { cursor: pointer; color: #fff !important; font-size: 14px; line-height: 20px !important; font-weight: 700 !important; text-decoration: none !important; text-transform: none !important; /*border-top: 0px solid #e0e0e0 !important;*/ } .mobile-nav-menu .contacts-phone { /*border-bottom: 1px solid #e0e0e0;*/ } .contacts-phone__number a:hover, .contacts-phone__link a:hover, .mobile-nav-menu .link-out:hover { color: #2f9f8b !important; } .schedule-button a.link, .make-a-review .center-btn a.link, .leave-review .center-btn a.link, .certificates .wrapper-btn-green .order-a-cerf, .your-stuff-inp #submit_comment, a.link { text-transform: none !important; } @media only screen and (max-width: 992px) { .lang-key-new, .lang-key { margin-top: 9px; } } @media only screen and (max-width: 950px) { .language-ico img { display: block !important; } } @media only screen and (max-width: 767px) { .wrap-main-site-nav { position: absolute; right: 0; } .lang-key-new, .lang-key { margin-top: 5px; } } #logo-block { background: url('/images/logo-coddy-blue-not-effect.png') 0% 0% no-repeat; } #cv { width:auto; } .glitter-star { position:absolute; top:0px; left:0px; background:url("/images/glitterstar.png") no-repeat center center; width:128px; height:128px; margin-left:-64px; margin-top:-64px; } #giftFormBlock { display: none; max-width: 1020px; max-height: 610px; width: 90%; height: 90%; position: absolute; z-index: 9000; background: url('/images/gift/gift-mouse2.png') calc(50% - 200px) 50% no-repeat #515a63; } #giftFormBlock .text { width: 50%; float: right; position: relative; color: #ffffff; font-size: 60px; line-height: 74px; text-align: right; padding: 80px 80px 0px 0px; } #giftFormBlock .gift-logo { display: inline-block; width: 300px; height: 80px; background: url('/images/gift/gift-logo.png') 50% 50% no-repeat; background-size: contain; } #giftFormBlock .gift-box { position: absolute; width: 150px; height: 170px; background: url('/images/gift/gift-box.png') 50% 50% no-repeat; background-size: contain; top: 120px; left: -50px; } #giftFormBlock .gift-button { height: 45px; width: 250px; display: inline-block; -webkit-border-radius: 2em; border-radius: 2em; cursor: pointer; background-color: #ff16a3; text-align: center; text-decoration: none; font-weight: 700; color: #fff; padding: 14px; font-size: 14px; line-height: 14px; box-shadow: 0 5px 0 #b51067; position: relative; top: 0px; -webkit-transition: all .3s; transition: all .3s; } #giftFormBlock .gift-button:hover { box-shadow: 0 2px 0 #b51067; top: 3px; } @media only screen and (max-width: 1100px) { #giftFormBlock { background: url('/images/gift/gift-mouse2.png') calc(50% - 230px) 50% no-repeat #515a63; } #giftFormBlock .gift-box { left: -70px; } } @media only screen and (max-width: 1050px) { #giftFormBlock { max-height: 700px; } } @media only screen and (max-width: 992px) { #giftFormBlock .gift-box { display: none; } } @media only screen and (max-width: 767px) { #giftFormBlock { max-height: 600px; background: url('/images/gift/gift-mouse2.png') -80px 0% no-repeat #515a63; background-size: 85%; } #giftFormBlock .text { font-size: 40px; line-height: 54px; padding: 180px 40px 0px 0px; } #giftFormBlock .gift-logo { width: 200px; height: 60px; } #giftFormBlock .gift-box { display: block; top: 40px; right: calc(50% - 85px); width: 100px; height: 120px; left: auto; } } @media only screen and (max-width: 680px) { #giftFormBlock { max-height: 500px; background: url('/images/gift/gift-mouse2.png') -40px -20px no-repeat #515a63; background-size: 85%; } #giftFormBlock .text { font-size: 30px; line-height: 44px; padding: 170px 40px 0px 0px; } #giftFormBlock .gift-logo { width: 150px; height: 40px; } #giftFormBlock .gift-box { top: 25px; } } @media only screen and (max-width: 600px) { #giftFormBlock .text { width: 60%; } } @media only screen and (max-width: 500px) { #giftFormBlock { max-height: 390px; background: url('/images/gift/gift-mouse2.png') -40px 0px no-repeat #515a63; background-size: 85%; } #giftFormBlock .text { width: 230px; font-size: 21px; line-height: 29px; padding: 140px 40px 0px 0px; } #giftFormBlock .gift-logo { width: 100px; height: 30px; } #giftFormBlock .gift-box { right: calc(50% - 65px); width: 80px; height: 90px; } #giftFormBlock .gift-button { width: 200px; margin-top: 10px; } } @media only screen and (max-width: 399px) { #giftFormBlock { max-height: 350px; } #giftFormBlock .text { width: 200px; font-size: 18px; line-height: 24px; padding: 120px 20px 0px 0px; } #giftFormBlock .gift-button { width: 175px; } } /*Известные люди*/ .people-in-it-page { width: 100%; min-height: 625px; background: #ffffff; margin: -20px 0px 0px; padding: 0px 0px 0px; position: relative; background: url("/images/people-in-it/header-bg.jpg") 50% 0% no-repeat, url("/images/people-in-it/footer-bg.jpg") 50% 100% no-repeat; } .people-in-it-page .people-in-it-header { width: 100%; height: auto; } .people-in-it-page .people-in-it-header .people-in-it-header-title { color: #ffffff; padding: 40px 0px 10px; } .people-in-it-page .people-in-it-header .people-in-it-header-text { width: 100%; max-width: 455px; padding: 0; margin: 0 auto; color: #ffffff; text-align: center; } .people-in-it-body { min-height: 440px; color: #567a90; } .people-in-it-body .people-in-it-body-col { display: flex; } .people-in-it-body .people-in-it-body-col .people-in-it-body-left, .people-in-it-body .people-in-it-body-col .people-in-it-body-right { } .people-in-it-body .people-in-it-body-col .people-in-it-body-left { width: 290px; padding: 320px 0px 0px; position: relative; } .people-in-it-body .people-in-it-body-col .people-in-it-body-right { width: calc(100% - 290px); padding-bottom: 50px; } .people-in-it-body .people-in-it-body-img { border-radius: 50%; padding: 30px; width: 290px; height: 290px; margin: 0px; position: relative; overflow: hidden; } .people-in-it-body .people-in-it-slider-item { display: none; position: absolute; left: calc(50% - 76px); cursor: pointer; } .people-in-it-body .people-in-it-slider-item:nth-child(1), .people-in-it-body .people-in-it-slider-item:nth-child(2), .people-in-it-body .people-in-it-slider-item:nth-child(3), .people-in-it-body .people-in-it-slider-item:nth-child(4), .people-in-it-body .people-in-it-slider-item:nth-child(5), .people-in-it-body .people-in-it-slider-item:nth-child(6), .people-in-it-body .people-in-it-slider-item:nth-child(7) { display: block; } .people-in-it-body .people-in-it-slider-item:nth-child(1) { top: -187px; } .people-in-it-body .people-in-it-slider-item:nth-child(2) { top: 0px; } .people-in-it-body .people-in-it-slider-item:nth-child(3) { top: 187px; } .people-in-it-body .people-in-it-slider-item:nth-child(4) { top: 374px; } .people-in-it-body .people-in-it-slider-item:nth-child(5) { top: 561px; } .people-in-it-body .people-in-it-slider-item:nth-child(6) { top: 748px; } .people-in-it-body .people-in-it-slider-item:nth-child(7) { top: 935px; } .people-in-it-body .people-in-it-body-left .people-in-it-body-img { width: 162px; height: 162px; margin: 5px auto 15px; } .people-in-it-body .people-in-it-body-right .people-in-it-body-img { margin: 0px 0px 0px -290px; } .people-in-it-body .people-in-it-body-slider-img { width: 100%; height: 560px; padding: 0px; margin-top: 30px; position: relative; transition: all 0.5s linear 0s; overflow: hidden; } .people-in-it-body .people-in-it-body-slider-img * { transition: all 0.5s linear 0s; } .people-in-it-body .people-in-it-body-img .team-img { width: 100%; height: 100%; margin-right: 0px; max-width: 260px; max-height: 260px; border: 13px solid rgba(246,246,246,0.9); -webkit-border-radius: 50%; border-radius: 50%; box-shadow: 0px 0px 0px 20px rgba(226,226,226,0.7); } .people-in-it-body .people-in-it-body-left .people-in-it-body-img .team-img { width: 100%; height: 100%; max-width: 122px; max-height: 122px; box-shadow: 0px 0px 0px 0px rgba(226,226,226,0.7); border: 0px solid rgba(246,246,246,0.9); } .people-in-it-body .people-in-it-body-img .team-img .young, .people-in-it-body .people-in-it-body-img .team-img .old { width: 100%; height: 100%; margin-right: 0px; max-width: 206px; max-height: 206px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: calc(50% - 103px); left: calc(50% - 103px); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; opacity: 1; transition: opacity 0.5s linear 0s; } .people-in-it-body .people-in-it-body-left .people-in-it-body-img .team-img .young, .people-in-it-body .people-in-it-body-left .people-in-it-body-img .team-img .old { max-width: 126px; max-height: 126px; top: calc(50% - 63px); left: calc(50% - 63px); } .people-in-it-body .people-in-it-body-img .team-img .old { opacity: 0; } .people-in-it-body .people-in-it-body-img:hover .team-img .young { opacity: 0; } .people-in-it-body .people-in-it-body-img:hover .team-img .old { opacity: 1; } .people-in-it-body .people-in-it-body-img:hover { overflow: hidden; padding: 45px; } .people-in-it-body .people-in-it-body-img:hover .team-img { max-width: 230px; max-height: 230px; transition: all .4s cubic-bezier(.37,.26,.35,1); transition: border 0s linear; animation: circleAn 4s infinite; border: 0px solid rgba(4,147,180,1); } @keyframes circleAn { 0% { box-shadow: 0px 10px 10px -25px rgba(0,0,0,0.6), 0px 0px 0px 0px rgba(4,147,180,1), 0px 0px 0px 0px rgba(4,147,180,.7), 0px 0px 0px 0px rgba(4,147,180,.5); } 100% { box-shadow: 0px 10px 10px -25px rgba(0,0,0,0.6), 0px 0px 0px 20px rgba(4,147,180,0), 0px 0px 0px 500px rgba(4,147,180,0), 0px 0px 0px 100px rgba(4,147,180,0); } } @-webkit-keyframes circleAn { 0% { box-shadow: 0px 10px 10px -25px rgba(0,0,0,0.6), 0px 0px 0px 0px rgba(4,147,180,1), 0px 0px 0px 0px rgba(4,147,180,.7), 0px 0px 0px 0px rgba(4,147,180,.5); } 100% { box-shadow: 0px 10px 10px -25px rgba(0,0,0,0.6), 0px 0px 0px 20px rgba(4,147,180,0), 0px 0px 0px 500px rgba(4,147,180,0), 0px 0px 0px 100px rgba(4,147,180,0); } } .people-in-it-body .people-in-it-body-name { text-align: center; margin: -15px 0px 0px; } .people-in-it-body .people-in-it-body-activity { width: 145px; height: 145px; position: absolute; top: 65px; right: 125px; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto; } .people-in-it-body .people-in-it-body-text { margin: -100px 0px 0px; padding: 0px 80px 0px 0px; } .people-in-it-body .people-in-it-body-text p { padding: 0px; margin: 15px 0px 0px; } .people-in-it-body .people-in-it-body-text img { max-width: 100%; } .people-in-it-body .people-in-it-body-text span { font-size: 16px; font-weight: 700; text-transform: uppercase; color: #2b4554; } .people-in-it-body .people-in-it-body-achievements { display: flex; width: 320px; } .people-in-it-body .people-in-it-body-achievements div { width: 60%; padding: 30px 20px 0px 0px; } .people-in-it-body .people-in-it-body-achievements div:first-child { width: 40%; } .people-in-it-body .people-in-it-body-achievements div span { font-size: 38px; font-weight: 700; text-transform: uppercase; color: #2b4554; } .people-in-it-body .people-in-it-arrow-next, .people-in-it-body .people-in-it-arrow-prev { display: inline-block; position: absolute; box-sizing: border-box; margin: 0px; height: 0px; top: -20px; left: calc(50% - 13px); z-index: 3; width: 32px; height: 16px; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .people-in-it-body .people-in-it-arrow-prev { top: 310px; } .people-in-it-body .people-in-it-arrow-next .arrow:before, .people-in-it-body .people-in-it-arrow-next .arrow:after, .people-in-it-body .people-in-it-arrow-prev .arrow:before, .people-in-it-body .people-in-it-arrow-prev .arrow:after { content: ''; display: block; position: absolute; background-color: #fff; height: 2px; width: 20px; top: 0px; bottom: 25px; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .people-in-it-body .people-in-it-arrow-prev .arrow:before, .people-in-it-body .people-in-it-arrow-prev .arrow:after { background-color: rgb(61,179,158); } .people-in-it-body .people-in-it-arrow-next .arrow:before { right: 0; transform: translateY(1px) rotate(45deg); } .people-in-it-body .people-in-it-arrow-prev .arrow:after { transform: translateY(1px) rotate(45deg); } .people-in-it-body .people-in-it-arrow-prev .arrow:before { right: 0; } .people-in-it-body .people-in-it-arrow-next .arrow:hover:after, .people-in-it-body .people-in-it-arrow-prev .arrow:hover:before { transform: translateY(1px) rotate(135deg); } .people-in-it-body .people-in-it-arrow-next .arrow:hover:before, .people-in-it-body .people-in-it-arrow-prev .arrow:hover:after { transform: translateY(1px) rotate(225deg); } .people-in-it-body .people-in-it-arrow-next .arrow, .people-in-it-body .people-in-it-arrow-prev .arrow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .people-in-it-body .people-in-it-arrow-next .arrow .line, .people-in-it-body .people-in-it-arrow-prev .arrow .line { position: absolute; display: block; background-color: #fff; height: 25px; width: 2px; top: 15px; left: -15px; opacity: 0; border-radius: 1px; pointer-events: none; transform: translateX(30px); transition: .3s; } .people-in-it-body .people-in-it-arrow-prev .arrow .line { background-color: rgb(61,179,158); top: -35px; } .people-in-it-body .people-in-it-arrow-next .arrow:hover .line { opacity: 1; top: -3px; } .people-in-it-body .people-in-it-arrow-prev .arrow:hover .line { opacity: 1; top: -18px; } .people-in-it-footer { position: relative; overflow:hidden; width: 100%; height: 1135px; } .people-in-it-footer .footer-animation-bg { width: 100%; height: 475px; position: absolute; top: 0px; background: url("/images/people-in-it/footer-animation-bg.png") 100% -1px no-repeat; background-size: 100% 70%; } #animation_container_people_in_it { background-color:rgba(255, 255, 255, 1.00); width: 1920px; height: 1135px; left: 50%; margin: 0px 0px 0px -960px; position: relative; } #canvas_people_in_it { position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00); } #dom_overlay_container_people_in_it { pointer-events:none; overflow:hidden; width:1920px; height:1135px; position: absolute; left: 0px; top: 0px; display: block; } @media only screen and (max-width: 1440px) { .people-in-it-page { background: url("/images/people-in-it/header-bg.jpg") 50% 0% no-repeat; background-size: auto auto; } .people-in-it-body .people-in-it-body-col .people-in-it-body-right { padding-bottom: 50px; } } @media only screen and (max-width: 1199px) { .people-in-it-body .people-in-it-body-activity { right: 20px; } .people-in-it-footer .footer-animation-bg { background-size: 100% 60%; } } @media only screen and (max-width: 992px) { .people-in-it-page { margin: 0px 0px 0px; } } @media only screen and (max-width: 991px) { .people-in-it-page { background: url("/images/people-in-it/header-bg.jpg") calc(100% + 465px) 0% no-repeat; background-size: auto auto; } .people-in-it-page .people-in-it-header .people-in-it-header-text { max-width: 320px; } .people-in-it-body .people-in-it-body-col .people-in-it-body-left { width: 262px; } .people-in-it-body .people-in-it-body-activity { top: 45px; } .people-in-it-body .people-in-it-body-text { margin: -20px 0px 0px; } .people-in-it-body .people-in-it-body-img { width: 262px; height: 262px; } .people-in-it-body .people-in-it-body-right .people-in-it-body-img { margin: 0px 0px 0px -262px; } .people-in-it-body .people-in-it-body-img .team-img { max-width: 240px; max-height: 240px; } .people-in-it-body .people-in-it-body-img .team-img .young, .people-in-it-body .people-in-it-body-img .team-img .old { max-width: 180px; max-height: 180px; top: calc(50% - 90px); left: calc(50% - 90px); } .people-in-it-body .people-in-it-arrow-prev { top: 282px; } .people-in-it-footer .footer-animation-bg { background-size: 100% 40%; } } @media only screen and (max-width: 767px) { .people-in-it-page .people-in-it-header .people-in-it-header-text, .people-in-it-body .people-in-it-body-slider-img, .people-in-it-body .people-in-it-body-activity { display: none; } .people-in-it-page { padding: 0px 0px 540px; margin-top: -20px; background: url("/images/people-in-it/header-bg.jpg") calc(50% + 200px) 0% no-repeat, url("/images/people-in-it/footer-bg.jpg") calc(50% - 100px) 100% no-repeat; background-size: auto 400px, auto 850px; } .people-in-it-body .people-in-it-body-col { display: block; } .people-in-it-body .people-in-it-body-col .people-in-it-body-left { position: absolute; height: 262px; padding: 0px; left: calc(50% - 131px); } .people-in-it-body .people-in-it-body-col .people-in-it-body-right { width: 100%; padding-bottom: 270px; } .people-in-it-body .people-in-it-body-right .people-in-it-body-img { margin: 0px auto; } .people-in-it-body .people-in-it-body-text { margin: 0px; padding: 0px; } .people-in-it-body .people-in-it-arrow-prev { top: calc(50% - 16px); left: -17px; } .people-in-it-body .people-in-it-arrow-next { top: calc(50% - 16px); left: auto; right: -29px; } .people-in-it-body .people-in-it-arrow-prev .arrow:after { background-color: rgb(61,179,158); top: 14px; } .people-in-it-body .people-in-it-arrow-prev .arrow:before { right: auto; top: 0px; left: 0px; background-color: rgb(61,179,158); } .people-in-it-body .people-in-it-arrow-prev .arrow .line { height: 2px; width: 25px; top: 8px; left: -8px; background-color: rgb(61,179,158); } .people-in-it-body .people-in-it-arrow-prev .arrow:hover .line { top: 8px; left: -25px; } .people-in-it-body .people-in-it-arrow-next .arrow:after { background-color: rgb(61,179,158); top: 14px; } .people-in-it-body .people-in-it-arrow-next .arrow:before { right: auto; top: 0px; bottom: 25px; left: 0px; background-color: rgb(61,179,158); } .people-in-it-body .people-in-it-arrow-next .arrow .line { height: 2px; width: 25px; top: 8px; left: -58px; background-color: rgb(61,179,158); } .people-in-it-body .people-in-it-arrow-next .arrow:hover .line { top: 8px; left: -40px; } .people-in-it-footer { display: none; } } @media only screen and (max-width: 600px) { .people-in-it-page { padding: 0px 0px 80px; background: url("/images/people-in-it/header-bg-mob.jpg") 0% 0% no-repeat, url("/images/people-in-it/footer-bg-mob.jpg") 0% 100% no-repeat; background-size: auto, auto; } .people-in-it-body .people-in-it-body-text { text-align: center; } .people-in-it-body .people-in-it-body-achievements { margin: 0px auto; } } @media only screen and (max-width: 500px) { .people-in-it-page { margin: 0px 0px 0px; } .people-in-it-page .people-in-it-header .people-in-it-header-title { max-width: 250px; margin: auto; } } /*КОНЕЦ Известные люди*/ /*Бонус*/ .bonus-form-block { position: fixed; top: auto; bottom: 85px; right: auto; left: -300px; z-index: 998; display: block; width: 80px; height: 80px; -webkit-transition: all 1.5s ease; transition: all 1.5s ease; } .bonus-form-block .bonus-form-button { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 2; -webkit-transition: all .15s ease; transition: all .15s ease; display: block; width: 80px; height: 80px; border-radius: 50%; box-shadow: 1px 2px 3px 0 rgba(15,65,33,.08),5px 10px 20px 0 rgba(18,43,26,.12); background: url('/images/bonus_coddy.png') 0% 0% no-repeat; background-size: cover; cursor: pointer; } .bonus-form-block .bonus-form-button:hover { box-shadow: 1px 2px 3px 0 rgba(15,65,33,.16),5px 10px 20px 0 rgba(18,43,26,.24); } .bonus-form-block .bonus-form-shadow { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 1; width: 80px; height: 80px; border-radius: 50%; animation: animationBtn_36 14s linear infinite; animation-delay: 21s; color: rgb(215, 5, 105); } @media only screen and (max-width: 767px) { .bonus-form-block.mobi { margin-left: -115px; } .bonus-form-block.mobi:hover { margin-left: -65px; } } @media only screen and (max-width: 550px) { .bonus-form-block { bottom: 45px; } } /*Конец Бонус*/ /*Кружок франшиза*/ .franchise-form-block { position: fixed; top: auto; bottom: 85px; right: auto; left: -300px; z-index: 998; display: block; width: 80px; height: 80px; -webkit-transition: all 1.5s ease; transition: all 1.5s ease; } .franchise-form-block .franchise-form-button { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 2; -webkit-transition: all .15s ease; transition: all .15s ease; display: block; width: 80px; height: 80px; border-radius: 50%; box-shadow: 1px 2px 3px 0 rgba(15,65,33,.08),5px 10px 20px 0 rgba(18,43,26,.12); background: url('/images/franchise_coddy.webp') 0% 0% no-repeat; background-size: cover; cursor: pointer; } .franchise-form-block .franchise-form-button:hover { box-shadow: 1px 2px 3px 0 rgba(15,65,33,.16),5px 10px 20px 0 rgba(18,43,26,.24); } .franchise-form-block .franchise-form-shadow { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 1; width: 80px; height: 80px; border-radius: 50%; animation: animationBtn_36 14s linear infinite; animation-delay: 21s; color: rgb(215, 5, 105); } @media only screen and (max-width: 767px) { .franchise-form-block.mobi { margin-left: -115px; } .franchise-form-block.mobi:hover { margin-left: -65px; } } @media only screen and (max-width: 550px) { .franchise-form-block { bottom: 45px; } } /*Конец Бонус*/ .after-topic .link-news, .btn-text { width: auto; display: inline-block; background-color: #51648a; -webkit-border-radius: 2em; border-radius: 2em; box-shadow: 0 5px 0 #3e4f71; margin: 20px 5px 20px 0; padding: 15px 55px; font-size: 16px; line-height: 18px; text-decoration: none; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; color: #fff; position: relative; top: 0px; text-decoration: none; } .after-topic .link-news:hover, .btn-text:hover { box-shadow: 0 2px 0 #3e4f71; top: 3px; text-decoration: none; color: #fff; } .after-topic .link-news.green, .btn-text.green { background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; } .after-topic .link-news.green:hover, .btn-text.green:hover { box-shadow: 0 2px 0 #3b9376; } .after-topic .link-news.blue, .btn-text.blue { background-color: #0493b4; -webkit-box-shadow: 0 5px 0 #0484ac; box-shadow: 0 5px 0 #0484ac; } .after-topic .link-news.blue:hover, .btn-text.blue:hover { box-shadow: 0 2px 0 #0493b4; } .cv-form-block { border: 1px solid #E5ECEE; border-radius: 20px; background: #E5ECEE; height: auto; width: 90%; max-width: 610px; top: 100px; left: calc(50% - 305px); padding: 20px 50px 40px; } .cv-form-block .cv-block-info { } .cv-form-block .cv-block-info img { max-width: 100px; max-height: 100px; width: auto; height: 100%; margin: 0px auto 30px; display: block; } .cv-form-block .cv-block-info .cv-block-title { color: #0096BC; font-size: 22px; font-weight: 700; } .cv-form-block .cv-block-info .cv-block-text { } .cv-form-block .cv-block-info .cv-block-text span { color: #0096BC; font-weight: 700; } .cv-form-block .cv-block-info .cv-block-button { text-align: center; margin: 40px 0px 0px; } .cv-form-block .cv-block-info .cv-block-button .submit { -webkit-box-shadow: 0 5px 0 #2c3649; box-shadow: 0 5px 0 #2c3649; background-color: rgb(72,90,127); top: 0px; margin: 0px 10px 0px 0px; } .cv-form-block .cv-block-info .cv-block-button .submit:hover { -webkit-box-shadow: 0 2px 0 #2c3649; box-shadow: 0 2px 0 #2c3649; top: 3px; } .cv-form-block .cv-block-info .cv-block-button .primary { top: 0px; margin: 0px 0px 0px 10px; } .cv-form-block .cv-block-info .cv-block-button .primary:hover { top: 3px; } @media only screen and (max-width: 400px) { .cv-form-block .cv-block-info img { display: none; } .cv-form-block { padding: 20px 50px 20px; } .cv-form-block .cv-block-info .cv-block-title { font-size: 20px; } .cv-form-block .cv-block-info .cv-block-button { margin: 20px 0px 0px; } .cv-form-block .cv-block-info .cv-block-button .submit, .cv-form-block .cv-block-info .cv-block-button .primary { display: block; margin: 0px 0px 20px; } } .mc-form-block .mc-block { border: 1px solid #E5ECEE; border-radius: 20px; background: #E5ECEE; height: auto; width: 90%; position: relative; max-width: 500px; padding: 20px 30px 40px; margin: auto; } .mc-form-block .mc-block-info { position: relative; display: grid; } .mc-form-block .mc-block-info:nth-child(2) { justify-content: right; } .mc-form-block .mc-block-info:nth-child(1) { justify-content: left; } .mc-form-block .mc-block-info img { max-width: 45%; width: 100%; height: auto; margin: 0px; display: block; position: absolute; } .mc-form-block .mc-block-info:nth-child(2) img { top: -50px; left: -70px; } .mc-form-block .mc-block-info:nth-child(3) img { bottom: -50px; right: -80px; } .mc-form-block .mc-block-info .mc-block-title { color: #0096BC; font-size: 22px; line-height: 32px; font-weight: 700; display: block; margin-bottom: 10px; } .mc-form-block .mc-block-info .mc-block-text { max-width: 300px; } .mc-form-block .mc-block-info:nth-child(2) .mc-block-text { margin-bottom: 40px; margin-left: 90px; } .mc-form-block .mc-block-info:nth-child(3) .mc-block-text { margin-bottom: 0px; } .mc-form-block .mc-block-info .mc-block-text .img_mobi { display: none; } .mc-form-block .mc-block-info .mc-block-text li { display: block; position: relative; padding-left: 20px; font-weight: bold; } .mc-form-block .mc-block-info .mc-block-text li:before { content: '✔'; display: block; position: absolute; height: 10px; width: 10px; top: 0px; left: 0px; color: #0096BC; } .mc-form-block .mc-block-info .mc-block-text span { color: #0096BC; font-weight: 700; } .mc-form-block .mc-block-button { margin: 30px 0px 0px; } .mc-form-block .mc-block-button .submit { -webkit-box-shadow: 0 5px 0 #2c3649; box-shadow: 0 5px 0 #2c3649; background-color: rgb(72,90,127); top: 0px; margin: 0px 10px 0px 0px; } .mc-form-block .mc-block-button .submit:hover { -webkit-box-shadow: 0 2px 0 #2c3649; box-shadow: 0 2px 0 #2c3649; top: 3px; } .mc-form-block .mc-block-button .primary { top: 0px; margin: 0px 0px 0px 10px; } .mc-form-block .mc-block-button .primary:hover { top: 3px; } @media only screen and (max-width: 615px) { .mc-form-block { left: 5%; padding: 20px 20px 40px; } .mc-form-block .mc-block-info .mc-block-text { max-width: 100%; padding: 0px 20px; } .mc-form-block .mc-block-info:nth-child(3) .mc-block-text { width: 70%; } .mc-form-block .mc-block-info img { width: auto; } .mc-form-block .mc-block-info:nth-child(2) .mc-block-text { margin-left: 120px; } .mc-form-block .mc-block-button { text-align: center; } .mc-form-block .mc-block-button .submit { display: inline-block; height: 47px; margin: 0px 10px 30px 0px; } } @media only screen and (max-width: 490px) { .mc-form-block .mc-block-info { display: block; } .mc-form-block .mc-block-info .mc-block-text { text-align: left; } .mc-form-block .mc-block-info:nth-child(3) .mc-block-text { width: 100%; } .mc-form-block .mc-block-info img { display: none; } .mc-form-block .mc-block-button { text-align: center; } .mc-form-block .mc-block-info .mc-block-text li:before { color: #0096BC; } .mc-form-block .mc-block-info:nth-child(2) .mc-block-text { padding-bottom: 10px; margin: 0px; padding-left: 0px; } .mc-form-block .mc-block-info:nth-child(2) .mc-block-text .img_mobi { display: block; background-position: 50% 100%; background-repeat: no-repeat; background-size: 100% auto; width: 25%; height: 100%; position: absolute; right: 5px; margin: 20px 0px 0px; } .mc-form-block .mc-block-info:nth-child(2) .mc-block-text ul { width: 72%; } } @media only screen and (max-width: 460px) { .mc-form-block .mc-block-info:nth-child(2) .mc-block-text .img_mobi { width: 30%; background-position: 50% 50%; } .mc-form-block .mc-block-info:nth-child(2) .mc-block-text ul { width: 70%; } } @media only screen and (max-width: 420px) { .mc-form-block .mc-block-info:nth-child(2) .mc-block-text, .mc-form-block .mc-block-info:nth-child(3) .mc-block-text { padding: 0px 0px 10px; } .mc-form-block .mc-block-button { margin: 10px 0px 0px; } } @media only screen and (max-width: 350px) { .mc-form-block .mc-block-info:nth-child(2) .mc-block-text .img_mobi { width: 35%; right: -10px; } .mc-form-block .mc-block-button .submit { margin: 0px 0px 15px 0px; display: block; } .mc-form-block .mc-block-button .primary { margin: 0px 0px 0px 0px; display: block; } } /*Страница Онлайн*/ body { overflow-x: hidden !important; } .online-page div, img { -webkit-transition: top 1s linear 0s; -moz-transition: top 1s linear 0s; -o-transition: top 1s linear 0s; transition: top 1s linear 0s; } .online-page { padding: 0px; margin: 0px; position: relative; } .online-page.header-block { padding: 0px 0px 40px; background: url("/images/online/online_header.png") 50% 0% no-repeat; } .online-page.video-info-block { margin: 40px 0px; background: url("/images/online/online_video.png") 50% 0% no-repeat; height: 770px; } .online-page.subscribe-block { background: url("/images/online/online_subscribe.png") 50% 0% no-repeat; height: 314px; } .online-page.advantage-block { padding: 0px 0px 70px; background: url("/images/online/our_courses_online.png") 50% 100% no-repeat #1a004d; margin: 160px 0px 0px; } .online-page.come-back-block { padding: 125px 0px 70px; background: url("/images/online/come_back_online.png") 50% 30px no-repeat; min-height: 720px; } .online-page.begin-block { padding: 0px 0px 70px; background: url("/images/online/begin_online.png") 50% 70px no-repeat; min-height: 1575px; } .online-page.team-block { background: url("/images/online/our_team_online.png") 50% 0% no-repeat; height: 1200px; background-size: 1920px 100%; } .online-page.like-block { min-height: 400px; } .online-page.footer-block { margin: 70px 0px 0px; background: url("/images/online/online_footer.png") 50% 0% no-repeat; height: 250px; } .online-page .head_title { padding: 250px 0px 220px; max-width: 460px; text-align: left; } .online-page .head_title h1 { font-weight: 700; font-size: 40px; line-height: 40px; margin-bottom: 30px; text-align: left; } .online-page .head_title h1 span { color: #0095b6; } .online-page .text { font-size: 16px; line-height: 22px; } .online-page .text p, .online-page .text ul { margin: 0px 0px 25px; } .online-page .text span { color: #3db39e; font-weight: 700; } .online-page .text ul li { padding: 0px 0px 10px 35px; list-style: none; background: url('/images/online/online_li.png') 15px 6px no-repeat; } .online-page .text.bottom { width: 300px; margin: 120px 0px 0px; } .online-page .text.bottom span { font-size: 22px; line-height: 28px; font-weight: 700; display: block; margin-bottom: 20px; } .online-page .info-block .img { width: 100%; height: 200px; } .online-page .info-block:nth-child(1) .img { background: url('/images/online/online_info_1.png') 50% 50% no-repeat; background-size: contain; } .online-page .info-block:nth-child(2) .img { background: url('/images/online/online_info_2.png') 50% 50% no-repeat; background-size: contain; } .online-page .info-block:nth-child(3) .img { background: url('/images/online/online_info_3.png') 50% 50% no-repeat; background-size: contain; } .online-page .info-block .text { text-align: center; } .online-page .online-video-block { width: 836px; height: auto; float: right; margin: 120px 0px 0px; position: relative; } .online-page .online-video-block video { width: 100%; height: auto; margin: 0px; padding: 0px; border: 20px solid #344a57; box-shadow: 0px 0px 0px 10px rgba(207, 201, 215, 0.7); border-radius: 20px; position: relative; z-index: 1; background: #344a57; } .online-page .online-subscribe-block { display: flex; } .online-page .online-subscribe-form { width: calc(100% - 330px); height: 314px; padding: 70px 0px 0px 180px; } .online-page .online-subscribe-form .text { color: #ffffff; max-width: 270px; font-weight: 700; } .online-page .online-subscribe-form .field { display: flex; margin: 50px 0px; } .online-page .online-subscribe-form .field .req_phone { width: 100%; max-width: calc(100% - 300px); min-width: 200px; background: none; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; color: #252525; font-size: 18px; font-weight: normal; padding: 3px 20px; margin: 0px 30px 0px 0px; height: 48px; background: #ffffff; border-radius: 24px; } .online-page .online-subscribe-form .field .req_phone.error { background: #ea7979; } .online-page .online-subscribe-img { width: 322px; height: 370px; background: url('/images/online/online_subscribe_block.png') 50% 50% no-repeat; position: relative; top: -27px; } .online-page .benefit-block-title { font-weight: 700; font-size: 24px; color: #3b6e89; margin: 0px auto; max-width: 350px; width: 100%; text-align: center; } .online-page .benefit-block-items { background: url('/images/online/benefit-block-items.png') 50% 100% no-repeat; height: 480px; margin: 40px 0px; } .online-page .benefit-block-item { width: 50%; float: left; min-height: 230px; } .online-page .benefit-block-item .text { padding: 0px 0px 0px 45px; margin: 0px 0px 110px 0px; width: 100%; max-width: 350px; position: relative; } .online-page .benefit-block-item .text:before { content: ''; display: block; position: absolute; background: url('/images/online/benefit-block-item.png') 50% 50% no-repeat; height: 40px; width: 34px; top: calc(50% - 20px); left: 0px; } .online-page .benefit-block-item:nth-child(1) .text { margin-left: 80px; margin-bottom: 160px; } .online-page .benefit-block-item:nth-child(2) .text { margin-left: 190px; margin-bottom: 160px; } .online-page .benefit-block-item:nth-child(3) .text { margin-left: 0px; } .online-page .benefit-block-item:nth-child(4) .text { margin-left: 290px; } .online-page .benefit-block-item:nth-child(5) .text { margin-left: 50px; } .online-page .benefit-block-item:nth-child(6) .text { margin-left: 200px; } .online-page .advantage-block-bg { background: url('/images/online/advantage_online.png') 50% 100% no-repeat; width: 876px; height: 622px; position: absolute; top: -322px; right: 50%; } .online-page .advantage-block-title { font-weight: 700; font-size: 24px; color: #ffffff; margin: -90px 0px 0px 70px; max-width: 350px; width: 100%; } .online-page .courses-block-title { font-weight: 700; font-size: 24px; color: #ffffff; margin: 0px auto; max-width: 350px; width: 100%; text-align: center; } .online-page .online-advantage-slider { width: 100%; margin: 50px 0px 50px; } .online-page .online-advantage-slider .online-advantage-slider-items { width: calc(100% - 60px); position: relative; padding: 0px 0px 0px 60px; } .online-advantage-slider-items-strip { width: 150%; height: 275px; overflow: hidden; position: relative; transition: all 0.5s linear 0s; margin: 0px auto; } .online-page .online-advantage-slider .online-advantage-slider-item { width: calc(33% - 25px); height: 275px; margin: 0px 15px 0px 10px; padding: 15px 35px 15px; position: absolute; left: 133%; bottom: 0px; display: none; transition: all 0.5s linear 0s; background: #ffffff; border-radius: 20px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1) { left: -33%; display: block; height: 210px; padding: 20px 35px 15px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) { left: 0%; display: block; height: 210px; padding: 20px 35px 15px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3) { left: 33%; display: block; opacity: 0.9; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4) { left: 66%; display: block; opacity: 0.7; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(5) { left: 100%; display: block; opacity: 0.5; } .online-page .online-advantage-slider-icon { width: 70px; height: 70px; background-position: 0% 0%; background-repeat: no-repeat; background-size: contain; margin: 0px 0px 20px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1) .online-advantage-slider-icon, .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) .online-advantage-slider-icon { opacity: 0; height: 0px; } .online-page .online-advantage-slider-title { font-size: 18px; line-height: 24px; font-weight: 700; margin: 0px 0px 10px; } .online-page .online-arrow-next, .online-page .online-arrow-prev { display: inline-block; position: absolute; box-sizing: border-box; margin: 0px; height: 0px; top: calc(50% - 30px); left: 20px; z-index: 3; width: 32px; height: 16px; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .online-page .online-arrow-next { left: auto; right: 20px; } .online-page .online-arrow-next .arrow:before, .online-page .online-arrow-next .arrow:after, .online-page .online-arrow-prev .arrow:before, .online-page .online-arrow-prev .arrow:after { content: ''; display: block; position: absolute; background-color: #333; height: 2px; width: 20px; top: 0px; left: 0px; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .online-page .our-team-subsect .online-arrow-next .arrow:before, .online-page .our-team-subsect .online-arrow-next .arrow:after, .online-page .our-team-subsect .online-arrow-prev .arrow:before, .online-page .our-team-subsect .online-arrow-prev .arrow:after { background-color: #3db39e; } .online-page .online-arrow-next .arrow:before, .online-page .online-arrow-next .arrow:after { left: auto; right: 0px; } .online-page .online-arrow-next .arrow:after { top: 13px; } .online-page .online-arrow-next .arrow:before { right: 0; transform: translateY(1px) rotate(45deg); } .online-page .online-arrow-prev .arrow:after { transform: translateY(1px) rotate(45deg); top: 13px; } .online-page .online-arrow-prev .arrow:before { right: 0; } .online-page .online-arrow-next:hover .arrow:after, .online-page .online-arrow-prev:hover .arrow:before { transform: translateY(1px) rotate(135deg); } .online-page .online-arrow-next:hover .arrow:before, .online-page .online-arrow-prev:hover .arrow:after { transform: translateY(1px) rotate(225deg); } .online-page .online-arrow-next .arrow, .online-page .online-arrow-prev .arrow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .online-page .online-arrow-next .arrow .line, .online-page .online-arrow-prev .arrow .line { position: absolute; display: block; background-color: #333; height: 2px; width: 25px; top: 7.5px; left: -40px; opacity: 0; border-radius: 1px; pointer-events: none; transform: translateX(30px); transition: .3s; } .online-page .our-team-subsect .online-arrow-next .arrow .line, .online-page .our-team-subsect .online-arrow-prev .arrow .line { background-color: #3db39e; } .online-page .online-arrow-prev .arrow .line { left: -12px; } .online-page .online-arrow-next:hover .arrow .line { opacity: 1; left: -28px; } .online-page .online-arrow-prev:hover .arrow .line { opacity: 1; left: -25px; } .online-page .online-advantage-slider .online-arrow-prev, .online-page .online-advantage-slider .online-arrow-next { background: #ffffff; width: 50px; height: 50px; border-radius: 50%; } .online-page .online-advantage-slider .online-arrow-prev .arrow, .online-page .online-advantage-slider .online-arrow-next .arrow { top: 15px; left: 12px; } .online-page .online-advantage-slider .online-arrow-next { background: #1b004e; } .online-page .online-advantage-slider .online-arrow-next .arrow { left: auto; right: 12px; } .online-page .online-advantage-slider .online-arrow-next .arrow:before, .online-page .online-advantage-slider .online-arrow-next .arrow:after, .online-page .online-advantage-slider .online-arrow-next .arrow .line { background-color: #ffffff; } .online-page .online-advantage-slider .online-arrow-next .arrow .line { left: -73px; } .online-page .online-advantage-slider .online-arrow-next:hover .arrow .line { left: -59px; } .online-page .our-courses { background: none; padding: 0px 0px 30px; } .online-page .courses-block-text.text { color: #ffffff; font-weight: 700; max-width: 470px; margin: 30px auto 0px; text-align: center; } .online-page .courses-block-text.text a { color: #3db39e; text-decoration: underline; } .online-page .courses-block-text.text a:hover { text-decoration: none; } .online-page .come-back-block-title { font-weight: 700; font-size: 24px; color: #3b6e89; margin: 0px; max-width: 450px; width: 100%; } .online-page.come-back-block .text p { margin: 20px 0px 10px; } .online-page .come-back-block-video:after { content: ''; display: block; position: absolute; z-index: 2; width: 182px; height: 194px; top: calc(50% - 97px); left: calc(50% - 91px); background: url("/images/online/online-come-back-play.png") 50% 50% no-repeat; } .online-page .come-back-block-video:hover:after { opacity: 0.8; } .online-page .come-back-block-video { width: 500px; height: 332px; background: url("/images/online/come-back-video-online.png") 50% 50% no-repeat; margin: 0px 30px 0px 0px; float: right; cursor: pointer; position: relative; } .online-page .come-back-block-video .text { font-weight: 700; color: #ffffff; text-align: center; padding: 342px 0px 0px; } .online-page .come-back-block-items { width: 100%; max-width: 1080px; } .online-page .come-back-block-item { display: table; width: 470px; height: 182px; float: left; margin: 50px 70px 0px 0px; } .online-page .come-back-block-item .come-back-block-item-img { width: 181px; height: 182px; margin: 0px 20px 0px 0px; float: left; } .online-page .come-back-block-item:nth-child(1) .come-back-block-item-img { background: url("/images/online/come_back_online_1.png") 50% 50% no-repeat; } .online-page .come-back-block-item:nth-child(2) .come-back-block-item-img { background: url("/images/online/come_back_online_2.png") 50% 50% no-repeat; } .online-page .come-back-block-item:nth-child(3) .come-back-block-item-img { background: url("/images/online/come_back_online_3.png") 50% 50% no-repeat; } .online-page .come-back-block-item:nth-child(4) .come-back-block-item-img { background: url("/images/online/come_back_online_4.png") 50% 50% no-repeat; } .online-page .come-back-block-item .text { display: table-cell; vertical-align: middle; } .online-page .begin-block-title { font-weight: 700; font-size: 24px; color: #3b6e89; margin: 0px; max-width: 350px; width: 100%; } .online-page .begin-block-title2 { font-weight: 700; font-size: 24px; color: #15003d; margin: 0px; max-width: 500px; width: 100%; text-align: center; position: relative; left: 380px; } .online-page .online-begin-slider { width: 100%; margin: 50px 0px 100px; } .online-page .online-begin-slider .online-begin-slider-items { width: 100%; position: relative; padding: 0px 0px 0px 0px; } .online-begin-slider-items-strip { width: 150%; height: 270px; overflow: hidden; position: relative; transition: all 0.5s linear 0s; margin: 0px 0px 0px -10px; } .online-page .online-begin-slider .online-begin-slider-item { width: calc(33% - 25px); height: 250px; margin: 0px 15px 0px 10px; padding: 15px 35px 15px; position: absolute; left: 133%; bottom: 10px; display: none; transition: all 0.5s linear 0s; background: #ffffff; border-radius: 20px; box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15); opacity: 0.9; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(1) { left: -33%; display: block; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(2) { left: 0%; display: block; opacity: 1; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(3) { left: 33%; display: block; opacity: 1; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(4) { left: 66%; display: block; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(5) { left: 100%; display: block; } .online-page .online-begin-slider-icon { width: 70px; height: 70px; background-position: 0% 0%; background-repeat: no-repeat; background-size: contain; margin: 0px 20px 20px 0px; float: left; } .online-page .online-begin-slider-title { font-size: 18px; line-height: 24px; font-weight: 700; margin: 14px 0px 10px; } .online-page.begin-block .text.online-begin-text { color: #ffffff; padding: 0px 30px 0px 0px; height: 360px; } .online-page .online-begin-slider .text { clear: both; color: #333333; } .online-page .begin-block-title2 .text { font-weight: 400; margin: 10px 0px 0px; } .online-page.begin-block .online-button { max-width: 330px; display: none; } .online-page.come-back-block .online-button { max-width: 330px; margin: 0px 0px 50px; } .online-page .online-begin-slider .online-arrow-prev, .online-page .online-begin-slider .online-arrow-next { background: #ffffff; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15); top: auto; bottom: 83px; left: auto; right: 200px; } .online-page .online-begin-slider .online-arrow-next { right: 130px; } .online-page .online-begin-slider .online-arrow-prev .arrow, .online-page .online-begin-slider .online-arrow-next .arrow { top: 15px; left: 12px; } .online-page .online-begin-slider .online-arrow-next { background: #1b004e; } .online-page .online-begin-slider .online-arrow-next .arrow { left: auto; right: 12px; } .online-page .online-begin-slider .online-arrow-next .arrow:before, .online-page .online-begin-slider .online-arrow-next .arrow:after, .online-page .online-begin-slider .online-arrow-next .arrow .line { background-color: #ffffff; } .online-page .online-begin-slider .online-arrow-next .arrow .line { left: -73px; } .online-page .online-begin-slider .online-arrow-next:hover .arrow .line { left: -59px; } .online-page .online-4-reasons-block { display: flex; margin: 100px 0px 0px; position: relative; } .online-page .online-4-reasons { width: 700px; height: 440px; background: url("/images/online/online-4-reasons.png") 50% 50% no-repeat; margin: 0px 0px 0px 0px; flex: 0 0 700px; position: relative; z-index: 2; } .online-page .online-4-reasons-slider { margin: 110px 0px 0px -30px; flex: 0 0 calc(100% - 630px); } .online-page .online-4-reasons-slider .online-4-reasons-slider-items { width: 100%; position: relative; padding: 0px 0px 0px 0px; } .online-4-reasons-slider-items-strip { width: 100%; height: 220px; overflow: hidden; position: relative; transition: all 0.5s linear 0s; margin: 0px 0px 0px -10px; } .online-page .online-4-reasons-slider .online-4-reasons-slider-item { width: calc(100% - 30px); height: 200px; margin: 0px 15px; padding: 15px 40px 15px 60px; position: absolute; left: 200%; bottom: 10px; display: none; transition: all 0.5s linear 0s; background: #ffffff; border-radius: 20px; box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15); opacity: 0.9; } .online-page .online-4-reasons-slider .online-4-reasons-slider-item:nth-child(1) { left: -100%; display: block; } .online-page .online-4-reasons-slider .online-4-reasons-slider-item:nth-child(2) { left: 0%; display: block; opacity: 1; } .online-page .online-4-reasons-slider .online-4-reasons-slider-item:nth-child(3) { left: 100%; display: block; opacity: 1; } .online-page .online-4-reasons-slider .online-4-reasons-slider-item:nth-child(4) { left: 200%; display: block; } .online-page .online-4-reasons-slider-icon { width: 70px; height: 70px; background-position: 0% 0%; background-repeat: no-repeat; background-size: contain; margin: 0px 20px 20px 0px; float: left; } .online-page .online-4-reasons-slider-title:before { content: ''; display: block; position: absolute; background: url('/images/online/benefit-block-item.png') 50% 50% no-repeat; height: 40px; width: 34px; top: calc(50% - 20px); left: 0px; } .online-page .online-4-reasons-slider-title { font-size: 18px; line-height: 24px; font-weight: 700; margin: 14px 0px 25px; position: relative; padding: 0px 0px 0px 50px; } .online-page .online-4-reasons-slider .text { clear: both; color: #333333; } .online-page .online-4-reasons-slider .online-arrow-prev, .online-page .online-4-reasons-slider .online-arrow-next { background: #ffffff; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15); top: auto; bottom: 93px; left: auto; right: 200px; } .online-page .online-4-reasons-slider .online-arrow-next { right: 130px; } .online-page .online-4-reasons-slider .online-arrow-prev .arrow, .online-page .online-4-reasons-slider .online-arrow-next .arrow { top: 15px; left: 12px; } .online-page .online-4-reasons-slider .online-arrow-next { background: #1b004e; } .online-page .online-4-reasons-slider .online-arrow-next .arrow { left: auto; right: 12px; } .online-page .online-4-reasons-slider .online-arrow-next .arrow:before, .online-page .online-4-reasons-slider .online-arrow-next .arrow:after, .online-page .online-4-reasons-slider .online-arrow-next .arrow .line { background-color: #ffffff; } .online-page .online-4-reasons-slider .online-arrow-next .arrow .line { left: -73px; } .online-page .online-4-reasons-slider .online-arrow-next:hover .arrow .line { left: -59px; } .online-page.begin-block .online-button.online-4-reasons-button { display: none; } .online-page .team-block-title { font-weight: 700; font-size: 24px; color: #ffffff; margin: 100px 0px 0px; max-width: 350px; width: 100%; } .online-page .like-block-title { font-weight: 700; font-size: 24px; color: #3b6e89; margin: 0px auto; max-width: 450px; width: 100%; } .online-page .online-like-slider { margin: 50px 0px 30px; position: relative; } .online-page .online-like-slider .online-like-slider-items { width: 100%; position: relative; padding: 0px 0px 0px 0px; } .online-like-slider-items-strip { width: calc(100% - 120px); height: auto; min-height: 320px; position: relative; transition: all 0.5s linear 0s; margin: 0 auto; } .online-page .online-like-slider .online-like-slider-item { width: calc(100% - 30px); height: auto; margin: 0px 15px; padding: 0px 20px; position: absolute; left: 200%; display: none; transition: all 0.5s linear 0s; } .online-page .online-like-slider .online-like-slider-item:nth-child(1) { left: -100%; display: block; } .online-page .online-like-slider .online-like-slider-item:nth-child(2) { left: 0%; display: block; opacity: 1; } .online-page .online-like-slider .online-like-slider-item:nth-child(3) { left: 100%; display: block; opacity: 1; } .online-page .online-like-slider .online-like-slider-item:nth-child(4) { left: 200%; display: block; } .online-page .online-like-slider-video.video:before { content: ''; display: block; position: absolute; top: 0px; left: 0px; z-index: 2; width: 100%; height: 230px; background-image: url("/images/online/online-like-slider-photo.png"); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .online-page .online-like-slider-video.video:after { content: ''; display: block; position: absolute; z-index: 3; width: 100%; height: 230px; top: 0px; left: 0px; background: url("/images/online/online-like-slider-play.png") 50% 50% no-repeat rgba(23, 0, 75, 0.6); } .online-page .online-like-slider-video.video:hover:after { opacity: 0.8; } .online-page .online-like-slider-video { width: 300px; height: 300px; float: left; border: 10px solid rgba(240, 240, 240, 0.7); box-shadow: 0px 0px 0px 10px rgba(207, 201, 215, 0.7); margin: 10px 50px 0px 0px; border-radius: 40px; position: relative; cursor: pointer; overflow: hidden; } .online-page .online-like-slider-video .photo { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; background-image: url('/images/og.jpg'); height: 100%; } .online-page .online-like-slider-info { float: left; width: calc(100% - 350px); } .online-page .online-like-slider-title { font-size: 18px; line-height: 24px; font-weight: 700; margin: 14px 0px 15px; position: relative; padding: 0px 0px 0px 0px; } .online-page .online-like-slider .text { color: #333333; } .online-page .online-like-slider .online-arrow-prev, .online-page .online-like-slider .online-arrow-next { background: #ffffff; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15); } .online-page .online-like-slider .online-arrow-prev .arrow, .online-page .online-like-slider .online-arrow-next .arrow { top: 15px; left: 12px; } .online-page .online-like-slider .online-arrow-next .arrow { left: auto; right: 12px; } .online-page .online-like-slider .online-arrow-prev .arrow:before, .online-page .online-like-slider .online-arrow-prev .arrow:after, .online-page .online-like-slider .online-arrow-next .arrow:before, .online-page .online-like-slider .online-arrow-next .arrow:after, .online-page .online-like-slider .online-arrow-prev .arrow .line, .online-page .online-like-slider .online-arrow-next .arrow .line { background-color: #3db39e; } .online-page .online-like-slider .online-arrow-next .arrow .line { left: -73px; } .online-page .online-like-slider .online-arrow-next:hover .arrow .line { left: -59px; } .online-page .online-button { min-height: 45px; width: 100%; max-width: 240px; display: inline-block; text-align: center; } .online-page .online-button:hover { box-shadow: 0 2px 0 #b51067; top: 3px; } .online-page.advantage-block .online-button { max-width: 300px; margin: 0px auto 50px; display: block; } .online-page.faq-block .online-button { display: block; margin: auto; } .online-page.like-block .online-button { margin: auto; display: block; } .online-page .faq-block-title { font-weight: 700; font-size: 24px; line-height: 32px; color: #3b6e89; margin: 0px auto; width: 450px; letter-spacing: 0px; } .online-page .our-school .questions_block { width: 680px; float: left; } .online-page .our-school .info_block { width: calc(100% - 680px); float: left; } .online-page .our-school .block_author { margin: -40px 0px 0px; } .online-page .online-footer-block { display: flex; } .online-page .online-footer-form { width: calc(100% - 265px); height: 248px; padding: 60px 0px 0px 375px; } .online-page .online-footer-form .text { color: #ffffff; max-width: 350px; font-weight: 700; margin: 0px 0px 40px; } .online-page .online-footer-img { width: 284px; height: 284px; background: url('/images/online/online_footer_block.png') 50% 50% no-repeat; background-size: contain; position: absolute; top: -40px; } .online-page.footer-block .online-button { max-width: 330px; } .online-video { height: calc(100vh - 40px); max-height: 600px; width: 100%; } .online-video iframe { height: 100%; width: 100%; } .online-page .online_anim_button { position: absolute; -webkit-transition: translate3d 10ms linear,opacity .3s linear; transition: translate3d 10ms linear,opacity .3s linear; opacity: 0; z-index: 10; } .online-page .online_anim_button .online_anim_button_button { width: 150px; height: 150px; border-radius: 20px; -webkit-box-shadow: 0 5px 0 #a20154; box-shadow: 0 5px 0 #a20154; position: relative; top: 0px; background: #920083; background: -moz-linear-gradient(top, #920083 0%, #cc0066 100%); background: -webkit-linear-gradient(top, #920083 0%,#cc0066 100%); background: linear-gradient(to bottom, #920083 0%,#cc0066 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#920083', endColorstr='#cc0066',GradientType=0 ); text-decoration: none; cursor: pointer; font-size: 14px; line-height: 14px; padding: 14px 20px; margin: 0px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; animation: pulsate ease-in-out 2s infinite alternate; } @-webkit-keyframes pulsate { 0% { transform: scale(1); } 50% { transform: scale(1.03); } 0% { transform: scale(1); } } @keyframes pulsate { 0% { transform: scale(1); } 50% { transform: scale(1.03); } 0% { transform: scale(1); } } .online-page .online_anim_button .online_anim_button_button:hover { -webkit-box-shadow: 0 2px 0 #a20154; box-shadow: 0 2px 0 #a20154; top: 3px; animation: none; } .online-page .online_anim_button .online_anim_button_text { position: absolute; bottom: 20px; text-align: center; display: block; width: calc(100% - 40px); } .online-page .online_anim_button .online_anim_button_rocket { position: absolute; top: -30px; left: calc(50% - 59px); background: url("/images/online/online_anim_button.png") 50% 0% no-repeat; width: 118px; height: 129px; } .online-page.video-info-block .online_anim_button { right: -75px; transform: translate3d(0px, 0px, 0px); } .online-page.begin-block .online-begin-text .online_anim_button { left: 0px; top: 150px; } .online-page.begin-block .online-4-reasons-block .online_anim_button { right: 150px; bottom: -150px; } .online-page.benefit-block .online_anim_button { right: 0px; bottom: -100px; } .online-page.come-back-block .online_anim_button { right: 100px; bottom: -150px; } .online-video-block-panel { position: absolute; bottom: 30px; right: 20px; z-index: 3; width: 90px; } .online-video-block-replay, .online-video-block-sound { width: 30px; height: 30px; margin: 0px 10px 10px 0px; float: left; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .online-video-block-replay:hover, .online-video-block-sound:hover { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); cursor: pointer; } .online-video-block-replay { background-image: url("/images/online/online_replay.svg"); -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .online-video-block-sound, .online-video-block-sound.on { background-image: url("/images/online/online_turn_on_sound.svg"); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .online-video-block-sound.off { background-image: url("/images/online/online_turn_off_sound.svg"); } .online-page .text-topic-bold, .online-page .text span.text-topic-bold { color: #333; } /*Адаптив*/ @media only screen and (min-width: 1200px) { .online-page .online-video-block video { min-height: 487px; } } @media only screen and (min-width: 993px) and (max-width: 1400px) { .online-page .our-school .questions_block { width: 640px; padding-top: 30px; } .online-page .our-school .block_bubbles.ru { height: 780px; } } @media only screen and (max-width: 1300px) { .online-page.video-info-block .online_anim_button { right: -10px; } .online-page .benefit-block-item:nth-child(4) .text { margin-left: 260px; } } @media only screen and (max-width: 1199px) { .online-page .head_title { padding: 200px 0px 180px; max-width: 410px; } .online-page.video-info-block { background: url("/images/online/online_video.png") calc(50% + 40px) 0% no-repeat; height: 710px; } .online-page .online-video-block { width: 720px; margin: 170px 100px 0px 0px; } .online-page.video-info-block .online_anim_button { right: 10px; } .online-page .benefit-block-items { background: url('/images/online/benefit-block-items.png') 50% 50% no-repeat; height: 400px; background-size: 35%; } .online-page .benefit-block-item .text { max-width: 310px; } .online-page .benefit-block-item:nth-child(1) .text { margin-left: 30px; margin-bottom: 100px; } .online-page .benefit-block-item:nth-child(2) .text { margin-left: 150px; margin-bottom: 100px; } .online-page .benefit-block-item:nth-child(3) .text { margin-left: 0px; } .online-page .benefit-block-item:nth-child(4) .text { margin-left: 210px; margin-top: -30px; margin-bottom: 80px; } .online-page .benefit-block-item:nth-child(5) .text { margin-left: 50px; } .online-page .benefit-block-item:nth-child(6) .text { margin-left: 150px; } .online-page.benefit-block .online_anim_button { right: 50px; bottom: -120px; } .online-advantage-slider-items-strip { width: 100%; height: 300px; } .online-page .online-advantage-slider .online-advantage-slider-item { width: calc(50% - 25px); left: 150%; height: 300px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1) { left: -50%; height: 230px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) { left: 0%; height: 230px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3) { left: 50%; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4) { left: 100%; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(5) { left: 150%; } .online-page .online-advantage-slider .online-arrow-next, .online-page .online-begin-slider .online-arrow-next { background: #ffffff; } .online-page .online-advantage-slider .online-arrow-next .arrow:before, .online-page .online-advantage-slider .online-arrow-next .arrow:after, .online-page .online-advantage-slider .online-arrow-next .arrow .line, .online-page .online-begin-slider .online-arrow-next .arrow:before, .online-page .online-begin-slider .online-arrow-next .arrow:after, .online-page .online-begin-slider .online-arrow-next .arrow .line { background-color: #333333; } .online-page .online-advantage-slider .online-arrow-prev:hover, .online-page .online-advantage-slider .online-arrow-next:hover, .online-page .online-begin-slider .online-arrow-prev:hover, .online-page .online-begin-slider .online-arrow-next:hover { background: #1b004e; } .online-page .online-advantage-slider .online-arrow-prev:hover .arrow:before, .online-page .online-advantage-slider .online-arrow-prev:hover .arrow:after, .online-page .online-advantage-slider .online-arrow-prev:hover .arrow .line, .online-page .online-advantage-slider .online-arrow-next:hover .arrow:before, .online-page .online-advantage-slider .online-arrow-next:hover .arrow:after, .online-page .online-advantage-slider .online-arrow-next:hover .arrow .line, .online-page .online-begin-slider .online-arrow-prev:hover .arrow:before, .online-page .online-begin-slider .online-arrow-prev:hover .arrow:after, .online-page .online-begin-slider .online-arrow-prev:hover .arrow .line, .online-page .online-begin-slider .online-arrow-next:hover .arrow:before, .online-page .online-begin-slider .online-arrow-next:hover .arrow:after, .online-page .online-begin-slider .online-arrow-next:hover .arrow .line { background-color: #ffffff; } .online-page.come-back-block { padding: 65px 0px 70px; background: url("/images/online/come_back_online.png") 50% 0px no-repeat; } .online-page .come-back-block-item { margin: 50px 50px 0px 0px; max-width: calc(50% - 100px); } .online-begin-slider-items-strip { width: 100%; } .online-page .online-begin-slider .online-begin-slider-item { width: calc(50% - 25px); left: 150%; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(1) { left: -50%; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(2) { left: 0%; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(3) { left: 50%; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(4) { left: 100%; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(5) { left: 150%; } .online-page.begin-block .online-begin-text .online_anim_button { top: 180px; } .online-page .begin-block-title2 { left: 260px; } .online-page .online-4-reasons { width: 550px; flex: 0 0 550px; background-size: contain; } .online-page .online-4-reasons-slider { flex: 0 0 calc(100% - 500px); } .online-4-reasons-slider-items-strip { height: 240px; } .online-page .online-4-reasons-slider .online-4-reasons-slider-item { height: 220px; } .online-page .online-4-reasons-slider .online-arrow-prev, .online-page .online-4-reasons-slider .online-arrow-next { bottom: 73px; } .online-page .team-block-title { margin: 120px 0px 0px; } .online-page .online-like-slider { margin: 50px 0px 30px; } .online-page .online-footer-form { padding: 45px 0px 0px 375px; } .inside-block .top-part .imgs { margin: 20px 0px 0px -15px; } .faq-block .inside-block .top-part .imgs { width: 290px; height: 290px; } .online-page.video-info-block .online_anim_button { top: 150px; } } @media only screen and (max-width: 1050px) { .online-page .benefit-block-item:nth-child(4) .text { max-width: 280px; margin-bottom: 60px; } } @media only screen and (max-width: 992px) { .online-page .our-school .questions_block { width: 440px; margin: 50px 0px 50px 20px; } .online-page .our-school .info_block { width: calc(100% - 460px); margin: 50px 0px 0px; } .inside-block .top-part .imgs { margin: 20px auto 0px; } } @media only screen and (max-width: 991px) { .online-page .online_anim_button { display: none; } .online-page.header-block { background-size: auto 800px; } .online-page .head_title { padding: 200px 0px 180px; max-width: 44%; } .online-page.header-block .col-md-4.info-block { width: 33%; float: left; } .online-page.video-info-block { background: url("/images/online/online_video_mobi.png") 50% 0% no-repeat; background-size: auto 100%; } .online-page .online-video-block { margin: 170px auto 0px; float: none; } .online-page .online-subscribe-form { padding: 60px 0px 0px 90px; } .online-page .online-subscribe-form .field { display: block; margin: 20px 0px; } .online-page .online-subscribe-form .field .req_phone { min-width: 240px; margin: 0px 20px 30px 0px; } .online-page.benefit-block { margin: 50px 0px 0px; } .online-page .benefit-block-items { background: url('/images/online/benefit-block-items.png') 50% 0% no-repeat; height: auto; background-size: 270px; margin: 30px 0px 40px; padding: 270px 0px 0px; } .online-page .benefit-block-item { width: 100%; float: none; } .online-page .benefit-block-item .text, .online-page .benefit-block-item:nth-child(1) .text, .online-page .benefit-block-item:nth-child(2) .text, .online-page .benefit-block-item:nth-child(3) .text, .online-page .benefit-block-item:nth-child(4) .text, .online-page .benefit-block-item:nth-child(5) .text, .online-page .benefit-block-item:nth-child(6) .text { max-width: 100%; margin: 30px 0px 0px; } .online-page .advantage-block-title { margin: -90px 0px 0px 0px; } .online-advantage-slider-items-strip, .online-page .online-advantage-slider .online-advantage-slider-item { height: 370px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1), .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) { height: 300px; } .online-page.come-back-block { padding: 0px 0px 70px; background: url("/images/online/come_back_online.png") 67% 275px no-repeat; } .online-page .come-back-block-title { margin: 65px 0px 0px; } .online-page .come-back-block-item { margin: 50px 0px 0px 0px; max-width: 100%; float: none; width: 100%; } .online-page .come-back-block-item .text { width: 100%; } .online-page .come-back-block-item .text br { display: none; } .online-page.begin-block { padding: 0px 0px 40px; background: url("/images/online/begin_online.png") 50% 100px no-repeat; } .online-begin-slider-items-strip { height: 320px; } .online-page .online-begin-slider .online-begin-slider-item { height: 300px; } .online-page .online-begin-slider .online-arrow-prev, .online-page .online-begin-slider .online-arrow-next { bottom: -15px; left: calc(50% - 60px); } .online-page .online-begin-slider .online-arrow-next { left: auto; right: calc(50% - 60px); background: #ffffff; } .online-page .online-4-reasons-slider .online-arrow-prev, .online-page .online-4-reasons-slider .online-arrow-next { bottom: -15px; left: calc(50% - 60px); } .online-page .online-4-reasons-slider .online-arrow-next { left: auto; right: calc(50% - 60px); } .online-page.begin-block .text.online-begin-text { max-width: 470px; } .online-page .begin-block-title2 { left: calc(50% - 250px); } .online-page .online-4-reasons-block { margin: 0px 0px 0px; } .online-page .online-4-reasons { width: calc(100% - 360px); flex: 0 0 calc(100% - 360px); } .online-page .online-4-reasons-slider { margin: 100px 0px 0px -30px; flex: 0 0 415px; } .online-page .online-4-reasons-block { margin: 30px 0px 50px; } .online-page.begin-block .online-button.online-4-reasons-button { display: block; margin: 0px auto; } .online-page.team-block { background: url("/images/online/our_team_online.png") -150px 0% no-repeat; } .online-page .team-block-title { margin: 70px 0px 0px; } .online-page.like-block { margin: 30px 0px 0px; } .online-page .online-like-slider-info { width: calc(100% - 280px); } .online-page .online-like-slider-video { width: 250px; height: 250px; margin: 10px 30px 0px 0px; } .online-like-slider-items-strip { } .online-page .our-school .questions_block { width: 680px; margin: 100px auto 0px; float: none; } .online-page .our-school .info_block { width: 100%; margin: 0px 0px 0px; } .online-page .online-footer-form { width: 100%; padding: 45px 0px 0px 320px; } } @media only screen and (max-width: 767px) { .online-page.header-block { background: url("/images/online/online_header_mobi.png") calc(100% + 40px) -140px no-repeat; background-size: auto 400px; } .online-page .head_title { padding: 250px 0px 30px; max-width: 100% } .online-page.header-block .col-md-4.info-block { width: 100%; float: none; } .online-page .info-block .text { width: 90%; max-width: 300px; margin: 30px auto; } .online-page.video-info-block { background: url("/images/online/online_video_mobi.png") 40% 0% no-repeat; background-size: auto 100%; } .online-page .online-video-block { width: 100%; margin: 170px auto; } .online-page .online-subscribe-form { padding: 60px 0px 0px 20px; } .online-page .benefit-block-title { text-align: center; } .online-page .advantage-block-bg { right: 30%; } .online-advantage-slider-items-strip, .online-page .online-advantage-slider .online-advantage-slider-item { height: 230px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1), .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) { height: 230px; } .online-begin-slider-items-strip { height: 370px; } .online-page .online-begin-slider .online-begin-slider-item { height: 350px; } .online-page.begin-block .text.online-begin-text { height: 300px; } .online-page .online-like-slider { margin: 50px 0px 50px; } .online-page .online-like-slider-video { width: 100%; margin: 10px 0px 20px 0px; } .online-page .online-like-slider-info { width: 100%; } .online-page .online-like-slider .online-like-slider-item { padding: 0px 0px; } .online-page .online-like-slider-video.video:before { border-radius: 31px; } } @media only screen and (max-width: 700px) { .faq-block { display: none; } .online-page .online-video-block { margin: 200px auto; } .online-page.subscribe-block, .online-page.footer-block { background: #1a004d; background: -moz-linear-gradient(top, #1a004d 0%, #240089 100%); background: -webkit-linear-gradient(top, #1a004d 0%,#240089 100%); background: linear-gradient(to bottom, #1a004d 0%,#240089 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a004d', endColorstr='#240089',GradientType=0 ); } .online-page.subscribe-block { height: auto; } .online-page .online-subscribe-img { position: absolute; width: 100%; height: 250px; background-size: contain; } .online-page .online-subscribe-form { padding: 250px 0px 0px 20px; width: 100%; } .online-page .online-subscribe-form { height: auto; } .online-page.come-back-block { background: url("/images/online/come_back_online.png") 66% 300px no-repeat; } .online-page .online-advantage-slider .online-advantage-slider-item { width: calc(100% - 25px); left: 200%; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1) { left: -100%; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2) { left: 0%; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3) { left: 100%; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4) { left: 200%; } .online-begin-slider-items-strip { height: 250px; margin: 0px; } .online-page .online-begin-slider .online-begin-slider-item { width: calc(100% - 25px); left: 200%; height: 230px; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(1) { left: -100%; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(2) { left: 0%; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(3) { left: 100%; } .online-page .online-begin-slider .online-begin-slider-item:nth-child(4) { left: 200%; } .online-page.begin-block .text.online-begin-text { height: 420px; } .online-page .online-4-reasons-block { display: block; } .online-page .online-4-reasons { width: 100%; } .online-page .online-4-reasons-slider { margin: -70px 0px 0px; } .online-4-reasons-slider-items-strip { margin: 0px; } .online-page .online-4-reasons-slider .online-4-reasons-slider-item { padding: 65px 40px 15px 60px; } .online-page .online-4-reasons-slider .online-arrow-prev, .online-page .online-4-reasons-slider .online-arrow-next { bottom: -15px; } .online-page .come-back-block-video { margin: 0px 30px 40px 0px; } .online-page .online-like-slider { margin: 50px 0px 30px; } } @media only screen and (max-width: 650px) { .online-page .online-arrow-prev { left: 0px; } .online-page .online-arrow-next { right: 0px; } .online-page.video-info-block { height: auto; max-height: 710px; } .online-page.advantage-block { margin: 320px 0px 0px; } .online-page .advantage-block-bg { right: 0px; width: 100%; } .online-page .online-advantage-slider { width: 100%; margin: 120px 0px 120px; } .online-page .online-advantage-slider .online-arrow-prev, .online-page .online-advantage-slider .online-arrow-next { top: auto; bottom: -80px; left: 60px; } .online-page .online-advantage-slider .online-arrow-next { left: auto; right: 60px; } .online-page .online-advantage-slider .online-advantage-slider-items { width: 100%; padding: 0px 0px 0px 0px; } .online-page .online-subscribe-form { padding: 250px 0px 20px 20px; width: 100%; } .online-page .come-back-block-item { float: none; width: 100%; height: auto; display: block; } .online-page .come-back-block-item .come-back-block-item-img { float: none; width: 100%; display: block; margin: 0px 0px 20px; } .online-page .come-back-block-item .text { text-align: center; display: block; } .online-begin-slider-items-strip { width: 100%; height: 270px; } .online-page .online-begin-slider .online-begin-slider-item { width: calc(100% - 20px); height: 250px; margin: 0px 10px; } .online-page.begin-block { background: url("/images/online/begin_online.png") 53% 140px no-repeat; } .online-page.begin-block .text.online-begin-text { height: 420px; max-width: 100%; } .online-page .online-4-reasons { height: 380px; background-position: 50% 100%; } .online-page.come-back-block { background: url("/images/online/come_back_online.png") 66% 320px no-repeat; } .online-page .come-back-block-video { width: 100%; background: url("/images/online/come-back-video-online.png") 50% 100% no-repeat; background-size: contain; margin: 0px 0px 30px 0px; } .online-4-reasons-slider-items-strip { height: 280px; } .online-page .online-4-reasons-slider .online-4-reasons-slider-item { height: 260px; } .online-page .like-block-title { text-align: center; } .online-page.footer-block { height: auto; } .online-page .online-footer-block { display: block; } .online-page .online-footer-img, .online-page .online-subscribe-img { float: none; width: calc(100% - 30px); } .online-page .online-footer-form { padding: 280px 0px 50px 0px; float: none; height: auto; text-align: center; } .online-page .online-footer-form .text { margin: 0px auto 40px; } .online-video, .online-video iframe { height: auto; min-height: 300px; } } @media only screen and (max-width: 600px) { .online-page .online-subscribe-form { max-width: 300px; margin: 0px auto; text-align: center; } .online-page .online-subscribe-form .field .req_phone { margin: 0px 0px 30px 0px; } } @media only screen and (max-width: 500px) { .online-page.header-block { background-position: calc(100% + 210px) -140px; } .online-page .head_title h1 { font-size: 30px; line-height: 30px; } .online-page .benefit-block-items { margin: 30px 0px 0px; } .online-page.video-info-block { margin: 40px 0px 20px; max-height: 500px; } .online-page .online-video-block { margin: 150px auto; } .online-page .online-advantage-slider { margin: 30px 0px 120px; } .online-page.advantage-block { margin: 250px 0px 0px; } .online-page .advantage-block-bg { background: url('/images/online/advantage_online.png') 55% 0% no-repeat; width: 100%; height: 400px; position: absolute; top: -220px; background-size: 120%; } .online-page .advantage-block-title { margin: -60px 10px 0px; max-width: 260px; } .online-page.advantage-block { background-size: 100%; } .online-page .come-back-block-title { margin: 30px 0px 0px; } .online-page .come-back-block-video { margin: 0px 0px 90px 0px; } .online-page .online-video-block video { border: 0px solid #344a57; box-shadow: 0px 0px 0px 10px #344a57; } .online-page .online-begin-slider { margin: 50px 0px 70px; } .online-page .online-begin-slider-icon { float: none; margin: 0px auto; } .online-page .online-begin-slider-title { text-align: center; } .online-page .online-begin-slider .text { text-align: center; } .online-begin-slider-items-strip { height: 360px; } .online-page .online-begin-slider .online-begin-slider-item { height: 340px; } .online-page.begin-block .text.online-begin-text { height: 340px; width: 340px; } .online-page .begin-block-title2 { width: 340px; left: calc(50% - 170px); } .online-page .online-4-reasons { height: 300px; } .online-4-reasons-slider-items-strip { height: 340px; } .online-page .online-4-reasons-slider .online-4-reasons-slider-item { height: 320px; padding: 65px 30px 20px; } .online-page .online-like-slider .online-arrow-prev, .online-page .online-like-slider .online-arrow-next { top: auto; bottom: -70px; left: 60px; } .online-page .online-like-slider .online-arrow-next { left: auto; right: 60px; } .online-like-slider-items-strip { width: 100%; } .online-page .online-like-slider { margin: 50px 0px 110px; } .online-page .begin-block-title, .online-page .come-back-block-title { text-align: center; } .online-page .come-back-block-video::after { width: 100px; height: 100px; top: calc(50% - 50px); left: calc(50% - 50px); background-size: contain; } .online-page .come-back-block-video { height: 250px; } .online-page .come-back-block-video .text { padding: 250px 0px 0px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1), .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2), .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3), .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4), .online-page .online-advantage-slider .online-advantage-slider-item { height: 250px; } .online-advantage-slider-items-strip { height: 270px; } .online-page .online-4-reasons-slider-title:before { left: -10px; } .online-page .online-4-reasons-slider-title { font-size: 16px; line-height: 22px; padding: 0px 0px 0px 35px; } .online-page .online-4-reasons-slider .online-4-reasons-slider-item { padding: 65px 22px 20px; } .online-video-block-panel { bottom: 0px; right: 0px; } } @media only screen and (max-width: 450px) { .online-page.video-info-block { max-height: 450px; } .online-page .online-video-block { margin: 130px auto; } } @media only screen and (max-width: 400px) { .online-page .head_title h1 { font-size: 22px; line-height: 22px; } .online-page .benefit-block-items { background-size: auto 280px; } .online-advantage-slider-items-strip { height: 280px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1), .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2), .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3), .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4), .online-page .online-advantage-slider .online-advantage-slider-item { height: 260px; padding: 20px 25px 15px; } .online-page .online-advantage-slider-title { font-size: 16px; line-height: 22px; } .online-begin-slider-items-strip { height: 380px; } .online-page .online-begin-slider .online-begin-slider-item { height: 360px; } .online-page.begin-block .text.online-begin-text { height: 270px; width: 300px; } .online-page .begin-block-title2 { width: 300px; left: calc(50% - 150px); } } @media only screen and (max-width: 360px) { .online-page.begin-block { background: url("/images/online/begin_online.png") 53% 170px no-repeat; } .online-page.begin-block .text.online-begin-text { height: 250px; width: 260px; } .online-page .online-begin-slider { margin: 50px 0px 40px; } .online-advantage-slider-items-strip { height: 330px; } .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(1), .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(2), .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(3), .online-page .online-advantage-slider .online-advantage-slider-item:nth-child(4), .online-page .online-advantage-slider .online-advantage-slider-item { height: 310px; } .online-page.advantage-block { margin: 200px 0px 0px; } .online-page .advantage-block-bg { top: -180px; background-size: 140%; } .online-begin-slider-items-strip { height: 420px; } .online-page .online-begin-slider .online-begin-slider-item { height: 400px; } .online-4-reasons-slider-items-strip { height: 380px; } .online-page .online-4-reasons-slider .online-4-reasons-slider-item { height: 360px; } .online-page .benefit-block-items { background-size: 100%; } } /*КОНЕЦ Страница Онлайн*/ /*Страница Думай*/ .think-page div, img { -webkit-transition: top 1s linear 0s; -moz-transition: top 1s linear 0s; -o-transition: top 1s linear 0s; transition: top 1s linear 0s; } .think-page { padding: 0px 0 320px; margin-top: 0px; background: url("/images/think/think_header.png") 50% 0% no-repeat, url("/images/think/think_footer.png") calc(50% + 200px) 100% no-repeat; overflow: hidden; } .think-page .title:before { content: ""; position: absolute; left: -54px; top: -1px; width: 54px; height: 42px; background: url("/images/think/think_title.png") 0% 0% no-repeat; } .think-page .title:after { content: ""; position: absolute; right: -54px; top: -1px; width: 54px; height: 42px; background: url("/images/think/think_title2.png") 0% 0% no-repeat; } .think-page .title { padding: 5px 0px 5px 10px; margin: 30px 0px 55px; height: 41px; background-color: #f3f3f3; display: inline-block; position: relative; color: #446e87; font-size: 28px; line-height: 26px; } .think-page .title_center { text-align: center; } .think-page .right { text-align: right; } .think-page .text { color: #888888; font-size: 16px; line-height: 22px; } .think-page .text p, .think-page .text ul { margin: 0px 0px 25px; } .think-page .text span { color: #3db39e; font-weight: 700; } .think-page .text ul li { padding: 0px 0px 10px 35px; list-style: none; background: url('/images/think/think_li.png') 15px 6px no-repeat; } .think-page .text.bottom { width: 300px; margin: 120px 0px 0px; } .think-page .text.bottom span { font-size: 22px; line-height: 28px; font-weight: 700; display: block; margin-bottom: 20px; } .think-page .quote:before, .think-page .quote:after { content: ""; position: absolute; width: 31px; height: 20px; background: url("/images/think/think_quote.png") 0% 0% no-repeat; } .think-page .quote:before { left: -41px; bottom: -15px; } .think-page .quote:after { right: 0px; top: -15px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .think-page .quote { position: relative; padding: 0px; margin: 55px 0px 55px; color: #446e87; font-size: 22px; line-height: 28px; font-weight: 700; } .think-page .quote.center { max-width: 785px; text-align: center; margin: auto; } .think-page .text_bold { color: #3db39e; font-weight: 700; font-size: 22px; line-height: 28px; margin: 0px 0px 25px 0px; } .think-page .head_title { padding: 300px 0px; max-width: 320px; text-align: center; } .think-page .head_title h1 { font-weight: 700; font-size: 58px; line-height: 58px; margin-bottom: 30px; text-align: left; } .think-page .head_title h1 span { color: #0095b6; } .think-page .col-md-6.img { height: 560px; } .think-page .think_img_b1 div { width: 100%; position: absolute; top: -100px; height: 545px; } .think-page .think_img_b1 .think_img_l1 { z-index: 1; background: url('/images/think/think_b1_l1.png') 0% 0% no-repeat; background-size: contain; } .think-page .stars { border-radius: 100%; background: #ffffff; } .think-page .star1 { width: 10px; height: 10px; position: absolute; top: 90px; left: -70px; } .think-page .star2 { width: 5px; height: 5px; position: absolute; top: 120px; left: 110px; } .think-page .star3 { width: 7px; height: 7px; position: absolute; top: 220px; left: -55px; } .think-page .star4 { width: 3px; height: 3px; position: absolute; top: 320px; left: -110px; } .think-page .star5 { width: 10px; height: 10px; position: absolute; top: 170px; right: 70px; } .think-page .star6 { width: 3px; height: 3px; position: absolute; top: 210px; right: 300px; } .think-page .star7 { width: 20px; height: 20px; position: absolute; top: 350px; right: 0px; } .think-page .star8 { width: 7px; height: 7px; position: absolute; top: 500px; right: 90px; } .think-page .star9 { width: 5px; height: 5px; position: absolute; top: 310px; right: 170px; } .think-page .star10 { width: 10px; height: 10px; position: absolute; } .think-page .star11 { width: 5px; height: 5px; position: absolute; background: #f8e160; } .think-page .star12 { width: 3px; height: 3px; position: absolute; background: #f8e160; } .think-page .think-slider { width: 100%; margin: 30px 0px 50px; } .think-page .think-slider .think-slider-items { width: calc(100% - 30px); overflow: hidden; position: relative; padding: 0px 0px 0px 30px; } .think-slider-items-strip { width: 1060px; height: 413px; overflow: hidden; position: relative; transition: all 0.5s linear 0s; margin: 0px auto; } .think-page .think-slider .think-slider-item { width: 340px; height: 413px; margin: 0px 10px; cursor: pointer; position: absolute; left: 1400px; display: none; background-position: 0% 0%; background-repeat: no-repeat; background-size: auto 100%; transition: all 0.5s linear 0s; } .think-page .think-slider .think-slider-item:hover { opacity: 0.8; } .think-page .think-slider .think-slider-item:nth-child(1) { left: -350px; display: block; } .think-page .think-slider .think-slider-item:nth-child(2) { left: 0px; display: block; } .think-page .think-slider .think-slider-item:nth-child(3) { left: 350px; display: block; } .think-page .think-slider .think-slider-item:nth-child(4) { left: 700px; display: block; } .think-page .think-slider .think-slider-item:nth-child(5) { left: 1050px; display: block; } .think-page .think-slider .think-slider-item:nth-child(6) { display: block; } .think-page .think-slider .think-slider-item:nth-child(7) { } .think-page .think-arrow-next, .think-page .think-arrow-prev { display: inline-block; position: absolute; box-sizing: border-box; margin: 0px; height: 0px; top: calc(50% - 8px); left: 20px; z-index: 3; width: 32px; height: 16px; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .think-page .think-arrow-next { left: auto; right: 20px; } .think-page .think-arrow-next .arrow:before, .think-page .think-arrow-next .arrow:after, .think-page .think-arrow-prev .arrow:before, .think-page .think-arrow-prev .arrow:after { content: ''; display: block; position: absolute; background-color: #333; height: 2px; width: 20px; top: 0px; left: 0px; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .think-page .think-arrow-next .arrow:before, .think-page .think-arrow-next .arrow:after { left: auto; right: 0px; } .think-page .think-arrow-next .arrow:after { top: 13px; } .think-page .think-arrow-next .arrow:before { right: 0; transform: translateY(1px) rotate(45deg); } .think-page .think-arrow-prev .arrow:after { transform: translateY(1px) rotate(45deg); top: 13px; } .think-page .think-arrow-prev .arrow:before { right: 0; } .think-page .think-arrow-next .arrow:hover:after, .think-page .think-arrow-prev .arrow:hover:before { transform: translateY(1px) rotate(135deg); } .think-page .think-arrow-next .arrow:hover:before, .think-page .think-arrow-prev .arrow:hover:after { transform: translateY(1px) rotate(225deg); } .think-page .think-arrow-next .arrow, .think-page .think-arrow-prev .arrow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .think-page .think-arrow-next .arrow .line, .think-page .think-arrow-prev .arrow .line { position: absolute; display: block; background-color: #333; height: 2px; width: 25px; top: 7.5px; left: -40px; opacity: 0; border-radius: 1px; pointer-events: none; transform: translateX(30px); transition: .3s; } .think-page .think-arrow-prev .arrow .line { left: -12px; } .think-page .think-arrow-next .arrow:hover .line { opacity: 1; left: -28px; } .think-page .think-arrow-prev .arrow:hover .line { opacity: 1; left: -25px; } .think-page .think-button { min-height: 45px; width: 100%; max-width: 300px; display: inline-block; -webkit-border-radius: 2em; border-radius: 2em; cursor: pointer; background-color: #ff16a3; text-align: center; text-decoration: none; font-weight: 700; color: #fff; padding: 14px; font-size: 14px; line-height: 14px; box-shadow: 0 5px 0 #b51067; position: relative; top: 0px; -webkit-transition: all .3s; transition: all .3s; margin: 0px; } .think-page .think-button:hover { box-shadow: 0 2px 0 #b51067; top: 3px; } .think-video { height: calc(100vh - 40px); max-height: 600px; width: 100%; } .think-video iframe { height: 100%; width: 100%; } /*Адаптив*/ @media only screen and (max-width: 1199px) { .think-page .star3 { top: 160px; left: -50px } .think-page .star4 { top: 260px; left: -100px; } .think-page .star5 { top: 130px; right: 120px; } .think-page .star6 { top: 210px; right: 250px; } .think-page .star7 { top: 340px; right: -20px; } .think-page .star8 { top: 470px; right: 70px; } .think-page { padding: 0px 0 200px; background-size: auto, 800px auto; } .think-page .think_img_b1 div { margin-left: -20px; } .think-page .head_title { padding: 208px 0px 370px 50px; } .think-slider-items-strip { width: 880px; height: 341px; } .think-page .think-slider .think-slider-item { width: 280px; height: 341px; left: 1160px; } .think-page .think-slider .think-slider-item:nth-child(1) { left: -290px; } .think-page .think-slider .think-slider-item:nth-child(3) { left: 290px; } .think-page .think-slider .think-slider-item:nth-child(4) { left: 580px; } .think-page .think-slider .think-slider-item:nth-child(5) { left: 870px; } .think-page .text.bottom { margin: 100px 0px 0px; } } @media only screen and (max-width: 991px) { .think-page { background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 200% -2% no-repeat, url("/images/think/think_footer.png") calc(50% + 200px) 100% no-repeat; background-size: 50% auto, auto 720px, calc(100% - 215px) auto; } .think-page .animation_header { display: none; } .think-page .head_title { padding: 140px 0px 250px 15%; max-width: 410px; } .think-page .col-md-6.img { height: auto; } .think-page .think_img_b1 { display: none; } .think-page .text ul li { padding: 0px 0px 0px 20px; background: url('/images/think/think_li.png') 0px 8px no-repeat; margin: 0px; } .think-page .quote { text-align: center; padding: 0px 30px; } .think-page .quote::before { left: 0px; } .think-page .right { text-align: left; } .think-slider-items-strip { width: 658px; height: 251px; } .think-page .think-slider .think-slider-item { width: 206px; height: 251px; left: 864px; } .think-page .think-slider .think-slider-item:nth-child(1) { left: -216px; } .think-page .think-slider .think-slider-item:nth-child(3) { left: 216px; } .think-page .think-slider .think-slider-item:nth-child(4) { left: 432px; } .think-page .think-slider .think-slider-item:nth-child(5) { left: 648px; } } @media only screen and (max-width: 910px) { .think-page { padding: 0px 0 160px; background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 200% -2% no-repeat, url("/images/think/think_footer.png") calc(50% + 200px) 100% no-repeat; background-size: 50% auto, auto 720px, calc(100% - 215px) auto; } } @media only screen and (max-width: 880px) { .think-page { padding: 0px 0 150px; background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 300% -2% no-repeat, url("/images/think/think_footer.png") calc(50% + 200px) 100% no-repeat; background-size: 50% auto, auto 720px, calc(100% - 215px) auto; } } @media only screen and (max-width: 820px) { .think-page { background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 400% -2% no-repeat, url("/images/think/think_footer.png") calc(50% + 200px) 100% no-repeat; background-size: 50% auto, auto 720px, calc(100% - 240px) auto; } .think-page .text.bottom { margin: 70px 0px 0px; } } @media only screen and (max-width: 790px) { .think-page { background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 460% -2% no-repeat, url("/images/think/think_footer.png") calc(50% + 200px) 100% no-repeat; background-size: 50% auto, auto 720px, calc(100% - 240px) auto; } .think-page .head_title { padding: 140px 0px 250px 5%; } } @media only screen and (max-width: 767px) { .think-page { padding: 0px 0 400px; background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 250% -2% no-repeat, url("/images/think/think_footer.png") calc(50% + 130px) 100% no-repeat; background-size: 50% auto, auto 600px, 120% auto; } .think-page .head_title { padding: 110px 0px 190px 5%; max-width: 360px; } .think-page .head_title h1 { font-size: 48px; line-height: 48px; } .think-slider-items-strip { width: 442px; } } @media only screen and (max-width: 715px) { .think-page { background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 340px -2% no-repeat, url("/images/think/think_footer.png") calc(50% + 130px) 100% no-repeat; background-size: 50% auto, auto 600px, 120% auto; } } @media only screen and (max-width: 675px) { .think-page .head_title h1 { font-size: 40px; line-height: 40px; } } @media only screen and (max-width: 635px) { .think-page { background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 290px -2% no-repeat, url("/images/think/think_footer.png") calc(50% + 180px) 100% no-repeat; background-size: 60% auto, auto 600px, 140% auto; } .think-page .head_title { max-width: 300px; } } @media only screen and (max-width: 615px) { .think-page .head_title { padding: 110px 0px 220px 0%; } } @media only screen and (max-width: 605px) { .think-page .head_title { padding: 110px 0px 320px 0%; } .think-page .col-md-6.title_center_mobi { text-align: center; } } @media only screen and (max-width: 560px) { .think-slider-items-strip { width: 206px; } .think-page .think-slider .think-slider-item { margin: 0px 10px 0px 0px; } } @media only screen and (max-width: 530px) { .think-page { background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 180px 5% no-repeat, url("/images/think/think_footer.png") calc(50% + 50px) 100% no-repeat; background-size: 70% auto, auto 600px, 140% auto; } .think-page .head_title { max-width: 300px; } .think-page .text.bottom { margin: 70px 0px 30px; } } @media only screen and (max-width: 500px) { .think-page { background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 160px 3% no-repeat, url("/images/think/think_footer.png") 30% 100% no-repeat; background-size: 60% auto, auto 600px, 155% auto; } .think-page .head_title { padding: 70px 0px 390px 0%; } .think-page .text.bottom { width: 100%; } } @media only screen and (max-width: 460px) { .think-page { padding: 0px 0 380px; } } @media only screen and (max-width: 450px) { .think-page .head_title { padding: 50px 0px 350px 0%; } } @media only screen and (max-width: 420px) { .think-page { padding: 0px 0 360px; background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 120px 7% no-repeat, url("/images/think/think_footer.png") 30% 100% no-repeat; background-size: 95% auto, auto 600px, 155% auto; } .think-page .head_title { padding: 150px 0px 440px 10px; max-width: 276px; } } @media only screen and (max-width: 460px) { .think-page { padding: 0px 0 340px; } } @media only screen and (max-width: 360px) { .think-page { padding: 0px 0 320px; background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 120px 5% no-repeat, url("/images/think/think_footer.png") 30% 100% no-repeat; background-size: 95% auto, auto 600px, 155% auto; } .think-page .head_title { padding: 130px 0px 440px 0px; } } @media only screen and (max-width: 340px) { .think-page { padding: 0px 0 300px; background: url("/images/think/think_header1.png") 0% -1% no-repeat, url("/images/think/think_header2.png") 80px 5% no-repeat, url("/images/think/think_footer.png") 30% 100% no-repeat; background-size: 95% auto, auto 600px, 155% auto; } .think-page .head_title { padding: 120px 0px 440px 40px; max-width: 230px; } .think-slider-items-strip { width: 190px; height: 232px; } .think-page .think-slider .think-slider-item { width: 190px; height: 232px; left: 800px; } .think-page .think-slider .think-slider-item:nth-child(1) { left: -200px; } .think-page .think-slider .think-slider-item:nth-child(3) { left: 200px; } .think-page .think-slider .think-slider-item:nth-child(4) { left: 400px; } .think-page .think-slider .think-slider-item:nth-child(5) { left: 600px; } } @media only screen and (min-width: 992px) { .think-page .star1 { -webkit-animation: pulsate 2s linear 0s infinite; animation: pulsate 2s linear 0s infinite; } .think-page .star2 { -webkit-animation: pulsate_small 1s linear 0s infinite; animation: pulsate_small 1s linear 0s infinite; } .think-page .star3 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } .think-page .star4 { -webkit-animation: pulsate_small 1s linear 1s infinite; animation: pulsate_small 1s linear 1s infinite; } .think-page .star5 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } .think-page .star6 { -webkit-animation: pulsate_small 2s linear 1s infinite; animation: pulsate_small 2s linear 1s infinite; } .think-page .star7 { -webkit-animation: pulsate 2s linear 1s infinite; animation: pulsate 2s linear 1s infinite; } .think-page .star8 { -webkit-animation: pulsate_small 1s linear 0.5s infinite; animation: pulsate_small 1s linear 0.5s infinite; } .think-page .star9 { -webkit-animation: pulsate_small 2s linear 0s infinite; animation: pulsate_small 2s linear 0s infinite; } .think-page .star10 { -webkit-animation: slide_star 10s linear 0s infinite; animation: slide_star 10s linear 0s infinite; } .think-page .star11 { -webkit-animation: slide_star2 10s linear 2s infinite; animation: slide_star2 10s linear 2s infinite; } .think-page .star12 { -webkit-animation: slide_star3 10s linear 4s infinite; animation: slide_star3 10s linear 4s infinite; } } /*Анимация*/ /*Звезды*/ @-webkit-keyframes pulsate { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 10px rgba(90,156,202,.5), 0 0 16px #5a9cca; } } @keyframes pulsate { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px 5px rgba(90,156,202,.5), 0 0 10px 5px #5a9cca; } } @-webkit-keyframes pulsate_small { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 2px 2px rgba(90,156,202,.5), 0 0 5px 2px #5a9cca; } } @keyframes pulsate_small { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 2px 2px rgba(90,156,202,.5), 0 0 5px 2px #5a9cca; } } @-webkit-keyframes slide_star { 0% { top: 0px; right: -100px; opacity: 1;} 30% { top: 500px; right: 500px; opacity: 1; } 31% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star { 0% { top: 0px; right: -100px; opacity: 1;} 30% { top: 500px; right: 500px; opacity: 1; } 31% { top: 2000px; right: 2000px; opacity: 0; } } @-webkit-keyframes slide_star2 { 0% { top: 0px; right: -100px; opacity: 1;} 20% { top: 250px; right: 300px; opacity: 1; } 21% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star2 { 0% { top: 0px; right: -100px; opacity: 1;} 20% { top: 250px; right: 300px; opacity: 1; } 21% { top: 2000px; right: 2000px; opacity: 0; } } @-webkit-keyframes slide_star3 { 0% { top: 0px; right: -100px; opacity: 1;} 10% { top: 1250px; right: 1000px; opacity: 1; } 11% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star3 { 0% { top: 0px; right: -100px; opacity: 1;} 10% { top: 1250px; right: 500px; opacity: 1; } 11% { top: 2000px; right: 2000px; opacity: 0; } } /*КОНЕЦ Страница Думай*/ /*Страница Отзывы партнеров*/ .partner-reviews-page div, img { -webkit-transition: top 1s linear 0s; -moz-transition: top 1s linear 0s; -o-transition: top 1s linear 0s; transition: top 1s linear 0s; } .partner-reviews-page { padding: 0px 0px 0px; margin-top: 0px; position: relative; } .partner-reviews-page.top { background: url("/images/partner-reviews/partner-reviews-header.png") 50% 0% no-repeat; overflow: hidden; padding: 0px 0px 15px; } .partner-reviews-page.center { background: url("/images/partner-reviews/partner-reviews-slider.png") 50% 0% no-repeat; background-size: cover; min-height: 1080px; padding: 200px 0px 0px; margin: 0px 0px 0px; overflow: hidden; } .partner-reviews-page.bottom { padding: 0px 0 320px; background: url("/images/partner-reviews/partner-reviews-footer.png") calc(50% + 250px) 100% no-repeat; min-height: 605px; } .partner-reviews-page .title:before { content: ""; position: absolute; left: -54px; top: -1px; width: 54px; height: 100%; background: url("/images/partner-reviews/partner-reviews-title.png") 0% 0% repeat-y; } .partner-reviews-page .title:after { content: ""; position: absolute; right: -54px; top: -1px; width: 54px; height: 100%; background: url("/images/partner-reviews/partner-reviews-title2.png") 0% 0% repeat-y; } .partner-reviews-page .title { padding: 5px 10px 5px 10px; margin: 30px 0px 55px; min-height: 41px; background-color: #32027c; display: inline-block; position: relative; color: #ffffff; font-size: 28px; line-height: 26px; } .partner-reviews-page .title_center { text-align: center; } .partner-reviews-page .partner-reviews_logo { margin: 60px 0px 0px; } .partner-reviews-page .partner-reviews_logo img { max-width: 100%; } .partner-reviews-page .right { text-align: right; } .partner-reviews-page .text { color: #888888; font-size: 16px; line-height: 22px; } .partner-reviews-page .text p, .partner-reviews-page .text ul { margin: 0px 0px 25px; } .partner-reviews-page .text span { color: #0493b4; font-weight: 700; } .partner-reviews-page .text a { color: #0493b4; text-decoration: underline; } .partner-reviews-page .text a:focus, .partner-reviews-page .text a:hover { color: #23527c; text-decoration: none; } .partner-reviews-page .text ul li { padding: 0px 0px 10px 35px; list-style: none; background: url('/images/partner-reviews/partner-reviews_li.png') 15px 6px no-repeat; } .partner-reviews-page .text.bottom { width: 300px; margin: 120px 0px 0px; } .partner-reviews-page .text.bottom span { font-weight: 700; display: block; margin-bottom: 20px; color: #3b6e89; } .partner-reviews-page h1.partner-reviews-title { text-align: center; text-transform: uppercase; color: #ffffff; font-weight: 700; font-size: 24px; line-height: 40px; padding: 40px 0px 140px; } .partner-reviews-page .partner-reviews-items { display: flex; flex-wrap: wrap; width: 100%; padding: 0px 0px 50px; } .partner-reviews-page .partner-reviews-item { width: calc(33% - 27px); flex: 0 0 calc(33% - 27px); float: left; padding: 30px 45px 100px; margin: 35px 15px 0px; box-shadow: 0px 0px 35px rgba(151,151,151, 0.15); border-radius: 20px; position: relative; } .partner-reviews-page .partner-reviews-logo { width: 100%; height: 60px; background-position: 0px 0px; background-repeat: no-repeat; background-size: contain; margin: 0px 0px 10px; } .partner-reviews-page .partner-reviews-desc { } .partner-reviews-page .partner-reviews-pic { position: absolute; bottom: 35px; min-width: 150px; } .partner-reviews-page .partner-reviews-pic .link { min-height: 45px; width: 100%; max-width: 150px; display: inline-block; -webkit-border-radius: 2em; border-radius: 2em; cursor: pointer; background-color: rgb(61,179,158); -webkit-box-shadow: 0 5px 0 #3b9376; box-shadow: 0 5px 0 #3b9376; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 700; color: #fff; padding: 14px; font-size: 14px; line-height: 14px; position: relative; top: 0px; -webkit-transition: all .3s; transition: all .3s; margin: 20px 0px 0px; } .partner-reviews-page .partner-reviews-pic .link:hover { top: 3px; -webkit-box-shadow: 0 2px 0 #3b9376; box-shadow: 0 2px 0 #3b9376; } .partner-reviews-page .partner-reviews-slider { width: 100%; margin: 30px 0px 70px; position: relative; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-items { width: calc(100% - 30px); position: relative; padding: 0px 0px 0px 30px; } .partner-reviews-page .partner-reviews-slider-items-strip { width: calc(100% - 60px); height: 320px; position: relative; transition: all 0.5s linear 0s; margin: 0px auto; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item { width: calc(25% - 20px); height: 320px; margin: 0px 10px; cursor: pointer; position: absolute; top: -90px; left: 150%; display: none; background: #ffffff; border: 12px solid #c9c0d9; border-radius: 25px; opacity: 1; padding: 20px 20px; text-align: center; transition: left 0.7s linear 0s, top 0.7s linear 0s; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) { left: -75%; display: block; opacity: 0; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) { left: -50%; display: block; opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) { top: -60px; left: -25%; display: block; opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) { top: -30px; left: 0px; display: block; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) { top: 0px; left: 25%; display: block; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6) { top: 0px; left: 50%; display: block; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7) { top: -30px; left: 75%; display: block !important; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8) { top: -60px; left: 100%; display: block; opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9) { left: 125%; display: block; opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) { left: 150%; display: block; opacity: 0.15; } .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(1), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(2), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(3), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(8), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(9), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(10) { display: block; } .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(4), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(5), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(6), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(7) { display: block; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item-img { width: 80%; height: 100px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; margin: 0px auto 10px; } .partner-reviews-page .partner-reviews-arrow-next, .partner-reviews-page .partner-reviews-arrow-prev { display: inline-block; position: absolute; box-sizing: border-box; margin: 0px; height: 0px; top: calc(50% - 38px); left: 20px; z-index: 3; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; background: #fff; width: 50px; height: 50px; border-radius: 50%; } .partner-reviews-page .partner-reviews-arrow-next { left: auto; right: 20px; } .partner-reviews-page .partner-reviews-arrow-next .arrow:before, .partner-reviews-page .partner-reviews-arrow-next .arrow:after, .partner-reviews-page .partner-reviews-arrow-prev .arrow:before, .partner-reviews-page .partner-reviews-arrow-prev .arrow:after { content: ''; display: block; position: absolute; background-color: #333333; height: 2px; width: 20px; top: 0px; left: 0px; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .partner-reviews-page .partner-reviews-arrow-next .arrow:before, .partner-reviews-page .partner-reviews-arrow-next .arrow:after { left: auto; right: 0px; } .partner-reviews-page .partner-reviews-arrow-next .arrow:after { top: 13px; } .partner-reviews-page .partner-reviews-arrow-next .arrow:before { right: 0; transform: translateY(1px) rotate(45deg); } .partner-reviews-page .partner-reviews-arrow-prev .arrow:after { transform: translateY(1px) rotate(45deg); top: 13px; } .partner-reviews-page .partner-reviews-arrow-prev .arrow:before { right: 0; } .partner-reviews-page .partner-reviews-arrow-next:hover, .partner-reviews-page .partner-reviews-arrow-prev:hover, .partner-reviews-page .partner-reviews-arrow-next:hover, .partner-reviews-page .partner-reviews-arrow-prev:hover { background: #1b004e; } .partner-reviews-page .partner-reviews-arrow-next:hover .arrow:after, .partner-reviews-page .partner-reviews-arrow-prev:hover .arrow:before { transform: translateY(1px) rotate(135deg); background-color: #ffffff; } .partner-reviews-page .partner-reviews-arrow-next:hover .arrow:before, .partner-reviews-page .partner-reviews-arrow-prev:hover .arrow:after { transform: translateY(1px) rotate(225deg); background-color: #ffffff; } .partner-reviews-page .partner-reviews-arrow-next .arrow, .partner-reviews-page .partner-reviews-arrow-prev .arrow { position: absolute; top: 16px; bottom: 0; } .partner-reviews-page .partner-reviews-arrow-next .arrow { right: 12px; } .partner-reviews-page .partner-reviews-arrow-prev .arrow { left: 12px; } .partner-reviews-page .partner-reviews-arrow-next .arrow .line, .partner-reviews-page .partner-reviews-arrow-prev .arrow .line { position: absolute; display: block; background-color: #333333; height: 2px; width: 25px; top: 7.7px; left: -73px; opacity: 0; border-radius: 1px; pointer-events: none; transform: translateX(30px); transition: .3s; } .partner-reviews-page .partner-reviews-arrow-prev .arrow .line { left: -12px; } .partner-reviews-page .partner-reviews-arrow-next:hover .arrow .line { opacity: 1; left: -59px; background-color: #ffffff; } .partner-reviews-page .partner-reviews-arrow-prev:hover .arrow .line { opacity: 1; left: -26px; background-color: #ffffff; } .partner-reviews-page a.partner-reviews-button { min-height: 45px; width: 100%; max-width: 300px; display: inline-block; -webkit-border-radius: 2em; border-radius: 2em; cursor: pointer; background-color: #ff16a3; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 700; color: #fff; padding: 14px; font-size: 14px; line-height: 14px; box-shadow: 0 5px 0 #b51067; position: relative; top: 0px; -webkit-transition: all .3s; transition: all .3s; margin: 0px; } .partner-reviews-page a.partner-reviews-button:hover { box-shadow: 0 2px 0 #b51067; top: 3px; color: #fff; } .partner-reviews-page a.partner-reviews-button:focus { color: #fff; } .partner-reviews-page.top a.partner-reviews-button { margin: auto; display: block; } #galleryFormBlock .gallery-photo { display: table; text-align: center; margin: auto; } #galleryFormBlock .gallery-photo div.photo-block { display: table-cell; vertical-align: middle; position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 90vh; height: 90vh; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } #galleryFormBlock .gallery-photo img { display: block; margin: auto; } /*Адаптив*/ @media only screen and (max-width: 1199px) { .partner-reviews-page.buttom { padding: 0px 0 200px; background-size: 800px auto; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item { width: calc(33% - 20px); top: -120px; left: 65%; opacity: 0; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) { top: -90px; left: -66%; opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) { top: -60px; left: -33%; opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) { top: -30px; left: 0%; opacity: 1; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) { top: 0px; left: 33%; opacity: 1; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) { top: -30px; left: 66%; opacity: 1; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6) { top: -60px; left: 99%; opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7) { top: -90px; left: 132%; opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) { top: -120px; left: 165%; opacity: 0; } .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(1), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(2), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(6), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(7), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(8), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(9), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(10) { display: none; } .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(3), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(4), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(5) { display: block; } } @media only screen and (max-width: 991px) { .partner-reviews-page.top { background: url("/images/partner-reviews/partner-reviews-header2.png") 50% 0% no-repeat; } .partner-reviews-page.center { margin: 0px 0px 0px; } .partner-reviews-page.bottom { padding: 0px 0 215px; background: url("/images/partner-reviews/partner-reviews-footer.png") calc(50% + 300px) 100% no-repeat; background-size: auto 450px; min-height: 450px; } .partner-reviews-page .partner-reviews-item { width: calc(50% - 30px); flex: 0 0 calc(50% - 30px); } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item { width: calc(50% - 20px); top: -60px; left: 65%; opacity: 0; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) { top: -60px; left: -100%; opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) { top: -30px; left: -50%; opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) { top: 0px; left: 0%; opacity: 1; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) { top: 0px; left: 50%; opacity: 1; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) { top: -30px; left: 100%; opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6) { top: -60px; left: 150%; opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) { top: -90px; left: 200%; opacity: 0; } .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(1), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(2), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(5), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(6), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(7), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(8), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(9), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(10) { display: none; } .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(3), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(4) { display: block; } } @media only screen and (max-width: 767px) { .partner-reviews-page .partner-reviews-slider-items-strip { min-height: 320px; height: auto; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item { width: calc(50% - 20px); top: -60px; left: calc(125% - 10px); opacity: 0; min-height: 320px; height: auto; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) { top: -60px; left: calc(-75% - 10px); opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) { top: -30px; left: calc(-25% - 10px); opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) { top: 0px; left: calc(25% - 10px); opacity: 1; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) { top: -30px; left: calc(75% - 10px); opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) { top: -60px; left: calc(125% - 10px); opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) { top: -90px; left: calc(100% - 10px); opacity: 0; } .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(1), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(2), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(4), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(5), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(6), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(7), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(8), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(9), .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(10) { display: none; } .partner-reviews-page .partner-reviews-slider.ios .partner-reviews-slider-item:nth-child(3) { display: block; } } @media only screen and (max-width: 600px) { .partner-reviews-page .partner-reviews-item { width: calc(50% - 35px); flex: 0 0 calc(50% - 35px); } .partner-reviews-page .partner-reviews-desc { white-space: pre-wrap; word-wrap: anywhere; } .partner-reviews-page.bottom { padding: 0px 0 215px; background: url("/images/partner-reviews/partner-reviews-footer.png") calc(50% + 320px) 100% no-repeat; background-size: auto 420px; min-height: 420px; height: 420px; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item { width: calc(70% - 20px); top: -60px; left: calc(225% - 10px); opacity: 0; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) { top: -60px; left: calc(-125% - 10px); opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) { top: -30px; left: calc(-55% - 10px); opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) { top: 0px; left: calc(15% - 10px); opacity: 1; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) { top: -30px; left: calc(85% - 10px); opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) { top: -60px; left: calc(155% - 10px); opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) { top: -90px; left: calc(225% - 10px); opacity: 0; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) { display: none !important; border: 1px solid #ff0000; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) { display: block !important; } } @media only screen and (max-width: 530px) { .partner-reviews-page .partner-reviews-item { width: calc(100% - 0px); flex: 0 0 calc(100% - 0px); margin: 30px 0px 0px; } .partner-reviews-page .partner-reviews-logo { background-position: 50% 0px; } .partner-reviews-page .partner-reviews-desc { text-align: center; } .partner-reviews-page .partner-reviews-pic { min-width: calc(100% - 90px); text-align: center; } .partner-reviews-page.bottom { background: url("/images/partner-reviews/partner-reviews-footer.png") calc(50% + 70px) 100% no-repeat; background-size: 140% auto; padding: 0px 0px 400px; min-height: 530px; } .partner-reviews-page .text.bottom { margin: 30px 0px 30px; width: 100%; text-align: center; } .partner-reviews-page .text.bottom a.partner-reviews-button { margin: 0px auto; display: block; } } @media only screen and (max-width: 500px) { .partner-reviews-page .partner-reviews-arrow-prev { left: 0px; } .partner-reviews-page .partner-reviews-arrow-next { right: 0px; } } @media only screen and (max-width: 450px) { .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item { width: calc(100% - 20px); top: -60px; left: 300%; opacity: 0; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(1) { top: -60px; left: -200%; opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(2) { top: -30px; left: -100%; opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(3) { top: 0px; left: 0%; opacity: 1; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(4) { top: -30px; left: 100%; opacity: 0.5; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(5) { top: -60px; left: 200%; opacity: 0.15; } .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(6), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(7), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(8), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(9), .partner-reviews-page .partner-reviews-slider .partner-reviews-slider-item:nth-child(10) { top: -90px; left: 300%; opacity: 0; } .partner-reviews-page.bottom { min-height: 500px; } } @media only screen and (max-width: 420px) { .partner-reviews-page.bottom { background: url("/images/partner-reviews/partner-reviews-footer.png") calc(50% + 50px) 100% no-repeat; background-size: 140% auto; min-height: 470px; } } @media only screen and (max-width: 360px) { .partner-reviews-page.bottom { min-height: 430px; } } /*КОНЕЦ Страница Отзывы партнеров*/ /*Галерея*/ .gallery-page { width: 100%; min-height: 625px; background: #ffffff; margin: -20px 0px 0px; padding: 0px 0px 650px; position: relative; background: url("/images/gallery/header-bg.jpg") 50% 0% no-repeat, url("/images/gallery/footer-bg.jpg") 50% 100% no-repeat; } .gallery-page .gallery-title { color: #ffffff; padding: 40px 0px 190px; } .gallery-page .gallery-filter { display: flex; } .gallery-page .gallery-filter .gallery-category { font-size: 18px; text-transform: uppercase; color: #e2e2e2; padding: 10px 20px; border-bottom: 2px solid #e2e2e2; position: relative; z-index: 2; cursor: pointer; transition: all 0.3s linear 0s; } .gallery-page .gallery-filter .gallery-category.open, .gallery-page .gallery-filter .gallery-category:hover { color: #0096b8; border-bottom: 2px solid #0096b8; } .gallery-page .gallery-filter .gallery-category-empty { width: calc(100% - 30px); height: 100%; border-bottom: 2px solid #e2e2e2; position: absolute; z-index: 1; } .gallery-page .gallery-album { margin: 50px 0px 0px; color: #2b4554; } .gallery-page .gallery-album .gallery-album-name { } .gallery-page .gallery-album .gallery-album-name span.album-name { font-size: 16px; text-transform: uppercase; font-weight: bold; } .gallery-page .gallery-album .gallery-album-date { margin: 5px 0px 0px; } .gallery-page .gallery-album .gallery-album-photo { width: calc(100% + 5px); height: 375px; padding: 20px 0px; display: flex; position: relative; } .gallery-page .gallery-album .gallery-album-photo-cover, .gallery-page .gallery-album .gallery-album-photo-item { width: 345px; height: 345px; padding: 0px; margin: 0px 15px 0px 0px; border-radius: 10px; box-shadow: 3px 4px 8px rgba(49,48,61,0.3); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .gallery-page .gallery-album .gallery-album-photo-cover-text { width: 100%; height: 100%; border-radius: 10px; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(114,195,213,0) 40%, rgba(4,148,180,0.52) 71%, rgba(43,69,84,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(40%, rgba(114,195,213,0)), color-stop(71%, rgba(4,148,180,0.52)), color-stop(100%, rgba(43,69,84,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(114,195,213,0) 40%, rgba(4,148,180,0.52) 71%, rgba(43,69,84,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(114,195,213,0) 40%, rgba(4,148,180,0.52) 71%, rgba(43,69,84,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(114,195,213,0) 40%, rgba(4,148,180,0.52) 71%, rgba(43,69,84,1) 100%); display: table; padding: 25px; } .gallery-page .gallery-album .gallery-album-photo-cover-description { display: table-cell; vertical-align: bottom; color: #fff; } .gallery-page .gallery-album .gallery-album-photo-cover-title { display: block; font-size: 16px; text-transform: uppercase; font-weight: bold; } .gallery-page .gallery-album .gallery-album-photo-items { width: calc(100% - 365px); overflow: hidden; height: 355px; position: relative; } .gallery-page .gallery-album .gallery-album-photo-items-strip { width: 975px; height: 180px; display: flex; transition: all 0.5s linear 0s; margin-left: -180px; margin-left: 0px; } .gallery-page .gallery-album .gallery-album-photo-item { width: 165px; height: 165px; box-shadow: 2px 4px 6px rgba(49,48,61,0.3); background-size: cover; flex: 0 0 165px; cursor: pointer; } .gallery-page .gallery-album .gallery-album-photo-item:hover { opacity: 0.8; } .gallery-page .gallery-album .gallery-album-photo-item.full { width: 233px; flex: 0 0 233px; } .gallery-page .gallery-album .gallery-album-button { font-size: 16px; color: #2b4554; text-transform: uppercase; text-decoration: none; font-weight: bold; padding: 11px 40px; margin: 20px 0px 0px; display: inline-block; border: 2px solid #e2e2e2; border-radius: 40px; float: right; } .gallery-page .gallery-album .gallery-album-button:hover { opacity: 0.8; } .gallery-page .gallery-album .gallery-arrow-next, .gallery-page .gallery-album .gallery-arrow-prev { display: inline-block; position: absolute; box-sizing: border-box; margin: 0px; height: 0px; top: calc(50% - 19px); left: 345px; z-index: 3; width: 50px; height: 50px; background: #fff; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; box-shadow: 1px 1px 8px rgba(0,0,0,0.13); } .gallery-page .gallery-album .gallery-arrow-next { left: auto; right: 0px; } .gallery-page .gallery-album .gallery-arrow-next .arrow:before, .gallery-page .gallery-album .gallery-arrow-next .arrow:after, .gallery-page .gallery-album .gallery-arrow-prev .arrow:before, .gallery-page .gallery-album .gallery-arrow-prev .arrow:after { content: ''; display: block; position: absolute; background-color: #e2e2e2; height: 2px; width: 16px; top: calc(50% - 7px); border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .gallery-page .gallery-album .gallery-arrow-next .arrow:before, .gallery-page .gallery-album .gallery-arrow-next .arrow:after { background-color: rgb(61,179,158); } .gallery-page .gallery-album .gallery-arrow-next.left .arrow:before, .gallery-page .gallery-album .gallery-arrow-next.left .arrow:after { background-color: #e2e2e2; } .gallery-page .gallery-album .gallery-arrow-prev.left .arrow:before, .gallery-page .gallery-album .gallery-arrow-prev.left .arrow:after { background-color: rgb(61,179,158); } .gallery-page .gallery-album .gallery-arrow-next .arrow:before { left: 2px; transform: translateY(1px) rotate(45deg); } .gallery-page .gallery-album .gallery-arrow-next .arrow:after { top: calc(50% + 3px); left: 2px; } .gallery-page .gallery-album .gallery-arrow-prev .arrow:after { transform: translateY(1px) rotate(45deg); top: calc(50% + 3px); } .gallery-page .gallery-album .gallery-arrow-next:hover .arrow:after, .gallery-page .gallery-album .gallery-arrow-prev.left:hover .arrow:before { transform: translateY(1px) rotate(135deg); } .gallery-page .gallery-album .gallery-arrow-next:hover .arrow:before, .gallery-page .gallery-album .gallery-arrow-prev.left:hover .arrow:after { transform: translateY(1px) rotate(225deg); } .gallery-page .gallery-album .gallery-arrow-next:hover .arrow:before, .gallery-page .gallery-album .gallery-arrow-next:hover .arrow:after { left: 9px; } .gallery-page .gallery-album .gallery-arrow-prev.left:hover .arrow:after, .gallery-page .gallery-album .gallery-arrow-prev.left:hover .arrow:before { left: -6px; } .gallery-page .gallery-album .gallery-arrow-next.left:hover .arrow:before { transform: translateY(1px) rotate(45deg); } .gallery-page .gallery-album .gallery-arrow-next.left:hover .arrow:after { transform: translateY(1px) rotate(-45deg); } .gallery-page .gallery-album .gallery-arrow-next .arrow, .gallery-page .gallery-album .gallery-arrow-prev .arrow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 20px; height: 25px; margin: auto; } .gallery-page .gallery-album .gallery-arrow-next .arrow .line, .gallery-page .gallery-album .gallery-arrow-prev .arrow .line { position: absolute; display: block; background-color: #e2e2e2; height: 2px; width: 25px; top: 11px; left: -10px; opacity: 0; border-radius: 1px; pointer-events: none; transform: translateX(30px); transition: .3s; } .gallery-page .gallery-album .gallery-arrow-next .arrow .line { left: -57px; background-color: rgb(61,179,158); } .gallery-page .gallery-album .gallery-arrow-next.left .arrow .line { background-color: #e2e2e2; } .gallery-page .gallery-album .gallery-arrow-prev.left .arrow .line { background-color: rgb(61,179,158); } .gallery-page .gallery-album .gallery-arrow-prev.left:hover .arrow .line { opacity: 1; left: -32px; } .gallery-page .gallery-album .gallery-arrow-next:hover .arrow .line { opacity: 1; left: -32px; } .gallery-page .gallery-album .gallery-arrow-next.left:hover .arrow .line { opacity: 0; } .gallery-page .gallery-album .clear { clear: both; width: 0px; height: 0px; padding: 0px; margin: 0px; } .gallery-page .btn-green-color { margin: 50px 0px 0px; } .gallery-form-block .gallery-photo img { max-width: 100%; max-height: 100vh; margin: auto; display: block; } @media only screen and (max-width: 1199px) { .gallery-page .gallery-album .gallery-album-photo { height: 325px; } .gallery-page .gallery-album .gallery-album-photo-items-strip { height: 155px; width: 820px; } .gallery-page .gallery-album .gallery-album-photo-items { width: calc(100% - 295px); height: 305px; } .gallery-page .gallery-album .gallery-album-photo-item { width: 140px; height: 140px; flex: 0 0 140px; } .gallery-page .gallery-album .gallery-album-photo-item.full { width: 168px; flex: 0 0 168px; } .gallery-page .gallery-album .gallery-album-photo-cover { width: 295px; height: 295px; } .gallery-page .gallery-album .gallery-arrow-prev { left: 275px; } } @media only screen and (max-width: 991px) { .gallery-page .gallery-title { padding: 40px 0px 150px; } .gallery-page .gallery-album .gallery-album-photo { height: 310px; } .gallery-page .gallery-album .gallery-album-photo-items-strip { height: 135px; width: 805px; } .gallery-page .gallery-album .gallery-album-photo-items { width: calc(100% - 270px); height: 270px; } .gallery-page .gallery-album .gallery-album-photo-item { width: 120px; height: 120px; flex: 0 0 120px; } .gallery-page .gallery-album .gallery-album-photo-item.full { width: 253px; flex: 0 0 253px; } .gallery-page .gallery-album .gallery-album-photo-cover { width: 255px; height: 255px; } .gallery-page .gallery-album .gallery-arrow-prev { left: 235px; } .gallery-page .btn-green-color { display: block; } } @media only screen and (max-width: 767px) { .gallery-page { margin: -40px 0px 0px; padding: 0px 0px 410px; background: url("/images/gallery/header-bg.jpg") 50% 0% no-repeat, url("/images/gallery/footer-bg.jpg") calc(50% + 10px) 100% no-repeat; background-size: auto auto, auto 450px; } .gallery-page .gallery-title { padding: 60px 0px 120px; } .gallery-page .gallery-album .gallery-album-photo-items, .gallery-page .gallery-album .gallery-arrow-prev, .gallery-page .gallery-album .gallery-arrow-next { display: none; } .gallery-page .gallery-album .gallery-album-name { text-align: center; } .gallery-page .gallery-album .gallery-album-name span.album-name { display: block; width: 100%; text-align: center; } .gallery-page .gallery-album .gallery-album-name span.def { display: none; } .gallery-page .gallery-album .gallery-album-date { width: 135px; margin: auto; } .gallery-page .gallery-album .gallery-album-photo { height: 470px; } .gallery-page .gallery-album .gallery-album-photo-cover { width: 100%; height: 440px; margin: 0px 0px 0px 0px; } .gallery-page .gallery-album .gallery-album-button { float: none; margin: 20px auto 0px; display: table; } .gallery-page .gallery-filter { display: block; } .gallery-page .gallery-filter .gallery-category { display: block; width: 100%; } .gallery-page .gallery-filter .gallery-category-empty { height: 0%; border-bottom: 0px solid #e2e2e2; } } @media only screen and (max-width: 500px) { .gallery-page { margin: -50px 0px 0px; } .gallery-page .gallery-title { padding: 60px 0px 110px; } } @media only screen and (max-width: 414px) { .gallery-page { background: url("/images/gallery/header-bg-mob.jpg") 50% 0% no-repeat, url("/images/gallery/footer-bg.jpg") calc(50% + 10px) 100% no-repeat; background-size: auto auto, auto 450px; } .gallery-page .gallery-title { padding: 60px 0px 150px; font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 400px) { .gallery-page .gallery-album .gallery-album-photo { height: 300px; } .gallery-page .gallery-album .gallery-album-photo-cover { height: 260px; } } .gallery-page.detail { width: 100%; min-height: 625px; background: #ffffff; margin: -20px 0px 0px; padding: 0px 0px 650px; position: relative; background: url("/images/gallery/header-bg.jpg") 50% 0% no-repeat, url("/images/gallery/footer-bg.jpg") 50% 100% no-repeat; } .gallery-page.detail .gallery-title { text-align: center; text-transform: uppercase; color: #ffffff; font-weight: 700; font-size: 24px; line-height: 40px; padding: 40px 0px 190px; } .gallery-page.detail .gallery-album { max-width: 100%; text-align: center; } .gallery-page.detail .gallery-album-photo { width: 165px; height: 165px; box-shadow: 2px 4px 6px rgba(49,48,61,0.3); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; cursor: pointer; margin: 10px; } .gallery-page.detail .btn-green-color { margin: 50px 0px 0px; } .gallery-form-block .gallery-photo img { max-width: 100%; max-height: 100vh; margin: auto; display: block; } @media only screen and (max-width: 991px) { .gallery-page.detail .gallery-title { padding: 40px 0px 150px; } .btn-green-color { display: block; } } @media only screen and (max-width: 767px) { .gallery-page.detail { margin: -40px 0px 0px; padding: 0px 0px 410px; background: url("/images/gallery/header-bg.jpg") 50% 0% no-repeat, url("/images/gallery/footer-bg.jpg") calc(50% + 10px) 100% no-repeat; background-size: auto auto, auto 450px; } .gallery-page.detail .gallery-title { padding: 40px 0px 140px; } } @media only screen and (max-width: 500px) { .gallery-page.detail { margin: -50px 0px 0px; } .gallery-page.detail .gallery-title { padding: 40px 0px 130px; } } @media only screen and (max-width: 414px) { .gallery-page.detail { background: url("/images/gallery/header-bg-mob.jpg") 50% 0% no-repeat, url("/images/gallery/footer-bg.jpg") calc(50% + 10px) 100% no-repeat; background-size: auto auto, auto 450px; } .gallery-page.detail .gallery-title { padding: 30px 0px 150px; width: 240px; margin: auto; word-wrap: normal; word-break: normal; line-break: auto; hyphens: manual; overflow-wrap: break-word; font-size: 22px; line-height: 32px; overflow: hidden; height: 80px; } } /*КОНЕЦ Галерея*/ .text_courses ul li:before { content: ""; position: absolute; left: -18px; top: calc(50% - 5px); width: 10px; height: 10px; border-radius: 100%; background: #fff; border: 2px solid #0096b8; } .text_courses ul li { list-style: none; margin: 0px 0px 0px 20px; position: relative; } .text_courses span { color: #0493b4; font-weight: 700; } .text_courses h2 { margin-top: 0px; margin-bottom: 10px; } .link.anim { position: relative; z-index: 2; display: block; overflow: inherit; display: block; cursor: pointer; background-color: #0494b4; text-align: center; font-weight: 700; color: #fff; padding: 14px; font-size: 14px; line-height: 20px; box-shadow: 0 5px 0 #0484ac; position: relative; top: 0px; -webkit-transition: all .3s; transition: all .3s; max-width: 334px; margin: 15px auto; } .link.link2.anim:hover { top: 3px; box-shadow: 0 2px 0 #0484ac; } .link.link2.anim:before { display: none; } .link.link2.anim:before { position: absolute; content: ""; top: -4px; left: -20px; width: calc(100% + 40px); height: calc(100% + 8px); background-color: rgba(255,255,255, 0.1); border-radius: 2em; opacity: 1; transform: translate3d(0, 0, 0) scale(0); display: block; } .link.link2.anim div, .btn-green-color.anim div { transform: translate3d(0, 0, 0); } .link.link2.anim, .btn-green-color.anim { animation: phone-outer 6000ms infinite; } .link.link2.anim:before, .btn-green-color.anim:before { animation: phone-inner 6000ms infinite; } .link.link2.anim div, .btn-green-color.anim div { animation: phone-icon 3000ms infinite; } @keyframes phone-outer { 0% { transform: translate3d(0, 0, 0) scale(1); } 25% { transform: translate3d(0, 0, 0) scale(1.03); } 55% { transform: translate3d(0, 0, 0) scale(1); } 100% { transform: translate3d(0, 0, 0) scale(1); } } @keyframes phone-inner { 0% { opacity: 1; transform: translate3d(0, 0, 0) scale(0); } 25% { opacity: 1; transform: translate3d(0, 0, 0) scale(0.9); } 55% { opacity: 0; transform: translate3d(0, 0, 0) scale(0); } 100% { opacity: 0; transform: translate3d(0, 0, 0) scale(0); } } @keyframes phone-icon { 0% { transform: translate3d(0px, 0, 0); } 2% { transform: translate3d(2px, 0, 0); } 4% { transform: translate3d(-2px, 0, 0); } 6% { transform: translate3d(2px, 0, 0); } 8% { transform: translate3d(-2px, 0, 0); } 10% { transform: translate3d(2px, 0, 0); } 12% { transform: translate3d(-2px, 0, 0); } 14% { transform: translate3d(2px, 0, 0); } 16% { transform: translate3d(-2px, 0, 0); } 18% { transform: translate3d(2px, 0, 0); } 20% { transform: translate3d(-2px, 0, 0); } 22% { transform: translate3d(2px, 0, 0); } 24% { transform: translate3d(-2px, 0, 0); } 26% { transform: translate3d(2px, 0, 0); } 28% { transform: translate3d(-2px, 0, 0); } 30% { transform: translate3d(2px, 0, 0); } 32% { transform: translate3d(-2px, 0, 0); } 34% { transform: translate3d(0em, 0, 0); } } .animation_block_contacts { position: relative; overflow:hidden; width: 100%; height: 1080px; position: absolute; top: -150px; } .info_contacts.contacts-page .animation_block_contacts { top: -130px; } #animation_container_contacts_block { width: 1920px; height: 1080px; left: 50%; margin: 0px 0px 0px -960px; position: relative; } #canvas_contacts_block { position: absolute; display: block; } #dom_overlay_container_contacts_block { pointer-events:none; overflow:hidden; width:1920px; height:1080px; position: absolute; left: 0px; top: 0px; display: block; } @media only screen and (max-width: 991px) { .animation_block_contacts { display: none; } #info_contacts .wanna-be-better { background: url("/images/contacts/contacts-bg2-mob.png") 50% 100% no-repeat; } } /*Movavi*/ .movavi-page div, img { -webkit-transition: top 1s linear 0s; -moz-transition: top 1s linear 0s; -o-transition: top 1s linear 0s; transition: top 1s linear 0s; } .movavi-page { padding: 0px 0px 0px; margin-top: 0px; position: relative; } .movavi-page.top { background: url("/images/movavi/movavi_header.png") 50% 0% no-repeat; overflow: hidden; } .movavi-page.center { background: url("/images/movavi/movavi_slider.png") 50% 0% no-repeat; background-size: cover; } .movavi-page.bottom { padding: 0px 0 320px; background: url("/images/movavi/movavi_photo_bg.png") 50% 0% no-repeat, url("/images/movavi/movavi_footer.png") calc(50% + 200px) 100% no-repeat; } .movavi-page .title:before { content: ""; position: absolute; left: -54px; top: -1px; width: 54px; height: 100%; background: url("/images/movavi/movavi_title.png") 0% 0% repeat-y; } .movavi-page .title:after { content: ""; position: absolute; right: -54px; top: -1px; width: 54px; height: 100%; background: url("/images/movavi/movavi_title2.png") 0% 0% repeat-y; } .movavi-page .title { padding: 5px 0px 5px 10px; margin: 30px 0px 55px; min-height: 41px; background-color: #f3f3f3; display: inline-block; position: relative; color: #446e87; font-size: 28px; line-height: 26px; } .movavi-page .title_center { text-align: center; } .movavi-page .movavi_logo { margin: 60px 0px 0px; } .movavi-page .movavi_logo img { max-width: 100%; } .movavi-page .right { text-align: right; } .movavi-page .text { color: #888888; font-size: 16px; line-height: 22px; } .movavi-page .text p, .movavi-page .text ul { margin: 0px 0px 25px; } .movavi-page .text span { color: #0493b4; font-weight: 700; } .movavi-page .text a { color: #0493b4; text-decoration: underline; } .movavi-page .text a:focus, .movavi-page .text a:hover { color: #23527c; text-decoration: none; } .movavi-page .text ul li, .movavi-slider-item ul li { padding: 0px 0px 10px 35px; list-style: none; background: url('/images/movavi/movavi_li.png') 15px 6px no-repeat; } .movavi-page .text.bottom { width: 300px; margin: 120px 0px 0px; } .movavi-page .text.bottom span { font-size: 22px; line-height: 28px; font-weight: 700; display: block; margin-bottom: 20px; color: #3db39e; } .movavi-page .quote:before, .movavi-page .quote:after { content: ""; position: absolute; width: 31px; height: 20px; background: url("/images/movavi/movavi_quote.png") 0% 0% no-repeat; } .movavi-page .quote:before { left: -41px; bottom: -15px; } .movavi-page .quote:after { right: -40px; top: -15px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .movavi-page .quote { position: relative; padding: 0px; margin: 55px 0px 55px; color: #446e87; font-size: 22px; line-height: 28px; font-weight: 700; } .movavi-page .quote.center { max-width: 710px; text-align: center; margin: auto; } .movavi-page .text_bold { color: #3db39e; font-weight: 700; font-size: 22px; line-height: 28px; margin: 0px 0px 25px 0px; } .movavi-page .head_title { padding: 300px 0px 240px; max-width: 345px; text-align: left; } .movavi-page .head_title h1 { font-weight: 700; font-size: 58px; line-height: 58px; margin-bottom: 30px; text-align: left; } .movavi-page .head_title h1 span { color: #0095b6; } .movavi-page .col-md-6.img { height: 560px; } .movavi-page .movavi_img_b1 div { width: 100%; position: absolute; top: -100px; height: 545px; } .movavi-page .movavi_img_b1 .movavi_img_l1 { z-index: 1; background: url('/images/movavi/movavi_b1_l1.png') 0% 0% no-repeat; background-size: contain; } .movavi-page .stars { border-radius: 100%; background: #ffffff; } .movavi-page .star1 { width: 10px; height: 10px; position: absolute; top: 90px; left: -70px; } .movavi-page .star2 { width: 5px; height: 5px; position: absolute; top: 120px; left: 110px; } .movavi-page .star3 { width: 7px; height: 7px; position: absolute; top: 220px; left: -55px; } .movavi-page .star4 { width: 3px; height: 3px; position: absolute; top: 320px; left: -110px; } .movavi-page .star5 { width: 10px; height: 10px; position: absolute; top: 170px; right: 70px; } .movavi-page .star6 { width: 3px; height: 3px; position: absolute; top: 210px; right: 300px; } .movavi-page .star7 { width: 20px; height: 20px; position: absolute; top: 350px; right: 0px; } .movavi-page .star8 { width: 7px; height: 7px; position: absolute; top: 500px; right: 90px; } .movavi-page .star9 { width: 5px; height: 5px; position: absolute; top: 310px; right: 170px; } .movavi-page .star10 { width: 10px; height: 10px; position: absolute; } .movavi-page .star11 { width: 5px; height: 5px; position: absolute; background: #f8e160; } .movavi-page .star12 { width: 3px; height: 3px; position: absolute; background: #f8e160; } .movavi-page .movavi-slider { width: 100%; margin: 200px 0px 70px; } .movavi-page .movavi-slider .movavi-slider-items { width: calc(100% - 30px); overflow: hidden; position: relative; padding: 0px 0px 0px 30px; } .movavi-page .movavi-slider-items-strip { width: calc(100% - 60px); height: 560px; overflow: hidden; position: relative; transition: all 0.5s linear 0s; margin: 0px auto; } .movavi-page .movavi-slider .movavi-slider-item { width: 100%; height: 560px; margin: 0px 10px; cursor: pointer; position: absolute; left: calc(100% + 40px); display: none; background-position: 0% 0%; background-repeat: no-repeat; background-size: auto 100%; transition: all 0.5s linear 0s; } .movavi-page .movavi-slider .movavi-slider-item:nth-child(1) { left: calc(-100% - 40px); display: block; } .movavi-page .movavi-slider .movavi-slider-item:nth-child(2) { left: 0px; display: block; } .movavi-page .movavi-slider .movavi-slider-item:nth-child(3) { left: calc(100% + 40px); display: block; } .movavi-page .movavi-arrow-next, .movavi-page .movavi-arrow-prev { display: inline-block; position: absolute; box-sizing: border-box; margin: 0px; height: 0px; top: calc(50% - 8px); left: 20px; z-index: 3; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; background: #fff; width: 50px; height: 50px; border-radius: 50%; } .movavi-page .movavi-arrow-next { left: auto; right: 20px; } .movavi-page .movavi-arrow-next .arrow:before, .movavi-page .movavi-arrow-next .arrow:after, .movavi-page .movavi-arrow-prev .arrow:before, .movavi-page .movavi-arrow-prev .arrow:after { content: ''; display: block; position: absolute; background-color: #3db39e; height: 2px; width: 20px; top: 0px; left: 0px; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .movavi-page .movavi-arrow-next .arrow:before, .movavi-page .movavi-arrow-next .arrow:after { left: auto; right: 0px; } .movavi-page .movavi-arrow-next .arrow:after { top: 13px; } .movavi-page .movavi-arrow-next .arrow:before { right: 0; transform: translateY(1px) rotate(45deg); } .movavi-page .movavi-arrow-prev .arrow:after { transform: translateY(1px) rotate(45deg); top: 13px; } .movavi-page .movavi-arrow-prev .arrow:before { right: 0; } .movavi-page .movavi-arrow-next:hover .arrow:after, .movavi-page .movavi-arrow-prev:hover .arrow:before { transform: translateY(1px) rotate(135deg); } .movavi-page .movavi-arrow-next:hover .arrow:before, .movavi-page .movavi-arrow-prev:hover .arrow:after { transform: translateY(1px) rotate(225deg); } .movavi-page .movavi-arrow-next .arrow, .movavi-page .movavi-arrow-prev .arrow { position: absolute; top: 16px; bottom: 0; } .movavi-page .movavi-arrow-next .arrow { right: 12px; } .movavi-page .movavi-arrow-prev .arrow { left: 12px; } .movavi-page .movavi-arrow-next .arrow .line, .movavi-page .movavi-arrow-prev .arrow .line { position: absolute; display: block; background-color: #3db39e; height: 2px; width: 25px; top: 7.7px; left: -73px; opacity: 0; border-radius: 1px; pointer-events: none; transform: translateX(30px); transition: .3s; } .movavi-page .movavi-arrow-prev .arrow .line { left: -12px; } .movavi-page .movavi-arrow-next:hover .arrow .line { opacity: 1; left: -59px; } .movavi-page .movavi-arrow-prev:hover .arrow .line { opacity: 1; left: -26px; } .movavi-page .movavi-slider-img { width: 470px; height: 270px; background: url('/images/movavi/movavi-slider-img.png') 50% 50% no-repeat; background-size: contain; position: absolute; z-index: 2; top: -100px; right: 50px; } .movavi-page .movavi-slider-item-info { display: flex; } .movavi-page .movavi-slider-item-left { flex: 0 0 50%; padding: 0px 20px; } .movavi-page .movavi-slider-item-title { font-size: 50px; font-weight: 700; color: #ffffff; } .movavi-page .movavi-slider-item-img { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; width: 100%; max-width: 340px; height: 215px; margin: 30px auto 0px; } .movavi-page .movavi-slider-item-button { text-align: center; margin: 60px 0px 0px; } .movavi-page .movavi-slider-item-title span { color: #0493b4; } .movavi-page .movavi-slider-item-right { flex: 0 0 50%; padding: 0px 20px; font-size: 16px; line-height: 22px; color: #fff; } .movavi-page a.movavi-button { min-height: 45px; width: 100%; max-width: 300px; display: inline-block; -webkit-border-radius: 2em; border-radius: 2em; cursor: pointer; background-color: #ff16a3; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 700; color: #fff; padding: 14px; font-size: 14px; line-height: 14px; box-shadow: 0 5px 0 #b51067; position: relative; top: 0px; -webkit-transition: all .3s; transition: all .3s; margin: 0px; } .movavi-page a.movavi-button:hover { box-shadow: 0 2px 0 #b51067; top: 3px; color: #fff; } .movavi-page a.movavi-button:focus { color: #fff; } .movavi-photo { margin: 60px auto; width: 100%; } .movavi-photo-items-strip { width: 955px; height: 180px; display: flex; transition: all 0.5s linear 0s; margin: auto; } .movavi-photo-item { width: 165px; height: 165px; box-shadow: 2px 4px 6px rgba(49,48,61,0.3); flex: 0 0 165px; padding: 0px; margin: 0px 15px 0px 0px; border-radius: 10px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .movavi-photo-item.full { width: 233px; flex: 0 0 233px; } /*Адаптив*/ @media only screen and (max-width: 1440px) { .movavi-page .movavi-slider-img { width: 400px; height: 230px; top: -60px; right: 50px; } } @media only screen and (max-width: 1199px) { .movavi-page .star3 { top: 160px; left: -50px } .movavi-page .star4 { top: 260px; left: -100px; } .movavi-page .star5 { top: 130px; right: 120px; } .movavi-page .star6 { top: 210px; right: 250px; } .movavi-page .star7 { top: 340px; right: -20px; } .movavi-page .star8 { top: 470px; right: 70px; } .movavi-page.buttom { padding: 0px 0 200px; background-size: 800px auto; } .movavi-page .movavi_img_b1 div { margin-left: -20px; } .movavi-page .head_title { padding: 208px 0px 260px 30px; max-width: 325px; } .movavi-page .text.bottom { margin: 100px 0px 0px; } .movavi-page .movavi-slider-img { top: -40px; right: 30px; } .movavi-page .movavi-slider-item-title { font-size: 40px; } } @media only screen and (max-width: 991px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 200% -2% no-repeat; background-size: 50% auto, auto 720px; } .movavi-page.bottom { padding: 0px 0 215px; background: url("/images/movavi/movavi_photo_bg.png") 50% 0% no-repeat, url("/images/movavi/movavi_footer.png") calc(50% + 200px) 100% no-repeat; background-size: auto, calc(100% - 215px) auto; } .movavi-page .animation_header { display: none; } .movavi-page .head_title { padding: 170px 0px 250px 13%; max-width: 435px; } .movavi-page .col-md-6.img { height: auto; } .movavi-page .movavi_img_b1 { display: none; } .movavi-page .text ul li, .movavi-slider-item ul li { padding: 0px 0px 0px 20px; background: url('/images/movavi/movavi_li.png') 0px 8px no-repeat; margin: 0px; } .movavi-page .quote { text-align: center; padding: 0px 30px; } .movavi-page .quote:before { left: 0px; } .movavi-page .quote:after { right: -10px; } .movavi-page .right { text-align: left; } .movavi-page .movavi-slider-item-title { font-size: 30px; } .movavi-photo { margin: 60px auto 20px; } .movavi-photo-item { width: 140px; height: 140px; flex: 0 0 140px; } .movavi-photo-item.full { width: 235px; flex: 0 0 235px; } .movavi-photo-items-strip .movavi-photo-item:nth-child(5) { display: none; } .movavi-photo-items-strip { width: 705px; margin: auto; } } @media only screen and (max-width: 910px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 200% -2% no-repeat; background-size: 50% auto, auto 720px; } .movavi-page.bottom { padding: 0px 0 160px; background:url("/images/movavi/movavi_footer.png") calc(50% + 200px) 100% no-repeat; background-size: calc(100% - 215px) auto; } } @media only screen and (max-width: 880px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 300% -2% no-repeat; background-size: 50% auto, auto 720px; } .movavi-page.bottom { padding: 0px 0 150px; } } @media only screen and (max-width: 820px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 400% -2% no-repeat; background-size: 50% auto, auto 720px; } .movavi-page.bottom { background-size: calc(100% - 240px) auto; } .movavi-page .text.bottom { margin: 70px 0px 0px; } } @media only screen and (max-width: 790px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 460% -2% no-repeat; background-size: 50% auto, auto 720px; } .movavi-page .head_title { padding: 160px 0px 250px 10%; } } @media only screen and (max-width: 767px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 250% -2% no-repeat; background-size: 50% auto, auto 600px; } .movavi-page.bottom { padding: 0px 0 400px; background: url("/images/movavi/movavi_footer.png") calc(50% + 130px) 100% no-repeat; background-size: 120% auto; } .movavi-page .head_title { padding: 150px 0px 190px 13%; max-width: 335px; } .movavi-page .head_title h1 { font-size: 48px; line-height: 48px; } .movavi-page .movavi-slider { margin: 180px 0px 40px; } .movavi-page .movavi-slider-items-strip { height: 780px; } .movavi-page .movavi-slider-item-info { display: block; } .movavi-page .movavi-slider-item-title { text-align: center; } .movavi-page .movavi-slider-item-img { height: 150px; } .movavi-page .movavi-slider-item-button { margin: 40px 0px; } .movavi-page .movavi-slider-img { width: 350px; height: 290px; top: -80px; right: 50px; } .movavi-page .quote::after { right: -10px; } .movavi-photo-items-strip { width: 605px; margin: auto; } .movavi-photo-item.full { width: 140px; flex: 0 0 140px; } } @media only screen and (max-width: 715px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 340px -2% no-repeat; background-size: 50% auto, auto 600px; } } @media only screen and (max-width: 675px) { .movavi-page .head_title h1 { font-size: 40px; line-height: 40px; } .movavi-photo-items-strip .movavi-photo-item:nth-child(4) { display: none; } .movavi-photo-items-strip { width: 450px; } .movavi-page .movavi-slider-items-strip { height: 810px; } } @media only screen and (max-width: 635px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 290px -2% no-repeat, background-size: 60% auto, auto 600px; } .movavi-page.bottom { background: url("/images/movavi/movavi_footer.png") calc(50% + 180px) 100% no-repeat; background-size: 140% auto; } .movavi-page .head_title { max-width: 300px; } .movavi-page .movavi-slider-items-strip { height: 890px; } } @media only screen and (max-width: 605px) { .movavi-page .col-md-6.title_center_mobi { text-align: center; } } @media only screen and (max-width: 560px) { .movavi-page .movavi-slider-items-strip { height: 980px; } } @media only screen and (max-width: 530px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 180px 5% no-repeat, background-size: 70% auto, auto 600px; } .movavi-page.bottom { background: url("/images/movavi/movavi_footer.png") calc(50% + 50px) 100% no-repeat; background-size: 140% auto; } .movavi-page .head_title { max-width: 300px; } .movavi-page .text.bottom { margin: 70px 0px 30px; } .movavi-page .movavi-slider-items-strip { height: 1090px; } } @media only screen and (max-width: 500px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 160px 7% no-repeat; background-size: 60% auto, auto 600px; } .movavi-page.bottom { background: url("/images/movavi/movavi_footer.png") 30% 100% no-repeat; background-size: 155% auto; } .movavi-page .head_title { padding: 85px 0px 390px 17%; } .movavi-page .text.bottom { width: 100%; } .movavi-page .movavi-slider .movavi-slider-item:nth-child(2) { width: calc(100% - 20px); } .movavi-photo-items-strip .movavi-photo-item:nth-child(3) { display: none; } .movavi-photo-items-strip { width: 295px; } .movavi-page .movavi-slider-img { display: none; } .movavi-page .movavi-slider .movavi-slider-items { width: 100%; padding: 0px 0px 0px 0px; } .movavi-page .movavi-slider-items-strip { height: 900px; width: 100%; } .movavi-page .movavi-arrow-next, .movavi-page .movavi-arrow-prev { background: none; } .movavi-page .movavi-arrow-prev { left: 10px; } .movavi-page .movavi-arrow-next { right: 10px; } .movavi-page .movavi-arrow-prev .arrow { left: -8px; } .movavi-page .movavi-arrow-next .arrow { right: -8px; } .movavi-page .movavi-slider { margin: 70px 0px 40px; } } @media only screen and (max-width: 460px) { .movavi-page.bottom { padding: 0px 0 340px; } .movavi-page .movavi-slider-items-strip { height: 830px; } .movavi-page .movavi-slider-item-img { display: none; } } @media only screen and (max-width: 420px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 130px 13% no-repeat background-size: 95% auto, auto 600px; } .movavi-page.bottom { padding: 0px 0 360px; } .movavi-page .head_title { padding: 80px 0px 400px 65px; max-width: 285px; } .movavi-page .movavi-slider-items-strip { height: 670px; } .movavi-page .movavi-slider-item-right { font-size: 14px; line-height: 18px; } } @media only screen and (max-width: 400px) { .movavi-page .movavi-slider-item-title { font-size: 20px; } } @media only screen and (max-width: 390px) { .movavi-page .movavi-slider-items-strip { height: 740px; } } @media only screen and (max-width: 360px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 120px 11% no-repeat; background-size: 95% auto, auto 600px; } .movavi-page .head_title { padding: 120px 0px 400px 65px; } .movavi-page.bottom { padding: 0px 0 320px; } .movavi-photo { display: none; } .movavi-page .quote.center { margin: 60px auto 0px; } .movavi-page .movavi-slider-items-strip { height: 820px; } } @media only screen and (max-width: 340px) { .movavi-page.top { background: url("/images/movavi/movavi_header1.png") 0% -1% no-repeat, url("/images/movavi/movavi_header2.png") 90px 9% no-repeat; background-size: 95% auto, auto 600px; } .movavi-page.bottom { padding: 0px 0 300px; } .movavi-page .head_title { padding: 120px 0px 440px 40px; max-width: 245px; } .movavi-page .movavi-slider-items-strip { height: 910px; } } @media only screen and (min-width: 992px) { .movavi-page .star1 { -webkit-animation: pulsate 2s linear 0s infinite; animation: pulsate 2s linear 0s infinite; } .movavi-page .star2 { -webkit-animation: pulsate_small 1s linear 0s infinite; animation: pulsate_small 1s linear 0s infinite; } .movavi-page .star3 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } .movavi-page .star4 { -webkit-animation: pulsate_small 1s linear 1s infinite; animation: pulsate_small 1s linear 1s infinite; } .movavi-page .star5 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } .movavi-page .star6 { -webkit-animation: pulsate_small 2s linear 1s infinite; animation: pulsate_small 2s linear 1s infinite; } .movavi-page .star7 { -webkit-animation: pulsate 2s linear 1s infinite; animation: pulsate 2s linear 1s infinite; } .movavi-page .star8 { -webkit-animation: pulsate_small 1s linear 0.5s infinite; animation: pulsate_small 1s linear 0.5s infinite; } .movavi-page .star9 { -webkit-animation: pulsate_small 2s linear 0s infinite; animation: pulsate_small 2s linear 0s infinite; } .movavi-page .star10 { -webkit-animation: slide_star 10s linear 0s infinite; animation: slide_star 10s linear 0s infinite; } .movavi-page .star11 { -webkit-animation: slide_star2 10s linear 2s infinite; animation: slide_star2 10s linear 2s infinite; } .movavi-page .star12 { -webkit-animation: slide_star3 10s linear 4s infinite; animation: slide_star3 10s linear 4s infinite; } } /*Анимация*/ /*Звезды*/ @-webkit-keyframes pulsate { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 10px rgba(90,156,202,.5), 0 0 16px #5a9cca; } } @keyframes pulsate { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px 5px rgba(90,156,202,.5), 0 0 10px 5px #5a9cca; } } @-webkit-keyframes pulsate_small { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 2px 2px rgba(90,156,202,.5), 0 0 5px 2px #5a9cca; } } @keyframes pulsate_small { 50% { box-shadow: 0 -1px rgba(0,0,0,.3), 0 0 2px 2px rgba(90,156,202,.5), 0 0 5px 2px #5a9cca; } } @-webkit-keyframes slide_star { 0% { top: 0px; right: -100px; opacity: 1;} 30% { top: 500px; right: 500px; opacity: 1; } 31% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star { 0% { top: 0px; right: -100px; opacity: 1;} 30% { top: 500px; right: 500px; opacity: 1; } 31% { top: 2000px; right: 2000px; opacity: 0; } } @-webkit-keyframes slide_star2 { 0% { top: 0px; right: -100px; opacity: 1;} 20% { top: 250px; right: 300px; opacity: 1; } 21% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star2 { 0% { top: 0px; right: -100px; opacity: 1;} 20% { top: 250px; right: 300px; opacity: 1; } 21% { top: 2000px; right: 2000px; opacity: 0; } } @-webkit-keyframes slide_star3 { 0% { top: 0px; right: -100px; opacity: 1;} 10% { top: 1250px; right: 1000px; opacity: 1; } 11% { top: 2000px; right: 2000px; opacity: 0; } } @keyframes slide_star3 { 0% { top: 0px; right: -100px; opacity: 1;} 10% { top: 1250px; right: 500px; opacity: 1; } 11% { top: 2000px; right: 2000px; opacity: 0; } } /*Конец Movavi*/ /*Главный слайдер*/ .main-site-slider { width: 100%; margin: 0px 0px 0px; position: relative; } .main-site-slider.video_courses { margin: 40px 0px 0px; } .main-site-slider .main-site-slider-items { width: calc(100% - 30px); overflow: hidden; position: relative; padding: 0px 0px 0px 30px; } .main-site-slider-items-strip { width: calc(100% - 60px); height: auto; min-height: 200px; overflow: hidden; position: relative; transition: all 0.5s linear 0s; margin: 0px auto; } .main-site-slider .main-site-slider-item { width: calc(100% - 20px); height: auto; min-height: 200px; margin: 0px 10px; cursor: pointer; position: absolute; left: calc(100% + 40px); display: none; background-position: 0% 0%; background-repeat: no-repeat; background-size: auto 100%; transition: all 0.5s linear 0s; } .main-site-slider .main-site-slider-item:nth-child(1) { left: calc(-100% - 40px); display: block; } .main-site-slider .main-site-slider-item:nth-child(2) { left: 0px; display: block; } .main-site-slider .main-site-slider-item:nth-child(3) { left: calc(100% + 40px); display: block; } .main-site-arrow-next, .main-site-arrow-prev { display: inline-block; position: absolute; box-sizing: border-box; margin: 0px; height: 0px; top: calc(50% - 8px); left: 20px; z-index: 3; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; background: #fff; width: 50px; height: 50px; border-radius: 50%; } .main-site-arrow-next { left: auto; right: 20px; } .main-site-arrow-next .arrow:before, .main-site-arrow-next .arrow:after, .main-site-arrow-prev .arrow:before, .main-site-arrow-prev .arrow:after { content: ''; display: block; position: absolute; background-color: #3db39e; height: 2px; width: 20px; top: 0px; left: 0px; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .main-site-arrow-next .arrow:before, .main-site-arrow-next .arrow:after { left: auto; right: 0px; } .main-site-arrow-next .arrow:after { top: 13px; } .main-site-arrow-next .arrow:before { right: 0; transform: translateY(1px) rotate(45deg); } .main-site-arrow-prev .arrow:after { transform: translateY(1px) rotate(45deg); top: 13px; } .main-site-arrow-prev .arrow:before { right: 0; } .main-site-arrow-next:hover .arrow:after, .main-site-arrow-prev:hover .arrow:before { transform: translateY(1px) rotate(135deg); } .main-site-arrow-next:hover .arrow:before, .main-site-arrow-prev:hover .arrow:after { transform: translateY(1px) rotate(225deg); } .main-site-arrow-next .arrow, .main-site-arrow-prev .arrow { position: absolute; top: 16px; bottom: 0; } .main-site-arrow-next .arrow { right: 12px; } .main-site-arrow-prev .arrow { left: 12px; } .main-site-arrow-next .arrow .line, .main-site-arrow-prev .arrow .line { position: absolute; display: block; background-color: #3db39e; height: 2px; width: 25px; top: 7.7px; left: -73px; opacity: 0; border-radius: 1px; pointer-events: none; transform: translateX(30px); transition: .3s; } .main-site-arrow-prev .arrow .line { left: -12px; } .main-site-arrow-next:hover .arrow .line { opacity: 1; left: -59px; } .main-site-arrow-prev:hover .arrow .line { opacity: 1; left: -26px; } /*КОНЕЦ Главный слайдер*/ #minicourseFormBlock .cost_pay span { color: initial; } /*acer*/ .acer-page div, img { -webkit-transition: top 1s linear 0s; -moz-transition: top 1s linear 0s; -o-transition: top 1s linear 0s; transition: top 1s linear 0s; } .acer-page { padding: 0px 0px 0px; margin-top: 0px; position: relative; } .acer-page.top { background: url("/images/acer/acer_header.png") 50% 0% no-repeat; overflow: hidden; } .acer-page.center { background: url("/images/acer/acer_slider.png") 50% 0% no-repeat; margin-top: 160px; background-size: auto 100%; } .acer-page.center .row { position: relative; } .acer-page.bottom { padding: 0px 0 320px; background: url("/images/acer/acer_footer.png") calc(50% + 200px) 100% no-repeat; } .acer-page .title:before { content: ""; position: absolute; left: -54px; top: -1px; width: 54px; height: 100%; background: url("/images/acer/acer_title.png") 0% 0% repeat-y; } .acer-page .title:after { content: ""; position: absolute; right: -54px; top: 0px; width: 54px; height: 100%; background: url("/images/acer/acer_title2.png") 0% 0% repeat-y; } .acer-page .title { padding: 5px 0px 5px 10px; margin: 30px 0px 55px; min-height: 41px; background-color: #f3f3f3; display: inline-block; position: relative; color: #446e87; font-size: 28px; line-height: 26px; } .acer-page.center .title:before { background: url("/images/acer/acer_title3.png") 0% 0% repeat-y; } .acer-page.center .title:after { background: url("/images/acer/acer_title4.png") 0% 0% repeat-y; } .acer-page.center .title { background-color: #193d71; color: #ffffff; } .acer-page .title_center { text-align: center; } .acer-page .right { text-align: right; } .acer-page .text { color: #888888; font-size: 16px; line-height: 22px; } .acer-page .text p, .acer-page .text ul { margin: 0px 0px 25px; } .acer-page .text span { color: #0493b4; font-weight: 700; } .acer-page .text a { color: #0493b4; text-decoration: underline; } .acer-page .text a:focus, .acer-page .text a:hover { color: #23527c; text-decoration: none; } .acer-page .text ul li, .acer-slider-item ul li { padding: 0px 0px 10px 35px; list-style: none; background: url('/images/acer/acer_li.png') 15px 6px no-repeat; } .acer-page .text.bottom { width: 350px; margin: 120px 0px 0px; } .acer-page .text.bottom span { font-size: 22px; line-height: 28px; font-weight: 700; display: block; margin-bottom: 20px; color: #4bc332; } .acer-page .quote:before, .acer-page .quote:after { content: ""; position: absolute; width: 31px; height: 20px; background: url("/images/acer/acer_quote.png") 0% 0% no-repeat; } .acer-page .quote:before { left: -41px; bottom: -15px; } .acer-page .quote:after { right: -40px; top: -15px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .acer-page .quote { position: relative; padding: 0px; margin: 55px 0px 55px; color: #446e87; font-size: 22px; line-height: 28px; font-weight: 700; } .acer-page .quote.center { max-width: 710px; text-align: center; margin: auto; } .acer-page .text_bold { color: #3db39e; font-weight: 700; font-size: 22px; line-height: 28px; margin: 0px 0px 25px 0px; } .acer-page .acer_slider_img { background: url("/images/acer/acer_slider_img.png") 50% 50% no-repeat; width: 540px; height: 315px; position: absolute; right: 0px; top: -150px; } .acer-page .head_title { padding: 300px 0px 160px; max-width: 425px; text-align: left; } .acer-page .head_title h1 { font-weight: 700; font-size: 58px; line-height: 58px; margin-bottom: 30px; text-align: left; } .acer-page .head_title h1 span { color: #0095b6; } .acer-page .head_title .text { margin: 0px 0px 30px; } .acer-page .col-md-6.img { height: 560px; } .acer-page .acer_img_b1 div { width: 100%; position: absolute; top: -100px; height: 545px; } .acer-page .acer_img_b1 .acer_img_l1 { z-index: 1; background: url('/images/acer/acer_b1_l1.png') 0% 0% no-repeat; background-size: contain; } .acer-page .stars { border-radius: 100%; background: #ffffff; } .acer-page .star1 { width: 10px; height: 10px; position: absolute; top: 90px; left: -70px; } .acer-page .star2 { width: 5px; height: 5px; position: absolute; top: 120px; left: 110px; } .acer-page .star3 { width: 7px; height: 7px; position: absolute; top: 220px; left: -55px; } .acer-page .star4 { width: 3px; height: 3px; position: absolute; top: 320px; left: -110px; } .acer-page .acer-slider { width: 100%; height: auto; min-height: 670px; position: relative; margin: 0px 0px 50px; } .acer-page .acer-slider .acer-slider-menu { display: flex; } .acer-page .acer-slider .acer-slider-menu div { margin: 0px 35px 30px 0px; cursor: pointer; background: #ffffff; border-radius: 10px; width: 80px; height: 80px; opacity: 0.4; position: relative; transition: opacity 0.1s linear; } .acer-page .acer-slider .acer-slider-menu div:hover { opacity: 0.8; } .acer-page .acer-slider .acer-slider-menu div.act, .acer-page .acer-slider .acer-slider-menu div.act:hover { opacity: 1; } .acer-page .acer-slider .acer-slider-menu div img { width: calc(100% + 20px); position: absolute; margin: auto; left: -10px; top: 0; bottom: 0; right: 0; } .acer-page .acer-slider-items .acer-slider-item { display: none; } .acer-page .acer-slider-items .acer-slider-item:first-child { display: block; } .acer-page .acer-slider-item-info { display: flex; flex-wrap: wrap; } .acer-page .acer-slider-item-left { flex: 0 0 50%; padding: 0px 0px; } .acer-page .acer-slider-item-title { font-size: 28px; font-weight: 700; color: #ffffff; } .acer-page .acer-slider-item-menu { display: flex; flex-wrap: wrap; margin: 20px 0px 10px; } .acer-page .acer-slider-item-menu div { color: #ffffff; font-weight: 700; margin: 0px 15px 10px 0px; cursor: pointer; } .acer-page .acer-slider-item-menu div.act { color: #0493b4; text-decoration: underline; } .acer-page .acer-slider-item-menu div:hover { text-decoration: underline; } .acer-page .acer-slider-item-desc { } .acer-page .acer-slider-item-desc .text, .acer-page .acer-slider-item-desc ul li { color: #ffffff; } .acer-page .acer-slider-item-desc div { display: none; } .acer-page .acer-slider-item-desc div:first-child { display: block; } .acer-page .acer-slider-item-img { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; width: 100%; max-width: 340px; height: 215px; margin: 30px auto 0px; } .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict { background: rgba(255,255,255,0.2); border-radius: 10px; max-width: 320px; width: 100%; margin: auto; height: 320px; opacity: 1; position: relative; transition: opacity 0.1s linear; } .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict img { width: calc(100% + 40px); position: absolute; margin: auto; left: -20px; top: 0; bottom: 0; right: 0; } .acer-page .acer-slider-title { max-width: 340px; width: 100%; margin: auto; padding: 5px 0px; background: rgb(255,22,163); background: linear-gradient(90deg, rgba(255,22,163,1) 0%, rgba(28,46,129,1) 50%, rgba(255,22,163,1) 100%); border-radius: 10px; font-weight: 700; color: #ffffff; text-align: center; } .acer-page .acer-slider-item-button { text-align: center; margin: 60px 0px 0px; width: 50%; } .acer-page .acer-slider-item-title span { color: #0493b4; } .acer-page .acer-slider-item-right { flex: 0 0 50%; padding: 0px 20px; font-size: 16px; line-height: 22px; color: #fff; } .acer-page .acer-slider-img { position: relative; } .acer-page .acer-slider-img .acer-slider-items-img { width: calc(100% - 30px); overflow: hidden; position: relative; padding: 0px 0px 0px 30px; } .acer-page .acer-slider-items-strip-img { width: calc(100% - 60px); height: 360px; overflow: hidden; position: relative; transition: all 0.5s linear 0s; margin: 0px auto; } .acer-page .acer-slider-img .acer-slider-item-img { width: calc(100% - 20px); max-width: 100%; height: 360px; margin: 0px 10px; cursor: pointer; position: absolute; left: calc(100% + 40px); display: none; background-position: 0% 0%; background-repeat: no-repeat; background-size: auto 100%; transition: all 0.5s linear 0s; } .acer-page .acer-slider-img .acer-slider-item-img:nth-child(1) { left: calc(-100% - 40px); display: block; } .acer-page .acer-slider-img .acer-slider-item-img:nth-child(2) { left: 0px; display: block; } .acer-page .acer-slider-img .acer-slider-item-img:nth-child(3) { left: calc(100% + 40px); display: block; } .acer-page .acer-arrow-next, .acer-page .acer-arrow-prev { display: inline-block; position: absolute; box-sizing: border-box; margin: 0px; height: 0px; top: calc(50% - 25px); left: 20px; z-index: 3; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; width: 50px; height: 50px; border-radius: 50%; } .acer-page .acer-arrow-next { left: auto; right: 20px; } .acer-page .acer-arrow-next .arrow:before, .acer-page .acer-arrow-next .arrow:after, .acer-page .acer-arrow-prev .arrow:before, .acer-page .acer-arrow-prev .arrow:after { content: ''; display: block; position: absolute; background-color: #3db39e; height: 2px; width: 20px; top: 0px; left: 0px; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .acer-page .acer-arrow-next .arrow:before, .acer-page .acer-arrow-next .arrow:after { left: auto; right: 0px; } .acer-page .acer-arrow-next .arrow:after { top: 13px; } .acer-page .acer-arrow-next .arrow:before { right: 0; transform: translateY(1px) rotate(45deg); } .acer-page .acer-arrow-prev .arrow:after { transform: translateY(1px) rotate(45deg); top: 13px; } .acer-page .acer-arrow-prev .arrow:before { right: 0; } .acer-page .acer-arrow-next:hover .arrow:after, .acer-page .acer-arrow-prev:hover .arrow:before { transform: translateY(1px) rotate(135deg); } .acer-page .acer-arrow-next:hover .arrow:before, .acer-page .acer-arrow-prev:hover .arrow:after { transform: translateY(1px) rotate(225deg); } .acer-page .acer-arrow-next .arrow, .acer-page .acer-arrow-prev .arrow { position: absolute; top: 16px; bottom: 0; } .acer-page .acer-arrow-next .arrow { right: 12px; } .acer-page .acer-arrow-prev .arrow { left: 12px; } .acer-page .acer-arrow-next .arrow .line, .acer-page .acer-arrow-prev .arrow .line { position: absolute; display: block; background-color: #3db39e; height: 2px; width: 25px; top: 7.7px; left: -73px; opacity: 0; border-radius: 1px; pointer-events: none; transform: translateX(30px); transition: .3s; } .acer-page .acer-arrow-prev .arrow .line { left: -12px; } .acer-page .acer-arrow-next:hover .arrow .line { opacity: 1; left: -59px; } .acer-page .acer-arrow-prev:hover .arrow .line { opacity: 1; left: -26px; } .acer-page a.acer-button { min-height: 45px; width: 100%; max-width: 300px; display: inline-block; -webkit-border-radius: 2em; border-radius: 2em; cursor: pointer; background-color: #ff16a3; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 700; color: #fff; padding: 14px; font-size: 14px; line-height: 14px; box-shadow: 0 5px 0 #b51067; position: relative; top: 0px; -webkit-transition: all .3s; transition: all .3s; margin: 0px; } .acer-page a.acer-button:hover { box-shadow: 0 2px 0 #b51067; top: 3px; color: #fff; } .acer-page a.acer-button:focus { color: #fff; } /*Адаптив*/ @media only screen and (max-width: 1199px) { .acer-page .star3 { top: 160px; left: -50px } .acer-page .star4 { top: 260px; left: -100px; } .acer-page.center { margin-top: 110px; } .acer-page.bottom { background: url("/images/acer/acer_footer.png") calc(50% + 300px) 100% no-repeat; } .acer-page.buttom { padding: 0px 0 200px; background-size: 800px auto; } .acer-page .acer_img_b1 div { margin-left: -20px; } .acer-page .head_title { padding: 230px 0px 220px 0px; max-width: 445px; } .acer-page .head_title .text { width: 80%; } .acer-page .text.bottom { margin: 100px 0px 0px; } .acer-page .acer_slider_img { background-size: contain; height: 250px; top: -100px; } .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img { height: 270px; } .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict { max-width: 250px; height: 250px; } .acer-page .acer-slider-title { max-width: 290px; padding: 5px 5px; } } @media only screen and (max-width: 991px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 200% -2% no-repeat; background-size: 50% auto, auto 720px; } .acer-page.center { margin-top: 60px; } .acer-page.bottom { padding: 0px 0 215px; background: url("/images/acer/acer_photo_bg.png") 50% 0% no-repeat, url("/images/acer/acer_footer.png") calc(50% + 200px) 100% no-repeat; background-size: auto, calc(100% - 215px) auto; } .acer-page .animation_header { display: none; } .acer-page .head_title { padding: 170px 0px 200px 13%; max-width: 510px; } .acer-page .col-md-6.img { height: auto; } .acer-page .acer_img_b1 { display: none; } .acer-page .text ul li, .acer-slider-item ul li { padding: 0px 0px 0px 20px; background: url('/images/acer/acer_li.png') 0px 8px no-repeat; margin: 0px; } .acer-page .quote { text-align: center; padding: 0px 30px; } .acer-page .quote:before { left: 0px; } .acer-page .quote:after { right: -10px; } .acer-page .right { text-align: left; } .acer-page .acer_slider_img { height: 200px; top: -80px; } .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img { height: 180px; } .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict { max-width: 160px; height: 160px; } .acer-page .acer-slider-title { max-width: 200px; } } @media only screen and (max-width: 940px) { .acer-page .head_title { padding: 170px 0px 200px 7%; max-width: 500px; } } @media only screen and (max-width: 910px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 200% -2% no-repeat; background-size: 50% auto, auto 720px; } .acer-page.bottom { padding: 0px 0 160px; background:url("/images/acer/acer_footer.png") calc(50% + 200px) 100% no-repeat; background-size: calc(100% - 215px) auto; } .acer-page .head_title { padding: 170px 0px 200px 30px; max-width: 460px; } } @media only screen and (max-width: 880px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 300% -2% no-repeat; background-size: 50% auto, auto 720px; } .acer-page.bottom { padding: 0px 0 150px; } } @media only screen and (max-width: 820px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 400% -2% no-repeat; background-size: 50% auto, auto 720px; } .acer-page.bottom { background-size: calc(100% - 240px) auto; } .acer-page .text.bottom { margin: 70px 0px 0px; } } @media only screen and (max-width: 790px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 460% -2% no-repeat; background-size: 50% auto, auto 720px; } .acer-page .head_title { padding: 160px 0px 140px 10%; } } @media only screen and (max-width: 767px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 250% -2% no-repeat; background-size: 50% auto, auto 600px; } .acer-page.bottom { padding: 0px 0 400px; background: url("/images/acer/acer_footer.png") calc(50% + 130px) 100% no-repeat; background-size: 120% auto; } .acer-page .head_title { padding: 150px 0px 240px 13%; max-width: 450px; } .acer-page .head_title h1 { font-size: 48px; line-height: 48px; } .acer-page .head_title .text { display: none; } .acer-page .acer-slider { margin: 0px 0px 50px; } .acer-page .acer-slider-item-right { flex: 0 0 50%; font-size: 16px; line-height: 22px; padding: 0px 0px; color: #fff; } .acer-page .acer-slider-item-info { display: block; } .acer-page .acer-slider-item-title { text-align: center; } .acer-page .acer-slider-item-img { height: 150px; } .acer-page .acer-slider-item-button { margin: 40px 0px; width: 100%; } .acer-page .quote::after { right: -10px; } .acer-page .acer-slider .acer-slider-menu, .acer-page .acer-slider-item-menu { flex-wrap: wrap; justify-content: center; } .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img { height: 270px; } .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict { max-width: 250px; height: 250px; } } @media only screen and (max-width: 715px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 340px -2% no-repeat; background-size: 50% auto, auto 600px; } .acer-page.center { margin-top: 0px; } .acer-page.center .title { margin-top: 60px; } .acer-page .acer_slider_img { display: none; } } @media only screen and (max-width: 675px) { .acer-page .head_title h1 { font-size: 40px; line-height: 40px; } .acer-page .acer-slider-items-strip { height: 810px; } } @media only screen and (max-width: 635px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 290px -2% no-repeat, background-size: 60% auto, auto 600px; } .acer-page.bottom { background: url("/images/acer/acer_footer.png") calc(50% + 180px) 100% no-repeat; background-size: 140% auto; } .acer-page .head_title { max-width: 370px; } .acer-page .acer-slider-items-strip { height: 890px; } } @media only screen and (max-width: 605px) { .acer-page .title_center_mobi { text-align: center; } } @media only screen and (max-width: 560px) { .acer-page .acer-slider-items-strip { height: 980px; } } @media only screen and (max-width: 530px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 180px 5% no-repeat, background-size: 70% auto, auto 600px; } .acer-page.bottom { background: url("/images/acer/acer_footer.png") calc(50% + 50px) 100% no-repeat; background-size: 140% auto; } .acer-page .head_title { max-width: 350px; } .acer-page .text.bottom { margin: 70px 0px 30px; } .acer-page .acer-slider-items-strip { height: 1090px; } } @media only screen and (max-width: 500px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 160px 7% no-repeat; background-size: 60% auto, auto 600px; } .acer-page.bottom { background: url("/images/acer/acer_footer.png") 30% 100% no-repeat; background-size: 155% auto; } .acer-page .head_title { padding: 85px 0px 350px 17%; } .acer-page .text.bottom { width: 100%; } .acer-page .acer-slider .acer-slider-items { width: 100%; padding: 0px 0px 0px 0px; } .acer-page .acer-slider-items-strip { height: 900px; width: 100%; } .acer-page .acer-arrow-next, .acer-page .acer-arrow-prev { background: none; } .acer-page .acer-arrow-prev { left: 10px; } .acer-page .acer-arrow-next { right: 10px; } .acer-page .acer-arrow-prev .arrow { left: -8px; } .acer-page .acer-arrow-next .arrow { right: -8px; } } @media only screen and (max-width: 460px) { .acer-page.bottom { padding: 0px 0 340px; } .acer-page .acer-slider-items-strip { height: 830px; } .acer-page .acer-slider-item-img { display: none; } .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img { height: 240px; } .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict { max-width: 220px; height: 220px; } } @media only screen and (max-width: 420px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 130px 13% no-repeat background-size: 95% auto, auto 600px; } .acer-page.bottom { padding: 0px 0 360px; } .acer-page .head_title { padding: 80px 0px 400px 40px; width: 330px; } .acer-page .acer-slider-items-strip { height: 670px; } .acer-page .acer-slider-item-right { font-size: 14px; line-height: 18px; } .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img { height: 200px; } .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict { max-width: 180px; height: 180px; } } @media only screen and (max-width: 390px) { .acer-page .acer-slider-items-strip { height: 740px; } .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img { height: 180px; } .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict { max-width: 160px; height: 160px; } .acer-page .acer-slider .acer-slider-menu div { width: 60px; height: 60px; } } @media only screen and (max-width: 360px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 120px 11% no-repeat; background-size: 95% auto, auto 600px; } .acer-page .head_title { padding: 120px 0px 400px 65px; } .acer-page.bottom { padding: 0px 0 320px; } .acer-page .quote.center { margin: 60px auto 0px; } .acer-page .acer-slider-items-strip { height: 820px; } .acer-page .acer-slider-items-strip-img, .acer-page .acer-slider-img .acer-slider-item-img { height: 150px; } .acer-page .acer-slider-img .acer-slider-item-img .acer-slider-item-img-pict { max-width: 130px; height: 130px; } } @media only screen and (max-width: 340px) { .acer-page.top { background: url("/images/acer/acer_header1.png") 0% -1% no-repeat, url("/images/acer/acer_header2.png") 90px 9% no-repeat; background-size: 95% auto, auto 600px; } .acer-page.bottom { padding: 0px 0 300px; } .acer-page .head_title { padding: 120px 0px 440px 40px; max-width: 320px; } .acer-page .acer-slider-items-strip { height: 910px; } } @media only screen and (min-width: 992px) { .acer-page .star1 { -webkit-animation: pulsate 2s linear 0s infinite; animation: pulsate 2s linear 0s infinite; } .acer-page .star2 { -webkit-animation: pulsate_small 1s linear 0s infinite; animation: pulsate_small 1s linear 0s infinite; } .acer-page .star3 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } .acer-page .star4 { -webkit-animation: pulsate_small 1s linear 1s infinite; animation: pulsate_small 1s linear 1s infinite; } .acer-page .star5 { -webkit-animation: pulsate 2s linear 0.5s infinite; animation: pulsate 2s linear 0.5s infinite; } } /*Конец acer*/ /*Страница Гранты*/ .grants-page { background: #fefefe; } .grants-page .head_title { max-width: 550px; margin: 175px 0 0 150px; } .grants-page .head_title h1 { font-weight: 700; font-size: 48px; line-height: 60px; margin-bottom: 30px; text-align: left; } .grants-page .head_title h1 span { color: #0095b6; } .grants-page .text { font-size: 16px; line-height: 22px; } .grants-page .head_title .text { font-weight: bold; font-size: 22px; line-height: 28px; color: #282828; } .grants-page .head_title-coddy-logo { font-weight: bolder; } .grants-page .head_title-coddy-logo img { vertical-align: -2px; margin-left: 5px; } .grants-page.grants-page-top { position: relative; min-height: 790px; background: url("/images/grant/section1.png") no-repeat 50% -70px / 120%; } .grants-page.grants-page-about { min-height: 1200px; margin-top: -350px; padding: 120px 0 0; background-image: url("/images/grant/grants-wave1.svg"), url("/images/grant/about-bg.jpg"); background-position: 45% -185px, 50% 100%; background-size: 140%, auto; background-repeat: no-repeat; } .grants-page .grants-page-about-wrapper { display: flex; overflow: hidden; } .grants-page .grants-page-about-image { flex: 0 0 53%; overflow: hidden; } .grants-page .grants-page-about-text { flex: 0 0 47%; } .grants-page.grants-page-about:after { content: ""; display: block; background: no-repeat; background-image: url("/images/grant/about-d1.png"), url("/images/grant/about-d2.png"), url("/images/grant/about-d3.png"), url("/images/grant/about-d4.png"), url("/images/grant/grants-wave2.svg"); background-position: 25% 95%, 16% 20%, 69% 70%, 50% 0%, 50% -100%; background-size: auto, auto, auto, auto, 105%; height: 750px; margin-top: -750px; position: relative; } .grants-page .grants-page-about-slider { max-width: 480px; width: 480px; padding: 130px 0 0; color: #fff; } .grants-page .grants-page-about-slider-image { height: 1080px; max-width: 100%; } .grants-page .grants-page-about-slider-image img { width: 700px; height: auto; } .grants-page .grants-page-about-slider-title { margin: 0 0 45px; font-weight: 700; font-size: 32px; } .grants-page .grants-page-about-slider-items-strip { display: flex; flex-wrap: nowrap; width: 100%; overflow: hidden; position: relative; outline: none; transition: all 0.5s linear 0s; } .grants-page .slick-track { margin: 0; } .grants-page .grants-page-about-slider-item { /* position: relative; */ flex: 0 0 100%; transition: all 0.5s linear 0s; } .grants-page .grants-page-about-slider-item .text p { margin: 0 0 1em; font-size: 20px; line-height: 32px; font-style: italic; } .grants-page .about-slider-controls { margin: 60px 0 0; } .grants-page .grants-page-about-slider .slider-arrow-next { margin-left: 20px; } .grants-page .grants-page-about-slider-item .text .author { margin: 10px 0 0; font-weight: 700; font-style: normal; } .grants-page .text em { font-style: inherit; color: #00b49e; } .grants-page.grants-page-details { margin-top: -1px; padding: 100px 0; background-repeat: no-repeat; background-image: url("/images/grant/planet-blue.png"), url("/images/grant/grants-details-bg.png"); background-position: 66.6% 0, 90% 40px; background-size: auto, 50%; background-color: #fff; color: #888; } .grants-page .grants-page-details-lead { margin-bottom: 50px; font-size: 24px; } .grants-page .grants-page-details-list { list-style: none; font-size: 18px; line-height: 1.55; } .grants-page .grants-page-details-list li { margin-top: 40px; padding: 0 0 0 35px; } .grants-page .grants-page-details-list li::before { content: ""; float: left; margin: 8px 0 0 -35px; width: 16px; height: 16px; border: 4px solid #f3f3f3; border-radius: 50%; background: #42bfad; } .grants-page.grants-page-details em { font-weight: 700; } .grants-page .details-slider-strip { display: flex; flex-wrap: nowrap; overflow: hidden; width: 440px; height: 550px; padding: 13px; border-radius: 30px; background: rgba(45, 12, 89, .2); } .grants-page .details-slider-item { flex: 0 0 100%; width: 390px; /* slick */ box-sizing: content-box; height: 100%; padding: 12px; border-radius: 30px; background: rgba(246, 246, 246, .7); transition: all 0.5s linear 0s; } .grants-page .details-slider-item-image { width: 390px; height: 500px; border-radius: 30px; } .grants-page .details-slider-controls { width: 440px; margin: -300px 0 0; } .grants-page .details-slider-controls .slider-arrow-next { float: right; } .grants-page.grants-page-reviews { padding: 200px 0 150px; background: url("/images/grant/grants-page-reviews-bg.png") no-repeat 50% 0 / auto; } .grants-page .reviews-photo { position: relative; z-index: 2; height: 320px; margin: 50px -50px 0 0; padding: 20px; border-radius: 50%; background-color: rgba(256, 256, 256, 0.5); box-shadow: 0 0 35px rgba(151, 151, 151, 0.15); } .grants-page .reviews-photo-wrapper { display: inline-block; width: 280px; /*slick*/ height: 280px; padding: 13px; border-radius: 50%; background-color: rgba(256, 256, 256, 0.5); } .grants-page .reviews-photo-image { border-radius: 50%; width: 254px; height: 254px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .grants-page .reviews-slider { margin: 0px 0px 50px; } .grants-page .reviews-slider-wrapper { display: flex; } .grants-page .reviews-slider .slider { width: 960px; } .grants-page .reviews-slider .slider { display: flex; flex-wrap: nowrap; overflow: hidden; border-radius: 20px; box-shadow: 0 0 10px 5px rgba(151, 151, 151, 0.15); } .grants-page .reviews-slider .slider-item { flex: 0 0 100%; padding: 50px 75px 75px; background: #fff; transition: all 0.5s linear 0s; min-height: 410px; } .grants-page .reviews-slider .slider-arrow-next { margin-left: 20px; } .grants-page.grants-page-reviews .slider-item { font-size: 18px; } .grants-page.grants-page-reviews .slider-title { margin: 0 0 50px; font-weight: 700; font-size: 32px; line-height: 1.2; color: #567a90; } .grants-page.grants-page-reviews .slider-person { margin-bottom: 10px; font-weight: 700; } .grants-page.grants-page-reviews .slider-name { color: #00ba9f; } .grants-page.grants-page-reviews .slider-text { font-style: italic; } .grants-page .reviews-slider-controls { margin: -25px 30px 0 0; text-align: right; } .grants-page.grants-page-apply { background: url("/images/grant/grants-page-apply-bg.png") no-repeat 50% 100% / contain; } .grants-page.grants-page-apply .text { text-align: center; font-size: 24px; line-height: 1.33; color: #446e87; } .grants-page.grants-page-apply p { margin: 0 0 30px; } .grants-page .grants-page-button-holder { margin: 50px 0 100px; } .grants-page .grants-page-button { min-height: 45px; width: 100%; max-width: 300px; display: inline-block; border-radius: 2em; cursor: pointer; background-color: #ff16a3; text-align: center; text-decoration: none; font-weight: 700; color: #fff; padding: 14px; font-size: 14px; line-height: 14px; box-shadow: 0 5px 0 #b51067; position: relative; top: 0px; transition: all .3s; margin: 0px; } .grants-page .grants-page-button:hover, .grants-page .grants-page-button:focus { box-shadow: 0 2px 0 #b51067; top: 3px; color: #fff; text-decoration: none; } .grants-page .slider-arrow { display: inline-block; position: relative; box-sizing: border-box; z-index: 3; cursor: pointer; transition: all 0.3s ease; background: #ffffff; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15); } .grants-page .slider-arrow.disabled { cursor: default; } .grants-page .slider-arrow:hover, .grants-page .slider-arrow:focus { background: #1b004e; } .grants-page .slider-arrow .arrow::before, .grants-page .slider-arrow .arrow::after { content: ''; display: block; position: absolute; background-color: #a499b8; height: 2px; width: 14px; top: 3px; left: 0; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .grants-page .slider-arrow-next .arrow::before, .grants-page .slider-arrow-next .arrow::after { left: auto; right: 0px; } .grants-page .slider-arrow-next .arrow::after { top: 12px; } .grants-page .slider-arrow-next .arrow::before { right: 0; transform: translateY(1px) rotate(45deg); } .grants-page .slider-arrow-prev .arrow::after { transform: translateY(1px) rotate(45deg); top: 12px; } .grants-page .slider-arrow-prev .arrow::before { right: 0; } .grants-page .slider-arrow .arrow { position: absolute; top: 0; left: 0; } .grants-page .slider-arrow .arrow .line { position: absolute; background-color: #a499b8; height: 2px; width: 25px; top: 8.5px; left: 0; border-radius: 1px; pointer-events: none; } .grants-page .slider-arrow:hover::before, .grants-page .slider-arrow:focus::after, .grants-page .slider-arrow:hover .arrow .line, .grants-page .slider-arrow:focus .arrow .line { background: #d1ccdc; } .grants-page .slider-arrow-prev .arrow .line { left: 4px; } .grants-page .grants-page-about-slider-items { width: 100%; position: relative; padding: 0; } .grants-page .slider-arrow-prev .arrow, .grants-page .slider-arrow-next .arrow { top: 15px; left: 10px; } .grants-page .slider-arrow-next .arrow { left: auto; right: 10px; } .grants-page .slider-arrow-next .arrow .line { left: auto; right: 4px; } .grants-page .online-button { min-height: 45px; width: 100%; max-width: 240px; display: inline-block; text-align: center; } .grants-page .online-button:hover { box-shadow: 0 2px 0 #b51067; top: 3px; } .grants-page .online-page .online-like-slider .text { width: 100%; word-wrap: break-word; } .grants-page .reviews-slider .text .ellipsis, .grants-page .reviews-slider .text .next_text { font-weight: normal; color: #333333; } .grants-page .reviews-slider .text .next_text { display: none; } .grants-page .reviews-slider .text .show_next, .grants-page .reviews-slider .text .scroll { display: block; float: right; cursor: pointer; } .grants-page .reviews-slider .text .scroll { display: none; } .grants-page .reviews-slider .text .show_next:hover, .grants-page .reviews-slider .text .scroll:hover { text-decoration: underline; } .grants-page .reviews-slider .text span { color: #3db39e; font-weight: 700; } @media (min-width: 1200px) { .grants-page .grants-page-about-slider { width: 480px; } } @media (min-width: 1280px) { .grants-page .grants-page-about-image { flex: 0 0 55%; } .grants-page .grants-page-about-text { flex: 0 0 45%; } .grants-page .grants-page-about-slider { max-width: 500px; padding-top: 100px; } .grants-page .grants-page-about-slider-item .text p { line-height: 30px; } .grants-page .grants-page-details-list { margin-right: 50px; } } @media (min-width: 1366px) { .grants-page.grants-page-top { background-size: 110%; min-height: 790px; background-position: 50% -30px; } .grants-page .head_title { max-width: 550px; margin: 200px 0 0 150px; } .grants-page.grants-page-about { margin-top: -290px; padding-top: 200px; background-position: 45% -205px, 50% 100%; } .grants-page.grants-page-about::before { content: none; } .grants-page.grants-page-about::after { background-position: 28% 90%, 16% 20%, 69% 60%, 50% 0%, 50% -45%; background-size: auto, auto, auto, auto, 102%; height: 700px; margin-top: -660px; } .grants-page .grants-page-about-slider { width: 500px; padding-top: 130px; } } @media (min-width: 1600px) { .grants-page.grants-page-top { background-size: 100%; min-height: 850px; } .grants-page .head_title { max-width: 550px; margin: 200px 0 0 100px; } .grants-page .head_title h1 { font-size: 58px; line-height: 68px; } .grants-page.grants-page-about { margin-top: -260px; padding-top: 200px; background-position: 45% -285px, 50% 100%; } .grants-page.grants-page-about:after { background-position: 28% 100%, 19% 20%, 63% 69%, 50% 0%, 50% -9%; } .grants-page .grants-page-about-slider-item .text p { line-height: 32px; } .grants-page.grants-page-details { background-size: auto, 47%; } .grants-page.grants-page-reviews { padding-bottom: 200px; } } @media (max-width: 1440px) { .grants-page .grants-page-apply__bottom-image { width: 600px; height: auto; } } @media (max-width: 1200px) { .grants-page .grants-page-apply__bottom-image { width: 500px; height: auto; } } @media (max-width: 1024px) { .grants-page.grants-page-top { min-height: 720px; } .grants-page .head_title { max-width: 500px; margin: 120px 0 0 130px; } .grants-page .head_title h1 { margin-bottom: 25px; font-size: 40px; line-height: 1.2; } .grants-page .head_title-coddy-logo img { width: 135px; height: auto; } .grants-page .head_title .text { font-size: 20px; line-height: 1.3; } .grants-page.grants-page-about { min-height: auto; margin-top: -375px; padding: 100px 0 0; background-position: 45% -150px, 50% 100%; } .grants-page.grants-page-about:after { height: 590px; background-position: 25% 95%, 16% 20%, 69% 70%, 50% 0%, 50% -75%; } .grants-page .grants-page-about-slider { max-width: 400px; width: 400px; padding-top: 110px; } .grants-page .grants-page-about-slider-item .text p { font-size: 18px; line-height: 1.5; } } @media (max-width: 992px) { .grants-page.grants-page-about { background-position: 45% -140px, 50% 100%; } .grants-page.grants-page-about > .container { width: 840px; } .grants-page .head_title { margin: 120px 0 0 60px; } .grants-page .grants-page-about-slider { max-width: 375px; width: 375px; padding-top: 65px; } .grants-page .grants-page-about-image { flex: 0 0 52%; } .grants-page .grants-page-about-text { flex: 0 0 48%; } .grants-page .grants-page-about-text .text { padding: 0 0 0 2px; } .grants-page .grants-page-about-slider-title { margin-bottom: 30px; font-size: 30px; } .grants-page .grants-page-about-slider-item .text p { font-size: 17px; line-height: 1.4; } .grants-page.grants-page-about:after { background-position: 25% 63%, 11% 9%, 69% 40%, 50% 0%, 50% -30%; } } @media (max-width: 960px) { .grants-page .grants-page-about-slider-image img { max-width: 100%; } .grants-page.grants-page-reviews .slider, .grants-page .grants-page-details-slider { width: auto; } .grants-page.grants-page-reviews .slider-item { padding: 40px 30px; width: 100%; } } @media (max-width: 870px) { .grants-page.grants-page-top { min-height: 670px; background-size: 135%; } .grants-page.grants-page-about { background-position: 45% -135px, 50% 100%; background-size: 160%, auto; } .grants-page.grants-page-about > .container { width: auto; } .grants-page.grants-page-about:after { height: 550px; margin-top: -700px; margin-bottom: -1px; background-position: 19% 50%, 11% 9%, 69% 33%, 50% 0%, 50% -35%; } .grants-page .grants-page-about-image, .grants-page .grants-page-about-text { flex: 0 0 50%; } .grants-page .grants-page-about-slider { max-width: 375px; width: 375px; padding-top: 35px; } .grants-page .head_title h1 { max-width: 400px; font-size: 26px; line-height: 1.25; } .grants-page .head_title .text { font-size: 16px; line-height: 1.3; } .grants-page.grants-page-details { padding-top: 0; } .grants-page.grants-page-details { background: none; } .grants-page .col-slider { margin-top: 30px; padding: 60px 0 0; background-image: url("/images/grant/planet-blue.png"), url("/images/grant/grants-details-bg.png"); background-repeat: no-repeat; height: 75vw; background-size: 33%, cover; background-position: 40% 0, 50% 0; } .grants-page .details-slider-strip { margin: auto; } .grants-page .details-slider-controls { margin-left: auto; margin-right: auto; } } @media (max-width: 768px) { .grants-page img { max-width: 100%; } .grants-page.grants-page-top { min-height: auto; background: #fff url("/images/grant/section1-mobile.png") no-repeat 0 -30px; } .grants-page .head_title-coddy-logo img { width: 100px; } .grants-page .head_title { max-width: none; margin: 100px 15px 10px 35px; } .grants-page.grants-page-about { margin-top: -1px; padding-top: 200px; background-image: url("/images/grant/planet-yellow.png"), url("/images/grant/section1-mobile-bottom.png"), url("/images/grant/about-bg.jpg"); background-position: 90% 0, 50% 0, 50% 100%; background-size: 22%, contain, cover; } .grants-page.grants-page-about:after { height: 600px; background-position: 15% 84%, 75% 63%, 15% 3%, 85% 0%, 50% -800%; margin-top: -600px; } .grants-page .grants-page-about-image, .grants-page .grants-page-about-text { flex: 0 0 100%; } .grants-page .grants-page-about-image { order: 2; margin: -100px auto 0; width: 600px; max-width: 600px; } .grants-page .grants-page-about-slider { padding-top: 0; max-width: 100%; width: 90vw; margin: auto; } .grants-page .grants-page-about-slider-title { font-size: 22px; } .grants-page .grants-page-about-slider-item .text p { font-size: 16px; line-height: 1.375; } .grants-page .grants-page-about-wrapper { display: flex; flex-wrap: wrap; } .grants-page .about-slider-controls { margin: 860px auto -800px; text-align: center; } .grants-page.grants-page-details { padding-top: 30px; } .grants-page .grants-page-details-lead { font-size: 20px; } .grants-page .grants-page-details-list { font-size: 16px; } .grants-page .grants-page-details-list li { margin-top: 25px; padding-left: 15px; } .grants-page .col-slider { height: 500px; } .grants-page.grants-page-reviews { padding: 150px 0 100px; } .grants-page .reviews-slider-wrapper { display: block; } .grants-page .reviews-photo-wrapper { width: 156px; height: 156px; padding: 7px; } .grants-page .reviews-photo { float: left; height: auto; padding: 11px; margin: 90px -50px -200px 30px; } .grants-page .reviews-photo .reviews-photo-image { width: 142px; height: 142px; } .grants-page .reviews-slider .slider { display: block; clear: both; } .grants-page.grants-page-reviews .slider-item { font-size: 16px; } .grants-page.grants-page-reviews .slider-title { position: absolute; left: 0; right: 0; text-align: center; font-size: 24px; } .grants-page.grants-page-reviews .slider-text { clear: both; margin-top: 80px; } .grants-page.grants-page-reviews .slider-person { margin-left: 210px; } .grants-page.grants-page-reviews .slider-title { position: static; margin-bottom: 30px; } .grants-page.grants-page-reviews .slider-title + .slider-person { margin-top: 0; } .grants-page .reviews-slider-controls { margin: -25px auto 0; text-align: center; } .grants-page .reviews-slider .slider-arrow-next { background: #fff; } .grants-page .reviews-slider .slider-arrow-next .arrow::before, .grants-page .reviews-slider .slider-arrow-next .arrow::after, .grants-page .reviews-slider .slider-arrow-next .arrow .line { background-color: #a499b8; } .grants-page.grants-page-apply { background-image: url("/images/grant/grants-page-apply-astronaut.png"), url("/images/grant/grants-page-apply-bg.png"); background-position: 50% 100%, 50% 100%; background-size: 100%, 200%; } .grants-page.grants-page-apply .text { font-size: 18px; } .grants-page.grants-page-apply .grants-page-apply__bottom { padding-top: 85vw; } .grants-page .grants-page-apply__bottom-image { display: none; } } @media (max-width: 640px) { .grants-page.grants-page-about:after { height: 600px; background-position: 19% 69%, 75% 52%, 14% 1%, 85% 0%, 50% 190%; margin-top: -600px; } .grants-page .grants-page-about-image { width: 90vw; max-width: 90vw; } .grants-page .about-slider-controls { margin: 860px auto -750px; } } @media (max-width: 480px) { .grants-page .head_title .text { font-size: 16px; } .grants-page .head_title .text br { display: none; } .grants-page.grants-page-details { padding-bottom: 0; padding-top: 0; } .grants-page .details-slider-controls { width: 330px; margin: -205px auto 0; } .grants-page .details-slider-strip { width: 290px; height: 360px; margin: auto; padding: 8px; } .grants-page .details-slider-item { padding: 7px; } .grants-page .details-slider-item-image { width: 260px; height: 330px; } .grants-page.grants-page-reviews { padding-top: 100px; background-position: 50% -50px; } .grants-page.grants-page-reviews .slider-title { position: static; margin-bottom: 30px; } .grants-page.grants-page-reviews .slider-text { margin-top: 50px; } .grants-page.grants-page-reviews .slider-title + .slider-person { margin-top: 0; } .grants-page .reviews-photo { margin-bottom: -250px; } .grants-page.grants-page-about { padding-top: 120px; } .grants-page.grants-page-about:after { height: 460px; background-position: 7% 56%, 80% 40%, 15% 1%, 85% 0%, 50% 160%; margin-top: -640px; background-size: 30vw, auto, auto, auto, 105%; } .grants-page .about-slider-controls { margin: 635px auto -575px; text-align: center; } .grants-page.grants-page-apply { background-position: 50% 100%, 50% 99%; background-size: 130%, 200%; } .grants-page.grants-page-apply .grants-page-apply__bottom { padding-top: 100vw; } } @media (max-width: 415px) { .grants-page.grants-page-about:after { height: 400px; background-position: 6% 69%, 80% 56%, 15% 0%, 85% 0%, 50% 170%; margin-top: -710px; } .grants-page .about-slider-controls { margin: 520px auto -480px; } } @media (max-width: 376px) { .grants-page.grants-page-about:after { background-position: 5% 73%, 80% 56%, 15% 0%, 85% 0%, 50% 170%; margin-top: -800px; } .grants-page .about-slider-controls { margin: 500px auto -450px; } } @media (max-width: 320px) { .grants-page .head_title h1 { font-size: 24px; } .grants-page.grants-page-about:after { height: 380px; background-position: 5% 80%, 80% 71%, 15% 0%, 85% 0%, 50% 165%; margin-top: -895px; } .grants-page .about-slider-controls { margin: 420px auto -380px; } .grants-page .details-slider-controls { width: auto; } .grants-page .reviews-photo { margin-bottom: -260px; margin-left: 60px; } .grants-page.grants-page-reviews .slider-person { margin-left: 0; } .grants-page.grants-page-reviews .slider-title + .slider-person { margin-top: 210px; } .grants-page.grants-page-reviews .slider-text { margin-top: 20px; } } /*КОНЕЦ Страница Гранты*/ /*Расписание*/ .schedule-page { width: 100%; min-height: 625px; background: #ffffff; margin: -21px 0px 0px; padding: 0px 0 0px; position: relative; background: url("/images/schedule/header-bg.jpg") 50% 0% no-repeat, url("/images/schedule/footer-bg.jpg") 50% 100% no-repeat; } .schedule-page .schedule-title { color: #ffffff; padding: 40px 0px 190px; } .schedule-page .c-filter { margin-bottom: 20px; } .schedule-page .c-filter .b-filter.format_schedule { flex: 0 0 15%; } .schedule-page .c-filter .b-filter.format_schedule .filter-options { width: 15%; left: 0px; } .schedule-page .c-filter .b-filter.type_schedule { flex: 0 0 25%; } .schedule-page .c-filter .b-filter.type_schedule .filter-options { width: 25%; left: 15%; } .schedule-page .c-filter .b-filter.age_schedule { flex: 0 0 25%; } .schedule-page .c-filter .b-filter.age_schedule .filter-options { width: 25%; left: 40%; } .schedule-page .c-filter .b-filter.start_date_schedule { flex: 0 0 23%; } .schedule-page .c-filter .b-filter.start_time_schedule { flex: 0 0 12%; } .schedule-page .c-filter .b-filter.start_time_schedule .filter-options { width: 12%; left: 88%; } .schedule-page .c-filter .b-filter label { font-size: 18px; line-height: 19px; padding: 13px 5px 8px 10px; } .schedule-page .c-filter .b-filter input[type="text"] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 98%; height: 46px; background-color: white; border: 3px solid #0493b4; padding: 12px 22px; -webkit-border-radius: 20px; border-radius: 2em 2em 2em 2em !important; outline: none; } .schedule-page .c-filter .b-filter.start_date_schedule input[type="text"] { width: calc(98% - 150px); } .schedule-page .c-filter .b-filter input[type="text"]::-moz-placeholder { opacity: 1; color: #c0c0c0; font-weight: 700; } .schedule-page .c-filter .b-filter input[type="text"]:-ms-input-placeholder { opacity: 1; color: #c0c0c0; font-weight: 700; } .schedule-page .c-filter .b-filter input[type="text"]::-webkit-input-placeholder { opacity: 1; color: #c0c0c0; font-weight: 700; } .schedule-page .c-filter .b-filter input[type="text"]::-ms-expand { opacity: 1; color: #c0c0c0; font-weight: 700; } .schedule-page .c-filter .b-filter datalist option { font-size: 12px; line-hieght: 12px; } .schedule-page .schedule-desc { max-width: 400px; margin: 0px auto 40px; font-size: 16px; text-align: center; } .schedule-page .schedule-prev, .schedule-page .schedule-next { transform: translateY(-50%); padding: 18px; display: none; font-size: 0; transition: .3s; background: rgba(0,0,0,0) !important; text-transform: none; background-image: none; background: #ffffff; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0px 0px 10px 5px rgba(151, 151, 151, 0.15); position: absolute; top: 25px; left: calc(50% - 220px); cursor: pointer; } .schedule-page .schedule-next { left: auto; right: calc(50% - 150px); } .schedule-page .schedule-prev:hover, .schedule-page .schedule-next:hover { background: rgba(0,0,0,0) !important; } .schedule-page .schedule-prev .arrow { position: absolute; top: 6px; left: 12px; } .schedule-page .schedule-next .arrow { position: absolute; top: 6px; right: 12px; } .schedule-page .schedule-prev .arrow:before, .schedule-page .schedule-next .arrow:before, .schedule-page .schedule-prev .arrow:after, .schedule-page .schedule-next .arrow:after { content: ''; display: block; position: absolute; background-color: #333; height: 2px; width: 20px; top: 11px; bottom: 25px; border-radius: 1px; transform: translateY(1px) rotate(-45deg); transition: .3s; } .schedule-page .schedule-prev .arrow:after, .schedule-page .schedule-next .arrow:after { top: 26px; bottom: auto; transform: rotate(45deg); } .schedule-page .schedule-next .arrow:before, .schedule-page .schedule-next .arrow:after { right: 0; transform: translateY(1px) rotate(45deg); } .schedule-page .schedule-next .arrow:after { transform: rotate(-45deg); } .schedule-page .schedule-prev .arrow .line, .schedule-page .schedule-next .arrow .line { position: absolute; display: block; background-color: #333; height: 2px; width: 30px; top: 19px; left: 4px; opacity: 0; border-radius: 1px; pointer-events: none; transform: translateX(30px); transition: .3s; } .schedule-page .schedule-next .arrow .line { top: 18px; left: auto; right: 4px; transform: translateX(-30px); } .schedule-page .schedule-prev:hover .arrow .line { opacity: 1; left: -24px; } .schedule-page .schedule-next:hover .arrow .line { opacity: 1; right: -24px; } .schedule-page .schedule-prev:hover .arrow:before, .schedule-page .schedule-next:hover .arrow:after { transform: translateY(1px) rotate(135deg); } .schedule-page .schedule-next:hover .arrow:before, .schedule-page .schedule-prev:hover .arrow:after { transform: rotate(223deg); } .schedule-page .schedule-next:hover .arrow:after { top: 24px; } .schedule-page a.link.submit { background-color: #0493b4; -webkit-box-shadow: 0 5px 0 #0484ac; box-shadow: 0 5px 0 #0484ac; } .schedule-page a.link.submit:hover { -webkit-box-shadow: 0 3px 0 #0484ac; box-shadow: 0 3px 0 #0484ac; top: 3px; } .schedule-page .text.bottom { width: 350px; margin: 250px 0px 200px; } .schedule-page .text.bottom span { font-size: 22px; line-height: 28px; font-weight: 700; color: #fff; } .schedule-page .schedule-button { min-height: 45px; width: 100%; max-width: 300px; display: inline-block; -webkit-border-radius: 2em; border-radius: 2em; cursor: pointer; background-color: #ff16a3; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: 700; color: #fff; padding: 14px; font-size: 14px; line-height: 14px; box-shadow: 0 5px 0 #b51067; position: relative; top: 0px; -webkit-transition: all .3s; transition: all .3s; margin: 0px; } .schedule-page .schedule-button:hover { box-shadow: 0 2px 0 #b51067; top: 3px; } .schedule-page .monthes { position: relative; text-align: center; margin: 20px 0px 40px; min-height: 30px; } .schedule-page .monthes .month { font-size: 18px; font-weight: bold; } .schedule-page .calendar { display: grid; justify-self: center; column-gap: 2px; row-gap: 2px; grid-template-columns: repeat(7, 162px); background: url(/images/schedule/schedule_rocket.png) 50% 100% no-repeat; padding-bottom: 320px; } .schedule-page .week-day { font-size: 16px; padding-bottom: 17px; text-align: center; } .schedule-page .day { border-radius: 30px; border: 3px solid #0484ac; padding-bottom: 15px; width: 162px; min-height: 180px; color: #0484ac; display: grid; grid-template-rows: auto 1fr auto; row-gap: 18px; align-items: center; } .schedule-page .day.active { height: 110%; } .schedule-page .day.past_day { opacity: 0.5; } .schedule-page .day.emptyDay { border: none !important; background: none !important; } .schedule-page .day.isLesson { border: 3px solid #00ba9f; background-color: #00ba9f; color: white; } .schedule-page .day.weekend { color: #f18225; border: 3px solid #f18225; } .schedule-page .day.weekend.isLesson { background-color: #f18225; color: white; } .schedule-page .day .date { justify-self: end; padding: 9px 9px 0px; font-size: 16px; line-height: 18px; font-weight: bold; } .schedule-page .day .info { display: grid; row-gap: 10px; justify-items: center; max-height: 100%; font-size: 14px; line-height: 16px; align-self: start; } .schedule-page .day .name { word-break: break-word; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 16px; justify-self: stretch; text-align: center; } .schedule-page .calendar .day a.show_courses_more { text-align: center; text-decoration: none; font-size: 14px; line-height: 14px; } .schedule-page .day a.show_courses_more span:nth-child(1) { display: block; font-size: 40px; line-height: 46px; text-decoration: none; } .schedule-page .day a.show_courses_more span:nth-child(2) { display: block; text-decoration: underline; } .schedule-page .calendar .day .info, .schedule-page .calendar .day .time, .schedule-page .calendar .day .name, .schedule-page .calendar .day a { text-align: center; font-size: 14px; line-height: 16px; } .schedule-page .calendar .day a { cursor: text; color: inherit; } .schedule-page .calendar .day.isLesson a:hover { cursor: pointer; } .schedule-page .calendar a.default-cursor:hover { text-decoration: none; } .schedule-page .calendar .day .time, .schedule-page .calendar .day .name { display: none; } .schedule-page .calendar .day.isLesson .time, .schedule-page .calendar .day.isLesson .name { display: block; } .schedule-page .isLesson a { color: inherit; } .schedule-page .day-lessons { grid-column: 1/8; display: none; grid-template-columns: repeat(3, 370px); column-gap: 15px; row-gap: 15px; padding: 10px 0px; } .schedule-page .day-lessons.active{ display: grid; } .schedule-page .lesson { height: 290px; width: 370px; border-radius: 30px; padding: 14px 15px; box-shadow: 0px 0px 10px rgba(179, 94, 94, 0.28); grid-template-rows: 1fr auto auto auto; display: grid; row-gap: 5px; align-items: center; font-size: 14px; line-height: 16px; position: relative; } .schedule-page .day-lessons .lesson.not-act { display: none; } .schedule-page .lesson .head { display: grid; align-self: start; grid-template-columns: 1fr 54px; grid-template-rows: auto auto 1fr; row-gap: 5px; column-gap: 1px; } .schedule-page .lesson .head .direction { color: #00ba9f; } .schedule-page .lesson .head .name { font-size: 18px; align-self: start; line-height: 18px; max-height: 70px; overflow: hidden; } .schedule-page .lesson .head .directionImg { grid-row: 1/4; grid-column: 2/3; padding: 9px; height: 54px; width: 54px; border-radius: 50%; background-color: #00ba9f; box-sizing: border-box; } .schedule-page .lesson .dataName { color: #00ba9f; } .schedule-page .row-1 { grid-row: 3/4; } .schedule-page .row-2 { grid-row: 4/5; } .schedule-page .row-3 { grid-row: 5/6; } .schedule-page .row-4 { grid-row: 6/7; } .schedule-page .row-5 { grid-row: 7/8; } .schedule-page .lesson .btns { display: grid; align-items: center; align-self: end; grid-template-columns: 1fr auto; padding-bottom: 5px; } .schedule-page .lesson .btns a:first-child { font-weight: 400; color: #00ba9f; justify-self: start; } .schedule-page .month_course_null { display: none; padding: 30px 40px; } .schedule-page .month_course_null .month_course_null_desc { max-width: 450px; margin: 0px auto 30px; text-align: center; } .schedule-page .month_course_null .month_course_null_btn { text-align: center; } .schedule-page .month_course_null .month_course_null_btn a { margin: 0px 10px; } .schedule-page .month_block { display: none; } .schedule-page .month_block:nth-child(2) { display: block; } .schedule-page .schedule-prev, .schedule-page .schedule-next { display: none; } .schedule-page .month_course_list, .schedule-page .month_course_cal { margin-top: 25px; } .schedule-page .month_course_list { } .schedule-page .month_course_cal { display: none; } @media (max-width: 1025px) { .schedule-page > .container { width: auto; } .schedule-page .schedule-title { background: url("/images/schedule/yellow-planet.png") no-repeat 110% 95%, url("/images/schedule/pink-planet.png") no-repeat -14% 95%; color: #f6f6f6; } .schedule-page .c-filter { flex-wrap: wrap; } .schedule-page .day { width: auto; min-height: 0; font-size: 12px; border-radius: 40px; background: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, 0.15); grid-template-rows: 60px; opacity: 1; } .schedule-page .day .date { justify-self: center; font-size: 18px; } .schedule-page .week-day { font-size: 11px; text-overflow: ellipsis; overflow: hidden; } .schedule-page .day.past_day { opacity: 1; } .schedule-page .day.emptyDay { grid-template-rows: 90px; } .schedule-page .calendar { grid-template-columns: repeat(7, minmax(0, 1fr)); row-gap: 5px; background-size: 80%; background-position: 0% 100%; } .schedule-page .day .info { display: none; } .schedule-page .calendar .day .info, .schedule-page .calendar .day .time, .schedule-page .calendar .day .name, .schedule-page .calendar .day a { font-size: 12px; line-height: 14px; } .schedule-page .calendar .day a.show_courses_more { font-size: 11px; } .schedule-page .day a.show_courses_more span { font-size: 11px; } .schedule-page .day-lessons.active { display: block; } .schedule-page .lesson { width: auto; max-width: 450px; margin-bottom: 15px; background: #fff; } .schedule-page .lesson .btns a:first-child { font-size: 16px; } } @media (min-width: 801px) and (max-width: 1025px) { .schedule-page { background: url("/images/schedule/header-bg.jpg") 50% 0% no-repeat, url("/images/schedule/footer-bg.jpg") 50% 100% no-repeat; background-size: auto, 200%; } .schedule-page .schedule-title { background: none; } .schedule-page .c-filter .b-filter.type_schedule { flex: 0 0 20%; } .schedule-page .c-filter .b-filter.start_date_schedule { flex: 0 0 27%; } .schedule-page .c-filter .b-filter.start_date_schedule input[type="text"] { width: 100px; } .schedule-page .calendar .day .info, .schedule-page .calendar .day .time, .schedule-page .calendar .day .name, .schedule-page .calendar .day a { font-size: 11px; } } @media (min-width: 541px) and (max-width: 900px) { .schedule-page .c-filter { display: flex; flex-wrap: wrap; justify-content: right; } .schedule-page .b-filter { margin-bottom: 10px; } .schedule-page .c-filter .b-filter.format_schedule { flex: 0 0 33%; } .schedule-page .c-filter .b-filter.type_schedule { flex: 0 0 33%; } .schedule-page .c-filter .b-filter.age_schedule { flex: 0 0 33%; } .schedule-page .c-filter .b-filter.start_time_schedule { flex: 0 0 20%; } .schedule-page .c-filter .b-filter.start_date_schedule { flex: 0 0 39%; } } @media (max-width: 800px) { .schedule-page .schedule-title { background: url("/images/schedule/yellow-planet.png") no-repeat 110% 99%; color: #f6f6f6; } .schedule-page .calendar { background: none; } .schedule-page .day { font-size: 11px; grid-template-rows: auto; } .schedule-page .format_schedule .filter-options, .schedule-page .type_schedule .filter-options, .schedule-page .age_schedule .filter-options, .schedule-page .start_time_schedule .filter-options { width: auto !important; } .schedule-page .text.bottom { width: auto; margin: 150px 0px 100px; } } @media (min-width: 541px) and (max-width: 800px) { .schedule-page { background: url("/images/schedule/header-bg.jpg") 50% 0% no-repeat, url("/images/schedule/footer-bg.jpg") 50% 100% no-repeat; background-size: auto, 200%; } .month_1.month_block { padding-bottom: 200px; } .schedule-page .day { border-radius: 35px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.15); grid-template-rows: auto; } .schedule-page .day .date { justify-self: right; } .schedule-page .row:nth-child(4) .col-md-12 { background: url("/images/schedule/schedule_rocket.png") -15vw 85% no-repeat; background-size: 90%; } } @media (min-width: 541px) and (max-width: 767px) { .schedule-page .c-filter .b-filter.start_date_schedule { flex: 0 0 50%; text-align: right; padding-right: 0.33em; } .schedule-page .c-filter .b-filter.start_date_schedule input[type="text"] { width: 102px; } } @media (max-width: 767px) { .schedule-page .day a.show_courses_more span:nth-child(1) { font-size: 18px; line-height: 22px; } } @media (max-width: 580px) { .schedule-page .schedule-title { background: url("/images/schedule/yellow-planet.png") no-repeat 110% 95%, url("/images/schedule/pink-planet.png") no-repeat -14% 99%, url("/images/schedule/blue-planet.png") no-repeat 16% 60%; color: #f6f6f6; } .schedule-page .calendar { background-size: 115%; background-position: -30vw 66%; } } @media (max-width: 540px) { .schedule-page { background-size: auto, 300%, 90%; } .schedule-page .schedule-title { background: url("/images/schedule/pink-planet.png") no-repeat -90px 80%, url("/images/schedule/yellow-planet.png") no-repeat 130% 80%; } .schedule-page .row:nth-child(4) .col-md-12 { background: url("/images/schedule/schedule_rocket.png") -30vw 85% no-repeat; background-size: 115%; } .schedule-page .calendar { padding-bottom: 270px; } .schedule-page .text.bottom { width: auto; margin: 150px 0px 50px; } .schedule-page .text.bottom p { margin: 0 120px 2em 0; } } @media (min-width: 768px) and (max-width: 1025px) { .b-filter { position: relative; } } /*Конец рассписания*/ .SK_logo { margin-top: 20px; width: 150px: height: auto; } /* #region Попап для мероприятий */ .promoevent-block { width: 98vw; margin: auto; max-width: 576px; text-align: center; position: relative; } .promoevent-popup-body { padding: 50px 0 20px; font-size: 14px; background: url("/images/cloud.svg") no-repeat 50% 50% / contain; } .promoevent-popup-body-inner { display: inline-block; margin-bottom: 45px; } .promoevent-title { margin-bottom: 0.125em; font-weight: 700; font-size: 24px; line-height: 1; color: #00a0be; text-transform: uppercase; } .promoevent-price { margin-top: 12px; } .promoevent-price-profit ins { padding: 1px 10px; border-radius: 5px; font-size: 19px; background: #ff0647; color: #fff; text-decoration: none; } .promoevent-price-discount { padding: 5px 0 0; font-weight: 700; font-size: 35px; line-height: 1; color: #3b9376; } .promoevent-price-base del { font-size: 22px; color: #adb5c4; text-decoration: line-through; } .promoevent-block .field-button { display: inline-block; width: 90%; max-width: 200px; margin-top: 12px; text-align: center; } .promoevent-block .field-button .link { width: 100%; max-width: 100%; } .promoevent-block .close { top: 45px; right: 0; width: 35px; height: 35px; background-size: 35px; } @media (min-width: 412px) { .promoevent-popup-body { font-size: 15px; } .promoevent-title { font-size: 26px; } .promoevent-price { margin-top: 15px; } .promoevent-price-profit ins { padding: 1px 10px 2px; font-size: 20px; } .promoevent-price-discount { padding: 10px 0 0; font-size: 42px; } .promoevent-price-base del { font-size: 24px; } .promoevent-block .field-button { margin-top: 15px; } } @media (min-width: 580px) { .promoevent-block { width: 90%; } .promoevent-popup-body { font-size: 17px; } .promoevent-title{ font-size: 30px; } .promoevent-price { margin-top: 25px; } .promoevent-price-profit ins { padding: 2px 10px; font-size: 25px; } .promoevent-price-discount { padding: 10px 0 0; font-size: 57px; } .promoevent-price-base del { font-size: 37px; } .promoevent-block .field-button { margin-top: 35px; } .promoevent-block .close { right: -20px; } } /* #endregion */ .coddy_logo { font-family: 'Fredoka One' !important; } .campevent-block { width: 100%; margin: auto; max-width: 1000px; } .campevent-block .campevent-popup-body { background-position: 0px 0px; background-repeat: no-repeat; background-size: contain; width: 100%; min-height: 680px; padding: 0px; margin: auto; display: table; } .campevent-block .campevent-popup-body-inner { position: relative; width: 100%; display: table-cell; vertical-align: middle; padding: 60px 150px 0px; text-align: center; } .campevent-block .campevent-popup-body-inner .close { right: 180px; top: 200px; } .campevent-block .campevent-popup-body-inner .campevent-title { color: #fff; font-size: 60px; line-height: 70px; font-weight: bold; text-align: center; margin-bottom: 30px; } .campevent-block .campevent-popup-body-inner .campevent-title span { font-size: 1em; line-height: 1.2em; } .campevent-block .campevent-popup-body-inner .campevent-popup-button { text-align: center; display: block; width: 440px; margin: auto; } .campevent-block .campevent-popup-body-inner .campevent-popup-button a { display: inline-block; background: #febe30; min-width: 200px; color: #1b0d62; box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3); margin: 0px 15px 0px 0px; } .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(2n) { background: #a23ae4; color: #ffffff; margin: 0px 0px 0px 15px; } .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(3n) { background: #0df2c7; margin: 15px 0px 0px 0px; } .campevent-block .campevent-popup-body-inner .campevent-popup-button a:hover { box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); } .campevent-block .campevent-popup-body-bg-mobi { display: none; } @media screen and (max-width: 1100px) { .campevent-block .campevent-popup-body-inner .close { right: 150px; top: 190px; } .campevent-block .campevent-popup-body-inner .campevent-title span { font-size: 0.85em; line-height: 0.85em; } } @media screen and (max-width: 992px) { .campevent-block .campevent-popup-body-inner .campevent-popup-button a { margin: 0px 5px 0px 0px; } .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(2n) { margin: 0px 0px 0px 5px; } .campevent-block .campevent-popup-body { min-height: 630px; } .campevent-block .campevent-popup-body-inner .close { right: 100px; top: 190px; } .campevent-block .campevent-popup-body-inner .campevent-title span { font-size: 0.7em; line-height: 0.7em; } } @media screen and (max-width: 930px) { .campevent-block.btn_more { width: 110%; margin: 0px -5%; } .campevent-block .campevent-popup-body-inner .campevent-title span { font-size: 0.6em; line-height: 0.6em; } } @media screen and (max-width: 870px) { .campevent-block .campevent-popup-body { min-height: 600px; } .campevent-block .campevent-popup-body-inner { padding-top: 15px; } .campevent-block .campevent-popup-body-inner .close { top: 170px; } } @media screen and (max-width: 768px) { .campevent-block.btn_more { width: 100%; margin: auto; } .campevent-block .campevent-popup-body { background: none !important; min-height: 600px; } .campevent-block .campevent-popup-body-bg-mobi { display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .campevent-block .campevent-popup-body-inner .close { top: 130px; } .campevent-block .campevent-popup-body-inner .campevent-title { line-height: 40px !important; } .campevent-block .campevent-popup-body-inner .campevent-title span { font-size: 0.5em; line-height: 0.5em; } .campevent-block .campevent-popup-body-inner .campevent-popup-button a, .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(2n), .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(3n) { margin: 0px auto 15px; display: block; min-width: 200px; width: 90%; max-width: 250px; } .campevent-block .campevent-popup-body-inner .campevent-popup-button { width: 100%; } } @media screen and (max-width: 670px) { .campevent-block .campevent-popup-body-inner { padding-left: 100px; padding-right: 100px; } .campevent-block .campevent-popup-body-inner .close { right: 70px; top: 140px; } } @media screen and (max-width: 630px) { .campevent-block.btn_more .campevent-popup-body-bg-mobi { left: -5%; width: 110%; } .campevent-block .campevent-popup-body-inner { padding: 60px 50px 0px; } .campevent-block .campevent-popup-body-inner .close { right: 50px; top: 160px; } } @media screen and (max-width: 565px) { .campevent-block .campevent-popup-body { min-height: 460px; } .campevent-block .campevent-popup-body-inner .close { right: 20px; top: 110px; } .campevent-block .campevent-popup-body-inner .campevent-title { line-height: 30px !important; } .campevent-block .campevent-popup-body-inner .campevent-title span { font-size: 0.4em; line-height: 0.4em; } } @media screen and (max-width: 500px) { .campevent-block.btn_more .campevent-popup-body { } .campevent-block.btn_more .campevent-popup-body-bg-mobi { left: -10%; width: 120%; } .campevent-block .campevent-popup-body-inner .close { right: 0px; top: 120px; } } @media screen and (max-width: 450px) { .campevent-block.btn_more .campevent-popup-body-bg-mobi { left: -15%; width: 130%; } .campevent-block .campevent-popup-body-inner { padding: 60px 0px 0px; width: 100%; } .campevent-block .campevent-popup-body-inner .close { right: -20px; top: 120px; } .campevent-block .campevent-popup-body-inner .campevent-title { line-height: 20px !important; } .campevent-block .campevent-popup-body-inner .campevent-title span { font-size: 14px; line-height: 0.3em; } } @media screen and (max-width: 400px) { .campevent-block .campevent-popup-body { min-height: 400px; } .campevent-block .campevent-popup-body-inner .close { right: -20px; top: 95px; } .campevent-block .campevent-popup-body-inner .campevent-popup-button a, .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(2n), .campevent-block .campevent-popup-body-inner .campevent-popup-button a:nth-child(3n) { margin: 0px auto 10px; display: block; width: 90%; min-width: 150px; } } .cons_block_link { margin: 0px 0px 0px; text-align: center; } .cons_block_link a { display: inline-block; margin: 0px 0px 30px; position: relative; padding: 0px 10px; } .cons_block_link a:before { display: block; content: "| "; position: absolute; top: 0px; left: -5px; } .cons_block_link a:first-child:before { content: ""; } .color-red { color: #f00; } .search_block { position: relative; margin: 50px auto 30px; width: 100%; max-width: 872px; } .search_block .search { position: relative; width: 50%; margin: auto; } .search_block .search input[type="text"] { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 46px; background-color: white; border: 3px solid #0493b4; padding: 12px 22px; -webkit-border-radius: 20px; border-radius: 2em 2em 2em 2em !important; outline: none; font-weight: 700; font-size: 14px; } .search_block .search input[type="text"]::placeholder { opacity: 1; color: #c0c0c0; font-weight: 700; } .search_block .search button { position: absolute; right: 14px; top: 50%; margin-top: -13px; width: 24px; height: 25px; background: url("/images/btn-search.png") no-repeat; background-size: contain; cursor: pointer; padding: 0; border: none; font-size: 18px; font-weight: 700; display: inline-block; } .load_certificate_block img { max-width: 70%; max-height: 90vh; } .certificate_block { margin: 0px auto 70px; } /*Страница Лицензии*/ .page-nm { position: relative; } .page-nm ul { padding: 0; margin: 0; } .page-nm ul li { padding: 0; list-style: none; } .page-nm__top { margin: 81px 0 150px; width: 560px; position: relative; z-index: 3; } .page-nm__top h1 { margin-bottom: 40px; font-weight: 900; font-size: 56px; line-height: 60px; color: #2B4554; text-align: left; } .page-nm__top h1 span { color: #0095b6; } .page-nm__top-tx { margin-bottom: 37px; font-weight: 500; font-size: 21px; line-height: 29px; color: #666666; } .page-nm__top-bloq { width: 480px; padding: 6px 17px; display: flex; align-items: center; position: relative; } .page-nm__top-bloq:before { content: ''; width: 25px; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 3; background-image: url("/images/license/img1.svg"); background-repeat: no-repeat; background-size: contain; } .page-nm__top-bloq:after { content: ''; width: 25px; height: 100%; display: block; position: absolute; top: 0; right: 0; z-index: 3; background-image: url("/images/license/img2.svg"); background-repeat: no-repeat; background-size: contain; } .page-nm__top-bloq-tx { width: calc(100% - 100px); font-size: 14px; line-height: 19px; color: #999999; } .page-nm__top-bloq-img img { max-width: 100%; } .page-nm__info { margin: 110px 0 0px; } .page-nm__info .row { align-items: center; } .page-nm__info-img img { max-width: 100%; } .page-nm__info-text p { margin-bottom: 27px; font-size: 16px; line-height: 22px; color: #666666; } .page-nm__info-text p strong { color: #3DB39E; } .page-nm__info-text ul { margin-bottom: 27px; } .page-nm__info-text ul li { margin-bottom: 20px; padding-left: 27px; position: relative; font-size: 16px; line-height: 22px; color: #666666; } .page-nm__info-text ul li:last-of-type { margin-bottom: 0; } .page-nm__info-gr .page-nm__info-img { margin-top: -100px; } .page-nm__info-gr .page-nm__info-text ul li a { color: #0484AC; } .page-nm__info-bl .page-nm__info-text ul li a { color: #3DB39E; } .page-nm__info-text ul li:before { content: ''; width: 6px; height: 6px; display: block; position: absolute; top: 10px; left: 4px; z-index: 3; background: #3DB39E; border-radius: 100px; } .page-nm__info-gr .page-nm__info-text ul li:before { background: #0484AC; } .page-nm__info-text ul li:after { content: ''; width: 10px; height: 10px; display: block; position: absolute; top: 8px; left: 2px; z-index: 2; background: rgba(61, 179, 158, 0.15); border-radius: 100px; } .page-nm__info-gr .page-nm__info-text ul li:after { background: rgba(4, 132, 172, 0.25); } .page-nm__info-text-title { margin-bottom: 30px; font-weight: 700; font-size: 21px; line-height: 29px; } .page-nm__info-bl .page-nm__info-text-title { color: #3DB39E; } .page-nm__info-gr .page-nm__info-text-title { color: #0484AC; } .page-nm__docs { margin: 100px 0 100px; } .page-nm__docs h2 { margin-bottom: 35px; color: #0484AC; } .page-nm__docs-col { height: 100%; padding: 40px; } .page-nm__docs-col.bg1 { background: rgba(4, 132, 172, 0.1); border-radius: 25px; } .page-nm__docs-col.bg2 { background: rgba(61, 179, 158, 0.15); border-radius: 25px; } .page-nm__docs-title { margin-bottom: 42px; font-weight: 700; font-size: 18px; line-height: 25px; } .bg1 .page-nm__docs-title { color: #0484AC; } .bg2 .page-nm__docs-title { color: #3DB39E; } .page-nm__docs-list-item { padding-bottom: 30px; display: flex; align-items: flex-start; justify-content: space-between; position: relative; } .page-nm__docs-list-item:before { content: ''; width: 1px; height: calc(100% - 50px); position: absolute; left: 15px; bottom: 9px; z-index: 1; background: rgba(4, 132, 172, 0.25); } .page-nm__docs-list-item:last-of-type { padding-bottom: 0; } .page-nm__docs-list-item:last-of-type:before { display: none; } .page-nm__docs-list-tx { width: calc(100% - 50px); font-size: 16px; line-height: 22px; color: #2B4554; } .bg1 .page-nm__docs-list-tx a { color: #0484AC; } .bg2 .page-nm__docs-list-tx a { color: #3DB39E; } .page-nm__docs-list-tx-tw { margin-top: 12px; padding-left: 17px; font-size: 14px; line-height: 22px; color: #2B4554; } .page-nm__docs-list-tx-bottom { margin-top: 30px; font-weight: bold; font-size: 14px; line-height: 19px; color: #2B4554; } .page-nm__docs-list-tx-bottom a { color: #0484AC !important; } .page-nm__docs-list-numb { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; position: relative; font-weight: 700; font-size: 16px; line-height: 22px; color: #fff; border-radius: 100px; background: #0484AC; } .page-nm__docs-list-numb:before { content: ''; width: 40px; height: 40px; position: absolute; top: -4px; left: -4px; z-index: 2; border-radius: 100px; background: rgba(4, 132, 172, 0.15); } .bg2 .page-nm__docs-list-numb { background: #3DB39E; } .bg2 .page-nm__docs-list-numb:before { background: rgba(61, 179, 158, 0.15); } .page-nm__faq { margin-bottom: 100px; } .page-nm__faq h2 { margin-bottom: 30px; font-weight: 700; font-size: 21px; line-height: 29px; color: #3DB39E; } .page-nm__acc .accordion__item { margin-bottom: 5px; } .page-nm__acc .accordion__title { padding-right: 50px; position: relative; border: 1px solid #3DB39E; border-radius: 10px; cursor: pointer; font-weight: 700; font-size: 16px; line-height: 22px; } .page-nm__acc .accordion__title-text { padding: 14px 20px; display: block; } .page-nm__acc .accordion__title:after { content: '+'; display: block; position: absolute; right: 21px; top: 4px; z-index: 2; font-weight: 700; font-size: 36px; line-height: 36px; color: #3DB39E; } .page-nm__acc .accordion__title.accordion-active { background: #3DB39E; color: #fff; } .page-nm__acc .accordion__title.accordion-active + .accordion__content { display: block; } .page-nm__acc .accordion__title.accordion-active:after { content: '-'; color: #fff; } .page-nm__acc .accordion__content { padding: 27px 22px; display: none; } .page-nm__acc .accordion__content p { margin-bottom: 20px; font-size: 16px; line-height: 22px; color: #2B4554; } .page-nm__acc .accordion__content p strong { color: #3DB39E; } .page-nm__acc .accordion__content ol { padding-left: 20px; margin-bottom: 20px; } .page-nm__acc .accordion__content ol li { margin-bottom: 7px; font-size: 16px; line-height: 22px; color: #2B4554; } .page-nm__acc .accordion__content ul { padding-left: 20px; margin-bottom: 20px; } .page-nm__acc .accordion__content ul li { margin-bottom: 7px; list-style: circle; font-size: 16px; line-height: 22px; color: #2B4554; } .page-nm__imgs-item { position: absolute; z-index: 2; } .page-nm__imgs-item img { max-width: 100%; } .page-nm__imgs-item.bg1 { top: 0; left: 0; } .page-nm__imgs-item.bg2 { top: 0; right: 0; } .page-nm__imgs-item.bg3 { top: 38%; right: 0; } .page-nm__imgs-item.bg4 { top: 58%; left: 0; } @media screen and (max-width: 1500px) { .page-nm__imgs-item.bg2 { width: 600px; } .page-nm__imgs-item.bg1, .page-nm__imgs-item.bg3, .page-nm__imgs-item.bg4 { width: 150px; } } @media screen and (max-width: 1300px) { .container { max-width: 991px; } } @media screen and (max-width: 1200px) { .page-nm__imgs-item.bg2 { width: 450px; } } @media screen and (max-width: 1200px) { .container { max-width: 900px; } } @media screen and (max-width: 991px) { .page-nm__top { width: 460px; margin: 50px 0 80px; } .page-nm__top h1 { font-size: 35px; line-height: 45px; } .page-nm__top-tx { font-size: 18px; line-height: 24px; } .page-nm__imgs-item.bg2 { width: 300px; } .page-nm__imgs-item.bg1 { width: 80px; top: 7%; } .page-nm__imgs-item.bg3, .page-nm__imgs-item.bg4 { width: 100px; } .page-nm__info { margin: 40px 0; } .page-nm__info-img { margin: 20px 0; margin-top: 20px; text-align: center; } .page-nm__info-gr .page-nm__info-img { margin-top: 20px; } .page-nm__docs { margin: 40px 0; } .page-nm__docs-col { height: auto; margin-bottom: 30px; } } @media screen and (max-width: 768px) { .page-nm__top { padding-top: 50px; width: 100%; } .page-nm__top h1 { font-size: 25px; line-height: 30px; } .page-nm__top-tx { font-size: 16px; } .page-nm__top-bloq { width: 100%; } .page-nm__top-bloq:before, .page-nm__top-bloq:after { width: 38px; background-size: auto 100%; } .page-nm__imgs-item.bg2 { width: 150px; } .page-nm__info-text p, .page-nm__info-text ul li { font-size: 14px; } .page-nm__info-text ul li { margin-bottom: 7px; } .page-nm__info-text-title { margin-bottom: 10px; font-size: 18px; } .page-nm__docs-col { padding: 20px; } .page-nm__docs-title { font-size: 16px; } .page-nm__docs-list-tx { font-size: 14px; } .page-nm__acc .accordion__title { font-size: 14px; } .page-nm__acc .accordion__content p { font-size: 14px; } } /*КОНЕЦ страница Лицезии*/ @media screen and (min-width: 991px) and (max-width: 1300px){ .footer-social { margin-top: 20px; } } @media screen and (min-width: 1200px) and (max-width: 1300px){ .we-teach-topic .click-to-nav a:nth-child(10) { top: 231px; left: -31px; } .we-teach-topic .click-to-nav a:nth-child(5) { left: 398px; } .we-teach-topic .click-to-nav a:nth-child(4) { top: 262px; left: 205px; } .we-teach-topic .click-to-nav a:nth-child(6) { top: 233px; left: 490px; } .we-teach-topic .click-to-nav a:nth-child(9) { right: -8px; } .we-teach-topic .click-to-nav a:nth-child(11) { right: -1px; } .wrapper-sect-inside .col-md-6:first-of-type{ width: 60%; } .wrapper-sect-inside .col-md-6:last-of-type { width: 40%; } .price-coddy .price_item .price_item_title { top: 53px; font-size: 16px; } .price-coddy .price_item .price_item_price { top: 350px; } .price-coddy .price_item { height: 460px; } .price-coddy .price_item .price_item_desc { top: 280px; } .our-awards .awards-title.down { padding-left: 0; } .main-site-nav li { padding-left: 4px; padding-right: 4px; } .wrapper-sect-inside .text-about-coddy { padding-right: 0; } #info_contacts .form_contacts .any-questions .your-stuff-inp { max-width: 90%; } .more-info-about-us .coddy-tv-block iframe { width: 463px; height: 248px; } .price-coddy .price_item div { font-size: 13px; line-height: 12px; } .price-coddy .price_item .price_item_count_child { top: 248px; } .price-coddy .price_item .price_item_price { font-size: 22px; top: 365px; } .price-coddy .price_item .price_item_desc p { margin-bottom: 6px; } } @media screen and (max-width: 1200px) { .we-teach-topic .click-to-nav a:nth-child(5) { top: 124px; left: 372px; } .we-teach-topic .click-to-nav a:nth-child(4) { top: 240px; left: 175px; } .we-teach-topic .click-to-nav a:nth-child(6) { top: 216px; left: 455px; } .we-teach-topic .click-to-nav a:nth-child(10) { left: -20px; } .wrapper-sect-inside .col-md-6:first-of-type{ width: 53%; } .wrapper-sect-inside .col-md-6:last-of-type { width: 47%; } .wrapper-sect-inside .text-about-coddy { padding-right: 0; } #info_contacts .form_contacts .any-questions .your-stuff-inp { max-width: 100%; } #info_contacts .form_contacts .any-questions .your-stuff-inp .right_block { height: auto!important; } .price-coddy .price_item .price_item_desc { font-size: 14px; line-height: 16px; } .price-coddy .price_item .price_item_desc p { margin-bottom: 6px; } } @media screen and (max-width: 991px) { .we-teach-topic .click-to-nav a:nth-child(4) { top: 194px; left: 135px; } .we-teach-topic .click-to-nav a:nth-child(5) { top: 100px; left: 301px; } .we-teach-topic .click-to-nav a:nth-child(6) { top: 177px; left: 373px; } .wrapper-sect-inside .col-md-6:first-of-type{ width: 100%; } .wrapper-sect-inside .col-md-6:last-of-type { width: 100%; } } @media screen and (max-width: 768px) { .ic-video { top: 23px; } } @media screen and (max-width: 400px) { .price-coddy .price_item .price_item_price { top: 83%; } } .ou-news { padding-top: 40px; } .payment a.link.primary { display: inline-block; margin: 0px 0px 50px; } .payment img { margin: 0px 15px 0px; height: 40px; } .trustpilot-widget{ border-radius: 5px; position: relative; height: 40px; background: #F6F6F6; padding: 15.5px 0px 35px 0px; width: 305px; display: inline-block; } .yandex-rating-badge{ margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 1300px) { .trustpilot-widget { margin: 10px 0px 20px 0px; float: left; } } @media only screen and (max-width: 624px) { .yandex-rating-badge{ margin-top: 10px; margin-left: 0px; } } /* End */ /* /local/templates/coddy_en/components/w-help/area.banner/area_top/style.css?16577236651032 */ /* /local/components/coddy/phone.code.list/templates/site_en/style.min.css?17304180392129 */ /* /local/components/coddy/phone.code.list/templates/callback/style.min.css?17304180392157 */ /* /local/templates/coddy_en/styles.css?16743373371046 */ /* /local/templates/coddy_en/css/libs.min.css?1657723665173621 */ /* /local/templates/coddy_en/css/main.css?1709237141962677 */