html {
    scroll-behavior: smooth;
}
*{
	box-sizing: border-box;
}
body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    line-height: 140%;
    font-weight: 400;
    padding: 0;
    margin: 0;
    color: #01091F;
    letter-spacing: 0.02em;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 140%;
    color: #696969;
    color: #808080;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
h1.title {
    font-family: 'Ultra', serif;
    font-family: 'Orbitron', sans-serif;
    font-family: 'Roboto', sans-serif;
}
h2.title {
    font-size: 46px;
    line-height: 110%;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Ultra', serif;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 40px;
}
p {
    margin: 0;
    padding: 0;
}
button {
    padding: 0;
    border: none;
}
.container {
    max-width: 1201px;
    padding: 0 15px;
    width: auto;
    margin: 0 auto;
}
.btn {
    font-size: 21px;
    font-weight: 400;
    color: #ffffff;
    background: #00c3ffbc;
    border: 2px solid #00c3ffbc ;
    text-shadow: 0-1px 0 rgba(255,255,255,.2);
    border-radius: 3px;
    padding: 15px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.5s ease;
}
.btn:hover {
    background: #00c2ff;
    transition: all 0.5s ease;
}
input, input:focus, textarea, textarea:focus {
    outline: none;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
a, a:hover, a:active {
    text-decoration: none;
    color: inherit;
}
.title {
    font-weight: 700;
}
/*Preloader Start*/
.preloaderBg {
    position: fixed;
    z-index: 1000; 
    top: 0;
    background: rgba(255, 255, 255, 0.97);
    width: 100%;
    height: 100%;
    text-align: center;
}
.preloader {
    position: relative;
    top: 230px;
    margin: auto;
    background: url('../img/logo.png') no-repeat center;
    background-size: 100px;
    width: 140px;
    height: 140px;
}
.preloader2 {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3D94F2;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    animation: spin 1s ease-in-out infinite ;
    position: relative;
    margin: auto;
    top: 80px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Preloader End */

/*header*/
.padding {
    padding-bottom: 500px;
}
.header {
    padding: 20px 0;
    color: #fff;
    border-bottom: 1px rgba(255, 255, 255, 0.5) solid;    
    border-bottom: 2px #ff3d0067 solid; 
    border-bottom: 2px #ffffff solid;   
}
.header__wrapper {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-logo {
    width: 150px;
    transition: all 0.5s ease;
}
.header-logo:hover {
    transition: all 0.5s ease;
    opacity: 0.8;
}
.header-logo__img {
    width: 150px;
    object-fit: cover;
}
.header-menu__items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-menu__item:not(:last-child) {
    margin-right: 50px;
}
.header-menu__item {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    position: relative;
    cursor: pointer;
}
.header-menu__item.active::after {
    width: 100%;
}
.header-menu__item::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    content: '';
    width: 0;
    height: 2px;
    margin-top: 5px;
    background-color: #00c2ff;
    background: linear-gradient(-90deg, rgba(0,194,255,1) 83%, rgba(0,212,255,1) 100%);
    transition: width 0.2s ease-in-out;
}
.header-menu__item:hover {
    transition: all 0.2s ease-in-out;
    /*color: #00c2ff;*/
}
.header-menu__item:hover::after {
    width: 100%;
    transition: all 0.2s ease-in-out;
}
.header-menu__link_more {
    display: flex;
    align-items: center;
}
.header-menu__link_more::after {
    content: '';
    display: block;
    background: url(../img/arrow-down.png) no-repeat;
    width: 12px;
    height: 8px;
    background-size: cover;
    margin-left: 7px;
}
.header-submenu {
    padding: 15px 9px;
    width: 105px;
    display: none;
    transition: all 0.5s ease;
}
.header-menu__item_more:hover .header-submenu {
    position: absolute;
    background: rgba(45, 45, 45, 0.85);
    border-radius: 10px;
    z-index: 1000000;
    width: 250px;
    color: #ffffff;
    display: block;
    transition: all 0.5s ease;
}
.header-submenu__item {
    transition: all 0.5s ease;
}
.header-submenu__item.active, .top-section__link.active {
    color: #00c2ff;
}
.header-submenu__item:hover {
    transition: all 0.5s ease;
    color: #fea688;
    color: #00c2ff;
}
.header-submenu__item:not(:last-child) {
    margin-bottom: 10px;
}
.header-info {
    display: flex;
}
.header-info__google {
    margin-right: 20px;
    transition: opacity 0.5s ease;
}
.header-info__google:hover {
    opacity: 0.8;
    transition: opacity 0.5s ease;
}
.header-info__google-img {
    width: 195px;
    height: 52px;
    object-fit: cover;
    display: block;
    border-radius: 5px;
}
.header-info__phone {
    display: flex;
    align-items: center;
    font-size: 17px;
    padding: 9px;
    border-radius: 5px;
    transition: opacity 0.5s ease;
}
.header-info__phone::before {
    content: '';
    display: block;
    background: url('../img/telephone-call1.png');
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 14px;
}
.header-info__phone:hover {
    transition: opacity 0.5s ease;
    opacity: 0.8;
}
.header-info__phone_burger {
    display: none;
}
.menu-burger {
    display: none;
}
/*top section*/
.top-section {
    background: linear-gradient(180deg, rgba(5, 24, 35, 0.75), rgba(14, 14, 14, 0.50)), url('../img/team-background4.jpg') no-repeat;
    background: linear-gradient(180deg, rgba(5, 24, 35, 0.75), rgba(14, 14, 14, 0.50)), url('../img/team-background6.jpg') no-repeat;
    background: linear-gradient(180deg, rgba(5, 24, 35, 0.70), rgba(5, 24, 35, 0.65)), url('../img/web-design-company-psl.jpg') no-repeat;
    background-size: cover;
    color: #ffffff;
}
.container_top-section {
    padding: 120px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-section__content-wrapper {
    width: 100%;
}
.top-section__content {
    max-width: 84%;
}
.top-form.top-form_home {
    width: 45%;
}
.top-form.top-form_home  .form-title {
    color: #fff;
    font-size: 38px;
}
h2.top-section__title, .top-section__title {
    color: #fff !important;
    text-align: left;
    font-size: 72px;
    line-height: 109%;
    margin-bottom: 35px;
    width: 100%;
}
h2.top-section__title span, .top-section__title span {
    color: #fea688;
}
.top-section__text {
    font-size: 20px;
    margin-top: 38px;
    max-width: 600px;
}
.top-section__content-wrapper span {
    color: #fea688;
    font-weight: 600;
}
.top-section__btns {
    max-width: 750px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}
.top-section__btn_second {
    transition: all 0.5s ease;
    background: transparent;
    color: #ffffff;
    border: #ffffff 2px solid;
    transition: all 0.5s ease;
}
.top-section__btn {
    font-weight: 700;
    text-align: center;
    width: 48%;
}
.top-section__btn_second:hover {
    transition: all 0.5s ease;
    background: #00c3ffbc;
    border: #00c2ff 2px solid;
    /*background: linear-gradient(90deg, rgba(174,153,255,1) 0%, rgba(0,144,255,1) 83%, rgba(0,212,255,1) 100%);*/
}
/*
.top-section__slider {
    position: relative;
    min-width: 0;
    width: 100%;
}
.top-section__content.slick-slide {
    left: 0;
}
.slick-track {
    display: flex;
}
.slick-track .slick-slide {
    display: block;
    height: auto;
}
.slick-list {
    position: relative;
    overflow: hidden;
}

.top-section__slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-section__slider .slick-dots li {
    list-style: none;
    margin-top: 150px;
    z-index: 1001;
}
.top-section__slider .slick-dots li {
    margin-left: 10px;
}
.top-section__slider .slick-dots button {
    cursor: pointer;
    font-size: 0;
    width: 35px;
    height: 2px;
    border-radius: 1px;
    background: #ffffff;
   /* background: #ff3d0082;
    background: #fea68882;*/
/*    transition: all 0.5s ease;
}
.top-section__slider .slick-dots li.slick-active button {
    background: #00c2ff;
    /*background: #ff3d00;
    background: #fea688;*/
/*}
.top-section__slider .slick-dots button:hover {
    transition: all 0.5s ease;
    opacity: 0.8;
}*/
/* Achievements */
.achievements_top-section {
    background: #ffffff;
}
.achievements {
    padding: 45px 0;
}
h2.achievements-title {
    font-family: 'Ultra', serif;
    font-family: 'Orbitron', sans-serif;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: 400;
    margin-bottom: 25px;
    font-size: 50px;
}
.achievements-text {
    max-width: 65%;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
}
.achievements-text span {
    color: #00c2ff;
}
.achievements-wrapper {
    display: flex;
    justify-content: space-between;
}
.achievements-item {
    display: flex;
    /*border-right: #00c2ff solid 1px;*/
    align-items: center;
    text-align: left;
    padding: 15px;
    width: 25%;
    position: relative;
    box-shadow: 0 0 0 transparent;
    transition: all 0.5s ease;
}
.achievements-item:not(:last-child) {
    border-right: #00c3ff2f 1px solid;
    /*border-right: #938e8c22 1px solid;*/
}
.achievements-item:hover {
    box-shadow: 0px 3px 7px -3px #00000050, 5px 5px 15px 5px rgba(0,0,0,0);
    background: #938e8c22;
    transition: all 0.5s ease;
}
/*.border-bottom {
    position: absolute;
    display: block;
    background: #00c2ff;
    bottom: 0%;
    LEFT: 50%;
    width: 70%;
    height: 0.5px;
    transform: translateX(-50%);
}
.border-right {
    position: absolute;
    display: block;
    background: #00c2ff;
    top: 50%;
    right: 0%;
    width: 0.5px;
    height: 70%;
    transform: translatey(-50%);
}*/
.achievements-item__icon {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-bottom: 10px;
}
.achievements-item__number img {
    width: 82px;
    height: 82px;
    padding: 15px;
    border: 3px solid #00c2ff;
    border-radius: 50%;
}
.achievements-item__number {
    color: #696969;
    color: #808080;
    font-family: 'Ultra', serif;
    font-family: 'Orbitron', sans-serif;
    font-weight: 900;
    font-size: 70px;
    padding-right: 10px;
}
.achievements-item__title {
    max-width: 255px;
    color: #000;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 105%;
    font-weight: 700;
    margin-bottom: 12px;
}
.achievements-item__text {
    font-size: 14px;
    line-height: 120%;
}
/* AboutUs */
.aboutUs {
    display: flex;
    background: #938e8c22;
    /*background: #ff3d0009;*/
    position: relative;
}
.aboutUs-bg {
    height: 650px;
    width: 48%;
    overflow: hidden;
    margin-left: auto;
}
.aboutUs-bg__img {
    height: 650px;
    object-fit: cover;
    position: relative;
}
.aboutUs-bg::after {
    position: absolute;
    left: 0;
    top: 50%;
    content: '';
    display: block;
    background: url('../img/Animation.png') no-repeat;
    width: 100px;
    height: 100px;
}
.aboutUs-content {
    padding: 43px 0;
    width: 51%;
}
.aboutUs-wrapper {
    max-width: 615px;
    padding: 0 0 0 15px;
    width: 100%;
    margin-left: auto;
}
.aboutUs-title {
    font-size: 46px;
}
.aboutUs-text {
    max-width: 483px;
}
.aboutUs-text:not(:last-child) {
    margin-bottom: 10px;
}
.aboutUs-btn {
    background: transparent;
    color: #01091F;
    border: solid 2px #01091F;
    max-width: 200px;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 700;
    font-size: 19px;    
    transition: all 0.5s ease;
}
.aboutUs-btn:hover {
    transition: all 0.5s ease;
    border: #00c2ff 2px solid;
    color: #00c2ff;
    background: transparent;
}

/*Animation Start*/
.animation {
    position: absolute;
    z-index: 1000; 
    top: 50%;
    transform: translate(-50%, -50%);
    width: 135px;
    height: 135px;
    text-align: center;
}
.animation2 {
    background: url('../img/Animation.png') no-repeat center;
    background: url('../img/Animation1.png') no-repeat center;
    background: url('../img/Animation2.png') no-repeat center;
    background-size: 135px;
    height: 135px;
    width: 135px;
    animation: spin 20s infinite;
    animation-timing-function: linear; 
    position: relative;
    margin: auto;
    top: 0px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Animation End */
/* Service */
.services {
    /*background: #938e8c22;*/
    padding: 70px 0;
}
.services-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.services-item {
    color: #fff;
    width: 32.33333333%;
    /*border: 1px solid #00c2ff;
    border: 1px solid #ff3d0067;
    */  
    background: #27272A;
}
.services-item:nth-last-child(n+4) {
    margin-bottom: 30px;
}
.services-item__img {
    max-width: 100%;
    margin-bottom: 10px;
}
/*.services-item::before {
    content: '';
    display: block;
    width: 270px;
    height: 57px;
    background: url('../img/qualified-leads.png') no-repeat;
    background-size: contain;
    margin-right: 15px;
}
.services-item:nth-child(2):before {
    background: url('../img/WebSite.png') no-repeat;
    height: 45px;
    width: 280px;
    background-size: cover;
}
.services-item:nth-child(3):before {
    background: url('../img/Local-SEO.png') no-repeat;
    height: 50px;
    background-size: cover;
}
.services-item:nth-child(4):before {
    background: url('../img/SM-Advertizing.png') no-repeat;
    background-size: cover;
}
.services-item:nth-child(5):before {
    background: url('../img/Paid-search.png') no-repeat;
    background-size: cover;
}
.services-item:nth-child(6):before {
    background: url('../img/GMB.png') no-repeat;
    height: 50px;
    background-size: cover;
}*/
.services-item__title {
    font-size: 24px;
    color: #00c2ff;
    margin-bottom: 7px;
    font-weight: 600;
    line-height: 120%;
    padding: 0 20px;
}
.services-item__text {
    padding: 0 20px 25px;
}
@keyframes fadeInLeft {
    from {
      margin-left: -300px;
      width: 290px;
      opacity: 0;
    }
    to {
      margin-left: 0%;
      width: 290px;
      opacity: 1;
    }
}
@keyframes fadeInRight {
    from {
      right: -300px;
      width: 78px;
      opacity: 0 !important;
    }
    to {
      right: 74px;
      width: 78px;
      opacity: 1 !important;
    }
}
.fadeInLeft {
    animation: fadeInLeft 0.5s;
}
.fadeInRight {
    animation: fadeInRight 0.5s;
}
/*New clients*/
.clients {
    background: #938e8c22;
    position: relative;
    /*background: #ff3d0009;
    */
}
.clients-background {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background: url(../img/cloth-bg1.jpg);
    background-size: cover;
    z-index: -1;
    width: 28%;
    height: 100%;
}
.clients-wrapper {
    display: flex;
    padding: 70px 0;
    align-items: center;
    justify-content: space-between;
}
.clients-bg {
    width: 49%;
}
.clients-bg__img {
    width: 100%;
}
.clients-content__title {
    line-height: 110%;
}
.clients-content {
    width: 47%;
}
.clients-content__text:not(:last-child) {
    margin-bottom: 15px;
}
.clients-content__btn {
    background: transparent;
    color: #01091F;
    border: solid 2px #01091F;
    max-width: 200px;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 700;
    font-size: 19px;
    transition: all 0.5s ease;
}
.clients-content__btn:hover {
    transition: all ease 0.5s;
    border: 2px solid #00c3ffbc;
    background: transparent;
    color: #00c2ff;
}
.clients-content__list li {
    list-style: decimal;
    margin-left: 15px;
}
.clients-content__list li:last-child {
    margin-bottom: 15px;
}
/* Choose */
.choose {
    margin-top: 100px;
    padding: 70px 0;
    position: relative;
}
.choose-decors {
    position: absolute;
    position: absolute;
    display: block;
    top: 0%;
    right: 0;
    background: url(../img/website-design-bg2.jpg);
    background-size: cover;
    z-index: -1;
    width: 25%;
    height: 50%;
}
.choose-decors::before, .choose-decors::after {
    content: "";
    display: block;
    background: url(../img/dots.png) no-repeat;
    opacity: 0.3;
    width: 32%;
    height: 100%;
    right: 6%;
    top: 83%;
    position: absolute;
}
.choose-decors::after {
    transform: rotate(-90deg);
    width: 24%;
    top: -30%;
    right: 75%;
}
.choose-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.choose-item {
    background: #938e8c22; 
    background: #F1F0F0;
    /*
    background: #ff3d0009;*/
    padding: 25px 20px;
    width: 32%;
    -webkit-box-shadow: 0px 3px 7px -3px #00000067, 5px 5px 15px 5px rgba(0,0,0,0); 
    -webkit-box-shadow: 0px 3px 7px -3px #00000067, 5px 5px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 3px 7px -3px #00000050, 5px 5px 15px 5px rgba(0,0,0,0);
}
.choose-item:nth-last-child(n+4) {
    margin-bottom: 25px;
}
.choose-item__icon {
    /*border: 1px solid #00c2ff;
    border-radius: 50%;
    /*padding: 5px;*/
    width: 40px;
    /*height: 40px;*/
    margin-bottom: 10px;
    object-fit: cover;
}
.choose-item__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    margin-bottom: 10px;
    color: #00c2ff;
}
/* CTA */
.CTA {
    padding: 70px 0;
    background: rgba(255, 61, 0, 0.09);
    color: #fff;
    background: linear-gradient(180deg, rgba(39, 39, 42, 0.8), rgba(39, 39, 42, 0.8)), url(../img/about-bg.jpg) no-repeat;  
}
.CTA-title {
    color: #ffffff;
    color: #00c2ff;
    text-align: center;
    margin-bottom: 10px;
}
.CTA-title span {
    font-weight: 400;
}
.CTA-text {
   /* color: #ffffff;*/
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}
.CTA-btns {
    display: flex;
    justify-content: space-between;
    max-width: 700px;
    margin: 40px auto 0;
    font-weight: 700;
    font-size: 19px;/*
    color: #ffffff;*/
    align-items: center;
}
.CTA-btns__btn {
    border: 2px solid #ffffff;
    background: #00c2ff;
    font-weight: 600;
    display: flex;
    width: 319px;
}
.CTA-btns__btn::before {
    content: '';
    display: block;
    background: url('../img/telephone-call.png') no-repeat;
    background-size: cover;
    width: 21px;
    margin-right: 12px;
}
.CTA-btns__btn:first-child::before {
    content: '';
    display: block;
    background: url('../img/letter.png') no-repeat;
    background-size: cover;
    width: 24px;
    margin-right: 12px;
}
.CTA-btns__btn:nth-child(2) {
    background: transparent;
}
.CTA-btns__btn:hover {
    color: #ffffff;
    background: #00c2ff;
}
.CTA-btns__btn:hover {
    color: #ffffff;
    background: #01b2e7;
}
/* questions */
.questions {
    padding: 70px 0 90px;
    background: rgb(248, 248, 248);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.90)), url('../img/team-background6.jpg') no-repeat;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.90)), url('../img/team-background4.jpg') no-repeat;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.85)), url('../img/seo-port-st-lucie-fl.jpg') no-repeat;
    background-size: cover;
}
.questions__title {
    color: #000;
    text-align: center;
    width: 100%;
    padding: 30px 0 0;
    border-radius: 10px 10px 0 0;
}
.container_questions {
    border-radius: 10px;
    padding: 0 0 45px 0;
    max-width: 955px;
}
.questions-wrapper {
    color: #000;
    max-width: 788px;
    margin: 0 auto;
}
.questions-item__title, .questions-item__bottom {
    color: #000;
} 
.questions-item {
    background: #fff;
    /*border: 2px solid #3399cc;
    border-bottom: 1px solid #313131;*/
    box-sizing: border-box;
    /*border-radius: 8px;*/
}
.questions-item:not(:last-child) {
    margin-bottom: 15px;
}
.questions-item__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 25px;
    cursor: pointer;
}
.questions-item__title {
    font-size: 20px;
    max-width: 625px;
    letter-spacing: 0;
}
.questions-item__plus {
    cursor: pointer;
    transition: all 0.5s ease;
}
.questions-item__plus.active {
    transition: all 0.5s ease;
    transform: rotate(45deg);
}
.questions-item__plus  {
    display: block;
    width: 30px;
    height: 28px;
    background: url('../img/arrow-down2.png') no-repeat;
    background-size: cover
}
.questions-item__plus span:first-child {
    transform: rotate(90deg);
}
.questions-item__plus span:last-child {
    margin-top: -2px;
}
.questions-item__bottom {
    padding: 0px 80px 12px 25px;
    border-radius: 0px 0px 10px 10px;
    color: #000;
    border-radius: 15px;
    font-size: 17px;
    line-height: 140%;
    opacity: 1 !important;
    transition: all 0.5s ease;
    display: none;
}
.questions-item__bottom.active, .faq-item__bottom.active {
    transition: all 0.5s ease;
    display: block;
}
/* Footer */
.footer {
    padding: 60px 0;
    background: #31313195;
    background: #0e0f12cc;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
}
.container_footer {
    display: flex;
    justify-content: space-between;
}
.footer-logo__img {
    width: 150px;
    object-fit: cover;
    margin-bottom: 30px;
}
.footer-item__privacy {
    display: block;
}
.footer-item__title {
    font-size: 17px;
    margin-bottom: 10px;
    color: #00c2ff;
}
.footer-menu__link {
    transition: color 0.5s ease;
}
.footer-menu__link:hover {
    color: #00c2ff;
    transition: color 0.5s ease;
}
.footer-menu__item:not(:last-child) {
    margin-bottom: 3px;
}
.footer-contacts__address, .footer-contacts__phone, .footer-contacts__email {
    display: flex;
}
.footer-contacts__address::before {
    content: '';
    display: block;
    background: url('../img/address.png') no-repeat;
    width: 18px;
    height: 20px;
    background-size: cover;
    margin-right: 8px;
}
.footer-contacts__phone::before {
    content: '';
    display: block;
    background: url('../img/telephone-call.png') no-repeat;
    width: 18px;
    height: 20px;
    background-size: cover;
    margin-right: 8px;
}
.footer-contacts__email::before {
    content: '';
    display: block;
    background: url('../img/e-mail.png') no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-right: 8px;
}
.footer-contacts__address, .footer-contacts__phone {
    margin-bottom: 9px;
}
.footer-contacts__phone:hover, .footer-contacts__email:hover {
    transition: all 0.5s ease;
}
.footer-contacts__phone:hover, .footer-contacts__email:hover {
    transform: scale(1.01);
    transition: all 0.5s ease;
}
/* Page Services */
.header_services {
    background: rgba(45, 45, 45, 0.95);
    background: rgba(0, 0, 0, 0.32);
    border-bottom: 2px solid #ffffff;
}
.top-section_services .top-section__title {
    margin-bottom: 20px;
}
.top-section_services {
    background: linear-gradient(180deg, rgba(40, 46, 50, 0.7), rgba(40, 46, 50, 0.65)), url(../img/psl-web-design.jpg) no-repeat;
    background-size: cover;
    height: 740px;
}
.top-section_services .container_top-section {
    align-items: flex-start;
}
.top-section_services .container_top-section {
    padding-top: 50px;
}
.bread-crumbs {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}
.bread-crumbs__first {
    opacity: 0.8;
}
.bread-crumbs__line {
    display: block;
    height: 1px;
    width: 11px;
    background: #ffffff;
    margin: 0 10px;
}
span.bread-crumbs__second {
    color: #ffffff;
    font-weight: 400;
}
.top-section__link {
    display: flex;
    width: fit-content;
    align-items: center;
    font-size: 24px;
    margin-top: 25px;
    padding-left: 25px;
    font-weight: 600;
    transition: all 0.5s ease;
}
.top-section__link:hover {
    text-decoration: underline;
    transition: all 0.5s ease;
}
.top-section__link::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url('../img/arrow-right.png') no-repeat;
    background-size: contain;
    margin-right: 10px;
}
.top-section__PS {
    margin-top: 38px;
    margin-bottom: 10px;
    color: #00c2ff;
}
.top-section__PS_contact {
    font-size: 24px;
    display: flex;
    align-items: center;
}
.top-section__PS_contact::after {
    content: '';
    display: block;
    width: 50px;
    height: 15px;
    background: url('../img/arrow-right1.png') no-repeat;
    background-size: contain;
    margin-left: 20px;
}
.top-form {
    position: relative;
    background: rgba(0, 0, 0, 0.32);
    border: 2px #fff solid;
    padding: 20px 25px 40px;
    width: 100%;
    max-width: 500px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 30px 30px -24px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 30px 30px -24px rgb(0 0 0 / 50%);
    box-shadow: 0 30px 30px -24px rgb(0 0 0 / 50%);
}
.top-form__fields {
    display: flex;
    flex-direction: column;
}
.top-form_service {
    margin-top: 85px;
}
.top-form__title {
    font-size: 32px;
    line-height: 110%;
    font-weight: 400;
    text-align: center;
    margin: 10px 0 20px;
}
.top-form__input, .top-form__textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    text-shadow: none;
    color: rgba(255, 255, 255, 0.80);
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    padding: 10px 8px;
    margin-bottom: 12px;
    font-size: 16px;
}
.top-form__textarea {
    border: 2px solid #ffffff;
}
.top-form__input::placeholder, .top-form__textarea::placeholder {
    color: #fff;
    opacity: 0.8;
}
.top-section_services .top-form__btn {
    background: #00c2ff;
}
.top-section_services .top-form__btn:hover {
    background: #01b2e7;
}
.top-form__success {
    position: absolute;
    border-radius: 4px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}
