@font-face {
     font-family: 'gt_eesti_pro_displaymedium';
     src: url('../font/gt_eesti_pro_display_medium_1-webfont.woff2') format('woff2'), url('../font/gt_eesti_pro_display_medium_1-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'gt_eesti_pro_displayregular';
     src: url('../font/gt_eesti_pro_display_regular_1-webfont.woff2') format('woff2'), url('../font/gt_eesti_pro_display_regular_1-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'slick';
     font-weight: normal;
     font-style: normal;
     src: url('../font/slick.eot');
     src: url('../font/slick.eot?#iefix') format('embedded-opentype'), url('../font/slick.woff') format('woff'), url('../font/slick.ttf') format('truetype'), url('../font/slick.svg#slick') format('svg');
}
 html{
     overflow-x: hidden;
}
 body{
     font-family: 'gt_eesti_pro_displayregular' !important;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 a{
    text-decoration: none
}
 .container{
     max-width: 1200px;
     padding: 0px;
     margin: 0 auto;
}
 .menu-inner a {
     font-weight: 400;
     line-height: inherit;
     border: none;
     color: #000;
     font-size: 16px;
     padding: 14px;
}
 .menu-item a:hover{
     background-color: #000;
     color: white;
     border-radius: 10px;
}
 li{
     list-style: none;
}
 .sticky{
    position: fixed;
     top: 0;
     width: 100%;
     background: #fff;
     box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
     z-index: 99;
}
 .navbar {
     max-width: 100%;
     height: auto;
     margin: 0 auto;
     padding: 0.75rem 0;
     border: none;
     outline: none;
     color: #000;
     padding-top: 30px;
}
 .brand{
     padding-left: 10px;
}
 .navbar .wrapper {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     height: auto;
     margin: 0 auto;
}
 .navbar .burger {
     position: relative;
     display: none;
     cursor: pointer;
     width: 2rem;
     height: 1rem;
     border: none;
     outline: none;
     opacity: 0;
     visibility: hidden;
     background: none;
     transform: rotate(0deg);
     transition: 0.35s ease-in-out;
}
 .navbar .burger-line {
     display: block;
     position: absolute;
     width: 100%;
     height: 2px;
     left: 0;
     border: none;
     outline: none;
     opacity: 1;
     border-radius: 0.25rem;
     background:#000;
     transform: rotate(0deg);
     transition: 0.25s ease-in-out;
}
 .navbar .burger-line:nth-child(1) {
     top: 0;
}
 .navbar .burger-line:nth-child(2), .navbar .burger-line:nth-child(3) {
     top: 0.5rem;
}
 .navbar .burger-line:nth-child(4) {
     top: 1rem;
}
 .navbar .burger.is-active .burger-line:nth-child(1), .navbar .burger.is-active .burger-line:nth-child(4) {
     top: 1.25rem;
     width: 0%;
     left: 50%;
}
 .navbar .burger.is-active .burger-line:nth-child(2) {
     transform: rotate(45deg);
}
 .navbar .burger.is-active .burger-line:nth-child(3) {
     transform: rotate(-45deg);
}
 .navbar .menu-inner {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     gap: 1.3rem;
}
 .navbar .menu-link {
     font-weight: 400;
     line-height: inherit;
     border: none;
     color:#000;
     font-size: 16px;
     padding: 14px;
}
 .plap-new {
     display: flex;
     align-items: center;
}
 .link-store{
     width: 50%;
}
 .easy-app{
     width: 50%;
}
 h2{
     font-size: 40px;
     line-height: 110%;
}
 p{
     font-size: 17px;
     color: gray;
     line-height: 23px;
}
 .plap-main{
     padding-top: 50px;
}
 .new-feture{
     width: 50%;
     background-color:#F8F8FA;
     padding-left: 30px;
     padding-bottom: 50px;
}
 .new-feture h2{
     padding: 2rem 0;
}
 .new-feture h2 span{
     display: block;
}

.new-feture h3{
     padding: 1rem 0 0 0;
}

.main h2{padding: 0 0 2rem 0;}

 .source-one{
     background: url(../images/Rectangle-back.png) no-repeat;
     width: 50%;
     position: relative;
}
 .plap-bits {
     display: flex;
     padding-top: 30px;
}
 .step-four{
     margin-top: 12px;
}
 .step-four a{
     padding-right: 10px;
}
 .shop-one img {
     position: absolute;
     left: 80px;
     top: 50px;
}
 .shop-four img {
     position: absolute;
     bottom: 35px;
     left: 55px;
}
 .shop-two img {
     position: absolute;
     right: 100px;
     bottom: 50px;
}
 .shop-three img {
     position: absolute;
     right: 50px;
}
 .plap-work {
     text-align:center; padding-bottom: 1rem;
}
.plap-work h2{ padding: 0 0 2rem 0;}
.plap-app-one h3{ padding:  0.7rem 0;}
 .open-fact {
     display: flex;
     padding-top: 20px;
}

 .plap-app {
     text-align: center;
     position: relative;
}
.plap-app h3{ padding: 0.7rem 0; }
 .plap-app-one {
     text-align: center;
     position: relative;
}
}
 .plap-app-two {
     text-align: center;
}
.plap-app-two{ text-align: center; }
.plap-app-two h3{ padding:  0.7rem 0;}
 .plap-app::after {
     content: " ";
     position: absolute;
     background: url('../images/dashed-line.svg') no-repeat ;
     width: 65%;
     height: 84px;
     top: 20px;
     left: 266px;
}
 .plap-app-one::after {
     content: " ";
     position: absolute;
     background: url('../images/Path 3.png') no-repeat;
     width: 61%;
     height: 100px;
     top: 79px;
     left: 279px;
}
 .our-book{
     display: flex;
     align-items: flex-start; gap: 20px;
}
 .our-show img{
     padding-right: 20px;
}
 .design{
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .open-design{
     width: 50%;
     padding-right: 50px;
}
.open-design h2{ padding: 0 0 2rem 0;}
.open-design p{ padding: 0 0 1rem 0;}
 .source-media{
     width: 50%;
}

 .features-one{
     display: flex;
}
 .perfect-one{
     display: flex;
}
 .our-features{
     padding-top: 50px;
}
 .perfect{
     background-color: #fff;
     box-shadow: 0px 0px 15px #dddddd;
     padding: 20px;
     border-radius: 20px;
     box-sizing: border-box;
     margin: 20px;
}
.perfect h3{padding: 0.7rem 0;}
.perfect-self h3{padding: 0.7rem 0;}
 .perfect-self {
     border: 1px solid #dddddd;
     border-radius: 25px;
     padding: 20px;
     box-sizing: border-box;
     margin: 20px;
}
.im-one h3{padding: 0.7rem 0; }
.screen-one h2{padding: 0 0 1rem 0;}
.happy-one h2{padding: 0 0 1rem 0;}
.section-title h2{padding: 0 0 1rem 0;}
 .happy-one{
     text-align: center;
}
 .plap-app-one p{
     padding-left: 50px;
     padding-right: 50px;
}
 .plap-app p {
     padding-left: 50px;
     padding-right: 50px;
}
 .plap-app-two p {
     padding-left: 50px;
     padding-right: 50px;
}
 .screen-one{
     text-align: center;
}
 .main-client{
     padding-top: 50px;
}
 .main-screen{
     padding-top: 50px;
}
 .contact{
     padding-top: 50px;
}
 .row {
     display: flex;
     align-items: center;
     padding-bottom: 50px;
}
 .col-lg-6{
     width: 50%;
}
 .section-title{
     margin-bottom: 40px;
}
 .row1{
     display: flex;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
}
 .col-lg-12 {
     flex: 0 0 100%;
     max-width: 100%;
}
 .p-relative {
     position: relative;
}
 .mb-20 {
     margin-bottom: 20px;
}
 .contact-field input {
     width: 100%;
     border: none;
     background: #fff;
     padding: 20px 20px;
     transition: .3s;
     background-color: #F8F8FA;
     border-radius: 10px;
}
 .mb-45 {
     margin-bottom: 45px;
}
 .contact-field textarea {
     width: 100%;
     border: none;
     background: #fff;
     padding: 20px 20px;
     transition: .3s;
     height: 100px;
     background-color: #F8F8FA;
     border-radius: 10px;
}
 .message button{
     padding: 15px;
     width: 30%;
     border-radius: 10px;
     color: white !important;
     background-color: #000 !important;
     font-size: 16px;
     border: none;
     cursor: pointer;
}
 footer{
     background-color: #000;
}
 footer p{
     color: #fff;
}
 .features-img .slick-slide{
     text-align: center;
}
 .features-img .slick-slide img{
     margin: 0 auto;
}
 .main-foot{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
 .test-two{
     padding-top: 10px;
}
 .testy{
     display: inline-block;
}
 .test-three p{
     font-size: 17px;
     color: gray;
     line-height: 23px;
     padding: 0px 20px;
}
 .main-four img{
     padding: 10px;
}
 .shop-option {
     text-align: center;
     padding-bottom: 30px;
}
 .new-feture p{
     padding-right: 30px;
}
 #how-work-wrap{
     padding-top: 40px;
}
 .features-img{
     padding-top: 30px;
}
 .plap-images{
     padding-top: 30px;
}
 @media only screen and (min-width:320px) and (max-width: 767px) {
     .plap-new {
         display:block;
    }
     .link-store{
         width: 100%;
    }
     .easy-app{
         width: 100%;
    }
     .plap-bits{
         display: inline-block;
    }
     .new-feture{
         width: 100%;
         padding: 10px;
         box-sizing: border-box;
    }
     .social img{
         width: 100%;
    }
     .source-one {
         background: url(../images/Rectangle-back.png) no-repeat;
         width: 100%;
         position: relative;
         background-size: cover;
         height:450px;
    }
     .shop-one img {
         position: absolute;
         left: 33px;
         top: 50px;
         width: 50%;
    }
     .shop-four img {
         position: absolute;
         bottom: 57px;
         left: 20px;
         width: 40%;
    }
     .shop-two img {
         position: absolute;
         right: 53px;
         bottom: 85px;
         width: 30%;
    }
     .step-four img {
         padding-bottom: 10px;
    }
     .shop-three img {
         position: absolute;
         right: 50px;
         width: 20%;
    }
     .open-fact{
         display: block;
    }
     .plap-app-one::after{
         display: none;
    }
     .plap-app::after{
         display: none;
    }
     .design{
         display: block;
    }
     .open-design{
         width: 100%;
    }
     .source-media{
         width: 100%;
    }
     .features-one {
         display: block;
    }
     .perfect-one {
         display: block;
    }
     .row{
         display: block;
    }
     .col-lg-6 {
         width: 100%;
    }
     .shop-option img{
         width: 100%;
    }
     .col-lg-6 img{
         width: 100%;
    }
}
 @media only screen and (max-width:1000px) {
     .navbar .burger {
         display: block;
         opacity: 1;
         visibility: visible;
         right: 20px;
    }
     .navbar .menu {
         width: 100%;
         max-height: 0rem;
         padding: 0;
         opacity: 0;
         visibility: hidden;
         overflow: hidden;
         transition: all 0.35s ease;
    }
     .navbar .menu.is-active {
         opacity: 1;
         visibility: visible;
    }
     .navbar .menu-inner {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: flex-start;
         gap: 0.75rem;
         padding: 1rem 0;
    }
}
 @media only screen and (min-width:768px) and (max-width: 992px) {
     .plap-new {
         display:block;
    }
     .link-store {
         width: 100%;
    }
     .easy-app{
         width: 100%;
         padding-left: 10px;
    }
     .plap-bits{
         display: inline-block;
    }
     .new-feture{
         width: 100%;
         padding: 20px;
         box-sizing: border-box;
    }
     .social img {
         width: 100%;
         padding-left: 10px;
    }
     .source-one {
         background: url(../images/Rectangle-back.png) no-repeat;
         width: 100%;
         position: relative;
         background-size: cover;
         height: 450px;
    }
     .shop-one img {
         position: absolute;
         left: 33px;
         top: 50px;
         width: 50%;
    }
     .shop-four img {
         position: absolute;
         bottom: 57px;
         left: 20px;
         width: 40%;
    }
     .shop-two img {
         position: absolute;
         right: 53px;
         bottom: 85px;
         width: 30%;
    }
     .step-four img {
         padding-bottom: 10px;
    }
     .shop-three img {
         position: absolute;
         right: 50px;
         width: 20%;
    }
     .open-fact{
         display: block;
    }
     .plap-app-one::after{
         display: none;
    }
     .plap-app::after{
         display: none;
    }
     .design{
         display: block;
         padding-left: 10px;
    }
     .open-design{
         width: 100%;
    }
     .source-media{
         width: 100%;
    }
     .features-one {
         display: flex;
    }
     .perfect-one {
         display: flex;
    }
     .row {
         display: block;
    }
     .col-lg-6 {
         width: 100%;
    }
     .col-lg-6 img {
         width: 100%;
    }
     .section-title {
         margin-bottom: 40px;
         text-align: center;
    }
     .contact-field input {
         width: 50%;
         border: none;
         background: #fff;
         padding: 20px 20px;
         transition: .3s;
         background-color: #F8F8FA;
         border-radius: 10px;
    }
     .col-lg-12 {
         text-align: center;
         max-width: 100%;
    }
     .contact-field textarea {
         width: 50%;
         border: none;
         background: #fff;
         padding: 20px 20px;
         transition: .3s;
         height: 100px;
         background-color: #F8F8FA;
         border-radius: 10px;
    }
     .easy-for p{
         font-size: 17px;
         color: gray;
         padding-right: 10px;
         line-height: 23px;
    }
}

.sp-testimonial-free-wrapper{
    padding-top: 40px;
}
.sp-testimonial-free-section .sp-testimonial-client-image img{
    width: 80px !important;
    height: 80px !important;
}

.sp-testimonial-free-section .slick-dots{
    display: none !important;
}

.sp-testimonial-free-wrapper .slick-next{
    background: url(../images/pre-arrow.png) no-repeat left top !important;
    background-size: 20px 20px !important;
    border: none !important;
    color: transparent !important;
    padding-right: 10px !important;
}

.sp-testimonial-free-wrapper .slick-prev{
    background: url(../images/next-arrow.png) no-repeat right top !important;
    background-size: 20px 20px !important;
    border: none !important;
    color: transparent !important;
    padding-left: 10px !important;
}

/*.sp-testimonial-free-wrapper .slick-current .sp-testimonial-free{
    box-shadow: 0px 0px 11px #dbdbdb !important;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px !important;
    margin-bottom: 20px;
}*/

.sp-testimonial-free-section{
    padding: 0 50px 20px 50px !important;
}

.sp-testimonial-free-section .slick-next, .sp-testimonial-free-section .slick-prev{
    top: inherit !important;
    bottom: -78px !important;
}

.sp-testimonial-free-section .slick-next{
    right: 50%;
}

.sp-testimonial-free-section .slick-prev{
    left: 50%;
}

.sp-testimonial-free-section .sp-testimonial-client-rating i.fa{
    margin: 0 2px;
}

#gallery-wrap .wpsisac-slick-carousal-wrp{  padding-top: 40px;}
#gallery-wrap .slick-dots{ display: none !important; }

#gallery-wrap .slick-next{
    background: url(../images/pre-arrow.png) no-repeat left top !important;
    background-size: 20px 20px !important;
    border: none !important;
    color: transparent !important;
    padding-right: 10px !important;
}

#gallery-wrap .slick-prev{
    background: url(../images/next-arrow.png) no-repeat right top !important;
    background-size: 20px 20px !important;
    border: none !important;
    color: transparent !important;
    padding-left: 10px;
}

#gallery-wrap .slick-current .sp-testimonial-free{
    box-shadow: 0px 0px 11px #dbdbdb !important;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px !important;
    margin-bottom: 20px;
}

#gallery-wrap .slick-next, #gallery-wrap .slick-prev{
    top: inherit !important;
    bottom: -90px !important;
}

#gallery-wrap .slick-next{
    right: 50% !important;
}

#gallery-wrap .slick-prev{
    left: 50% !important;
}

#contact-wrap{
    padding-top: 30px;
}

.message .btn {
    padding: 15px;
    width: 30%;
    border-radius: 10px;
    color: white !important;
    background-color: #000;
    font-size: 16px;
    border: none;
    cursor: pointer;
    outline: none;
}

.message input[type=submit]:hover, input[type=submit]:focus{
    padding: 15px;
    width: 30%;
    border-radius: 10px;
    color: white !important;
    background-color: #000;
    font-size: 16px;
    border: none;
    cursor: pointer;
    outline: none !important;
}