/*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;700&display=swap');*/ /*Bootsrap*/ :root { --blue:#797aed;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#797aed;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;} *,::after,::before { box-sizing: border-box } html { line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; background-color: #fff; background-image: linear-gradient(to bottom, #fff 10%, #3aedff0f 40%, #FF8FC50f 60%, #A162FF0f 80%, rgb(235 234 255) 100%); background-position: right top; background-repeat: no-repeat; background-size: cover; } fieldset{border:0 !important;} article,aside,figcaption,figure,footer,header,hgroup,main,nav,section { display: block } figure{float:left;} ul li{list-style:none;} body { margin: 0; /*font-family: 'Oswald', Arial, sans-serif;*/ font-family: Arial, sans-serif; font-weight: 300; letter-spacing:0.05em; line-height: 1.5; text-align: left; background: url('https://seotop.spb.ru/images/tile.png') repeat top left; overflow-x: hidden !important; font-size: 16px; color: #3f3d91;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {text-transform:uppercase!important;line-height: 1.5; font-weight: 600; margin-top: 0; margin-bottom: .5rem;font-weight: 500;color:#3f4290;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .h1,h1 { font-size: 2.5rem} .h2,h2 { font-size: 18px;margin-top: 40px; margin-bottom: 20px;} .h3,h3 { font-size: 12px;} .h4,h4 { font-size: 12px;} .h5,h5 { font-size: 12px;} h5{margin-top:40px;margin-bottom:20px;} .title-heading.mt-4 h2.heading.mb-3{font-size:17px; text-transform:none!important;} ::-moz-selection { background: rgba(47, 85, 212, 0.9); color: #ffffff;} ::selection { background: rgba(47, 85, 212, 0.9); color: #ffffff;} p { line-height: 1.6;text-align:justify;padding:10px 0; margin-top: 0; margin-bottom: 1rem; font-weight:400;} dl,ol,ul { margin-top: 0; margin-bottom: 1rem} ol ol,ol ul,ul ol,ul ul { margin-bottom: 0} i{font-style:normal;} small { font-size: 80%} a {text-decoration: none; background-color: transparent; text-decoration: none !important;color:#252525;} a:hover { color: #797aed; text-decoration: underline} a:not([href]) { color: inherit; text-decoration: none} a:not([href]):hover { color: inherit; text-decoration: none} footer a{color:#7f92ca;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;} footer a:hover{color:#fff;-webkit-transition: all 0.8s ease; transition: all 0.8s ease;} img { vertical-align: middle; border-style: none; max-width:100%;} img:hover{animation:brightness 1.7s;} svg { overflow: hidden; vertical-align: middle} input, textarea {outline:none;} input:active, textarea:active {outline:none;} :focus {outline:none;} textarea {resize:none;} textarea {resize:vertical;} textarea {resize:horizontal;} label { display: inline-block; margin-bottom: .5rem} button { border-radius: 0} button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color} button,input,optgroup,select,textarea { margin: 0; font-size: inherit; line-height: inherit} button,input { overflow: visible} [type=button],[type=reset],[type=submit],button { -webkit-appearance: button} [type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) { cursor: pointer} [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { padding: 0; border-style: none} input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0} input[type=date],input[type=datetime-local],input[type=month],input[type=time] { -webkit-appearance: listbox} textarea { overflow: auto; resize: vertical} #snow{position:absolute;margin:6px;overflow:hidden;} .display-4 { font-size: 42px !important; font-weight: 300; line-height: 1.2} .display-4 span, h1 i{display: block; font-weight: bold; font-size: 140px;} .bg-bottom{background: url(https://seotop.spb.ru/images/spb.png) bottom left repeat-x;width:100%;height:220px;} .tel-btn a{font-weight: 500; font-size:18px; color: #797aed; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;display: inline-block; padding: 0px 5px;} .tel-btn a:hover{color:#87e6c1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .small,small { font-size: 80%; font-weight: 400} .list-unstyled { padding-left: 0; list-style: none} .list-inline-item { display: inline-block} .list-inline-item:not(:last-child) { margin-right: .5rem} .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto} #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(45deg, #ffffff, #ffffff); z-index: 9999999;-webkit-animation: fadeTimeOut 3s 0s cubic-bezier(0.39, 0.575, 0.565, 1) both alternate; animation: fadeTimeOut 3s 0s cubic-bezier(0.39, 0.575, 0.565, 1) both alternate;} .load-hide{opacity:0; display:none; width:0;-webkit-animation: fadeOff 3s 0s cubic-bezier(0.39, 0.575, 0.565, 1) both alternate; animation: fadeOff 3s 0s cubic-bezier(0.39, 0.575, 0.565, 1) both alternate; } .blog-title{display: inline-block; text-shadow: none; color: #fff; padding: 10px 10px; background: #4ec2cd; margin: 5px 0; border: 0; font-size: 20px; line-height: 26px; border-radius: 6px; box-shadow: 0px 0px 0px 3px #fff!important;} .blog-left{width:75%;float:left;} .blog-right{width:25%;float:right;} .blog-right .moduletable{padding-left: 30px;} .blog-right h3{font-size: 24px; padding-top: 10px; padding-bottom: 30px;} .blog-right ul{padding:0;} .blog-right li{font-size: 16px; padding: 15px 0;} .blog-right li a{color: ##7e78ee;} .blog-right li a:hover{color:#40417b;} @-webkit-keyframes fadeTimeOut { 0% { opacity: 1; display:block;z-index:100000;} 70%{opacity:1;} 100%{opacity:0; display:none;z-index:-1;}} @keyframes fadeTimeOut { 0% { opacity: 1; display:block;z-index:100000} 70%{opacity:1;} 100%{opacity:0; display:none;z-index:-1;}} @-webkit-keyframes fadeOff { from { opacity: 1; display:block;width:100%} to { opacity: 0; display:none;width:0;} } @keyframes fadeOff { from { opacity: 1; display:block;width:100%} to { opacity: 0; display:none;width:0;} } @-webkit-keyframes load { 0% { opacity: 1;dispaly:block;} 99% { opacity: 0; display:block;} 100% {opacity:0;display:none;}} @keyframes load { 0% { opacity: 1;dispaly:block;} 99% { opacity: 0; display:block;} 100% {opacity:0;display:none;}} #preloader #status { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} #preloader #status .spinner { width: 40px; height: 40px; position: relative; margin: 50px auto;} #preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2 {width: 100%; height: 100%; border-radius: 50%; background-color: #797aed; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out;} #preloader #status .spinner .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;} @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); }} @keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); }} #preloader p{min-width: 320px;max-width: 100%;padding: 0 20px; text-align: center; font-size: 33px;font-family:Arial, sans-serif;} #preloader p i{font-style:normal;display: block;font-size: 18px; color: #40417b;} @media (min-width: 1200px) { .container,.container-lg,.container-md,.container-sm,.container-xl { width:1140px; max-width:100% }} .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px} .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%} .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66% } .col-md-8 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-8 img {margin-bottom: 30px;} @media (min-width: 990px) { .col-lg-6 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-5 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } @media (max-width: 1020px) {.display-4 { font-size: 42px !important; } .display-4 span{font-size: 110px;}} @media (max-width: 990px) { .footer .col-lg-5{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%} .footer .col-lg-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%} .col-md-8, .col-md-3{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}} @media (max-width: 768px) { .display-4 { font-size: 32px !important; } .display-4 span{font-size: 75px;} .blog-left, .blog-right{width:100%;float:none;}} @media (max-width: 680px) { .footer .col-lg-6{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%} .display-4 {padding-top:0; font-size: 18px !important; line-height: 36px;} .display-4 span{font-size: 36px;} } .actsiya{ position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; max-width:400px; } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)} .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1} .form-control::-moz-placeholder { color: #6c757d; opacity: 1} .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1} .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1} .form-control::placeholder { color: #6c757d; opacity: 1} textarea.form-control { height: auto} .form-group { margin-bottom: 1rem} .soglasie{margin:5px 0;} .callback .soglasie input, .site-analyze .soglasie input{float: left; width: 20px; height: 20px; margin-right: 5px; margin-top: 2px;} .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none }} .btn:hover { color: #212529; text-decoration: none} .btn.focus,.btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)} .btn.disabled,.btn:disabled { opacity: .65} a.btn.disabled,fieldset:disabled a.btn { pointer-events: none} .btn-success { color: #fff; background-color: #28a745; border-color: #28a745} .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34} .btn-success.focus,.btn-success:focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)} .btn-success.disabled,.btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745} .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430} .btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)} .btn-block { display: block; width: 100%} .btn-block+.btn-block { margin-top: .5rem} input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { width: 100%} .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; margin: 5px!important; } .card a{display:block;} .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; } .card-title { margin-bottom: .75rem} .card-img,.card-img-bottom,.card-img-top { -ms-flex-negative: 0; flex-shrink: 0; width: 100%} .card-img,.card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px)} .bg-dark { background-color: #343a40!important} a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { background-color: #1d2124!important} .border-0 { border: 0!important} .rounded { border-radius: .25rem!important} .d-inline-block { display: inline-block!important} .d-block { display: block!important} .d-table { display: table!important} .d-flex { display: -ms-flexbox!important; display: flex!important} .justify-content-center { -ms-flex-pack: center!important; justify-content: center!important} .justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important} .align-items-center { -ms-flex-align: center!important; align-items: center!important} .align-self-end { -ms-flex-item-align: end!important; align-self: flex-end!important} .overflow-hidden { overflow: hidden!important} .position-relative { position: relative!important} .card .position-relative{overflow: hidden; border-radius: 6px; padding: 2px; background: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important} .w-100 { width: 100%!important} .mb-0,.my-0 { margin-bottom: 0!important} .mr-1,.mx-1 { margin-right: .25rem!important} .mb-1,.my-1 { margin-bottom: .25rem!important} .mt-2,.my-2 { margin-top: .5rem!important} .mr-2,.mx-2 { margin-right: .5rem!important} .mt-3,.my-3 { margin-top: 1rem!important} .mb-3,.my-3 { margin-bottom: 1rem!important} .mt-4,.my-4 { margin-top: 1.5rem!important} .mb-4,.my-4 { margin-bottom: 1.5rem!important} .mt-5,.my-5 { margin-top: 3rem!important} .pb-0,.py-0 { padding-bottom: 0!important} .pl-0,.px-0 { padding-left: 0!important} .pt-2,.py-2 { padding-top: .5rem!important} .pb-2,.py-2 { padding-bottom: .5rem!important} .pl-5,.px-5 { padding-left: 3rem!important} .mr-auto,.mx-auto { margin-right: auto!important} .ml-auto,.mx-auto { margin-left: auto!important} .footer .mt-4, .footer .my-4{margin: .5rem 0!important; text-align:left;} .footer .pt-2, .footer .py-2{padding-top:50px!important;} .footer h4{line-height:auto;} @media (min-width: 768px) { .mb-md-4,.my-md-4 { margin-bottom: 1.5rem!important } .pb-md-2,.py-md-2 { padding-bottom: .5rem!important } } .text-center { text-align: center!important} @media (min-width: 576px) { .text-sm-left { text-align:left!important } .text-sm-right { text-align: right!important } } .text-uppercase { text-transform: uppercase!important} .text-white { color: #fff!important; text-shadow: 5px 8px 10px #000;} .title-dark{text-shadow: 3px 3px 0px #fff; color: #3f4290!important;} .text-primary { color: #797aed!important} .text-danger { color: #dc3545!important} a.text-danger:focus,a.text-danger:hover { color: #a71d2a!important} .text-light { color: #f8f9fa!important} a.text-light:focus,a.text-light:hover { color: #cbd3da!important} .title-heading .text-dark{text-shadow:3px 3px 0 #ffffff;} a.text-dark:focus,a.text-dark:hover { color: #121416!important} .text-body { color: #212529!important} .active .text-muted{color:#fff!important;} .text-white-50 { color: rgba(255,255,255)!important} /*/Bootsrap*/ /*Aos*/ @media (min-width: 786px) { [data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos] { transition-duration: 0.2s} [data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos] { transition-delay: 0} [data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate {transition-delay: 0.2s} [data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos] { transition-duration: 0.4s} [data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos] { transition-delay: 0} [data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate {transition-delay: 0.4s} [data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos] { transition-duration: 0.6s} [data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos] { transition-delay: 0} [data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate {transition-delay: 0.6s} [data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos] { transition-duration: 0.8s} [data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos] { transition-delay: 0} [data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate {transition-delay: 0.8s} [data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos] { transition-duration: 1s} [data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos] { transition-delay: 0} [data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate {transition-delay: 1s} [data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos] { transition-duration: 1.2s} [data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos] { transition-delay: 0} [data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate { transition-delay: 1.2s} [data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos] { transition-duration: 1.4s} [data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos] { transition-delay: 0} [data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate { transition-delay: 1.4s} [data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos] { transition-duration: 1.6s} [data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos] { transition-delay: 0} [data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate { transition-delay: 1.6s} [data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos] { transition-duration: 1.8s} [data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos] { transition-delay: 0} [data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate { transition-delay: 1.8s} [data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos] { transition-duration: 2s} [data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos] { transition-delay: 0} [data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate { transition-delay: 2s} [data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos] { transition-duration: 2.2s} [data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos] { transition-delay: 0} [data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate { transition-delay: 2.2s} [data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(.25,.25,.75,.75)} [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease} [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in} [data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out} [data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out} [data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(.6,-.28,.735,.045)} [data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(.175,.885,.32,1.275)} [data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)} [data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(.47,0,.745,.715)} [data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.39,.575,.565,1)} [data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.445,.05,.55,.95)} [data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955)} [data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955)} [data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(.55,.085,.68,.53)} [data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.25,.46,.45,.94)} [data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.455,.03,.515,.955)} [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity,transform} [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translate(0)} [data-aos=fade-up] { transform: translateY(60px)} [data-aos=fade-down] { transform: translateY(-60px)} [data-aos=fade-right] { transform: translate(-60px)} [data-aos=fade-left] { transform: translate(60px)} [data-aos=fade-up-right] { transform: translate(-60px,60px)} [data-aos=fade-up-left] { transform: translate(60px,60px)} [data-aos=fade-down-right] { transform: translate(-60px,-60px)} [data-aos=fade-down-left] { transform: translate(60px,-60px)} [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity,transform} [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translate(0) scale(1)} [data-aos=zoom-in] { transform: scale(.85)} [data-aos=zoom-in-up] { transform: translateY(60px) scale(.85)} [data-aos=zoom-in-down] { transform: translateY(-60px) scale(.85)} [data-aos=zoom-in-right] { transform: translate(-60px) scale(.85)} [data-aos=zoom-in-left] { transform: translate(60px) scale(.85)} [data-aos=zoom-out] { transform: scale(1.15)} [data-aos=zoom-out-up] { transform: translateY(40px) scale(1.15)} [data-aos=zoom-out-down] { transform: translateY(-40px) scale(1.15)} [data-aos=zoom-out-right] { transform: translate(-40px) scale(1.15)} [data-aos=zoom-out-left] { transform: translate(40px) scale(1.15)} [data-aos^=slide][data-aos^=slide] { transition-property: transform} [data-aos^=slide][data-aos^=slide].aos-animate { transform: translate(0)} [data-aos=slide-up] { transform: translateY(100%)} [data-aos=slide-down] { transform: translateY(-100%)} [data-aos=slide-right] { transform: translateX(-100%)} [data-aos=slide-left] { transform: translateX(100%)} [data-aos^=flip][data-aos^=flip] { backface-visibility: hidden; transition-property: transform} [data-aos=flip-left] { transform: perspective(2500px) rotateY(-100deg)} [data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0)} [data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg)} [data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0)} [data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg)} [data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0)} [data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg)} [data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0)} } /*Aos*/ p.com-content-category-blog__counter.counter {margin: 0; text-align: center; font-size: 12px;} .pagination__wrapper .pagination {display: grid; grid-auto-flow: column; align-items: center; justify-content: center; margin: 0; padding: 0;} .page-item a, .page-item span.page-link {transition:all 0.5s ease-in;padding: 10px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; display: block;} .active.page-item span, .pagination .active.page-item .page-link:hover{color:#3f4290;background: #dadbff;} .pagination .page-item .page-link:hover{background-color: #3f4290; color: #fff;} .pagination .disabled.page-item .page-link:hover{background:transparent;color:#3f4290;} li.page-item {margin: 4px;cursor:pointer;transition:all 0.5s ease-in;} .active.page-item, .disabled.page-item{cursor:auto;} span.icon-angle-double-left{width: 6px;height: 24px;position:relative;display: block;} span.icon-angle-double-left:before {content: ''; width: 10px;height: 10px; display: block;position: absolute;top: 7px;left: -2px;border-top:1px solid #3f4290;border-left: 1px solid #3f4290;transform: rotate(315deg);} li.page-item:hover span.icon-angle-double-left:before, li.page-item:hover span.icon-angle-double-left:after, li.page-item:hover span.icon-angle-left:before, li.page-item:hover span.icon-angle-double-right::after, li.page-item:hover span.icon-angle-double-right:before, li.page-item:hover span.icon-angle-right:before{border-color:#fff;} li.disabled.page-item span.icon-angle-double-left:before, li.disabled.page-item span.icon-angle-double-left:after, li.disabled.page-item span.icon-angle-left:before, li.disabled.page-item span.icon-angle-double-right::after, li.disabled.page-item span.icon-angle-double-right:before, li.disabled.page-item span.icon-angle-right:before{border-color:#a5a5a5;} li.disabled.page-item:hover span.icon-angle-double-left:before, li.disabled.page-item:hover span.icon-angle-double-left:after, li.disabled.page-item:hover span.icon-angle-left:before, li.disabled.page-item:hover span.icon-angle-double-right::after, li.disabled.page-item:hover span.icon-angle-double-right:before, li.disabled.page-item:hover span.icon-angle-right:before{border-color:#a5a5a5;} span.icon-angle-double-left:after {content: ''; width: 10px; height: 10px;display: block; position: absolute; top: 7px; left: 2px;border-top:1px solid #3f4290;border-left: 1px solid #3f4290;transform: rotate(315deg);} span.icon-angle-left{width: 6px;height: 24px;position:relative;display: block;} span.icon-angle-left:before {content: ''; width: 10px; height: 10px; display: block; position: absolute; top: 7px; left:0; border-top:1px solid #3f4290;border-left: 1px solid #3f4290; transform: rotate(315deg);} span.icon-angle-double-right{width: 6px;height: 24px;position:relative;display: block;} span.icon-angle-double-right:before {content: ''; width: 10px; height: 10px; display: block; position: absolute;top: 7px; right: 2px; border-top:1px solid #3f4290; border-left: 1px solid #3f4290;transform: rotate(135deg);} span.icon-angle-double-right:after {content: ''; width: 10px; height: 10px; display: block;position: absolute;top: 7px; right: -2px;border-top:1px solid #3f4290;border-left: 1px solid #3f4290;transform: rotate(135deg);} span.icon-angle-right{width: 6px;height: 24px;position:relative;display: block;} span.icon-angle-right:before {content: ''; width: 10px; height: 10px; display: block; position: absolute; top: 7px; right:0; border-top:1px solid #3f4290; border-left: 1px solid #3f4290; transform: rotate(135deg);} /*Color*/ .text-primary, .bg-soft-primary, .btn-soft-primary, .btn-outline-primary, .badge-outline-primary, .alert-outline-primary, .breadcrumb .breadcrumb-item.active, .breadcrumb .breadcrumb-item a:hover, .faq-content .card a.faq[data-toggle=collapse], .faq-content .card a.faq[data-toggle=collapse]:before, #topnav .has-submenu.active .submenu li.active > a, #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a, #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active, #topnav .navigation-menu > li .submenu li a:hover, #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a, #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li .submenu li a:hover, #topnav .navigation-menu > li.has-submenu.open > a, #topnav .has-submenu.active a, .course-feature .title:hover, .pricing-rates.business-rate:hover .title, .blog.card .content .title:hover, .blog.card .content .post-meta .readmore:hover, .media-list .media .media-heading:hover, .container-filter li a.active, .container-filter li a:hover, .team .name:hover, .catagories a:hover, .explore-feature:hover .icon, .explore-feature:hover .title{ color: #797aed !important;} .contact-detail a {color: #ffffff; font-size: 24px; font-weight: bold;} .alert-primary, ::selection { background-color: rgba(47, 85, 212, 0.9);} .social-icon li a:hover .fea-social { fill: #797aed;} /*Color*/ .bg-primary {background-color: #797aed !important;} .bg-soft-primary { background-color: rgba(47, 85, 212, 0.2) !important; border: 1px solid rgba(47, 85, 212, 0.2) !important; color: #797aed !important; } .text-primary { color: #797aed !important;} a.text-primary:hover, a.text-primary:focus { color: #284bc1 !important;} .bg-secondary { background-color: #5a6d90 !important;} .bg-soft-secondary { background-color: rgba(90, 109, 144, 0.2) !important; border: 1px solid rgba(90, 109, 144, 0.2) !important; color: #5a6d90 !important; } .text-secondary { color: #5a6d90 !important;} a.text-secondary:hover, a.text-secondary:focus { color: #506180 !important;} .bg-success { background-color: #2eca8b !important;} .bg-soft-success { background-color: rgba(46, 202, 139, 0.2) !important; border: 1px solid rgba(46, 202, 139, 0.2) !important; color: #2eca8b !important; } .text-success { color: #2eca8b !important;} a.text-success:hover, a.text-success:focus { color: #29b57d !important;} .bg-warning { background-color: #f17425 !important;} .bg-soft-warning { background-color: rgba(241, 116, 37, 0.2) !important; border: 1px solid rgba(241, 116, 37, 0.2) !important; color: #f17425 !important;} .text-warning { color: #f17425 !important;} a.text-warning:hover, a.text-warning:focus { color: #ed650f !important;} .bg-info { background-color: #17a2b8 !important;} .bg-soft-info { background-color: rgba(23, 162, 184, 0.2) !important; border: 1px solid rgba(23, 162, 184, 0.2) !important; color: #17a2b8 !important;} .text-right{text-align:right;} .text-info { color: #17a2b8 !important;} a.text-info:hover, a.text-info:focus { color: #148ea1 !important;} .bg-danger { background-color: #e43f52 !important;} .bg-soft-danger { background-color: rgba(228, 63, 82, 0.2) !important; border: 1px solid rgba(228, 63, 82, 0.2) !important; color: #e43f52 !important;} .text-danger { color: #e43f52 !important;} a.text-danger:hover, a.text-danger:focus { color: #e1293e !important;} .bg-dark { background-color: #3c4858 !important;} .bg-soft-dark { background-color: rgba(60, 72, 88, 0.2) !important; border: 1px solid rgba(60, 72, 88, 0.2) !important; color: #3c4858 !important;} a.text-dark:hover, a.text-dark:focus { color: #323c49 !important;} .bg-muted { background-color: #8492a6 !important;} .bg-soft-muted { background-color: rgba(132, 146, 166, 0.2) !important; border: 1px solid rgba(132, 146, 166, 0.2) !important; color: #8492a6 !important;} .text-muted {text-align:justify;color:#414292;} a.text-muted:hover, a.text-muted:focus { color: #75859b !important;} .bg-soft-light { background-color: rgba(248, 249, 252, 0.2) !important; border: 1px solid rgba(248, 249, 252, 0.2) !important; color: #f8f9fc !important;} .text-light { color: #9eb5f9 !important;} a.text-light:hover, a.text-light:focus { color: #e6eaf4 !important;} .bg-blue { background-color: #797aed !important;} .bg-soft-blue { background-color: rgba(47, 85, 212, 0.2) !important; border: 1px solid rgba(47, 85, 212, 0.2) !important; color: #797aed !important;} .text-blue { color: #797aed !important;} a.text-blue:hover, a.text-blue:focus { color: #284bc1 !important;} .bg-footer { background-color: #202942 !important;} .bg-soft-footer { background-color: rgba(32, 41, 66, 0.2) !important; border: 1px solid rgba(32, 41, 66, 0.2) !important; color: #202942 !important;} .text-footer { color: #202942 !important;} a.text-footer:hover, a.text-footer:focus { color: #181e30 !important;} .list-inline-item:not(:last-child) { margin-right: 0px; margin-bottom: 5px;} .rounded { border-radius: 6px !important;} .rounded-top { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important;} .rounded-left { border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important;} .rounded-bottom { border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important;} .rounded-right { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important;} .border { border: 1px solid #e9ecef !important;} .border-top { border-top: 1px solid #e9ecef !important;} .border-bottom { border-bottom: 1px solid #e9ecef !important;} .border-left { border-left: 1px solid #e9ecef !important;} .border-right {border-right: 1px solid #e9ecef !important;} .small, small { font-size: 90%;} .card .card-body { padding: 20px 25px;background: #fff; border-radius: 6px;min-height:120px;border-top-left-radius: 0; border-top-right-radius: 0;} .card .card-body h5{margin-top: 10px; margin-bottom: 20px;} .card .card-body h3, .card .card-body p{min-height: 65px;text-align: center; margin-bottom: 0; padding: 0; line-height: 22px; color: #252525;} .card .card-body p{font-size:16px!important;line-height:18px;} button:not(:disabled) { outline: none;} .shadow { -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important; box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;} .avatar.avatar-ex-sm { max-height: 25px;} .avatar.avatar-md-sm { height: 45px; width: 45px;} .avatar.avatar-small { height: 65px; width: 65px;} .avatar.avatar-medium { height: 110px; width: 110px;} .avatar.avatar-large { height: 140px; width: 140px;} .avatar.avatar-ex-large { height: 180px; width: 180px;} .progress-box .title { font-size: 15px;} .progress-box .progress { height: 8px; overflow: visible;} .progress-box .progress .progress-bar { border-radius: 6px; -webkit-animation: animate-positive 3s; animation: animate-positive 3s; overflow: visible !important;} .progress-box .progress .progress-value { position: absolute; top: -25px; right: -15px; font-size: 13px;} @-webkit-keyframes animate-positive { 0% { width: 0; }} @keyframes animate-positive { 0% { width: 0; }} .blockquote { border-left: 3px solid #dee2e6; border-radius: 6px; font-size: 16px;} .footer .form-group { margin-bottom: 20px;} .footer .form-group label { font-size: 14px; font-weight: 700;} .footer .form-group .form-control { -webkit-box-shadow: none; box-shadow: none; background-color: #ffffff; border: 1px solid #dee2e6; color: #555; height: 42px; font-size: 13px; border-radius: 6px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .footer .form-group .form-control:focus, .form-group .form-control.active { border-color: #797aed;} .footer .form-group textarea { height: 70px !important; margin-top:10px;} .footer .form-group textarea.form-control { line-height: 25px;} .footer .form-control:disabled, .form-control[readonly] { background-color: transparent; opacity: 1;} .modal-open { padding-right: 0 !important;} .back-to-top { z-index: 99; position: fixed; bottom: 7px; right: 7px; width: 50px; height: 40px; line-height: 30px; display: none; color: #555; background-color: #ced4da; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); } .back-to-top .icons { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; stroke-width: 2; height: 14px; width: 14px;} .back-to-top .icons:before, .back-to-top .icons:after {content: ''; width:23px; height:3px; background:#797aed;position:absolute; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;} .back-to-top .icons:before{top:17px;left:20px;transform: rotate(52deg);-webkit-transform: rotate(52deg); -o-transform: rotate(52deg); -moz-transform: rotate(52deg);} .back-to-top .icons:after{top:17px;left:7px;transform: rotate(128deg);-webkit-transform: rotate(128deg); -o-transform: rotate(128deg); -moz-transform: rotate(128deg);} .back-to-top:hover { background-color: #797aed; } .back-to-top .icons:hover:before, .back-to-top .icons:hover:after{background:#ffffff;} .back-to-home { position: absolute; top: 4%; right: 2%; z-index: 1;} .back-to-home a { width: 40px; height: 40px; line-height: 36px; background: #797aed;} .sticky-bar { position: -webkit-sticky; position: sticky; top: 80px;} .fea { stroke-width: 1.8;} .fea.icon-sm {height: 20px; width: 20px; display: inline-block; margin-right: .5rem!important; position: absolute; top: 15px; left: 4px;} .fea.icon-ex-md { height: 20px; width: 20px;} .fea.icon-m-md {height: 22px; width: 22px; display: inline-block; margin: 0; text-align: center;} .fea.icon-md { height: 35px; width: 35px;} .fea.icon-lg { height: 42px; width: 42px;} .fea.icon-ex-lg { height: 52px; width: 52px;} i[data-feather="check-circle"] {background: url('../images/check-circle.svg') no-repeat center center; background-size: cover;} i[data-feather="mail"] {background: url('../images/mail.svg') no-repeat center center; background-size: cover;} i[data-feather="phone"] {background: url('../images/phone.svg') no-repeat center center; background-size: cover;} i[data-feather="map-pin"] {background: url('../images/map-pin.svg') no-repeat center center; background-size: cover;} .com-content-article__body ul { padding: 0; margin: 0;} .com-content-article.item-page .com-content-article__body li {position: relative; padding: 5px 0; padding-left: 25px;} .com-content-article__body li:before {content: ''; position: absolute; top: 9px; left: 0; width: 20px; height: 20px;/*background: url(https://seotop.spb.ru/templates/seotop/images/check-circle.svg) no-repeat center center;*/ background-size: cover;} .com-content-article.item-page.blog-page h1 { font-size: 28px;} .com-content-article.item-page.blog-page p { font-size: 19px;} .item-image { float: right;margin:10px; margin-right:0;} .item-image img{width:350px; height:auto !important; border-radius: 6px;max-width: 100%;} .com-content-article.item-page.blog-page li { font-size: 18px;} .post-meta li:before{content:none;} .feature-list li:before, .com-content-article.item-page .feature-list li:before{left: 4px; top: 15px;} .bg-half h1{padding-top:50px;} .bg-half h1 img{transition: all 5s ease-in;filter:brightness(1);} @-webkit-keyframes brightness {0% { filter:brightness(1);} 30%{filter:brightness(1);}50%{filter:brightness(1.2);}70%{filter:brightness(1);}100% {filter:brightness(1);} } @keyframes brightness {0% { filter:brightness(1);} 20%{filter:brightness(1);} 50%{filter:brightness(1.2);} 80%{filter:brightness(1);} 100% {filter:brightness(1);} } .brightness{animation:brightness 0.7s;} @media (max-width: 680px) {.bg-half h1{padding-top:0px;}} .com-content-article.item-page ul { padding: 0;} .com-content-article.item-page li { padding: 2px 15px; text-align:left;} .section { padding: 20px 0; position: relative;} .section-two { padding: 60px 0; position: relative;} .bg-overlay {position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%;} .bg-overlay-white { background-color: rgba(255, 255, 255, 0.5);} @keyframes gradient {0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;}} .bg-overlay-gradient2 { background-image: linear-gradient(-45deg, #3c4858de, #797aedf0, #23a6d5c7, #87e6c1ed); opacity: 0.5;} .bg-top-main{background-size: cover; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%;} .container-contact{margin-bottom:-20px;margin-top:55px;background: #3c4858; background: linear-gradient(268deg, #3c4858, #797aed, #23a6d5, #87e6c1); background-size: 500% 500%; animation: gradient 15s ease infinite;} .bg-top-contact{background: url('https://seotop.spb.ru/images/piter.png') repeat-x bottom left; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%;} .section-h1-main{margin-top: 80px; padding-top: 0; padding-bottom: 0px;width:100%;background: #fff;-ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative;display: table!important;} .section-h1-main .title-heading{padding: 2px; width: 95%; max-width: 1114px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; border-radius: 12px; margin: 0 auto; text-align: center; background: linear-gradient(268deg, #3c4858, #797aed, #23a6d5, #87e6c1); background-size: 500% 500%; animation: gradient 15s ease infinite; -ms-flex-item-align: center; -ms-grid-row-align: center; display: block; position: relative; z-index: 1;} .section-h1-main .title-heading .in-heading{background: #fff; padding: 2px; border-radius: 12px;} .section-h1-main h1{position: relative; border-radius: 12px; text-shadow: #3f4290 2px 1px 0px ; color: #fff!important; margin-bottom: 0; font-size: 32px !important; font-weight: 300; line-height: 1.2; /*background: linear-gradient(268deg, #3c4858, #797aed, #23a6d5, #87e6c1); background-size: 500% 500%; animation: gradient 15s ease infinite;*/background:#0f002d; -ms-flex-item-align: center; -ms-grid-row-align: center;} .section-h1-main h1 img{max-width:100%;border-radius:10px;} .section-h1-other{width: 100%!important;background: #3c4858; background: linear-gradient(268deg, #3c4858, #797aed, #23a6d5, #87e6c1); background-size: 500% 500%; animation: gradient 15s ease infinite;padding: 115px 0 70px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative;display: table!important;} .bg-top-other{background:url(../images/main2.svg) no-repeat center center; background-size:cover; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%;} .section-h1-main h1 span{display: block; font-size: 36px; position:absolute; top:50%; left:0; margin:auto; margin-top:-19px; width:100%;} .free-h1 .com-content-article__body h2{font-size:24px;text-align:left;margin-bottom: 0.5rem!important;} .com-content-article__body .container-contact img{float:none!important;} .com-content-article__body .col-md-6 h2{text-align:left;} .title-heading { line-height: 175px;text-align:center;} .title-heading p{text-align:center;} .title-heading .heading { font-size: 15px; letter-spacing: 1px;text-align:left;} .title-heading .para-desc { font-size: 16px;} .title-heading .para-desc span, .title-heading .para-desc i {display: inline-block; text-shadow: none; color: #fff; padding: 3px 10px; background: #3f4290; margin: 5px 0; border: 0; border-radius: 6px; box-shadow: 0px 0px 0px 3px #fff!important;} .section-title { position: relative;} .section-title p.para-desc{text-align:center;margin:0 auto;} .section-title .title { letter-spacing: 0.5px; font-size: 24px;text-align:center} .text-shadow-title { text-shadow: 2px 0 0 #ffffff, -2px 0 0 #ffffff, 0 4px 0 rgba(255, 255, 255, 0.4), 0 -2px 0 #ffffff, 1px 1px #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff;} .para-desc { max-width: 600px;text-align:center;margin:0 auto;} .img-right{padding-top: .5rem!important;margin-top: 80px!important;} .content-bottom1{margin-top:100px;} .free-h1{width:100%;margin:0 auto;max-width:1140px;} .free-h1 h1{color:#3f4290;font-size:24px; text-align:left;padding-left:5px;} .free-h1 .blog-items .blog-item, .com-content-category-blog .blog-items .blog-item {background:#fff;position: relative; margin-left:350px;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 10px 0; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; border-radius: 6px !important; margin: 15px 0px!important; position: relative;} .page-header{padding:0 20px;} .free-h1 .blog-items .blog-item:before{content: ''; background: #fff; width: 100%; height: 100%; position: absolute; top: 2px; left: 2px; right: 0; bottom: 0; border-radius: 6px;} .free-h1 .blog-items .blog-item h2, .com-content-category-blog .blog-items .blog-item h2{font-size: 19px;letter-spacing: 1px;color: #3f4290;margin:20px 0;} .free-h1 .blog-items .blog-item h2 a, .com-content-category-blog .blog-items .blog-item h2 a{color:#3f4290} .free-h1 .blog-items .blog-item h2 a:hover, .com-content-category-blog .blog-items .blog-item h2 a:hover{color:#797aed;} .free-h1 .blog-items .blog-item figure, .com-content-category-blog .blog-items .blog-item figure{position: relative;height: auto!important;margin: 0 20px;text-align: center;float: left;} .free-h1 .blog-items .blog-item .item-content, .com-content-category-blog .blog-items .blog-item .item-content{position: relative;padding: 0 20px;margin-left: 350px;} .free-h1 .blog-items .blog-item p, .com-content-category-blog .blog-items .blog-item p{font-size:18px; padding: 5px 0;margin: 0;margin-right: 40px;line-height: 1.2;} .free-h1 .item-page h1{font-size:24px; text-align:left;} .free-h1 .item-page .right-img{float: right; margin: 10px 0 10px 10px;} .clear-readmore{clear:both;margin-bottom:10px;} .mt-100 { margin-top: 100px;} .shape { position: absolute; pointer-events: none; right: 0; bottom: -3px; left: 0;} .shape > svg { -webkit-transform: scale(2); transform: scale(2); width: 100%; height: auto; -webkit-transform-origin: top center; transform-origin: top center; } .mover { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate;} @-webkit-keyframes mover { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(5px); transform: translateY(5px); } } @keyframes mover { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(5px); transform: translateY(5px); } } .map-list{text-align: left; margin: 100px 0;} .map-list li{display: inline-block; width: 49%;} .map-list li a{display: block; border: 1px solid #f1f2f7; margin: 10px 0; padding: 10px;} #topnav { position: fixed; right: 0; left: 0; top: 0; z-index: 1030; background-color:#fff; border: 0; -webkit-transition: all .5s ease; transition: all .5s ease;} #topnav .logo { float: left; color: #87e6c1 !important; width:130px;} #topnav .has-submenu.active a { color: #ffffff;} #topnav .has-submenu.active .submenu li.active > a { color: #797aed;} #topnav .has-submenu.active.active .menu-arrow { border-color: #797aed;} #topnav .has-submenu { position: relative;} #topnav .has-submenu .submenu .submenu-arrow { border: solid #555; border-radius: 0.5px; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 20px; top: 14px;} #topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow { border-color: #797aed;} #topnav .navbar-toggle { border: 0; position: relative; width: 60px; padding: 0; margin: 0; cursor: pointer;} #topnav .navbar-toggle .lines { width: 25px; display: block; position: relative; margin: 32px 20px 24px; height: 18px;} #topnav .navbar-toggle span { height: 2px; width: 100%; background-color: #555; display: block; margin-bottom: 5px; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease;} #topnav .navbar-toggle span:last-child { margin-bottom: 0;} #topnav .tel-btn { float: right; line-height: 74px; padding: 3px 0;} #topnav .tel-btn .login-btn-primary { display: none;} #topnav .tel-btn .login-btn-light { display: inline-block;} #topnav .navbar-toggle.open span { position: absolute;} #topnav .navbar-toggle.open span:first-child { top: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg);} #topnav .navbar-toggle.open span:nth-child(2) { visibility: hidden;} #topnav .navbar-toggle.open span:last-child { width: 100%; top: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} #topnav .navbar-toggle.open span:hover { background-color: #797aed;} #topnav .navbar-toggle:hover, #topnav .navbar-toggle:focus,#topnav .navbar-toggle .navigation-menu > li > a:hover, #topnav .navbar-toggle:focus { background-color: transparent;} #topnav .navigation-menu { list-style: none; margin: 0; padding: 0;} #topnav .navigation-menu > li { float: left; display: block; position: relative; margin: 0 2px;} #topnav .navigation-menu > li:hover > a,#topnav .navigation-menu > li.active > a { color: #797aed !important;} #topnav .navigation-menu > li > a { display: block; color: #555; font-size: 14px; background-color: transparent !important; font-weight: 500; letter-spacing: 1px; line-height: 24px; text-transform: uppercase; -webkit-transition: all 0.5s; transition: all 0.5s; padding-left: 8px; padding-right: 8px;} #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active { color: #797aed;} #topnav .navigation-menu .has-submenu .menu-arrow { border: solid #555; border-radius: 0.5px; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; -webkit-transition: all 0.5s; transition: all 0.5s; right: -1px; top: 30px;} #topnav .menu-extras { float: right;} #topnav.scroll { background-color: #ffffff; border: none; -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);} #topnav.scroll .navigation-menu > li > a { color: #252525;} #topnav.scroll .navigation-menu > li > .menu-arrow { border-color: #555;} #topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a { color: #797aed;} #topnav.scroll .navigation-menu > li:hover > .menu-arrow, #topnav.scroll .navigation-menu > li.active > .menu-arrow { border-color: #797aed;} #topnav.defaultscroll.dark-menubar .logo { line-height: 70px;} #topnav.defaultscroll.scroll .logo { line-height: 62px;} #topnav.defaultscroll.scroll.dark-menubar .logo { line-height: 62px;} #topnav.nav-sticky {-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);background: #ffffff4a; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);} #topnav.nav-sticky .tel-btn .login-btn-primary { display: inline-block;} #topnav.nav-sticky .tel-btn .login-btn-light { display: none;} .logo { font-weight: 700; font-size: 24px; padding: 3px 0; letter-spacing: 1px; line-height: 74px;} #topnav .navigation-menu > li.home a{ position:relative; width: 24px; padding: 0 1px; padding-top: 27px; padding-bottom: 23px;} #topnav .navigation-menu > li.home a:before { content: ''; position: absolute; top: 3px; left: 0; width: 100%; height: 100%; background: url(../images/home-hover.png) no-repeat center center; background-size: 100% auto; opacity: 0; transition: .5s ease-out all; -webkit-transition: .5s ease-out all; -moz-transition: .5s ease-out all;} #topnav .navigation-menu > li.home:hover a:before{opacity:1;} @media (min-width: 1080px) { #topnav .navigation-menu > li > a{font-size:12px;} } @media (min-width: 992px) { #topnav .navigation-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #topnav .navigation-menu > .has-submenu > .submenu > .has-submenu > .submenu::before { top: 20px; margin-left: -35px; -webkit-box-shadow: 1px 1px 0px 0px rgba(60, 72, 88, 0.15); box-shadow: 1px 1px 0px 0px rgba(60, 72, 88, 0.15); border-color: transparent #ffffff #ffffff transparent; } #topnav .navigation-menu > li .submenu { position: absolute; top: 100%; left: 0; z-index: 1000; padding: 15px 0; list-style: none; min-width: 180px; visibility: hidden; opacity: 0; margin-top: 10px; -webkit-transition: all .2s ease; transition: all .2s ease; border-radius: 6px; background-color: #ffffff; -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); } #topnav .navigation-menu > li .submenu:before { content: ""; position: absolute; top: 2px; left: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 7px solid #495057; border-color: transparent transparent #ffffff #ffffff; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: -2px 2px 2px -1px rgba(60, 72, 88, 0.15); box-shadow: -2px 2px 2px -1px rgba(60, 72, 88, 0.15); } #topnav .navigation-menu > li .submenu li { position: relative; } #topnav .navigation-menu > li .submenu li a { display: block; padding: 10px 20px; clear: both; white-space: nowrap; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; color: #3c4858 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } #topnav .navigation-menu > li .submenu li a:hover { color: #797aed !important; } #topnav .navigation-menu > li .submenu li ul { list-style: none; padding-left: 0; margin: 0; } #topnav .navigation-menu > li .submenu.megamenu { white-space: nowrap; width: auto; } #topnav .navigation-menu > li .submenu.megamenu > li { overflow: hidden; min-width: 180px; display: inline-block; vertical-align: top; } #topnav .navigation-menu > li .submenu.megamenu > li .submenu { left: 100%; top: 0; margin-left: 10px; margin-top: -1px; } #topnav .navigation-menu > li .submenu > li .submenu { left: 106%; top: 0; margin-left: 10px; margin-top: -1px; } #topnav .navigation-menu > li > a { padding:0 6px; padding-top: 29px; padding-bottom: 25px; min-height: 62px; font-size:11px; } #topnav .navigation-menu > li:hover > .menu-arrow { border-color: #797aed; } #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a { color: #797aed !important; } #topnav .navigation-menu > li.last-elements .submenu { left: auto; right: 0; } #topnav .navigation-menu > li.last-elements .submenu:before { left: auto; right: 10px; } #topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu { left: auto; right: 100%; margin-left: 0; margin-right: 10px; } #topnav .navbar-toggle { display: none; } #topnav #navigation { display: block !important; } #topnav.scroll { top: 0; } #topnav.scroll .navigation-menu > li > a { padding-top: 20px; padding-bottom: 20px; } #topnav.scroll-active .navigation-menu > li > a { padding-top: 25px; padding-bottom: 25px; } } @media (min-width: 768px) { #topnav .navigation-menu > li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-top: 0; } #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu { visibility: visible; opacity: 1; margin-left: 0; margin-right: 0; } .navbar-toggle { display: block; } } #select-city{display:none; background: #fff; position: absolute; left: 15px; bottom: 0px; border: 1px solid #bfc8e3;} #select-city a{ display: block; padding: 10px 15px; color: #7f92ca; max-width: 100%;} #select-city a:hover{color:#202942;} #city-active{color: #7f92ca; margin: 15px 0; display: block;text-align: center;font-size: 14px;} #city-active img{display: inline; width: 12px;} .mobile-social{display:none; position: absolute;top:0;right: 80px;} .mobile-social a{display: inline-block; padding: 29px 5px;} .mobile-social a img{height:20px;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .mobile-social a:hover img{opacity:0.5;-webkit-transition: all 0.7s ease; transition: all 0.7s ease;} .footer-social a{padding: 10px 5px;} .footer-social a img{height:30px;opacity:0.7;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .footer-social a:hover img{opacity:1;-webkit-transition: all 0.7s ease; transition: all 0.7s ease;} .bg-home { height: 100vh; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center;} .bg-half-260 { padding: 260px 0; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center;} .bg-half-170 { padding: 170px 0; background-size: cover; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; background-position: center center;} .bg-half { padding: 64px 0 70px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; } .bg-main {background:#ffffff; background: linear-gradient(268deg, #3c4858, #797aed, #23a6d5, #87e6c1);background-size: 500% 500%;animation: gradient 15s ease infinite;} .pagination{padding-top:45px;} .feature-list li, .com-content-article.item-page .feature-list li {position:relative; margin-bottom: 7px; box-shadow: 0 0 1px #abafdb; padding: 10px 15px; padding-left:30px; background:#fff; background: #ffffff59;} .features .icon, .features .icons { background: rgba(47, 85, 212, 0.1);} .features .icons { height: 80px; width: 80px; line-height: 72px; margin: 0 auto; -webkit-transform: rotate(22.5deg); transform: rotate(22.5deg); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .features .ride-image { -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .features .ride-image img { border-radius: 100% 100% 100% 0;} .features .title-2 { font-size: 16px;} .features:hover .icons { -webkit-transform: rotate(0deg); transform: rotate(0deg);} .features:hover .image:before { background: rgba(47, 85, 212, 0.07); -webkit-animation: spinner-border 5s linear infinite; animation: spinner-border 5s linear infinite;} .features .title, .key-feature .title { font-size: 18px;} .features .icon{ height: 45px; width: 45px; line-height: 45px;} .features .content p{color: #8492a6 !important; text-align: center; background:#fff; box-shadow: 0 0 1px #abafdb; padding: 30px 35px; font-weight: 200; letter-spacing: 0.05em;} .answer, .com-content-article.item-page ul.answer { box-shadow: 0 0 1px #abafdb; padding: 30px 50px!important; background:#fff;} .com-content-article.item-page .com-content-article__body .answer li {box-shadow: none;} .post-meta{padding: 0 40px;} .card .post-meta{padding: 0 40px; display: flex!important; -ms-flex-pack: justify!important; justify-content: space-between!important;} .card ul {padding: 0; margin: 0;} .align-center{text-align:center} .align-right{text-align:right} .align-left{text-align:left} .pricing-rates { position: relative; z-index: 1; border-bottom: 3px solid #7f92ca !important;} .pricing-rates .title { font-weight: 700; font-size: 16px; text-align:center;} .pricing-rates .price { font-weight: 400; color:#010643;line-height:32px;font-size:22px;} .pricing-rates .feature .feature-list { margin: auto auto 5px; font-size: 15px; padding:10px 0;text-align: justify;} .pricing-rates.business-rate { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: linear-gradient(268deg,#fff, #797aed, #fff, #23a6d5, #fff, #87e6c1); background-size: 500% 500%; animation: gradient 20s ease infinite; padding: 2px;} .pricing-rates.business-rate:hover { -webkit-transform: scale(1.03); transform: scale(1.03); z-index: 2; border-color: #797aed;} .pricing-rates.business-rate:hover .title { color: #797aed;} .blog.card { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 2px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; border-radius: 6px !important; border: 0!important;margin: 20px 0 !important;background: linear-gradient(268deg,#fff, #797aed, #fff, #23a6d5, #fff, #87e6c1); background-size: 500% 500%; animation: gradient 20s ease infinite;} .blog.card img {border-top-left-radius: 6px; border-top-right-radius: 6px;} .blog.card .card-body h4 { line-height: 1.2;} .blog.card .card-body .title { font-size: 16px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-align:center;} .blog.card .card-body.title:hover { color: #797aed !important;} .blog.card .card-body .post-meta a, .blog.card .content .post-meta .like, .blog.card .content .post-meta .comments, .blog.card .content .post-meta .readmore, .text-muted.readmore, .price-order { font-size: 15px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-align: right;color: #797aed !important;float:right;} .readmore, .price-order{ line-height:1; margin-right:40px; background: linear-gradient(268deg, #fff, #797aed, #fff, #23a6d5, #fff, #87e6c1); background-size: 500% 500%; animation: gradient 20s ease infinite; margin-top:15px; border:0; padding: 1px; border-radius: 6px; } .readmore i, .price-order i{display: block;height: 100%;padding: 10px 15px;text-transform: uppercase;font-size: 11px;background: #fff;border-radius: 6px;-webkit-transition: all 0.2s ease;} .readmore:hover i, .projekty-filter a:hover i, .projekty-filter a.active i, .price-order:hover i {color:#ffffff;background:#797aed;-webkit-transition: all 0.2s ease;} .projekty-filter{text-align: center; border-bottom: 1px solid #e3e4fb; padding: 20px 0; background: #f0f0ff;} .projekty-filter a { line-height:1; background: linear-gradient(268deg, #fff, #797aed, #fff, #23a6d5, #fff, #87e6c1); background-size: 500% 500%; animation: gradient 20s ease infinite; padding: 1px; border-radius: 6px; display: inline-block; margin: 5px;} .projekty-filter a i{display: block; text-transform: uppercase; font-size: 11px; background: #fff; border-radius: 6px; -webkit-transition: all 0.2s ease; padding: 10px 20px;} .blog.card .content .post-meta .like:hover { color: #6c757d !important;} .blog.card .content .post-meta .comments:hover { color: #6c757d !important;} .blog.card .content .post-meta .readmore:hover, .text-muted.readmore:hover, .price-order:hover{ color: #6c757d !important;} .blog.card .author,.blog.card .teacher,.blog.card .course-fee { position: absolute; z-index: 1; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .blog.card .author { top: 5%; right: 5%;} .blog.card .author .text-light{color:#ffffff !important;} .blog.card.blog.card-detail:hover { -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important;} .blog.card:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px);} .blog.card:hover .overlay { opacity: 0.4;} .blog.card:hover .author,.blog.card:hover .teacher,.blog.card:hover .course-fee { opacity: 1;} .blog.card .blog.card-list-meta { position: absolute; bottom: 24px;} .page-title { font-size: 20px;} .media-list .media .media-heading:hover { color: #797aed !important;} .media-list .sub-comment { border-left: 2px dashed #dee2e6;} .blog.card .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .contact-detail{margin-top:50px;margin-bottom:160px;} .contact-detail .content .title {font-size: 14px;font-weight:normal;} .form-group .icons { position: absolute; top: 12px; left: 18px;} .map { line-height: 0;} .map iframe { width: 100%; height: 400px;} .error { margin: 8px 0px; display: none; color: #e43f52;} #ajaxsuccess { font-size: 16px; width: 100%; display: none; clear: both; margin: 8px 0px;} .error_message { padding: 10px; margin-bottom: 20px; text-align: center; border: 2px solid #e43f52; color: #e43f52; border-radius: 6px; font-size: 14px;} .contact-loader { display: none;} #success_page { text-align: center; margin-bottom: 50px;} #success_page h3 { color: #2eca8b; font-size: 22px;} .invisible{display:none;} .visible{display:block;} #calc-error, #calc-ok{text-align: center; margin: 15px 0;} #calc-error{color: #ed0000;} #calc-ok{color:#3fb933;} #calculator .section-title{width:100%;} #calculator .row .col-md-6{align-items: flex-start;} #calculator #form-calc{display:none; margin-top: 40px; padding-top: 40px; border-top: 1px solid #efefef;} #calculator h3 {font-size: 22px;} #calculator .disable{color:#ccc;} #calculator .select { margin: 10px 0; position: relative;background:#ffffff;padding:10px;text-align:left;box-shadow: 0 0 1px #ccc;} #calculator label { position: relative; padding-left: 36px; line-height: 29px;} #calculator input[type=checkbox], #calculator input[type=radio] { position: absolute; top: 0px; left: 7px; margin: 7px 10px 0px 0px; width: 16px; height: 16px;} #calculator input[type=text]{border: 0;border-bottom: 1px solid #cccccc;-webkit-transition: all 0.4s ease; transition: all 0.4s ease; padding: 12px 10px; width: 100%; border-radius: 8px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;} #calculator input[type=text]:focus{border:0;border-bottom: 1px solid #797aed;} #calculator button, #order-calc, #brief-form button, #brief-link a, #buy-form button, #buy-link a {margin: 65px auto; margin-bottom:0; width: 100%; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; max-width: 360px; display: block; background: #fff; border-radius: 6px; border: 0; padding: 10px 0; color: #797aed; text-align:center; cursor:pointer; text-transform: uppercase; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .submit button, .contact-form button{margin-bottom:0; width: 100%; box-shadow: 0 .2rem 0.4rem rgba(0,0,0,.25)!important; max-width: 100%; display: block; background: #fff; border-radius: 6px; border: 0; padding: 10px 0; color: #797aed; text-align:center; cursor:pointer; text-transform: uppercase; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .contact-form button{padding:20px 0;} .callback input, .callback input, .site-analyze .site input, .site-analyze .phone input{border: 0; border-bottom: 1px solid #cccccc; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; padding: 12px 10px; width: 100%; border-radius: 8px; box-shadow: 0 .2rem 0.4rem rgba(0,0,0,.15)!important; box-shadow: inset 0 4px 5px rgba(0,0,0,.15)!important;background: #f5f5f5;} #order-calc, #brief-link a, #buy-link a { background: linear-gradient(268deg, #fff, #797aed, #fff, #23a6d5, #fff, #87e6c1); background-size: 500% 500%; animation: gradient 20s ease infinite; padding: 2px; } #order-calc i, #brief-link a i, #buy-link a i { display: block; height: 100%; padding: 9px 0; background: #fff; border-radius: 6px; -webkit-transition: all 0.2s ease;} #order-calc:hover, #brief-link a:hover, #buy-link a:hover { color: #fff; -webkit-transition: all 0.2s ease;} #order-calc:hover i, #brief-link a:hover i, #buy-link a:hover i {color: #fff;background: #797aed;} .submit button:hover, #calculator button:hover, #order-calc:hover, #brief-form button:hover, #buy-form button:hover, .contact-form button:hover{ background: #797aed; color: #fff; -webkit-transition: all 0.2s ease;} .callback, .site-analyze {width: 100%; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; border-radius: 6px !important; border: 0!important; margin: 20px 0 !important; padding: 20px;} .callback .form-text{text-align: center; padding: 20px 0; font-size: 20px; color: #4f50ba; font-weight: normal;} .site-analyze .form-text h2{text-align:center; padding:10px 0;font-size: 26px; margin: 0;} .site-analyze .form-text p{text-align:center; font-size:20px; color:#4f50ba} .callback .submit, .callback .phone, .site-analyze .site, .site-analyze .phone {display: inline-block; width: 49%; padding: 0; margin: 0;} .site-analyze .submit{width: 98%; margin-top: 20px;} .radio { position: relative; margin: 0 1rem 0 0;cursor: pointer;transition: margin 0.35s cubic-bezier(1, .5, .38, 1.2);} .radio:before { -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); content: ""; position: absolute; top: 1px; left: 1px; z-index: 1; width: 11px; height: 11px; background: #797aed; border-radius: 50%;} .radio:checked:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} .radio:after {content: ""; position: absolute; top: -1px; left: -1px; width: 16px; height: 16px; border: 2px solid #87e6c1; border-radius: 50%; outline: none;} .checkbox { position: relative; top: -0.2rem; margin: 0 1rem 0 0; cursor: pointer; transition: margin 0.35s cubic-bezier(1, .5, .38, 1.2);} .checkbox:before { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: ""; position: absolute; top:0px; left: 0px;z-index: 1; width: 1rem; height: 1rem; border: 2px solid #87e6c1; } .checkbox:checked:before {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: .5rem; border-color: #797aed; border-top-style: none; border-right-style: none; } .checkbox:after {content: ""; position: absolute; top: 0; left: 0; width: 1rem; height: 1.1rem; background: #fff;cursor: pointer; } .form_wrap { max-width: 1000px; width: 70%; text-align: center; margin: 0 auto; padding: 0 10px; background: #fff; color: #333;} .form__title{padding-top: 50px; padding-bottom: 20px; font-size: 44px;} .form_head p{padding:10px 0;margin:0;text-align:center;} .exitblock{display: none; cursor:pointer; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100000;text-align:center;} .exitblock .modaltext { z-index:2; position: fixed; top: 80px; left: 50%; margin-left: -30%; width: 60%;text-align:center;} .exitblock .modaltext img {} .exitblock .exitfon{position: fixed; top: 0; left: 0; z-index: 1; width: 100%; min-height: 100%; background: #fff; background: linear-gradient(268deg, #3c4858b5, #797aedb0, #23a6d5cc, #87e6c1c4);} #overlay{display:none;position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; min-height:100%; background: #fff; background: linear-gradient(268deg, #3c4858b5, #797aedb0, #23a6d5cc, #87e6c1c4);} #brief-div{display:none; position: absolute; top: 0; left: 0; z-index: 10000; width: 100%;} #overlay-buy{display:none;position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; min-height:100%; background: #fff; background: linear-gradient(268deg, #3c4858b5, #797aedb0, #23a6d5cc, #87e6c1c4);} #buy-div{display:none; position: fixed; top: 0; left: 0; z-index: 10000; width: 100%;} .form-brief{position:relative;padding:0 20px; width: 1024px; max-width:99%; margin: 0 auto; text-align: center; background: #fff; box-shadow: 0 0 3px 1px #9e9e9e;} .form-buy{position:relative;padding:0 20px; width: 400px; max-width:99%; margin: 0 auto; text-align: center; background: #fff; box-shadow: 0 0 3px 1px #9e9e9e;} .form-brief h2, .form-buy h2{padding-top: 50px; padding-bottom: 20px; font-size: 44px;} .form-brief p, .form-buy p{padding: 10px 0; margin: 0; font-size: 16px; text-align: left; color: #434343;} .form-brief .brief-head p,.form-buy .buy-head p{text-align:center;} .form-brief .required, .form-buy .required{color:#cd0000;} .form-brief fieldset, .form-buy fieldset{border:0;padding:20px 0; text-align:left;} .form-brief label, .form-buy label{font-size: 18px; color: #252525; margin: 0; padding-top: 15px; display: block; opacity: 1; padding-bottom: 10px; -webkit-transition: 0.333s ease top, 0.333s ease opacity; -o-transition: 0.333s ease top, 0.333s ease opacity; -moz-transition: 0.333s ease top, 0.333s ease opacity; transition: 0.333s ease top, 0.333s ease opacity;} .form-brief input, .form-brief textarea, .form-buy input, .form-buy textarea { border-radius: 0; border-color: #ccc; border-width: 0 0 2px 0; border-style: none none solid none; box-shadow: none; width: 90%; line-height: 18px; height: 32px;} .form-brief input:focus, .form-brief textarea:focus, .form-buy input:focus, .form-buy textarea:focus {box-shadow: none; border-color: #797aed;} .form-brief .form-group, .form-buy .form-group{position:relative;} .form-brief .rsform-calendar-button{position: absolute; right: 10%; bottom: 0; z-index: 1; width: 30px; background: #fff;} .form-brief .rsform-radio, .form-brief .rsform-checkbox{position: relative; margin: 0 1rem 0 0; cursor: pointer; transition: margin 0.35s cubic-bezier(1, .5, .38, 1.2); width: 14px; height: 14px; padding: 0;} .form-brief .rsform-radio:before{content:''; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 13px; height: 13px; background: #797aed; border-radius: 50%;} .form-brief .rsform-radio:after { content: ""; position: absolute; top: -2px; left: -2px; width: 18px; height: 18px; border: 2px solid #87e6c1; border-radius: 50%; outline: none;} .form-brief .rsform-radio:checked:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} .form-brief .select p label { font-size: 16px;} .form-brief .rsform-checkbox { position: relative; top: -0.2rem; margin: 0 1rem 0 0; cursor: pointer; transition: margin 0.35s cubic-bezier(1, .5, .38, 1.2);} .form-brief .rsform-checkbox:before { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: ""; position: absolute; top:0px; left: 0px;z-index: 1; width: 1rem; height: 1rem; border: 2px solid #87e6c1; } .form-brief .rsform-checkbox:checked:before {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: .5rem; border-color: #797aed; border-top-style: none; border-right-style: none; } .form-brief .rsform-checkbox:after {content: ""; position: absolute; top: 0; left: 0; width: 1rem; height: 1.1rem; background: #fff;cursor: pointer; } .form-brief .button-fon, .form-buy .button-fon { background: linear-gradient(268deg, #fff, #797aed, #fff, #23a6d5, #fff, #87e6c1); background-size: 500% 500%; animation: gradient 20s ease infinite; padding: 2px; border-radius: 6px; width: 300px; margin: 0 auto; text-align: center;} .form-brief .button-fon button, .form-buy .button-fon button{background: #fff; width: 100%; border: 0; border-radius: 6px; display: block; padding: 5px 0; color: #797aed !important;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .form-brief .button-fon:hover button, .form-buy .button-fon:hover button {color:#ffffff !important;background:#797aed;-webkit-transition: all 0.2s ease;} .politika{text-align: center; font-size: 13px; margin-top: 10px; color: #171888;} .formNoError{text-align:center;color:#cd0000;display:none;} #rsfp-thankyou-popup-container1, #rsfp-thankyou-popup-container3, #rsfp-thankyou-popup-container4, #rsfp-thankyou-popup-container5, #rsfp-thankyou-popup-container6{position: fixed; top: 50%; left: 10%; width: 80%; background: #fff; padding: 20px 30px; text-align: center; z-index:1000; box-shadow: 0 0 4px #a2a3f2;} #rsfp-thankyou-popup-container1 p, #rsfp-thankyou-popup-container3 p, #rsfp-thankyou-popup-container4 p, #rsfp-thankyou-popup-container5 p, #rsfp-thankyou-popup-container6 p {color: #797aed; font-size: 17px; text-align: center;margin:0;} .brief-title__important, .buy-title__important{color:#ff0000;} #message_wrap{display:none; width: 100%; height: 100%; opacity:1; cursor:pointer; position: fixed; top: 0; left: 0; background: #fff; background: rgba(255,255,255,0.7);z-index:1000;} #message_wrap.message_visible{display:block; -webkit-animation:fade-in 1s ease-in;-moz-animation:fade-in 1s ease-in;-o-animation:fade-in 1s ease-in;animation:fade-in 1s ease-in;} #message-in{width: 450px; max-width: 100%; height: 300px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding: 30px; background: #fff; box-shadow: 0 0 6px 2px #ccc;} #message-in .thank-head{text-align: center; font-size: 19px; text-transform: uppercase;} #message-in .thank-p{text-align: center;font-size: 14px; padding: 10px 0;} #message-in .thank-admin{text-align: right; font-size: 12px; color: #000; position: absolute; right: 20px; bottom: 40px;} #t-close, #close-brief, #close-buy, #close-thanks, #close-thanks3, .close-thanks {font-size:18px;color:#888;position:absolute;right:85px;top:30px;z-index:99;cursor:pointer;width:40px;height:40px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease} .brief-thanks #close-brief, #close-buy, #t-close{top:5px;right:5px;} .brief-thanks{padding;right:60px;} #close-thanks, #close-thanks3, .close-thanks{right: 35px;top: 50%; margin-top: -20px;} #close-thanks p, #close-thanks3 p, .close-thanks p{display:none;} #overlay-close, #overlay-close3{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #ffffff94;} .rsfp_thankou_popup_close_btn, #close-buy{right: 15px; top: 30px; margin-top: -20px; position: absolute; cursor: pointer; font-size: 1px;width:40px;height:40px;} .rsfp_thankou_popup_close_btn:before, #close-buy:before, #close-buy:after, .rsfp_thankou_popup_close_btn:after, #t-close:before, #t-close:after, #close-brief:before, #close-brief:after, #close-buy:before, #close-buy:after, .close-thanks:before, .close-thanks:after, #close-thanks:before, #close-thanks:after, #close-thanks3:before, #close-thanks3:after{content:"";-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease} .rsfp_thankou_popup_close_btn:before, #close-buy:before, #t-close:before, #close-brief:before, #close-buy:before, #close-thanks:before, #close-thanks3:before, .close-thanks:before{transform:rotate(45deg);width:40px;height:1px;background:#06cdab; background: linear-gradient(to right, #0be0ff, #84fdff, #007166);position:absolute;top:50%;left:0;} .rsfp_thankou_popup_close_btn:after, #close-buy:after, #t-close:after, #close-brief:after, #close-buy:after, #close-thanks:after, #close-thanks3:after, .close-thanks:after{transform:rotate(135deg);width:40px;height:1px;background:#06cdab;background: linear-gradient(to right, #007166, #84fdff, #0be0ff);position:absolute;top:50%;left:0;} .rsfp_thankou_popup_close_btn:hover, #close-buy:hover, #t-close:hover, #close-brief:hover, #close-buy:hover, #close-thanks:hover, #close-thanks3:hover, .close-thanks:hover{-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease} .rsfp_thankou_popup_close_btn:hover:before, #close-buy:hover:before, .rsfp_thankou_popup_close_btn:hover:after, #t-close:hover:before, #t-close:hover:after, #close-brief:hover:before, #close-brief:hover:after, #close-buy:hover:before, #close-buy:hover:after, #close-thanks:hover:before, #close-thanks:hover:after, #close-thanks3:hover:before, #close-thanks3:hover:after, .close-thanks:hover:before, .close-thanks:hover:after{background:#7e7e7e;background:linear-gradient(to right, #5f5f5f, #f1f1f1, #5f5f5f);width:41px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease} .rsfp_thankou_popup_close_btn:hover:before, #close-buy:hover:before, #t-close:hover:before, #close-brief:hover:before, #close-buy:hover:before, #close-thanks:hover:before, #close-thanks3:hover:before, .close-thanks:hover:before{transform:rotate(135deg);} .rsfp_thankou_popup_close_btn:hover:after, #close-buy:hover:after, #t-close:hover:after, #close-brief:hover:after, #close-buy:hover:after, #close-thanks:hover:after, #close-thanks3:hover:after, .close-thanks:hover:after{transform:rotate(225deg);} #rsfp-thankyou-popup-container8{position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 150px; width: 400px; max-width:100%; max-height:100%; margin: auto; background: #fff; padding: 20px; padding-right:60px;} .js-hide-label { opacity: 1; } .js-unhighlight-label {color: #797aed; } .contact-form {max-width: 700px; margin: 0 auto; text-align: center;} .contact-form p, .contact-form label {color: #fff; font-size: 20px;text-shadow: 1px 1px 3px #a1a1a1; display: block; line-height: 24px;} p.formRed {color: #ff0000; text-shadow: 0px 0px 1px #fff;} .contact-form .form-row {width: 100%; display: grid; grid-template-columns: repeat(2,1fr);} .contact-form label {height: auto; line-height: 24px; text-align: left;} .contact-form .form-group input, .contact-form textarea {width: 100%; line-height: 24px; padding: 10px 5px; display: block; border-radius: 5px; outline: none; border: 1px solid #ccc; box-shadow: 0 0 1px #ccc;} .contact-form .form-group:first-child {padding-left: 0;} .contact-form .form-group {padding-left: 10px; height: auto; display: block;line-height: 24px;} .form-row-full {display: block;height:auto; line-height:24px;} @media (min-width: 768px) { .map.map-height-two iframe { height: 551px;}} .footer { background: #414293; padding: 60px 0; position: relative; color: #7f92ca;} .footer .logo-footer { color: #9eb5f9; font-weight: 700; font-size: 24px; padding: 3px 0; letter-spacing: 1px;} .footer .logo-footer img{width:100px; max-width:100%;} .footer .img-miunch{text-align:center;padding-bottom:38px;} .footer .img-miunch img{max-width:100%; height:auto; text-align:center;} .footer .footer-head { font-size: 16px; letter-spacing: 1px; font-weight: 500; padding-left:60px;} .footer .foot-subscribe .form-control { background-color: #27314f; border: 1px solid #27314f; color: #f8f9fc;} .footer .foot-subscribe .form-control:focus { -webkit-box-shadow: none; box-shadow: none;} .footer .foot-subscribe.foot-white .form-control { color: #7f92ca;} .footer .foot-subscribe input::-webkit-input-placeholder { color: #7f92ca;} .footer .foot-subscribe input:-ms-input-placeholder { color: #7f92ca;} .footer .foot-subscribe input::-ms-input-placeholder { color: #7f92ca;} .footer .qr-code{max-width: 100%; text-align: center; margin-top:10px;width:125px;} .footer .qr-code img{max-width:100%;} .footer .foot-subscribe input::placeholder { color: #7f92ca;} .footer .mod-list { padding: 0;margin: .5rem 0!important;text-align:left;} .footer .mod-list li { margin-bottom: 10px; padding-left:60px;} .footer .mod-list li a { -webkit-transition: all 0.5s ease; transition: all 0.5s ease;color: #7f92ca;} .footer .mod-list li a:hover { color: #e6e8ea;} .footer .mod-list li:last-child { margin-bottom: 0;} .footer.footer-bar { padding: 30px 0; border-top: 1px solid #3d4349; font-size:14px;} .fade{transition:opacity .15s linear} .mobile-close{display:none;width: 40px; height: 40px; position: absolute; z-index:1000; top: 3px; left: 3px; background: #2366a5; background-image: linear-gradient(to bottom, #4d9cde, #1b78c7, #04589f,#1b78c7, #3380c2, #91c7f4 ); background-size:100% 300%; background-position:0 0;box-shadow: 0 0 4px #fff; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} .mobile-close:hover{ background-position: 0 100%;} .mobile-close:before, .mobile-close:after {cursor: pointer; content: ''; width: 38px; height: 2px; background: #ffffff; position: absolute; top: 20px; left: 0;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .mobile-close:before{ transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);} .mobile-close:hover:before{transform: rotate(405deg);} .mobile-close:after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);} .mobile-close:hover:after{transform: rotate(315deg);} .mobile-close{display:none;width: 40px; height: 40px; position: absolute; z-index:1000; top: 3px; right: 3px; background: #2366a5; background-image: linear-gradient(to bottom, #4d9cde, #1b78c7, #04589f,#1b78c7, #3380c2, #91c7f4 ); background-size:100% 300%; background-position:0 0;box-shadow: 0 0 4px #fff; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} .mobile-close:hover{ background-position: 0 100%;} .mobile-close:before, .mobile-close:after {cursor: pointer; content: ''; width: 38px; height: 2px; background: #ffffff; position: absolute; top: 20px; left: 0;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .mobile-close:before{ transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);} .mobile-close:hover:before{transform: rotate(405deg);} .mobile-close:after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);} .mobile-close:hover:after{transform: rotate(315deg);} #mobile{display:none; position: fixed; bottom: 0; z-index:1000; left: 0; width: 100%; margin: 0; padding: 0; border-top: 1px solid #fff; background: #d2e9f9; background: #d2e9f9d4; height: 52px; padding-top: 4px;} #mobileopen {display: none; position: fixed; bottom: 5px; z-index: 10; left: 5px; background: #fff; width: 46px; height: 46px; border-radius: 50%; padding: 0; margin: 0; background-size: 100% 300%; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} #mobileopen a {height: 46px; text-align: left; color: #ffffff;display:block;} #mobile #mobileclose{position: relative; float: right; width: 20%;} #mobile #mobileclose a{width: 46px; height: 46px; border-radius: 50%; background: #fff; position: relative; margin: 0; padding: 0; display: block; margin-right: 10px; text-align: right;float: right;} #mobile a span, #mobileopen a span{display:none;} #mobile #mobilephone, #mobile #mobileorder, #mobile #whatsapp-mobile, #mobile #viber-mobile, #mobile #mobilemap, #mobile #telegram-mobile{float: left; width: 20%;} #mobile #mobilephone a { background: #36d2c4 url(/templates/seotop/images/phone.png) no-repeat center center; display: block; width: 45px; height: 45px; border-radius: 50%; padding-left: 0; text-align: center; margin: 0 auto;} #mobile #mobileorder a {color: #ffffff; font-weight: bold; padding-left: 0; display: block; width: 45px; height: 45px; border-radius: 50%; background: #60a0e2 url(/templates/ozk/images/message.png) no-repeat center center; text-align: center; margin: 0 auto;} #mobile #whatsapp-mobile a{width: 45px; height: 45px; background: #58cd68 url(/templates/seotop/images/whatsapp.png) no-repeat center center; border-radius: 50%; background-size: 45px; display: block; text-align: center; margin: 0 auto;} #mobile #viber-mobile a{background: url(/templates/seotop/images/viber.png) no-repeat center center; background-size:contain; width: 45px; height: 45px; border-radius: 50%; margin: 0 auto; padding-left: 0;display: block;text-align: center;} #mobile #telegram-mobile a{background: url(/templates/seotop/images/telegram.png) no-repeat center center; background-size:contain; width: 45px; height: 45px; border-radius: 50%; margin: 0 auto; padding-left: 0;display: block;text-align: center;} #mobile #mobileclose a:before, #mobile #mobileclose a:after, #mobileopen a:before, #mobileopen a:after{content: ''; height: 2px; width: 25px; position: absolute; top: 22px; left:10px; background: #3381c3; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} #mobile #mobileclose a:before, #mobile #mobileclose a:after{ right: 10px;} #mobile #mobileclose a:before{transform: rotate(45deg);} #mobile #mobileclose a:after{transform: rotate(135deg);} #mobile #mobileclose a:hover:before{transform: rotate(225deg);} #mobile #mobileclose a:hover:after{transform: rotate(315deg);} #mobileopen a:before{transform: rotate(90deg);} #mobileopen a:after{transform: rotate(180deg);} @media (prefers-reduced-motion:reduce){.fade{transition:none}} .fade:not(.show){opacity:0} .collapse:not(.show){display:none} .collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease} .tab-content>.tab-pane{display:none;font-size:15px;} .tab-content>.active{display:block} .nav-link {display: block; padding: .5rem 1rem;border-bottom: 1px dotted #e3e3fe; border-top: 1px dotted #e3e3fe;} .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover { color: #fff; background-color: #797aed;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .nav-pills .nav-link h4, .nav-pills .nav-link h3, .nav-pills .nav-link h2{font-size: 1.5rem;margin:0;} .nav-pills .nav-link.active h4, .nav-pills .show>.nav-link h4, .nav-pills .nav-link.active h3, .nav-pills .show>.nav-link h3, .nav-pills .nav-link.active h2, .nav-pills .show>.nav-link h2, .nav-pills .nav-link:hover h2, .nav-pills .nav-link:hover h3, .nav-pills .nav-link:hover h4, .nav-pills .nav-link:hover p{color:#fff;margin:0!important;} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal} .shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important} .shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important} .shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important} .shadow-none{box-shadow:none!important} .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start;} .media-body { -ms-flex: 1; flex: 1;} .w-25{width:25%!important} .w-50{width:50%!important} .w-75{width:75%!important} .w-100{width:100%!important} .w-auto{width:auto!important} .h-25{height:25%!important} .h-50{height:50%!important} .h-75{height:75%!important} .h-100{height:100%!important} .h-auto{height:auto!important} .mw-100{max-width:100%!important} .mh-100{max-height:100%!important} .min-vw-100{min-width:100vw!important} .min-vh-100{min-height:100vh!important} .vw-100{width:100vw!important} .vh-100{height:100vh!important} .stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)} .m-0{margin:0!important} .mt-0,.my-0{margin-top:0!important} .mr-0,.mx-0{margin-right:0!important} .mb-0,.my-0{margin-bottom:0!important} .ml-0,.mx-0{margin-left:0!important} .m-1{margin:.25rem!important} .mt-1,.my-1{margin-top:.25rem!important} .mr-1,.mx-1{margin-right:.25rem!important} .mb-1,.my-1{margin-bottom:.25rem!important} .ml-1,.mx-1{margin-left:.25rem!important} .m-2{margin:.5rem!important} .mt-2,.my-2{margin-top:.5rem!important} .mr-2,.mx-2{margin-right:.5rem!important} .mb-2,.my-2{margin-bottom:.5rem!important} .ml-2,.mx-2{margin-left:.5rem!important} .m-3{margin:1rem!important} .mt-3,.my-3{margin-top:1rem!important} .mr-3,.mx-3{margin-right:1rem!important} @media (max-width: 680px){.mr-3,.mx-3{margin-right:0!important}} .mb-3,.my-3{margin-bottom:1rem!important} .ml-3,.mx-3{margin-left:1rem!important} .m-4{margin:1.5rem!important} .mt-4,.my-4{margin-top:1.5rem!important} .mr-4,.mx-4{margin-right:1.5rem!important} .mb-4,.my-4{margin-bottom:0.5rem!important} .ml-4,.mx-4{margin-left:1.5rem!important} .m-5{margin:3rem!important} .mt-5,.my-5{margin-top:3rem!important} .mr-5,.mx-5{margin-right:3rem!important} .mb-5,.my-5{margin-bottom:3rem!important} .ml-5,.mx-5{margin-left:3rem!important} .m-6{margin:1rem!important} .mt-6,.my-6{margin-top:1rem!important} .mr-6,.mx-6{margin-right:1rem!important} .mb-6,.my-6{margin-bottom:1rem!important} .ml-6,.mx-6{margin-left:1rem!important} .p-0{padding:0!important} .pt-0,.py-0{padding-top:0!important} .pr-0,.px-0{padding-right:0!important} .pb-0,.py-0{padding-bottom:0!important} .pl-0,.px-0{padding-left:0!important} .p-1{padding:.25rem!important} .pt-1,.py-1{padding-top:.25rem!important} .pr-1,.px-1{padding-right:.25rem!important} .pb-1,.py-1{padding-bottom:.25rem!important} .pl-1,.px-1{padding-left:.25rem!important} .p-2{padding:.5rem!important} .pt-2,.py-2{padding-top:.5rem!important} .pr-2,.px-2{padding-right:.5rem!important} .pb-2,.py-2{padding-bottom:.5rem!important} .pl-2,.px-2{padding-left:.5rem!important} .p-3{padding:1rem!important} .pt-3,.py-3{padding-top:1rem!important} .pr-3,.px-3{padding-right:1rem!important} .pb-3,.py-3{padding-bottom:1rem!important} .pl-3,.px-3{padding-left:1rem!important} .p-4{padding:1.5rem!important} .pt-4,.py-4{padding-top:1.5rem!important} .pr-4,.px-4{padding-right:1.5rem!important} .pb-4,.py-4{padding-bottom:1.5rem!important} .pl-4,.px-4{padding-left:1.5rem!important} .p-5{padding:3rem!important} .pt-5,.py-5{padding-top:3rem!important} .pr-5,.px-5{padding-right:3rem!important} .pb-5,.py-5{padding-bottom:3rem!important} .pl-5,.px-5{padding-left:3rem!important} .m-n1{margin:-.25rem!important} .mt-n1,.my-n1{margin-top:-.25rem!important} .mr-n1,.mx-n1{margin-right:-.25rem!important} .mb-n1,.my-n1{margin-bottom:-.25rem!important} .ml-n1,.mx-n1{margin-left:-.25rem!important} .m-n2{margin:-.5rem!important} .mt-n2,.my-n2{margin-top:-.5rem!important} .mr-n2,.mx-n2{margin-right:-.5rem!important} .mb-n2,.my-n2{margin-bottom:-.5rem!important} .ml-n2,.mx-n2{margin-left:-.5rem!important} .m-n3{margin:-1rem!important} .mt-n3,.my-n3{margin-top:-1rem!important} .mr-n3,.mx-n3{margin-right:-1rem!important} .mb-n3,.my-n3{margin-bottom:-1rem!important} .ml-n3,.mx-n3{margin-left:-1rem!important} .m-n4{margin:-1.5rem!important} .mt-n4,.my-n4{margin-top:-1.5rem!important} .mr-n4,.mx-n4{margin-right:-1.5rem!important} .mb-n4,.my-n4{margin-bottom:-1.5rem!important} .ml-n4,.mx-n4{margin-left:-1.5rem!important} .m-n5{margin:-3rem!important} .mt-n5,.my-n5{margin-top:-3rem!important} .mr-n5,.mx-n5{margin-right:-3rem!important} .mb-n5,.my-n5{margin-bottom:-3rem!important} .ml-n5,.mx-n5{margin-left:-3rem!important} .m-auto{margin:auto!important} .mt-auto,.my-auto{margin-top:auto!important} .mr-auto,.mx-auto{margin-right:auto!important} .mb-auto,.my-auto{margin-bottom:auto!important} .ml-auto,.mx-auto{margin-left:auto!important} @media (min-width:576px){.m-sm-0{margin:0!important} .mr-sm-0,.mx-sm-0{margin-right:0!important} .mb-sm-0,.my-sm-0{margin-bottom:0!important} .ml-sm-0,.mx-sm-0{margin-left:0!important} .m-sm-1{margin:.25rem!important} .mt-sm-1,.my-sm-1{margin-top:.25rem!important} .mr-sm-1,.mx-sm-1{margin-right:.25rem!important} .mb-sm-1,.my-sm-1{margin-bottom:.25rem!important} .ml-sm-1,.mx-sm-1{margin-left:.25rem!important} .m-sm-2{margin:.5rem!important} .mt-sm-2,.my-sm-2{margin-top:.5rem!important} .mr-sm-2,.mx-sm-2{margin-right:.5rem!important} .mb-sm-2,.my-sm-2{margin-bottom:.5rem!important} .ml-sm-2,.mx-sm-2{margin-left:.5rem!important} .m-sm-3{margin:1rem!important} .mt-sm-3,.my-sm-3{margin-top:1rem!important} .mr-sm-3,.mx-sm-3{margin-right:1rem!important} .mb-sm-3,.my-sm-3{margin-bottom:1rem!important} .ml-sm-3,.mx-sm-3{margin-left:1rem!important} .m-sm-4{margin:1.5rem!important} .mt-sm-4,.my-sm-4{margin-top:1.5rem!important} .mr-sm-4,.mx-sm-4{margin-right:1.5rem!important} .mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important} .ml-sm-4,.mx-sm-4{margin-left:1.5rem!important} .m-sm-5{margin:3rem!important} .mt-sm-5,.my-sm-5{margin-top:3rem!important} .mr-sm-5,.mx-sm-5{margin-right:3rem!important} .mb-sm-5,.my-sm-5{margin-bottom:3rem!important} .ml-sm-5,.mx-sm-5{margin-left:3rem!important} .p-sm-0{padding:0!important} .pr-sm-0,.px-sm-0{padding-right:0!important} .pb-sm-0,.py-sm-0{padding-bottom:0!important} .pl-sm-0,.px-sm-0{padding-left:0!important} .p-sm-1{padding:.25rem!important} .pt-sm-1,.py-sm-1{padding-top:.25rem!important} .pr-sm-1,.px-sm-1{padding-right:.25rem!important} .pb-sm-1,.py-sm-1{padding-bottom:.25rem!important} .pl-sm-1,.px-sm-1{padding-left:.25rem!important} .p-sm-2{padding:.5rem!important} .pt-sm-2,.py-sm-2{padding-top:.5rem!important} .pr-sm-2,.px-sm-2{padding-right:.5rem!important} .pb-sm-2,.py-sm-2{padding-bottom:.5rem!important} .pl-sm-2,.px-sm-2{padding-left:.5rem!important} .p-sm-3{padding:1rem!important} .pt-sm-3,.py-sm-3{padding-top:1rem!important} .pr-sm-3,.px-sm-3{padding-right:1rem!important} .pb-sm-3,.py-sm-3{padding-bottom:1rem!important} .pl-sm-3,.px-sm-3{padding-left:1rem!important} .p-sm-4{padding:1.5rem!important} .pt-sm-4,.py-sm-4{padding-top:1.5rem!important} .pr-sm-4,.px-sm-4{padding-right:1.5rem!important} .pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important} .pl-sm-4,.px-sm-4{padding-left:1.5rem!important} .p-sm-5{padding:3rem!important} .pt-sm-5,.py-sm-5{padding-top:3rem!important} .pr-sm-5,.px-sm-5{padding-right:3rem!important} .pb-sm-5,.py-sm-5{padding-bottom:3rem!important} .pl-sm-5,.px-sm-5{padding-left:3rem!important} .m-sm-n1{margin:-.25rem!important} .mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important} .mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important} .mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important} .ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important} .m-sm-n2{margin:-.5rem!important} .mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important} .mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important} .mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important} .ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important} .m-sm-n3{margin:-1rem!important} .mt-sm-n3,.my-sm-n3{margin-top:-1rem!important} .mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important} .mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important} .ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important} .m-sm-n4{margin:-1.5rem!important} .mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important} .mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important} .mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important} .ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important} .m-sm-n5{margin:-3rem!important} .mt-sm-n5,.my-sm-n5{margin-top:-3rem!important} .mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important} .mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important} .ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important} .m-sm-auto{margin:auto!important} .mt-sm-auto,.my-sm-auto{margin-top:auto!important} .mr-sm-auto,.mx-sm-auto{margin-right:auto!important} .mb-sm-auto,.my-sm-auto{margin-bottom:auto!important} .ml-sm-auto,.mx-sm-auto{margin-left:auto!important} } @media (min-width:768px){.m-md-0{margin:0!important} .mt-md-0,.my-md-0{margin-top:0!important} .mr-md-0,.mx-md-0{margin-right:0!important} .mb-md-0,.my-md-0{margin-bottom:0!important} .ml-md-0,.mx-md-0{margin-left:0!important} .m-md-1{margin:.25rem!important} .mt-md-1,.my-md-1{margin-top:.25rem!important} .mr-md-1,.mx-md-1{margin-right:.25rem!important} .mb-md-1,.my-md-1{margin-bottom:.25rem!important} .ml-md-1,.mx-md-1{margin-left:.25rem!important} .m-md-2{margin:.5rem!important} .mt-md-2,.my-md-2{margin-top:.5rem!important} .mr-md-2,.mx-md-2{margin-right:.5rem!important} .mb-md-2,.my-md-2{margin-bottom:.5rem!important} .ml-md-2,.mx-md-2{margin-left:.5rem!important} .m-md-3{margin:1rem!important} .mt-md-3,.my-md-3{margin-top:1rem!important} .mr-md-3,.mx-md-3{margin-right:1rem!important} .mb-md-3,.my-md-3{margin-bottom:1rem!important} .ml-md-3,.mx-md-3{margin-left:1rem!important} .m-md-4{margin:1.5rem!important} .mt-md-4,.my-md-4{margin-top:1.5rem!important} .mr-md-4,.mx-md-4{margin-right:1.5rem!important} .mb-md-4,.my-md-4{margin-bottom:1.5rem!important} .ml-md-4,.mx-md-4{margin-left:1.5rem!important} .m-md-5{margin:3rem!important} .mt-md-5,.my-md-5{margin-top:3rem!important} .mr-md-5,.mx-md-5{margin-right:3rem!important} .mb-md-5,.my-md-5{margin-bottom:3rem!important} .ml-md-5,.mx-md-5{margin-left:3rem!important} .p-md-0{padding:0!important} .pt-md-0,.py-md-0{padding-top:0!important} .pr-md-0,.px-md-0{padding-right:0!important} .pb-md-0,.py-md-0{padding-bottom:0!important} .pl-md-0,.px-md-0{padding-left:0!important} .p-md-1{padding:.25rem!important} .pt-md-1,.py-md-1{padding-top:.25rem!important} .pr-md-1,.px-md-1{padding-right:.25rem!important} .pb-md-1,.py-md-1{padding-bottom:.25rem!important} .pl-md-1,.px-md-1{padding-left:.25rem!important} .p-md-2{padding:.5rem!important} .pt-md-2,.py-md-2{padding-top:.5rem!important} .pr-md-2,.px-md-2{padding-right:.5rem!important} .pb-md-2,.py-md-2{padding-bottom:.5rem!important} .pl-md-2,.px-md-2{padding-left:.5rem!important} .p-md-3{padding:1rem!important} .pt-md-3,.py-md-3{padding-top:1rem!important} .pr-md-3,.px-md-3{padding-right:1rem!important} .pb-md-3,.py-md-3{padding-bottom:1rem!important} .pl-md-3,.px-md-3{padding-left:1rem!important} .p-md-4{padding:1.5rem!important} .pt-md-4,.py-md-4{padding-top:1.5rem!important} .pr-md-4,.px-md-4{padding-right:1.5rem!important} .pb-md-4,.py-md-4{padding-bottom:1.5rem!important} .pl-md-4,.px-md-4{padding-left:1.5rem!important} .p-md-5{padding:3rem!important} .pt-md-5,.py-md-5{padding-top:3rem!important} .pr-md-5,.px-md-5{padding-right:3rem!important} .pb-md-5,.py-md-5{padding-bottom:3rem!important} .pl-md-5,.px-md-5{padding-left:3rem!important} .m-md-n1{margin:-.25rem!important} .mt-md-n1,.my-md-n1{margin-top:-.25rem!important} .mr-md-n1,.mx-md-n1{margin-right:-.25rem!important} .mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important} .ml-md-n1,.mx-md-n1{margin-left:-.25rem!important} .m-md-n2{margin:-.5rem!important} .mt-md-n2,.my-md-n2{margin-top:-.5rem!important} .mr-md-n2,.mx-md-n2{margin-right:-.5rem!important} .mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important} .ml-md-n2,.mx-md-n2{margin-left:-.5rem!important} .m-md-n3{margin:-1rem!important} .mt-md-n3,.my-md-n3{margin-top:-1rem!important} .mr-md-n3,.mx-md-n3{margin-right:-1rem!important} .mb-md-n3,.my-md-n3{margin-bottom:-1rem!important} .ml-md-n3,.mx-md-n3{margin-left:-1rem!important} .m-md-n4{margin:-1.5rem!important} .mt-md-n4,.my-md-n4{margin-top:-1.5rem!important} .mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important} .mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important} .ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important} .m-md-n5{margin:-3rem!important} .mt-md-n5,.my-md-n5{margin-top:-3rem!important} .mr-md-n5,.mx-md-n5{margin-right:-3rem!important} .mb-md-n5,.my-md-n5{margin-bottom:-3rem!important} .ml-md-n5,.mx-md-n5{margin-left:-3rem!important} .m-md-auto{margin:auto!important} .mt-md-auto,.my-md-auto{margin-top:auto!important} .mr-md-auto,.mx-md-auto{margin-right:auto!important} .mb-md-auto,.my-md-auto{margin-bottom:auto!important} .ml-md-auto,.mx-md-auto{margin-left:auto!important} } @media (min-width:992px){.m-lg-0{margin:0!important} .mt-lg-0,.my-lg-0{margin-top:0!important} .mr-lg-0,.mx-lg-0{margin-right:0!important} .mb-lg-0,.my-lg-0{margin-bottom:0!important} .ml-lg-0,.mx-lg-0{margin-left:0!important} .m-lg-1{margin:.25rem!important} .mt-lg-1,.my-lg-1{margin-top:.25rem!important} .mr-lg-1,.mx-lg-1{margin-right:.25rem!important} .mb-lg-1,.my-lg-1{margin-bottom:.25rem!important} .ml-lg-1,.mx-lg-1{margin-left:.25rem!important} .m-lg-2{margin:.5rem!important} .mt-lg-2,.my-lg-2{margin-top:.5rem!important} .mr-lg-2,.mx-lg-2{margin-right:.5rem!important} .mb-lg-2,.my-lg-2{margin-bottom:.5rem!important} .ml-lg-2,.mx-lg-2{margin-left:.5rem!important} .m-lg-3{margin:1rem!important} .mt-lg-3,.my-lg-3{margin-top:1rem!important} .mr-lg-3,.mx-lg-3{margin-right:1rem!important} .mb-lg-3,.my-lg-3{margin-bottom:1rem!important} .ml-lg-3,.mx-lg-3{margin-left:1rem!important} .m-lg-4{margin:1.5rem!important} .mt-lg-4,.my-lg-4{margin-top:1.5rem!important} .mr-lg-4,.mx-lg-4{margin-right:1.5rem!important} .mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important} .ml-lg-4,.mx-lg-4{margin-left:1.5rem!important} .m-lg-5{margin:3rem!important} .mt-lg-5,.my-lg-5{margin-top:3rem!important} .mr-lg-5,.mx-lg-5{margin-right:3rem!important} .mb-lg-5,.my-lg-5{margin-bottom:3rem!important} .ml-lg-5,.mx-lg-5{margin-left:3rem!important} .p-lg-0{padding:0!important} .pt-lg-0,.py-lg-0{padding-top:0!important} .pr-lg-0,.px-lg-0{padding-right:0!important} .pb-lg-0,.py-lg-0{padding-bottom:0!important} .pl-lg-0,.px-lg-0{padding-left:0!important} .p-lg-1{padding:.25rem!important} .pt-lg-1,.py-lg-1{padding-top:.25rem!important} .pr-lg-1,.px-lg-1{padding-right:.25rem!important} .pb-lg-1,.py-lg-1{padding-bottom:.25rem!important} .pl-lg-1,.px-lg-1{padding-left:.25rem!important} .p-lg-2{padding:.5rem!important} .pt-lg-2,.py-lg-2{padding-top:.5rem!important} .pr-lg-2,.px-lg-2{padding-right:.5rem!important} .pb-lg-2,.py-lg-2{padding-bottom:.5rem!important} .pl-lg-2,.px-lg-2{padding-left:.5rem!important} .p-lg-3{padding:1rem!important} .pt-lg-3,.py-lg-3{padding-top:1rem!important} .pr-lg-3,.px-lg-3{padding-right:1rem!important} .pb-lg-3,.py-lg-3{padding-bottom:1rem!important} .pl-lg-3,.px-lg-3{padding-left:1rem!important} .p-lg-4{padding:1.5rem!important} .pt-lg-4,.py-lg-4{padding-top:1.5rem!important} .pr-lg-4,.px-lg-4{padding-right:1.5rem!important} .pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important} .pl-lg-4,.px-lg-4{padding-left:1.5rem!important} .p-lg-5{padding:3rem!important} .pt-lg-5,.py-lg-5{padding-top:3rem!important} .pr-lg-5,.px-lg-5{padding-right:3rem!important} .pb-lg-5,.py-lg-5{padding-bottom:3rem!important} .pl-lg-5,.px-lg-5{padding-left:3rem!important} .m-lg-n1{margin:-.25rem!important} .mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important} .mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important} .mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important} .ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important} .m-lg-n2{margin:-.5rem!important} .mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important} .mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important} .mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important} .ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important} .m-lg-n3{margin:-1rem!important} .mt-lg-n3,.my-lg-n3{margin-top:-1rem!important} .mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important} .mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important} .ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important} .m-lg-n4{margin:-1.5rem!important} .mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important} .mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important} .mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important} .ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important} .m-lg-n5{margin:-3rem!important} .mt-lg-n5,.my-lg-n5{margin-top:-3rem!important} .mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important} .mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important} .ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important} .m-lg-auto{margin:auto!important} .mt-lg-auto,.my-lg-auto{margin-top:auto!important} .mr-lg-auto,.mx-lg-auto{margin-right:auto!important} .mb-lg-auto,.my-lg-auto{margin-bottom:auto!important} .ml-lg-auto,.mx-lg-auto{margin-left:auto!important} } @media (min-width:1200px){.m-xl-0{margin:0!important} .mt-xl-0,.my-xl-0{margin-top:0!important} .mr-xl-0,.mx-xl-0{margin-right:0!important} .mb-xl-0,.my-xl-0{margin-bottom:0!important} .ml-xl-0,.mx-xl-0{margin-left:0!important} .m-xl-1{margin:.25rem!important} .mt-xl-1,.my-xl-1{margin-top:.25rem!important} .mr-xl-1,.mx-xl-1{margin-right:.25rem!important} .mb-xl-1,.my-xl-1{margin-bottom:.25rem!important} .ml-xl-1,.mx-xl-1{margin-left:.25rem!important} .m-xl-2{margin:.5rem!important} .mt-xl-2,.my-xl-2{margin-top:.5rem!important} .mr-xl-2,.mx-xl-2{margin-right:.5rem!important} .mb-xl-2,.my-xl-2{margin-bottom:.5rem!important} .ml-xl-2,.mx-xl-2{margin-left:.5rem!important} .m-xl-3{margin:1rem!important} .mt-xl-3,.my-xl-3{margin-top:1rem!important} .mr-xl-3,.mx-xl-3{margin-right:1rem!important} .mb-xl-3,.my-xl-3{margin-bottom:1rem!important} .ml-xl-3,.mx-xl-3{margin-left:1rem!important} .m-xl-4{margin:1.5rem!important} .mt-xl-4,.my-xl-4{margin-top:1.5rem!important} .mr-xl-4,.mx-xl-4{margin-right:1.5rem!important} .mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important} .ml-xl-4,.mx-xl-4{margin-left:1.5rem!important} .m-xl-5{margin:3rem!important} .mt-xl-5,.my-xl-5{margin-top:3rem!important} .mr-xl-5,.mx-xl-5{margin-right:3rem!important} .mb-xl-5,.my-xl-5{margin-bottom:3rem!important} .ml-xl-5,.mx-xl-5{margin-left:3rem!important} .p-xl-0{padding:0!important} .pt-xl-0,.py-xl-0{padding-top:0!important} .pr-xl-0,.px-xl-0{padding-right:0!important} .pb-xl-0,.py-xl-0{padding-bottom:0!important} .pl-xl-0,.px-xl-0{padding-left:0!important} .p-xl-1{padding:.25rem!important} .pt-xl-1,.py-xl-1{padding-top:.25rem!important} .pr-xl-1,.px-xl-1{padding-right:.25rem!important} .pb-xl-1,.py-xl-1{padding-bottom:.25rem!important} .pl-xl-1,.px-xl-1{padding-left:.25rem!important} .p-xl-2{padding:.5rem!important} .pt-xl-2,.py-xl-2{padding-top:.5rem!important} .pr-xl-2,.px-xl-2{padding-right:.5rem!important} .pb-xl-2,.py-xl-2{padding-bottom:.5rem!important} .pl-xl-2,.px-xl-2{padding-left:.5rem!important} .p-xl-3{padding:1rem!important} .pt-xl-3,.py-xl-3{padding-top:1rem!important} .pr-xl-3,.px-xl-3{padding-right:1rem!important} .pb-xl-3,.py-xl-3{padding-bottom:1rem!important} .pl-xl-3,.px-xl-3{padding-left:1rem!important} .p-xl-4{padding:1.5rem!important} .pt-xl-4,.py-xl-4{padding-top:1.5rem!important} .pr-xl-4,.px-xl-4{padding-right:1.5rem!important} .pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important} .pl-xl-4,.px-xl-4{padding-left:1.5rem!important} .p-xl-5{padding:3rem!important} .pt-xl-5,.py-xl-5{padding-top:3rem!important} .pr-xl-5,.px-xl-5{padding-right:3rem!important} .pb-xl-5,.py-xl-5{padding-bottom:3rem!important} .pl-xl-5,.px-xl-5{padding-left:3rem!important} .m-xl-n1{margin:-.25rem!important} .mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important} .mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important} .mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important} .ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important} .m-xl-n2{margin:-.5rem!important} .mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important} .mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important} .mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important} .ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important} .m-xl-n3{margin:-1rem!important} .mt-xl-n3,.my-xl-n3{margin-top:-1rem!important} .mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important} .mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important} .ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important} .m-xl-n4{margin:-1.5rem!important} .mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important} .mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important} .mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important} .ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important} .m-xl-n5{margin:-3rem!important} .mt-xl-n5,.my-xl-n5{margin-top:-3rem!important} .mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important} .mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important} .ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important} .m-xl-auto{margin:auto!important} .mt-xl-auto,.my-xl-auto{margin-top:auto!important} .mr-xl-auto,.mx-xl-auto{margin-right:auto!important} .mb-xl-auto,.my-xl-auto{margin-bottom:auto!important} .ml-xl-auto,.mx-xl-auto{margin-left:auto!important} } /*New*/ .price-s .card-block{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .price-s .card-img img{max-width:100%; width:250px; text-align:center; margin:0 auto;} .s-icon .col-md-4{margin-top: 35px;} img.img-fluid {max-width: 370px;} .free-h1 .blog-items .blog-item p, .com-content-category-blog .blog-items .blog-item p{margin-right:0; font-size:16px;} .com-content-article.item-page.blog-page p{font-size:16px;} @media (max-width:1200px){.h1{font-size:32px;} .h2{font-size:20px;}.pricing-rates .title{font-size:13px;} .footer-bar p{padding-left:15px;}.footer .mod-list li a{font-size:15px;} .free-h1{margin: 0;}} @media (max-width: 1024px) { .free-h1 .blog-items .blog-item figure, .com-content-category-blog .blog-items .blog-item figure{float:none; position:relative;width:100%;margin:0;} .free-h1 .blog-items .blog-item figure img, .com-content-category-blog .blog-items .blog-item figure img{width:100%;max-width:400px;margin:0 auto; text-align:center;} .com-content-article.item-page.blog-page .item-image{float: none; margin: 10px 0; text-align: center;} .free-h1 .blog-items .blog-item .item-content, .com-content-category-blog .blog-items .blog-item .item-content{padding:0 40px; padding-top:20px;} .readmore, .price-order{margin-right:0;} .section-h1-main h1 { font-size: 28px !important; } .section-h1-main h1 span{font-size: 110px;} } @media (max-width: 991px) { .footer .qr-code{width:150px;text-align:left;} #topnav .tel-btn{float: none;position: absolute;top: 0;left: 0; right:0;z-index:1;margin-left: 0;font-size: 18px;width:100%;text-align:center;} #topnav { background-color: #ffffff; -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); box-shadow: 0 0 3px rgba(60, 72, 88, 0.15); min-height: 74px; } #topnav .container { width: auto; } #topnav #navigation { max-height: 400px; } #topnav .navigation-menu { float: none; } #topnav .navigation-menu > li { float: none; } #topnav .navigation-menu > li .submenu { display: none; list-style: none; padding-left: 20px; margin: 0; } #topnav .navigation-menu > li .submenu li a { display: block; position: relative; padding: 7px 15px; text-transform: uppercase; font-size: 11px; letter-spacing: 0.04em; font-weight: 700; color: #3c4858 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } #topnav .navigation-menu > li .submenu.open { display: block; } #topnav .navigation-menu > li .submenu .submenu { display: none; list-style: none; } #topnav .navigation-menu > li .submenu .submenu.open { display: block; } #topnav .navigation-menu > li .submenu.megamenu > li > ul { list-style: none; padding-left: 0; } #topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span { display: block; position: relative; padding: 10px 15px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; color: #8492a6; } #topnav .navigation-menu > li > a { color: #252525; padding: 10px 20px; font-size:14px;} #topnav .navigation-menu > li > a:after { position: absolute; right: 15px; } #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li .submenu li a:hover, #topnav .navigation-menu > li.has-submenu.open > a { color: #797aed; } #topnav .menu-extras .menu-item { border-color: #8492a6; } #topnav .navbar-header { float: left; } #topnav .tel-btn .login-btn-primary { display: inline-block !important; } #topnav .tel-btn .login-btn-light { display: none; } #topnav .has-submenu .submenu .submenu-arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; top: 12px; } #topnav .has-submenu.active a { color: #797aed; } #navigation { position: absolute; top: 74px; left: 0; width: 100%; display: none; height: auto; padding-bottom: 0; overflow: auto; border-top: 1px solid #f1f3f9; border-bottom: 1px solid #f1f3f9; background-color: #ffffff; } #navigation.open { display: block; overflow-y: auto; } .price-s .card-block{-ms-flex: 0 0 25%; flex: 0 0 33.33333%; max-width: 33.33333%;} .mobile-social{display:block;}} @media (max-width: 768px) { .container{padding-left:30px;padding-right:30px;} .page-next-level .page-next { top: 70px; } .actsiya{-ms-flex: 0 0 50%; flex: 0 0 50%;padding:7px;} .section { padding: 5px 0; } .title-heading .heading { font-size: 19px !important; } .card .card-body{padding:20px 18px;} .title-heading .para-desc { font-size: 18px; } .section-title .title { font-size: 18px; margin-top: 10px;} .mt-60 { margin-top: 60px; } .shape { bottom: -4px; } .free-h1 .item-page h1{font-size:24px;} .com-content-article__body h2{font-size:22px;} .section-h1-main h1 { font-size: 18px !important; } .section-h1-main h1 span{font-size: 75px;} .free-h1 .blog-items .blog-item:nth-child(odd) .item-content, .free-h1 .blog-items .blog-item:nth-child(even) .item-content, .com-content-category-blog .blog-items .blog-item:nth-child(odd) .item-content, .com-content-category-blog .blog-items .blog-item:nth-child(even) .item-content {margin-left:0;margin-right:0;} .section-h1-main{margin-top: 63px;} .section-h1-main h1 {font-size: 18px !important; line-height: 36px;} .section-h1-main h1 span{font-size: 36px;} .com-content-article__body img:nth-child(odd), .com-content-article__body img:nth-child(even){float:none;} #topnav .navigation-menu .has-submenu .menu-arrow { right: 16px; top: 16px; } #topnav .tel-btn { font-size:12px; } #topnav .buy-menu-btn { display: block !important; margin: 0 10px; padding: 10px 20px; } #topnav .navbar-toggle .lines { margin-right: 0 !important; } .bg-half { padding: 169px 0 50px; } .media-body .answer{display:none;} .media-body h3, .media-body h2 {cursor:pointer;background: #fff; padding: 10px 5px; margin:3px; text-align: left; padding-left: 20px; padding-right: 40px; box-shadow: 0 0 1px #abafdb; position: relative;transition:all 0.7s ease-in;} .media-body h3:before, .media-body h3:after, .media-body h2:before, .media-body h2:after {content: '>'; position: absolute; top: 50%; margin-top:-20px; right: 16px; font-size: 20px;color:#a7edd2;transition:all 0.7s ease-in;} .media-body h3:after, .media-body h2:after { right: 10px;} .media-body h3:hover:before, .media-body h3:hover:after, .media-body h2:hover:before, .media-body h2:hover:after {color:#797aed;transition:all 0.7s ease-in; transform: rotate(90deg);right:10px;} .media-body h3:hover:before, .media-body h2:hover:before{margin-top:-14px;} .img-fluid{display:none;} .mt-100 {margin-top: 40px;} #topnav .tel-btn{font-size:14px;} .logo{font-size:18px;} .mobile-social{right:80px;} .mobile-social a { padding: 14px 2px;} #topnav{min-height:50px;} #topnav .tel-btn, .logo{line-height:50px;} #topnav .navbar-toggle .lines{margin: 20px 5px 24px;} .bg-home, .bg-half-170, .bg-half-260, .bg-marketing { padding: 150px 0; height: auto; } .tab-content, .nav-pills{display:none;} #pills-tab{padding-left:0;} .s-icon .col-md-4{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .nav-section .col-md-6, .col-md-6-100 .col-md-6{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .card-body .feature{display:none;} .blog.card{max-width: 350px; text-align: center; margin: 0 auto!important; display: block;} .footer .footer-head{padding-left:5px;} .footer .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .footer .mod-list li {padding-left:5px;} } @media (max-width: 680px) {.bg-half { padding: 80px 0 0px; }.contact-detail a{font-size:18px;}} @media (max-width: 580px) { #topnav .tel-btn{font-size:18px;} #topnav .logo{position: relative; z-index: 10000;} #topnav .menu-extras { position: relative; z-index: 2;} .price-s .card-block{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .price-s .card-img{text-align:center;} .price-s .card-img img{max-width:100%; width:175px; text-align:center; margin:0 auto;} .features .content p{padding:30px 5px;font-size:14px;} .destkop{display:none!important;} .mt-4, .my-4 { margin-top: 0.5rem!important;} .btn{font-size:14px;} .bg-home, .bg-half-170, .bg-half-260, .bg-marketing{padding:100px 0;} .price-s .col-md-6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;padding:0;} .pricing-rates .title { font-size: 11px;} .pricing-rates i.price { font-size: 24px;} .actsiya{-ms-flex: 0 0 100%; flex: 0 0 100%;padding:7px;text-align:center;margin:0 auto;} .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; margin: 0 auto;} .col-md-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 100%; text-align: center; margin: 0 auto;} .contact-detail { margin-top: 20px; margin-bottom: 20px;} .container-contact .col-md-4 { -ms-flex: 0 0 100%; flex: 0 0 100%;} #form-calc .col-md-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; margin: 0 auto;} .title-heading .heading{font-size:15px!important;} #calculator button, #order-calc, #brief-form button, #brief-link a, #buy-form button, #buy-link a{margin:10px 0;} .bg-bottom{height:80px;} #calculator button, #order-calc, #brief-form button, #brief-link a, #buy-form button, #buy-link a{margin:10px 0;} .callback .submit, .callback .phone, .site-analyze .site, .site-analyze .phone{width:100%;display:block;margin-bottom:15px;} #mobile{display:block;} .section-h1-main h1 span{font-size:26px;} } @media (max-width: 525px){.free-h1 .blog-items .blog-item h2, .com-content-category-blog .blog-items .blog-item h2{font-size:22px;}} @media (max-width: 480px) { .card .card-body h3{font-size:10px;} .s-icon .title-2 {font-size: 16px; margin-top: 15px; min-height: 50px;} .thanks{padding-right:20px;} #close-thanks, #close-thanks3, .close-thanks {right: 10px; margin-top: -20px;} }