.top-form__success-content {
    position: absolute;
    max-width: 250px;
    width: 100%;
    padding: 10px;
    background: rgba(0, 194, 255, 0.9);
    text-align: center;
    margin-top: 10px;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: #000;
}
.top-form__success_contact .top-form__success-content {
    max-width: 350px;
    padding: 20px;
}
.top-form__success h4 {
    margin-bottom: 7px;
    font-size: 18px;
}
.error {
    font-size: 15px;
    color: #cc3a26;
    text-align: left;
    margin-top: -30px;
    padding-bottom: 27px;
}
.servicesIntro {
    padding: 70px 0;
}
.container_servicesIntro {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.servicesIntro-heading {
    width: 50%;
}
.servicesIntro-heading__icons {
    display: flex;
    margin-top: 40px;
}
.servicesIntro-icon:not(:last-child) {
    margin-right: 40px;
}
.servicesIntro-icon {
    text-align: center;
    opacity: 0.5;
}
.servicesIntro-icon__img {
    width: 70px;
}
.servicesIntro-icon span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Montserrat';
}
.servicesIntro-content {
    width: 50%;
}
.servicesLead {
    background: #92919132;
}
.servicesLead-title {
    text-align: center;
}
.servicesLead .aboutUs-text {
    max-width: 505px;
}
.section-title {
    font-size: 38px;
    line-height: 110%;
    margin-bottom: 15px;
    text-decoration: underline;
}
.servicesLead .aboutUs-bg {
    width: 50%;
}
.servicesLead .aboutUs-bg, .servicesLead .aboutUs-bg__img {
    height: 677px;
}
.servicesMarketing {
    padding: 50px 0;
}
.container_servicesMarketing {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.servicesMarketing-bg {
    width: 50%;
    height: 500px;
    background: linear-gradient(180deg, rgba(38, 41, 43, 0.7), rgba(38, 41, 43, 0.65)), url('../img/background-smm.jpg') no-repeat;;
    background-size: contain;
    background-attachment: fixed;
    display: block;
    border-radius: 5px 50px;
}
.servicesMarketing-content {
    width: 48%;
}
.servicesMarketing-content__text:not(:last-child) {
    margin-bottom: 10px;
}
.servicesMarketing-btn {
    background: #00c3ffbc;
    border: 2px solid #00c3ffbc;
    color: #ffffff;
    text-shadow: 0-1px 0 rgba(255,255,255,.2);
}
.servicesMarketing-btn:hover {
    background: #00c2ff;
    color: #ffffff;
    transition: all 0.5s ease;
}
.pay-bg {
    background: linear-gradient(180deg, rgba(38, 41, 43, 0.7), rgba(38, 41, 43, 0.65)), url('../img/seo-port-st-lucie.jpg') no-repeat;
    background-size: contain;
    background-attachment: fixed;
    border-radius: 50px 5px 5px;
}
.Web-bg {
    background: linear-gradient(180deg, rgba(38, 41, 43, 0.7), rgba(38, 41, 43, 0.65)), url('../img/web-design.jpg') no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 5px 5px 50px;
}
/* About page start */
.top-section_about {
    background: linear-gradient(180deg, rgba(5, 24, 35, 0.70), rgba(5, 24, 35, 0.65)), url(../img/about-bg.jpg) no-repeat;
    background-size: cover;
    background-position-x: center;
    height: 50vh;
}
.top-section_about .container_top-section {
    padding: 71px 20px;
}
.top-section__text_about {
    font-size: 44px;
}
.top-section_about .top-section__title {
    margin-bottom: 15px;
}
.container_passion {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.passion {
    padding: 55px 0;
}
.passion-icons {
    width: 49%;
}
.passion-content {
    width: 49%;
}
.passion-icons {
    display: flex;
}
.passion-icons__item {
    text-align: center;
    margin-right: 63px;
}
.passion-icons__item:last-child {
    margin-right: 0;
}
.passion-icons__item-img {
    height: 60px;
    object-fit: cover;
    margin-bottom: 14px;
}
.passion-icons__item-desc {
    font-weight: 400;
    line-height: 120%;
}
.passion-icons__item-desc span {
    display: block;
    font-family: 'Montserrat';
    font-weight: 300;
    font-style: italic;
    font-size: 30px;
    margin-bottom: 9px;
}
.container_whoWe {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aboutUs-section {
    background: #938e8c22;
}
.aboutUs-section .aboutUs-content {
    padding: 45px 0;
}
.aboutUs-section .aboutUs-bg, .aboutUs-section .aboutUs-bg__img {
    height: 800px;
}
.CTA-about {
    padding: 70px 0;
}
.container_CTA-about {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.CTA-about__content {
    margin-top: -10px;
    width: 51%;
    position: absolute;
    left: 50%;
}
h2.CTA-about__title {
    font-size: 56px;
    line-height: 110%;
}
.CTA-about__title span {
    color: #00c2ff;
}
.CTA-about__text {
    font-size: 22px;
    line-height: 140%;
}
.CTA-about__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 350px;
    text-align: center;
    background: #01091F;
    border: none;
    margin-top: 30px;
    padding: 12px;
}
.CTA-about__btn::after {
    content: '';
    display: block;
    background: url('../img/arrow-right1.png');
    width: 60px;
    height: 32px;
    background-size: cover;
    margin-left: 30px;
}
.CTA-about__btn:hover {
    color: #ffffff;
    background: #01091F;
    opacity: 0.9;
}
.CTA-about__bg {
    width: 51.7%;
    height: 603px;
    background: url('../img/border.png');
    background-size: cover;
    display: flex;
    align-items: center;
}
.CTA-about__bg-img {
    width: 580px;
    height: 425px;
    object-fit: cover;
    margin-left: -14%;
}
/* About page end */

/* Contact page start */
.top-section_contact {
    height: 50vh;
    background: url('../img/') no-repeat;
    background: linear-gradient(180deg, rgba(5, 24, 35, 0.70), rgba(5, 24, 35, 0.65)), url(../img/team-background-services3.jpg) no-repeat;
    background-size: cover;
}
.top-section_contact .container_top-section {
    padding: 70px 20px;
}
.top-section_contact .top-section__title {
    margin-bottom: 15px;
}
.form-contacts {
    padding: 45px 0;
}
.form-contacts .form-title {
    font-size: 50px;
}
.container_form-contacts {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-contacts .top-form {
    width: 55%;
    max-width: none;
    text-align: center;
    background: #0e0f12cc;
    color: #ffffff;
}
.form-contacts .top-form__input, .form-contacts .top-form__textarea {
    margin-bottom: 30px;
}
.form-contacts__right {
    width: 40%;
    padding: 30px 10px;
    border-left: none;
}
.form-contacts__right-title {
    font-size: 38px;
    margin-bottom: 22px;
}
.form-contacts__list {
    padding-bottom: 25px;
    border-bottom: 2px solid #0e0f12cc;
}
.form-contacts__item {
    font-size: 28px;
    display: flex;
    align-items: center;
}
.form-contacts__item::before {
    content: '';
    display: block;
    background: url('../img/checked.png') no-repeat;
    width: 35px;
    height: 35px;
    background-size: cover;
    margin-right: 12px;
}
.form-contacts__item:not(:last-child) {
    margin-bottom: 20px;
}
.form-contacts__text {
    margin-top: 25px;
}
.map {
    padding: 50px 0;
    background: #92919132;
}
.map .footer-contacts__address::before {
    background: url(../img/address-blue.png) no-repeat;
    width: 18px;
    height: 20px;
    background-size: cover;
}
.map .footer-contacts__phone::before {
    background: url(../img/telephone-call2.png) no-repeat;
    width: 18px;
    height: 20px;
    background-size: cover;
}
.map .footer-contacts__email::before {
    background: url(../img/e-mail-blue.png) no-repeat;
    width: 18px;
    height: 16px;
    background-size: cover;
}
.map .footer-contacts__phone:hover, 
.map .footer-contacts__email:hover {
    transform: scale(1);
}
.map-bg {
    margin-bottom: 20px;
}
.map-bg iframe {
    border-radius: 40px;
}
.map-bg iframe #mapDiv>div>div.gm-style>div:nth-child(2) {
    position: static !important;
}
.gm-style .place-card-large {
    display: none !important;
}
/* Contact page end */

/* Responsive */
@media (max-width: 1200px) {
    .container {
        max-width: 984px;
        padding: 0 18px;
        margin: 0 auto;
    }
    .header {
        padding: 17px 0;
    }
    .header-menu__item {
        font-size: 14px;
    }
    .header-menu__item:not(:last-child) {
        margin-right: 22px;
    }
    .header-info__google-img {
        width: 175px;
    }
    .header-info__phone {
        font-size: 14px;
    }
    .top-section {
        height: auto;
    }
    .container_top-section {
        padding-top: 90px;
        padding-bottom: 50px;
    }
    h2.top-section__title, .top-section__title {
        font-size: 60px;
        max-width: 595px;
    }
    .services-item {
        padding: 35px 12px;
    }
    .services-item::before {
        height: 49px;
        width: 316px;
    }
    h2.title {
        font-size: 42px;
    }
    .services-item:nth-child(2):before {
        height: 53px;
    }
    .services-item:nth-child(4):before {
        width: 355px;
    }
    .aboutUs-wrapper {
        max-width: 492px;
    }
    .aboutUs-text {
        max-width: 475px;
    }
    .aboutUs-bg {
        width: 45%;
    }
    .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 0.5s;
        animation-name: fade;
        animation-duration: 0.5s;
    }
    @-webkit-keyframes fade {
        from {opacity: .7}
        to {opacity: 1}
    }
    @keyframes fade {
        from {opacity: .7}
        to {opacity: 1}
    }
    .container_questions {
        padding-bottom: 40px;
    }
    /* Services page start */
    .top-section__content {
        width: 92%;
    }
    .top-form {
        padding: 20px 25px 40px;
        max-width: 365px;
        padding: 15px 20px 35px;
    }
    .servicesIntro-heading {
        width: 47%;
    }
    .servicesLead .aboutUs-bg {
        width: 45%;
    }
    .servicesLead .aboutUs-content {
        padding-bottom: 40px;
    }
    /* Services page end */
    /* About page start */
    .top-section_about .bread-crumbs {
        margin-bottom: 0;
    }
    .top-section_about .top-section__title {
        max-width: 700px;
    }
    .container_top-section .top-section__content {
        margin: 0;
    }
    .top-section_about .container_top-section {
        padding: 71px 20px 15px;
    }
    .aboutUs-section .aboutUs-bg {
        width: 43%;
    }
    .aboutUs-section .aboutUs-content {
        padding: 45px 0 35px;
    }
    .CTA-about__bg {
        height: 495px;
    }
    .CTA-about__bg-img {
        width: 457px;
        height: 325px;
    }
    .passion {
        padding: 45px 0;
    }
    .passion-icons {
        width: 44px;
    }
    .passion-content {
        width: 48%;
    }
    /* About page end */
    /* Contact page atart */
    .map-bg iframe {
        max-width: 955px;
        width: 100%;
    }
    .form-contacts__right {
        width: 43%;
    }
    .form-contacts__item {
        font-size: 25px;
    }
    .form-contacts__item::before {
        width: 32px;
        height: 32px;
    }
    .top-section__content .bread-crumbs {
        margin-bottom: 0;
    }
    .form-contacts .form-title {
        font-size: 38px;
    }
    .form-contacts__right-title {
        font-size: 36px;
    }
    /* Contact page end */
}
@media (max-width: 991px) {
    .container {
        max-width: 728px;
        padding: 0 20px;
    }
    h2.title {
        font-size: 42px;
        margin-bottom: 25px;
    }
    .header {
        padding: 15px 0;
    }
    .header nav {
        position: relative;
    }
    .menu-close {
        width: 27px;
        height: 27px;
        position: fixed;
        top: 35px;
        right: 26px;
        z-index: 1004;
        cursor: pointer;
    }
    .menu-close span {
        display: block;
        width: 35px;
        height: 3px;
        background: #ffffff;
        transform: rotate(45deg);
    }
    .menu-close span:last-child {
        transform: rotate(-45deg);
        margin-top: -3px;
    }
    .header-menu {
        display: none;
        transition: all 0.5s ease;
    }
    .header-menu.active {
        display: block;
        transition: all 0.5s ease;
    }
    .header-menu__items {
        position: fixed;
        top: 0;
        left: 0;
        flex-direction: column;
        justify-content: flex-start;
        padding: 35px 15px;
        flex-direction: column;
        background: #00c2ff;
        width: 100%;
        height: 68%;
        border-radius: 5px;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
        z-index: 1003;
        padding-top: 12%;
        text-align: center;
    }
    .header-submenu {
        transform: translateX(-38%);
    }
    .menu-burger {
        display: block;
        cursor: pointer;
    }
    .menu-burger span {
        display: block;
        width: 35px;
        height: 3px;
        background: #ffffff;
    }
    .menu-burger span:not(:last-child) {
        margin-bottom: 6px;
    }
    .header-menu__item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .header-menu__item {
        font-size: 16px;
    }
    .header-info__phone {
        display: none;
    }
    .header-info__phone.header-info__phone_burger {
        display: block;   
    }
    .header-info__phone::before {
        display: none;
    }
    .container_top-section {
        padding-top: 90px;
        padding-bottom: 50px;
    }
    .top-section__slider {
        margin: auto;
    }
    .top-section__content {
        margin: auto;
        margin-top: 0;
        max-width: none;
    }
    h2.top-section__title, .top-section__title {
        font-size: 50px;
        margin-bottom: 20px;
    }
    .top-section__text {
        margin-top: 15px;
    }
    .top-section__btns {
        max-width: 678px;
    }
    .top-form.top-form_home {
        width: 90%;
        max-width: none;
        margin: 35px auto 0;
    }
    .container_top-section {
        flex-wrap: wrap;
    }
    .achievements {
        padding: 50px 0 65px;
    }
    .achievements-wrapper {
        flex-wrap: wrap;
    }
    .achievements-item {
        width: 47%;
    }
    .achievements-item__icon {
        width: 76px;
        height: 76px;
    }
    .achievements-item__title, .services-item__title, .choose-item__title {
        font-size: 21px;
    }
    .achievements-item:nth-last-child(n+3) {
        margin-bottom: 20px;
    }
    .aboutUs {
        flex-direction: column;
    }
    .aboutUs-content {
        width: 100%;
        padding: 35px 0;
    }
    .aboutUs-wrapper {
        max-width: 728px;
        margin-right: auto;
    }
    .aboutUs-bg {
        width: 100%;
    }
    .aboutUs-text, .servicesLead .aboutUs-text {
        max-width: none;
    }
    .aboutUs-btn {
        margin-top: 23px;
    }
    .aboutUs-bg__img {
        width: 100%;
    }
    .animation {
        left: 50%;
        top: 41.5%;
    }
    .services {
        padding: 50px 0;
    }
    .services-item {
        padding: 0 12px 35px;
        width: 49%;
    }
    .services-item:nth-last-child(n+3) {
        margin-bottom: 15px;
    }
    .services-item__title {
        margin-bottom: 12px;
    }
    .services-item::before {
        height: 53px;
    }
    .services-item:nth-child(2):before {
        height: 59px;
    }
    .clients {
        padding: 50px 0;
    }
    .clients-background {
        width: 50%;
        height: 24%;
    }
    .clients-wrapper {
        flex-direction: column;
    }
    .clients-content {
        width: 100%;
    }
    .clients-bg {
        width: 84%;
    }
    .clients-content {
        margin-top: 25px;
    }
    .choose {
        padding: 50px 0;
    }
    .choose-decors {
        width: 33%;
        height: 32%;
    }
    .choose-decors::after {
        display: none;
    }
    .choose-decors::before {
        right: 0;
    }
    .choose-item {
        width: 48%;
    }
    .choose-item:nth-child(4) {
        margin-bottom: 25px;
    }
    .CTA {
        padding: 50px 0;
    }
    .questions {
        padding: 50px 0 70px;
    }
    .container_questions {
        padding: 0 15px 30px;
    }
    /* Services section Start */
    .top-section_services .top-section__content {
        width: 55%;
        margin: 0;
    }
    .top-section_services .top-form {
        max-width: 295px;
        padding: 10px 15px 25px;
    }
    .top-section__link {
        font-size: 22px;
    }
    .top-section__PS {
        max-width: 320px;
    }
    .top-section__content-wrapper {
        width: auto;
    }
    .servicesIntro {
        padding: 50px 0;
    }
    .servicesIntro-content {
        width: 45%;
    }
    .servicesIntro-heading__icons {
        margin-top: 25px;
    }
    .servicesIntro-icon__img {
        width: 63px;
    }
    .servicesIntro-icon:not(:last-child) {
        margin-right: 31px;
    }
    .servicesLead .aboutUs-bg {
        width: 100%;
    }
    .container_servicesMarketing {
        flex-wrap: wrap;
    }
    .servicesMarketing-bg {
        width: 100%;
        order: 1;
    }
    .servicesMarketing-content {
        width: 100%;
        margin-bottom: 20px;
    }
    .pay-bg, .servicesMarketing-bg {
        border-radius: 50px 5px 50px 5px;
    }
    /* Services section End */
    /* About page start */
    .container_top-section  .top-section__content {
        width: 100%;
    }
    .passion-icons__item {
        margin-right: 43px;
    }
    .passion-icons__item-desc span {
        font-size: 26px;
    }
    .passion-content {
        width: 50%;
    }
    .aboutUs-section .aboutUs-content {
        padding-bottom: 70px;
    }
    .aboutUs-section .animation {
        top: 44%;
    }
    .aboutUs-section .aboutUs-bg {
        width: 100%;
    }
    .CTA-about__bg {
        height: 325px;
        width: 47.7%;
    }
    .CTA-about__bg-img {
        width: 318px;
        height: 241px;
    }
    .CTA-about__content h2.title {
        font-size: 34px;
    }
    .CTA-about__text {
        font-size: 20px;
    }
    /* About page end */
    /* Contact page start */
    .map-bg iframe {
        max-width: 688px;
        height: 380px;
    }
    .form-contacts__right-title {
        font-size: 34px;
    }
    .form-contacts__item::before {
        width: 29px;
        height: 29px;
    }
    .form-contacts__item:nth-child(2)::before,
    .form-contacts__item:nth-child(3)::before {
        width: 35px;
        height: 29px;
    }
    .form-contacts__item {
        font-size: 23px;
    }
    /* Contact page end */
}
@media (max-width: 767px) {
    body {
        font-size: 15px;
    }
    .container {
       max-width: 727px;
       width: auto;
       padding: 0 20px; 
    }
    .btn {
        font-size: 15px;
    }
    h2.title {
        font-size: 32px;
        margin-bottom: 20px;
        text-align: center;
    }
    .header-menu__items {
        padding: 75px 0 15px;
    }
    .menu-close {
        top: 44px;
        right: 25px;
    }
    .container_top-section {
        flex-direction: column;
        padding-top: 65px;
        padding-bottom: 50px;
    }
    h2.top-section__title, .top-section__title {
        font-size: 42px;
        max-width: none;
        text-align: center;
    }
    .top-section__text {
        text-align: center;
    } 
    .top-section__content-wrapper {
        max-width: 727px;
        width: auto;
        text-align: center;
    }
    /*.top-section__slider .slick-dots li {
        margin-top: 72px;
    }*/
    .choose {
        margin-top: 0;
    }
    .choose-decors {
        display: none;
    }
    .aboutUs-content {
        padding-bottom: 70px;
    }
    .aboutUs-wrapper {
        text-align: center;
        padding: 0 15px;
    }
    .aboutUs-text:not(:last-child) {
        margin-bottom: 7px;
    }
    .aboutUs-btn {
        margin: auto;
        margin-top: 20px;
    }
    .animation{
        top: 47%;
    }
    .aboutUs-bg__img, .aboutUs-bg {
        height: 485px;
    }
    .services-item {
        width: 49.5%;
    }
    .services-item::before, .services-item:nth-child(5):before {
        height: 58px;
    }
    .services-item:nth-child(2):before {
        height: 58px;
        width: 283px;
    }
    .services-item:nth-child(4):before {
        height: 52px;
    }
    .services-item:nth-child(6):before {
        height: 54px;
    }
    .clients-content {
        text-align: center;
    }
    .clients-content__text:not(:last-child) {
        margin-bottom: 8px;
    }
    .clients-content__btn {
        margin: auto;
        margin-top: 20px;
    }
    .CTA-btns {
        justify-content: center;
    }
    .CTA-btns span {
        display: block;
        margin-right: 20px;
    }
    .CTA-btns__btn {
        width: 250px;
    }
    .CTA-btns__btn:first-child {
        margin-right: 20px;
    }
    .container_questions {
        padding: 0 15px 30px;
    }
    .questions-item__title {
        font-size: 17px;
    }
    .questions-item__plus {
        width: 32px;
        height: 30px;
    }
    .questions-item__bottom {
        font-size: 15px;
        padding: 0 80px 10px 20px;
    }
    /* Services section Start */
    .top-section__content-wrapper,
    .top-section_services .top-section__title  {
        text-align: left;
    }
    .top-section_services .top-section__content {
        width: 100%;
    }
    .bread-crumbs {
        margin-bottom: 40px;
    }
    .top-section__link {
        margin-top: 21px;
    }
    .top-section__PS {
        max-width: none;
        margin-top: 40px;
    }
    .top-section__PS_contact, .top-section__PS {
        display: inline-block;
        margin-right: 20px;
    }
    .top-section__PS_contact {
        margin-right: 0;
    }
    .top-section__PS_contact::after {
        width: 28px;
        margin-top: 5px;
        margin-left: auto;
    }
    .top-section_services .top-form {
        margin-top: 25px;
    }
    .top-section_services .top-form {
        max-width: none;
    }
    .container_servicesIntro {
        flex-wrap: wrap;
    }
    .servicesIntro {
        padding: 35px 0;
    }
    .servicesIntro-heading {
        width: 100%;
        margin-bottom: 15px;
    }
    .servicesIntro-content {
        width: 100%;
    }
    .servicesLead .aboutUs-content {
        padding-bottom: 75px;
    }
    .servicesLead .aboutUs-bg, .servicesLead .aboutUs-bg__img {
        height: 520px;
    }
    .section-title {
        font-size: 26px;
        margin-bottom: 12px;
    }
    .servicesMarketing {
        padding: 35px 0;
    }
    .servicesMarketing-content {
        text-align: center;
    }
    .servicesMarketing-bg {
        height: 375px;
        background-size: cover;
    }
    #Web {
        padding: 15px 0;
    }
    .questions__title {
        padding: 30px 0 0;
    }
    /* Services section End */
    /* About section End */
    .top-section_about .top-section__title {
        text-align: left;
    }
    .container_passion {
        flex-wrap: wrap;
    }
    .passion-icons {
        width: 100%;
        justify-content: center;
        margin-bottom: 20px;
    }
    .passion-content {
        width: 100%;
    }
    .aboutUs-section .aboutUs-bg__img, .aboutUs-section .aboutUs-bg {
        height: 465px;
    }
    .aboutUs-section .animation {
        top: 59%;
    }
    .container_CTA-about {
        flex-wrap: wrap;
    }
    .CTA-about {
        padding: 50px 0 280px;
    }
    .CTA-about__bg {
        width: 65%;
        margin: auto;
    }
    .CTA-about__content {
        width: 92%;
        margin-top: 0;
        left: 5%;
        top: 100%;
        margin-top: 20px;
        text-align: center;
    }
    .CTA-about__btn {
        margin: auto;
        margin-top: 22px;
    }
    /* About section End */
    /* Contact section Start */
    .form-contacts {
        padding: 30px 0;
    }
    .top-section_contact .top-section__title {
        text-align: left;
    }
    .form-contacts__right-title {
        font-size: 30px;
        margin-bottom: 18px;
    }
    .form-contacts__item::before {
        width: 26px;
        height: 26px;
        margin-right: 8px;
    }
    .form-contacts__item {
        font-size: 19px;
    }
    .form-contacts__item:not(:last-child) {
        margin-bottom: 14px;
    }
    .form-contacts__text {
        margin-top: 20px;
    }
    .form-contacts__item:nth-child(2)::before, .form-contacts__item:nth-child(3)::before {
        width: 26px;
        height: 26px;
    }
    .form-contacts__list {
        padding-bottom: 20px;
    }
    .form-contacts__text {
        margin-top: 15px;
    }
    .form-contacts .form-title {
        font-size: 32px;
    }
    .form-contacts .top-form__input, .form-contacts .top-form__textarea {
        margin-bottom: 17px;
        padding: 8px 6px;
    }
    .map {
        padding: 30px 0 35px;
    }
    .map-bg iframe {
        height: 299px;
    }
    .container_form-contacts {
        flex-wrap: wrap;
    }
    .form-contacts .top-form {
        width: 100%;
        order: 1;
    }
    .form-contacts__right {
        width: 100%;
        padding: 0 0 30px;
    }
    /* Contact section End */
}
@media (max-width: 635px) { 
    .animation {
        top: 52%;
    }
    .aboutUs-bg__img, .aboutUs-bg {
        height: 400px;
    }
    .servicesLead .aboutUs-bg, .servicesLead .aboutUs-bg__img {
        height: 400px;
    }
}
@media (max-width: 600px) { 
    h2.title {
        font-size: 30px;
        margin-bottom: 17px;
    }
    h2.top-section__title, .top-section__title {
        font-size: 38px;
    }
    .top-section__text {
        font-size: 17px;
    }
    .top-section {
        background: linear-gradient(180deg, rgba(5, 24, 35, 0.70), rgba(5, 24, 35, 0.65)), url('../img/web-design-company-psl-small.jpg') no-repeat;
        background-size: cover;
        color: #ffffff;
    }
    .top-section__btns {
        flex-direction: column;
    }
    .top-section__btn {
        width: 100%;
    }
    .top-section__btn:first-child {
        margin-bottom: 20px;
    }
    .achievements {
        padding: 40px 0 45px;
    }
    .achievements-item {
        padding: 10px;
    }
    .achievements-item:nth-child(2) {
        border-right: 0;
    }
    .achievements-item__icon {
        width: 70px;
        height: 70px;
    }
    .achievements-item__number img {
        width: 60px;
        height: 60px;
    }
    .achievements-item__title, .services-item__title, .choose-item__title {
        font-size: 20px;
    }
    .achievements-item__title {
        font-size: 17px;
    }
    .achievements-item__number {
        font-size: 70px;
    }
    .aboutUs-text:not(:last-child) {
        margin-bottom: 5px;
    }
    .aboutUs-btn {
        margin-top: 15px;
    }
    .aboutUs-bg__img, .aboutUs-bg {
        height: 335px;
    }
    .animation {
        top: 62%;
    }
    .services-item {
        width: 100%;
        padding: 0 0 15px;
    }
    .services-item:not(:last-child) {
        margin-bottom: 15px;
    }
    .services-item::before, .services-item:nth-child(5):before, 
    .services-item:nth-child(6):before {
        height: 37px;
    }
    .services-item::before, .services-item:nth-child(4):before {
        height: 35px;
    }
    .services-item:nth-child(2):before {
        height: 39px;
    }
    .aboutUs-content {
        padding: 27px 0 70px;
    }
    .services {
        padding: 35px 0 15px;
    }
    .services-item {
        padding: 0 10px 23px;
    }
    .clients {
        padding: 30px 0 38px;
    }
    .clients-background {
        width: 100%;
        height: 21%;
    }
    .clients-content__text:not(:last-child) {
        margin-bottom: 4px;
    }
    .choose {
        padding: 35px 0;
    }
    .CTA {
        padding: 35px 0 45px;
        background: rgba(255, 61, 0, 0.09);
        color: #fff;
        background: linear-gradient(180deg, rgba(39, 39, 42, 0.8), rgba(39, 39, 42, 0.8)), url(../img/about-bg-small.jpg) no-repeat;  
    }
    .CTA-btns {
        flex-direction: column;
        margin: 27px auto 0;
    }
    .CTA-btns__btn:first-child {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .CTA-btns__btn {
        justify-content: center;
        width: 280px;
    }
    .CTA-btns span {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .questions {
        padding: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.85)), url('../img/seo-port-st-lucie-fl-small.jpg') no-repeat;
        background-size: cover;
    }
    .questions__title {
        padding: 40px 0 0;
    }
    .questions-item__top {
        padding: 12px 20px;
    }
    .container_questions {
        padding-bottom: 55px;
    }
    .container_footer {
        flex-wrap: wrap;
    }
    .footer {
        padding: 40px 0;
    }
    .footer-item {
        width: 48%; 
        margin-bottom: 15px;
    }
    .footer-logo__img {
        margin-bottom: 5px;
    }
    .footer-item__title {
        margin-bottom: 7px;
    }
    
    /*Services page Start*/
    .top-section_services {
        background: linear-gradient(180deg, rgba(40, 46, 50, 0.7), rgba(40, 46, 50, 0.65)), url(../img/psl-web-design-small.jpg) no-repeat;
        background-size: cover;
        height: auto;
    }
    .servicesLead .aboutUs-bg, .servicesLead .aboutUs-bg__img {
        height: 325px;
    }
    .top-form__title {
        font-size: 27px;
    }
    /*Services page End*/
    /*About page Start*/
    .top-section_about {
        background: linear-gradient(180deg, rgba(5, 24, 35, 0.70), rgba(5, 24, 35, 0.65)), url(../img/about-bg-small.jpg) no-repeat;
        background-size: cover;
        background-position-x: center;
        height: auto;
    }   
    .top-section_about .container_top-section {
        padding-top: 40px;
    }
    .aboutUs-section .aboutUs-bg__img {
        content: url("../img/website-design-psl-small.jpg");
    }
    .CTA-about__bg-img {
        content: url("../img/web-designer-small.jpg");
    }
    .top-section_contact {
        background: linear-gradient(180deg, rgba(5, 24, 35, 0.70), rgba(5, 24, 35, 0.65)), url(../img/team-background-services3-small.jpg) no-repeat;
        background-size: cover;
        height: auto;
        color: #ffffff;
    }
    /*About page End*/
    /*Contact page Start*/
    .top-section_contact .container_top-section {
        padding: 40px 15px;
    }
    /*Contact page End*/
}
@media (max-width: 537px) {
    .servicesLead .animation {
        top: 63.5%;
    }
}
@media (max-width: 481px) {
    h2.title {
        margin-bottom: 10px;
    }
    h2.top-section__title, .top-section__title {
        font-size: 36px;
    }
    .top-section__btns {
        margin-top: 35px;
    }
    .top-section__link {
        font-size: 19px;
    }
    .top-section__PS_contact {
        font-size: 22px;
    }
    .servicesMarketing-bg {
        height: 304px;
    }
    /* About section Start */
    .passion {
        padding: 35px 0;
    }
    .passion-icons {
        margin-bottom: 15px;
    }
    .aboutUs-section .aboutUs-bg__img, .aboutUs-section .aboutUs-bg {
        height: 333px;
    }
    .aboutUs-section .aboutUs-content {
        padding: 30px 0 55px;
    }
    .aboutUs-section .animation {
        top: 68%;
    }
    .CTA-about {
        padding-top: 35px;
        padding-bottom: 270px;
    }
    .CTA-about__bg {
        width: 73%;
    }
    .CTA-about__content h2.title {
        font-size: 30px;
    }
    .CTA-about__text {
        font-size: 18px;
    }
    .CTA-about__btn {
        margin-top: 20px;
    }
    .passion-icons__item-img {
        height: 50px;
        margin-bottom: 7px;
    }
    .passion-icons__item-desc span {
        font-size: 22px;
    }
    /* About section End */
    /* Contact section Start */
    .map-bg iframe {
        height: 245px;
    }
    .form-contacts__right-title {
        font-size: 25px;
        margin-bottom: 8px;
    }
    .form-contacts__item {
        font-size: 18px;
    }
    .form-contacts__item:not(:last-child) {
        margin-bottom: 11px;
    }
    .form-contacts__list {
        padding-bottom: 15px;
    }
    .form-contacts__text {
        margin-top: 10px;
    }
    .form-contacts__right {
        padding-bottom: 20px;
    }
    .form-contacts .form-title {
        font-size: 30px;
    }
    .top-form {
        padding: 15px 15px 20px;
    }
    /* Contact section End */
}
@media (max-width: 476px) {
    .animation {
        top: 60%;
    }
}
@media (max-width: 450px) {
    body {
        font-size: 14px;
    }
    .container {
        max-width: none;
        padding: 0 12px;
    }
    h2.title {
        font-size: 28px;
    }
    h2.top-section__title, .top-section__title {
        font-size: 30px;
    }
    .header-logo__img {
        width: 130px;
    }
    .top-section__content {
        margin-bottom: 0;
    }
    .container_top-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .top-section__title {
        margin-bottom: 15px;
    }
    .btn {
        padding: 10px;
    }
    .top-section__btn:first-child {
        margin-bottom: 15px;
    }
    .top-section__slider .slick-dots li {
        margin-top: 40px;
    }
    .achievements {
        padding: 35px 0;
    }
    .achievements-item {
        width: 100%;
    }
    .achievements-item__icon {
        margin-bottom: 5px;
    }
    .achievements-item__number {
        font-size: 45px;
        padding-right: 12px;
    }
    .achievements-item__number_one {
        padding-left: 5px;
        padding-right: 18px;
    }
    .achievements-item__title, .services-item__title, .choose-item__title {
        margin-bottom: 3px;
        font-size: 18px;
    }
    .achievements-item:nth-last-child(n+2) {
        margin-bottom: 9px;
    }
    .achievements-item__icon {
        width: 60px;
    }
    .achievements-item:last-child .achievements-item__icon {
        height: 60px;
    }
    .aboutUs-content {
        padding-bottom: 55px;
    }
    .aboutUs-bg__img, .aboutUs-bg {
        height: 290px;
    }
    .animation {
        top: 64%;
        width: 100px;
        height: 100px;
    }
    .animation2 {
        background-size: 100px;
        width: 100px;
        height: 100px;
    }
    .services-item::before {
        width: 197px !important;
        height: 49px !important;
        margin-right: 8px;
    }
    .services-item:nth-child(2):before {
        height: 54px !important;
    }
    .services-item:nth-child(4):before {
        height: 41px !important;
    }
    .clients {
        padding: 25px 0 30px;
    }
    .choose {
        padding: 30px 0;
    }
    .choose-item {
        width: 100%;
        padding: 12px 9px;
    }
    .choose-item:nth-last-child(n+2) {
        margin-bottom: 14px;
    }
    .choose-item__icon {
        margin-bottom: 1px;
    }
    .CTA-text {
        font-size: 18px;
    }
    .CTA-btns {
        margin-top: 18px;
    }
    .CTA-btns__btn:first-child, .CTA-btns span {
        margin-bottom: 7px;
    }
    .CTA-btns span {
        font-size: 14px;
    }
    .questions-item__title {
        font-size: 16px;
        max-width: 260px;
    }
    .questions-item__top {
        padding: 10px 8px;
    }
    .questions-item__plus {
        width: 25px;
        height: 25px;
    }
    .questions-item__bottom {
        padding: 0px 35px 8px 10px;
    }
    .container_questions {
        padding-bottom: 40px;
    }
    .footer {
        padding: 35px 0;
    }
    .footer-item {
        margin-bottom: 10px;
    }
    .footer-item:last-child {
        margin-bottom: 0;
    }
    /*Services page start*/
    .top-form__title {
        font-size: 23px;
    }
    .top-form__input, .top-form__textarea {
        font-size: 15px;
    }
    .top-section__link {
        margin-top: 17px;
    }
    .top-section_services .top-section__title {
        margin-top: 15px;
    }
    .bread-crumbs {
        margin-bottom: 27px;
    }
    .top-section__PS {
        margin-top: 27px;
    }
    .top-form__title {
        margin: 7px 0 5px;
    }
    .top-form__input, .top-form__textarea {
        font-size: 14px;
    }
    .section-title {
        font-size: 23px;
        margin-bottom: 10px;
    }
    /*Services page end*/
    /*About page start*/
    .CTA-about__bg {
        width: 300px;
        height: 300px;
    }
    .CTA-about__bg-img {
        width: 300px;
        height: 210px;
    }
    .CTA-about__content {
        margin-top: 15px;
    }
    .CTA-about__content {
        left: 4%;
    }
    .aboutUs-section .animation {
        top: 66%;   
    }
    /*About page end*/
    /*Contact page start*/
    .form-contacts__right-title {
        font-size: 23px;
    }
    .form-contacts .form-title {
        font-size: 26px;
    }
    .footer-item:last-child {
        width: 100%;
    }
    /*Contact page end*/
}
@media (max-width: 400px) {
    .animation {
        top: 68.5%;
    }
    .aboutUs-content {
        padding-bottom: 58px;
    }
    .aboutUs-content {
        padding: 25px 0 58px;
    }
    .aboutUs-bg__img, .aboutUs-bg {
        height: 246px;
    }
    /*Services Page Start*/
    .servicesLead .animation {
        top: 69%;
    }
    #localSEO .animation {
        top: 67%;
    }
    .servicesLead .aboutUs-bg, .servicesLead .aboutUs-bg__img {
        height: 280px;
    }
    .servicesMarketing-bg {
        height: 265px;
    }
    .passion-icons__item:not(:last-child) {
        margin-right: 20px;
    }
    /* About Page Start */
    .aboutUs-section .animation {
        top: 69%;
    }
    /* About Page End */
}
@media (max-width: 326px) {
    body {
        font-size: 14px;
    }
    h2.title {
        margin-bottom: 7px;
    }
    .aboutUs-bg__img, .aboutUs-bg {
        height: 205px;
    }
    .animation {
        top: 74.5%;
    }
    .achievements {
        padding: 27px 0;
    }
    .achievements-item__icon, .achievements-item__title, .services-item__title, .choose-item__title        {
        margin-bottom: 1px;
    }
    .achievements-item:nth-last-child(n+2) {
        margin-bottom: 9px;
    }
    .services {
        padding: 27px 0 15px;
    }
    .services-item::before {
        width: 245px !important;
    }
    .clients {
        padding: 20px 0 25px;
    }
    .clients {
        padding: 25px 0;
    }
    .CTA {
        padding: 25px 0 35px;
    }
    .CTA-btns {
        margin-top: 15px;
    }
    .CTA-btns__btn:first-child, .CTA-btns span {
        margin-bottom: 5px;
    }
    .questions__title {
        padding-top: 30px;
    }
    .questions-item__top {
        padding: 8px 5px;
    }
    .questions-item__title {
        max-width: 235px;
    }
    .questions-item__top {
        padding: 5px;
    }
    .questions-item__bottom {
        padding: 0px 35px 4px 5px;
    }
    .footer-item {
        width: 100%;
    }
    .footer-item:not(:last-child) {
        margin-bottom: 22px;
    }
    /*Services Page Start*/
    .servicesIntro {
        padding: 27px 0;
    }
    .top-section__PS_contact::after {
        margin-left: 0;
        margin-right: auto;
    }
    .top-section__link {
        font-size: 16px;
        margin-top: 16px;
    }
    .top-section__PS_contact {
        font-size: 20px;
    }
    .servicesMarketing {
        padding: 27px 0;
    }
    .servicesIntro-icon__img {
        width: 50px;
    }
    .servicesIntro-icon span {
        font-size: 16px;
    }
    #Lead .servicesLead .animation {
        top: 70%;
    }
    /*Services Page End*/
    /*About Page Start*/
    .aboutUs-section .aboutUs-bg__img, .aboutUs-section .aboutUs-bg {
        height: 250px;
    }
    .aboutUs-section .animation {
        top: 77%;
    }
    .CTA-about__content h2.title {
        font-size: 27px;
    }
    /*About Page End*/
    /*Contact Page Start*/
    .map-bg iframe {
        height: 203px;
    }
    .form-contacts {
        padding: 25px 0;
    }
    .map {
        padding: 25px 0 30px;
    }
    .map-bg {
        margin-bottom: 15px;
    }
    .form-contacts__item {
        font-size: 17px;
    }
    /*Contact Page End*/
}
@media (max-width: 310px) {
    .container {
        padding-left: 8px;
        padding-right: 8px;
    }
    .questions-item__title {
        max-width: 215px;
    }
    #localSEO .animation {
        top: 70%;
    }
    #Lead .animation {
        top: 73%;
    }
    .aboutUs-section .animation {
        top: 78.5%;
    }
    .CTA-about__bg {
        width: 265px;
        height: 265px;  
    }
    .CTA-about__bg-img {
        width: 265px;
        height: 175px;
    }
    .CTA-about__content h2.title {
        font-size: 23px;
    }
}