/*
Theme Name:  BARKOD
Theme URI: https://planet-www.com
Author: the Planet WWW
Author URI: https://planet-www.com
Description: New theme from Planet WWW.
Requires at least: WordPress 4.9.6
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: barkod
Tags:planet, www, services.
*/
* {padding: 0;margin: 0;box-sizing: border-box;}
html {background:#000;}
body {margin: 0;padding: 0;background: #dbdada;font-family: 'Cuprum', sans-serif;
background: -webkit-linear-gradient(top, #8a8a8a 0%, #dbdada 8%) 0 57px;
background: -moz-linear-gradient(top, #8a8a8a 0%, #dbdada 8%) 0 57px;
background: linear-gradient(top, #8a8a8a 0%, #dbdada 8%) 0 57px;
-webkit-background-size: 100% 30px;
-moz-background-size: 100% 30px;
-ms-background-size: 100% 30px;background-size: 100% 36px;}
input[type="text"],textarea {outline: none;box-shadow: none !important;border: 2px dashed #fff !important;}
    a:hover {text-decoration: none;}
    .col-centered {float: none;margin: 0 auto;}
    h1 {font-family: 'Archivo Black', sans-serif;font-size: 3em;}
    p {margin-bottom: 0;}
    ul {list-style: none;}
    nav {margin: 0;padding: 0;}
    .bg-red {background-color: #cb222e;}
    .text-red {color: #cb222e;}
    .navbar {position: static;padding: 4rem 4rem .4rem 4rem;align-items: flex-end;transition: 1s;top: -150px;}
    .logo {margin-bottom:10px;transition: all 0.5s;}
    .logo:hover {transform:scale(.95,.95);}
    .logo-icon {transition: all 0.5s;}
    .logo-alt {
        display: none;
    }
    .nav-toggle {
        padding: .3em 0;
        padding-right: .3em;
        font-size: 2.5em;
        font-weight: 900;
        background: none;
        border: none;
    }
    .flex-row {justify-content: center;}
    .nav-link {color: #231f20;padding: 0;font-size: 18px;font-weight: 700;transition: .5s;}
    .nav-link:hover {transform: scale(0.95);}
    .menu-item a {color: #231f20;padding: 0;font-size: 18px;font-weight: 700;transition: .5s;padding-right: .5rem;padding-left: .5rem;}
    .menu-item a:hover {transform: scale(0.5);}
    .sticky-nav {
        position: fixed;
        z-index: 5;
        width: 100%;
        padding: .5rem 4rem .5rem 4rem;
        top: 0;
    }
    .why-choose .why-1 {
        font-size: 40px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
    }
    
    .why-choose .why-2 {
        font-size: 40px;
        font-weight: 900;
        color: #cb222e;
        font-family: 'Archivo Black', sans-serif;
    }
    
    .why-choose .why-3 {
        font-weight: 900;
        font-size: 89px;
        font-family: 'Archivo Black', sans-serif;
    }
    
    .header-content {
        color: #fffefe;
        background-color: #060709;
    }
    
    .banner {
        max-width: 100%;
        -webkit-mask-image: radial-gradient(black, transparent 80%);
        mask-image: radial-gradient(black, transparent 80%);
    }
    
    .header-01 {font-size: 2.3rem;}
    .header-1 {font-weight: bold;font-size: 2.3rem;font-family: 'Archivo Black', sans-serif;text-transform: uppercase;}
    .header-2 {
        font-weight: normal;
        background-color: #cb222e;
        line-height: 1.3;
        font-size: 2rem;
        font-family: 'PT Sans', sans-serif;
        font-weight: normal;
    }
    
    .body-content {
        overflow: hidden;
    }
    
    .section-1 {
        position: relative;
    }
    
    .rellax {
        position: absolute;
        top: 0;
        right: -10%;
        z-index: 0;
        overflow: hidden;
    }
    
    .lambs {
        position: absolute;
        top: 30%;
        z-index: 0;
    }
    
    .section-1-p {
        color: #000000;
        font-family: 'PT Sans', sans-serif;
        font-size: 30px;
        font-weight: 300;
        line-height: 1.3;
    }
    
    .section-1-p span {
        background-color: #fffefe;
    }
    
    .services-header {font-size: 3rem;line-height: 2;font-family: 'Skranji', cursive;font-weight: 400;background: url('../img/txt-bg.png') center no-repeat;}
    .cards {margin-top: 12em;}
    .my-card {max-width: 300px;height: 350px;border: 2px dashed #000000;background-color: #ffffff;z-index:1;}
    .my-card2 { height: 400px;}
    .my-card2 p{height: 90px;}
    .my-card p {padding: 0 1rem;font-size: 18px;font-weight: 600;line-height: 1.2;overflow-y: hidden;height: 80px;}
    .my-card .image-container img {width: 170px;height: 170px;margin: 1em auto .1em auto;border: 10px solid #cb2f2e;}
    .my-card .card-title h3 {color: #cb2f2e;}
    /* Share */
    #share-links .fas {font-size:20px;height:36px;width:36px;margin:2px;line-height:36px;color:#cb212e;border-left:1px solid #cb212e;text-align:center;}
    #share-links .fab{background: white;font-size:20px;height:36px;width:36px;margin:2px;line-height:33px;color:#000;border-radius:50%;text-align:center;border:2px solid #000;}
    #share-links .fab:hover{}
    .share-links2{text-align: center;width: 200px;margin: 1em auto;padding: .2em;transition: all .5s;overflow: hidden;border: 1px solid black;border-radius: 3em;}
    /* Search */
    /*.search-result {padding:32px 0}
    .search-result h1{text-align:center;margin:0;border: none;color:#cb212e;}
    .search-header{margin-bottom: 32px;}
    .search-header2 h2 a{font-size:20px;color:#21252e;}
    .search-title {font-size: 32px;}
    .search-thumbnail img{border-radius: 50%;width: 190px;height: 190px;border: 3px dashed #cb212e;margin: auto;}
    .search-header {}
    .search-content {color: #4555a5;height: 52px !important;font-size: 16px;}
    .search-footer {background: none;padding: 0;text-align: right;}
    .search-container-result form{margin: 0 auto 12px;border:solid 1px #4555a5;width:250px;}
    .search-container-result form input[type="search"]{border:none;}
    .search-border{background: #f8f9fa;margin: 1em auto;padding: 1em;border: 2px dashed #000;}*/
    /* 404 Page */
    /*.not-found {position: relative;padding-top: 75px;padding-bottom: 75px;border: 2px dashed #000;background:white;}
    .not-found #searchform{max-width: 250px;margin:auto;padding: 7px;}
    .not-found .title {color:#cb212e;font-size: 66px;font-weight: 700;line-height: 104px;letter-spacing: 0.1em;margin-bottom: 1em;text-align: center;}
    .not-found h3 {font-size: 36px;font-weight: 500;text-align: center;margin-bottom: 85px;}
    .not-found a {font-size: 18px;color:#21252e;display: inline-block;}
    .not-found a i {color:#cb212e;font-size: 18px;padding-left: 8px;}
    .not-found .search .input-group {border: none;border-bottom: solid 1px #4555a5;border-radius: 0;width: 229px;margin-left: auto;margin-right: auto;direction: ltr;}
    .not-found .search .form-control::placeholder {}
    .not-found .search .form-control {margin-top: 32px;border: solid 1px #4555a5;width: 200px;;box-shadow: none;text-align: right;margin: 0 auto;}
    .input-group-addon,.input-group-addon:last-child {background: none;box-shadow: none;border: none;}
    .not-found .searchform{border: 2px dashed #000 !important;padding-left: 1em;}*/
    /* Pagination */
    .pagination-w {text-align:center;border-top:1px solid #123241;margin:1em auto;}
    .pagination {text-align:center;font-weight:bold;text-shadow:1px 1px 2px #000;margin:0 auto 10px auto;}
    .pagination .page-numbers {width:32px;height:32px;border-radius:50%;line-height:32px;box-shadow:0 0 2px #333;margin:5px;display:inline-block;background: #cb212e;color:#fff;}
    .pagination .page-numbers:hover {-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);box-shadow:0 0 3px #333;}
    .pagination .current {background:#333;color:#fff;}
    .pagination .dots {background:#1b68ab;color:#fff;}
    .plus-btn img {margin: 0 auto;transition: .7s;}
    
    .plus-btn {
        position: relative;
        text-align: left;
        border: 1px solid;
        border-radius: 25px;
        border-color: rgba(0, 0, 0, 0);
        width: 38px;
        margin: 0 auto;
        padding: .2em;
        transition: all .5s;
        overflow: hidden;
    }
    
    .plus-btn::after {
        content: "More";
        padding-left: .5em;
        position: absolute;
        color: #cb222e;
        width: fit-content;
        overflow: hidden;
        transition: all .5s;
    }
    
    .plus-btn:hover {
        width: 100px;
        border-color: rgba(0, 0, 0, 1);
        transition: all .5s;
    }
    
    .plus-btn:hover img {
        transform: rotate(90deg);
    }
    
    .section-2 {margin-top: 7.8em;position: relative;}
    .about-header {font-size: 4rem;line-height: 2;font-family: 'Skranji', cursive;font-weight: 400;}
    .about-header::before {content: "";position: absolute;width: 50%;height: 140%;background: url("../img/about-arrow.png");background-repeat: no-repeat;top: -130%;left: 40%;overflow: visible;}
    .about-header {background: url(../img/about-background.png) no-repeat;background-size: 100% 100%;}
    .about {margin-top: 4rem;}
    .about-lable {color: #000;font-size: 5rem;font-weight: 400;font-family: 'Skranji', cursive;}
    .about-content {border: 2px dashed #000000;background-color: #ffffff;}
    .about-content::before {
        content: "";
        position: absolute;
        width: 383px;
        height: 298px;
        background: url("../img/beard-man.png");
        top: -15%;
        right: 7%;
    }
    
    .about-content p {margin-top: 128px;padding: 2rem;color: #000000;font-size: 2rem;font-weight: 300;line-height: 1.3;}
    footer {padding-top: 7.5em;overflow-x: hidden;background-color: #000;}
    .footer-header {
        color: #fffefe;
        font-size: 3rem;
        line-height: 2;
        font-family: 'Skranji', cursive;
        font-weight: 400;
        background-image: url('../img/txt-bg1.png');
        background-repeat: no-repeat;
        background-position: center;
    }
    .footer-header-p {
        font-size: 32px;
        font-weight: 400;
        font-family: 'PT Sans', sans-serif;
        margin-top: -4%;
    }
    
    .input-fields input,
    .input-fields label {
        float: left;
    }
    
    .input-fields label {
        margin: 0;
        color: #fff;
        font-family: 'PT Sans', sans-serif;
        font-size: 21px;
        font-weight: 700;
    }
    
    .input-fields input {
        width: 500px;
        height: 46px;
        border: 2px dashed #fff;
        background-color: #fff;
        font-family: 'PT Sans', sans-serif;
        font-size: 21px;
        font-weight: 700;
        color: #000 !important;
    }
    
    .input-fields textarea {
        width: 580px;
        line-height: 1;
        border: 2px dashed #fff;
        background-color: #fff;
        font-family: 'PT Sans', sans-serif;
        font-size: 42px;
        font-weight: 700;
        color: #000 !important;
    }
    
    .contact-info {
        color: #fff;
        padding: 0;
        font-family: 'PT Sans', sans-serif;
        font-size: 2em;
        font-weight: 700;
    }
    
    .footer-line {
        border-top: 4px solid #fff;
        overflow-y: hidden;
    }
    
    .follow-links {
        margin:0;
        list-style: none;
        position: relative;
    }
    
    .follow-links::before {
        content: "";
        position: absolute;
        width: 150%;
        height: 275%;
        background: url('../img/footer-art.png');
        background-repeat: no-repeat;
        top: -270%;
    }
    
    .follow-links img {
        transition: all .5s;
    }
    
    .follow-links li {
        display: inline-block;
        margin: 0;
    }
    
    .follow-links img:hover {transform: scale(1.1);}
    .footer-copyrights {margin:0;}
    .divider {
        margin-top: 1em;
        margin-bottom: 0px;
        border-top: 2px solid #fffefe;
    }
    
    .footer-copyrights p {
        color: #ffffff;
        font-family: 'PT Sans', sans-serif;
        font-size: 20px;
        font-weight: 400;
    }
    
    .fixed-icon  {
        position: fixed;
        bottom: 0;
        right: 0;
        padding: .5rem;
        transition: all .5s;
        z-index: 11;
    }
    .fixed-icon a {color: #fff;font-size: 2em;background: #000;width: 50px;height: 50px;text-align: center;border-radius: 50%;display: block;border: 1px solid #fff;}
    .icons-wrapper {
        position: relative;
    }
    .fixed-icon .icon {
        margin-bottom: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: -5;
    }
    
    .fixed-icon.active .icon {
        /*margin-bottom: 0.5em;*/
        z-index: 0;
        opacity: 1;
    }
    
    .fixed-icon   .icon.first {
        top: 0px;
        transition: all .25s;
    }
   .fixed-icon .icon.second {
        top: 0;
    transition: all .5s;
    }
   .fixed-icon .icon.third {
        top: 0;
        transition: all .75s;
    }
   .fixed-icon .icon.fourth {
        top: 0;
        transition: all 1s;
    }
    
    .fixed-icon.active .icon.first {top: -55px;}
    .fixed-icon.active .icon.second {top: -115px;}
    .fixed-icon.active .icon.third {top: -175px;}
    .fixed-icon.active .icon.fourth {top: -235px;}
    .fixed-icon .main-icon {background: none;border: none;outline: none;}
    .fixed-icon .main-icon:hover {-webkit-animation: swing 1s ease;animation: swing 1s ease;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
    
    .back-home.active {
        text-decoration: none;
    }
    
    .round-arrow {
        transform-origin: center center;
        transition: all 1s;
    }
    
    .back-home:hover .round-arrow {
        transform: rotate(-45deg);
    }
    
    .back-home:hover {
        text-decoration: none;
    }
    
    .round-arrow {
        transform-origin: center center;
        transition: all 1s;
    }
    
    .back-home:hover .round-arrow {
        transform: rotate(-45deg);
    }
    
    .post-content {border: 2px dashed #000;background: #fff;width: 100%;padding: 10px;margin-bottom:1em;}
    .post-content p {font-size: 1.5em;}
    .page-title {border: 2px dashed #000;background: #fff;width: 100%;padding: 1em;margin:1em auto;}
    .post-title {border: 2px dashed #000;background: #fff;width: 100%;padding: 1em;margin:1em auto;}
    .cat-title {border: 2px dashed #000;background: #fff;width: 100%;padding: 1em;margin:1em auto;}
    
    .asside {
        border: 2px dashed #000;
        background: #fff;
        transition: 1s;
    }
    .asside p {
        text-align: center;
        font-weight: 700;
    }
    .whatsapp i {
        font-size: 2.3em;
        transition: .7s;
        color: #000;
        margin-left: .2em;
    }
    .whatsapp {
        position: relative;
        text-align: left;
        border: 1px solid;
        border-radius: 25px;
        border-color: rgba(0, 0, 0, 0);
        width: 250px;
        margin: 0 auto;
        padding: .2em;
        transition: all .5s;
        overflow: hidden;
        border-color: rgba(0, 0, 0, 1);
        transition: all .5s;
    }
    .whatsapp::after {
        content: "Ask for this service";
        padding-left: .5em;
        position: absolute;
        color: #000;
        /* top: auto00; */
        margin-top: .4em;
        width: fit-content;
        overflow: hidden;
        transition: all .5s;
    }
    .whatsapp:hover i {
        color: #25d366;
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
    .share-links,
    .share-links i {
        text-align: center;
        font-size: 1.2em;
        color: #000;
        transition: all 0.5s;
    }
    /* hello, world */
    .share-links i {
        border: 1px solid rgba(0, 0, 0, 0);
        width: 35px;
        height: 35px;
        border-radius: 50%;
        padding: .2em;
    }
    .share-links i:hover {
        border: 1px solid rgba(0, 0, 0, 1);
        transform: scale(1.2);
    }
    .qr-wrapper {
        border: 2px dashed #000;
        width: fit-content;
        padding: .5em;
    }
    .my-tooltip {
        position: relative;
        display: inline-block;
    }
    .my-tooltip .tooltiptext {
        visibility: hidden;
        width: 140px;
        font-size: .8em;
        background-color: #000;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -75px;
        opacity: 0;
        transition: opacity 0.3s;
    }
    .my-tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    
    .my-tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
.swiper-slide {max-width:360px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.swiper-ttl {margin-top:1em;}
    .gallery-top {margin:0 auto;width: 100%;height: 100%;}
.gallery-thumbs {box-sizing: border-box;width: 100%;height: 100%;overflow:hidden;margin-top:10px;padding-top:10px;border-top:1px solid #aaa;}
.gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 1;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.gallery-top .swiper-slider {max-width:100%;}
.gallery-top img, .gallery-thumbs img {width:100%;}
    .swiper-slide-thumb-active {border:2px solid red;}
    
.old-phone {width:173px;height:143px;
background-image: url('../img/phone0.png');background-position: 0 0 ;background-repeat: no-repeat;margin: auto;
animation-name: pwww-fon;
-webkit-animation-name:pwww-fon;
-moz-animation-name:pwww-fon;
animation-duration: 1s;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes pwww-fon {
  0%   {background-image: url('../img/phone0.png');}
  25%  {background-image: url('../img/phone1.png');}
  50%  {background-image: url('../img/phone2.png');}
  100% {background-image: url('../img/phone3.png');}
}
@-webkit-keyframes pwww-fon {
  0%   {background-image: url('../img/phone0.png');}
  25%  {background-image: url('../img/phone1.png');}
  50%  {background-image: url('../img/phone2.png');}
  100% {background-image: url('../img/phone3.png');}
}

#pwww-carousel {margin-top:20%;height:240px;}
.brand-text {font-size: 1em;font-weight: 900;font-family: 'Archivo Black', sans-serif;}
.text-red {color: #cb222e;}
.bg-white-text {line-height: 1.5;background: #fff;}
.content-p {color: #000000;font-family: 'PT Sans', sans-serif;font-size: 2.2rem;font-weight: 300;line-height: 1.2;}

.paper::before {content:""; z-index:-1; margin:0 1px; width:200px; height:10px; position:absolute; bottom:-3px; left:0; background:white; border:1px solid #B5B5B5;}
.paper::after {content:''; position:absolute; width:0px; top:0; left:39px; bottom:0; border-left:1px solid #F8D3D3;}

.stories-swiper {width: 100%;height: 100%;margin:1em auto;}
.stories-swiper .swiper-slide {}
.get-str {width:110px;text-align:center;margin: auto;}
.str-box {position:relative;width:110px;height:110px;margin: auto;}
.str-brd {border-radius: 50%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;border: 4px dashed #333;-webkit-animation: spin 5s linear infinite;animation: spin 5s linear infinite;}
.stories-swiper .swiper-slide .str-box img {border-radius:50%;overflow:hidden;position:absolute;top:5px;right:0;bottom:0;left:5px;width:100px;}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.get-str img:hover {transform:scale(.9,.9);}
.get-str span {color:#000;display:inline-block;width:96%;font-family: 'Roboto Condensed', sans-serif;cursor:pointer;}
.get-str:hover span {background:url('../img/hand-shakhbata.png');background-size:100% 100%;}

.pwww-crd-arc {max-width:320px;background:#fff;border:2px dashed #000;padding:10px;position:relative;}
.pwww-crd-arc:hover h3{top: 0;bottom: 0;background: rgba(0, 0, 0, 0.9);}
.pwww-crd-arc .image-container {position: relative;overflow: hidden;}
.pwww-crd-arc h3{
    position: absolute;
    top: -300px;
    background:transparent;
    width: 100%;
    right: 0;
    left: 0;
    text-align: center;
    padding-top: 3.3em;
    color: white;
    margin: 0;
    transition: all .3s;
}
.pwww-crd-arc .card-title {position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:280px;height: 40px;display:none;}
.fan-img {position: -webkit-sticky;position: sticky;top:0;}
.pwww-wrk-dtl {display: none;max-width:900px;height:80vh;}

.pwww-wrk-cntr {position:relative;border:2px dashed #000;margin-top:30px;}
.pwww-wrk-cntr:hover .pwww-wrk-over {display:block;position:absolute;top:5px;right:5px;bottom:5px;left:5px;}
.pwww-wrk-over {display:none;background:rgba(0,0,0,.5);color:#eee;position:absolute;top:50px;right:50px;bottom:50px;left:50px;text-align:center;transition: all 1s;}
.pwww-wrk-over:hover {background:rgba(0,0,0,.9);}
.pwww-wrk-over h2 {margin-top:40%;display:inline-block;border-bottom:5px solid #eee;cursor:pointer;}


.swiper-story-next, .swiper-story-prev {display:inline-block;position: absolute;top: 36%;left:0;outline:none;z-index:11;}
.swiper-story-prev {right:0;left:auto;}
.swiper-service-next, .swiper-service-prev {position: absolute;bottom: 0;left:5px;outline:none;top: 44%;}
.swiper-service-prev {right:5px;left:auto;}

.pw-page-content {display: none;max-width:900px;}

.magnify {position: absolute;bottom: 0;right: 0;background: rgba(0,0,0,.7);padding: 5px;margin: 5px;border-radius: 50%;height: 26px;width: 26px;text-align: center;font-size: 12px;color: #aaa;}

    @media (min-width: 992px) { 
        .asside {position: absolute;}
     }
    @media only screen and (min-width: 992px) and (max-width: 1265px) {
        .logo-alt {
            display: initial;
        }
        .logo {
            display: none;
        }
        .navbar {
            padding: .5rem 1rem .5rem 1rem;
        }
        .follow-links::before{    
            width: 1100%;
            height: 391%;
            top: -451%;
        }
        .follow-links img {
            height: 48px;
        }
        .footer-copyrights {
            margin: 0;
        }
        .follow-links {
            margin: 0;
        }
        .footer-copyrights p{
            font-size: 22px;
        }
        footer {
        padding-bottom: 4em;
        }
        .my-card {
        height: 490px;
        }
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .navbar {
            padding: .5rem 4rem .5rem 4rem;
        }
        .nav-link {padding-top: 4em;}
        
        .creative-art {
            right: -25%;
        }
        .about::after {
            left: 55%;
        }
        .about-lable {
            font-size: 3.5rem;
        }
        .about-content::before {
            transform: scale(.5);
            right: -10%;
        }
        .nav-icons {
            padding: 2em 0;
        }
        .nav-icons li {
            margin: 0 1.6em !important;
        }
        .follow-links::before{    
            width: 1100%;
            height: 284%;
            top: -135%;
        }
        .footer-copyrights {
            margin: 0;
        }
        .follow-links {
            margin: 0;
        }
    }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .creative-art {
            display: none;
        }
        .lambs {
            display: none;
        }
        .nav-link {padding-top: 4rem;}
        
        .nav-icons li {
            margin: 0 1em !important;
        }
        .why-choose .why-1 {
            font-size: 1.2em;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 700;
        }
        .why-choose .why-2 {
            font-size: 1.1em;
            font-weight: 900;
            color: #cb222e;
            font-family: 'Archivo Black', sans-serif;
        }
        .why-choose .why-3 {
            font-weight: 900;
            font-size: 1.3em;
            font-family: 'Archivo Black', sans-serif;
        }
        .body-content {
            background: none;
        }
        .about-lable {
            font-size: 2.7rem;
        }
        .about::after {width: 75%;left: 50%;}
        .about-content::before {transform: scale(.4);right: -18%;}
        .about-content p {margin-top: 50px;}
        .nav-icons {padding: 2em 0;}
        .nav-icons li {margin: 0 1em !important;}
        .paper::before {content:""; z-index:-1; margin:0 1px; width:200px; height:10px; position:absolute; bottom:-3px; left:0; background:white; border:1px solid #B5B5B5;}
        .paper::after {content:''; position:absolute; width:0px; top:0; left:39px; bottom:0; border-left:1px solid #F8D3D3;}
    }
    @media only screen and (max-width: 767px) {
        .get-str {width:130px;text-align:center;margin: auto;}
        .str-box {width:130px;height:130px;}
        .str-brd {border: 2px dashed #333;}
        .stories-swiper .swiper-slide .str-box img {width:120px;}
        .get-str span {font-size:14px;font-family: 'Roboto Condensed', sans-serif;}
        .pwww-crd-arc .image-container {border:none;}
        .fan-img img {width:280px;}
        .pwww-wrk-dtl {display: none;width:86vw;height:80vh;}
        .fancybox-navigation button {top:90%;padding:0;}
        .pwww-wrk-over h2 {font-size:12px;}
    }
    @media only screen and (max-width: 575px) {
        #menu-main-nav li{margin:5px auto;}
        .creative-art,.lambs {display: none;}
        .navbar {padding: 0;align-items: flex-end;}
        .navbar-brand {}
        .logo {width: 80%;margin: 6px;}
        .nav-icons li {margin: 0 .4em !important;}
        .nav-link {padding-top: 3em;}
        .header-1 {font-size: 2rem;}
        .why-choose .why-1 {font-size: .9em;font-family: Arial, Helvetica, sans-serif;font-weight: 700;}
        .why-choose .why-2 {font-size: .9em;font-weight: 900;color: #cb222e;font-family: 'Archivo Black', sans-serif;}
        .why-choose .why-3 {font-weight: 900;font-size: 1em;font-family: 'Archivo Black', sans-serif;}
        .body-content {background: none;}
        .section-1::before {width: 0;}
        .about-content::before {width: 100px;background-size: 100% 100%;height: 80px;top: -25px;right: 16px;}
        .about-content p {margin-top: 0px;padding: 1rem .7rem;font-size: 1.5rem;}
        .about-lable {font-size: 2rem;}
        .contact-info {font-size: 1.5rem;}
        .follow-links::before {width: 150%;left: -20%;top: -215%;transform: scale(.6);}
        footer{padding-bottom: 4em;}
        .services-header {background-size:90% 100%;}
        .banner {max-width: 90%;}
        #pwww-carousel {margin-top:1%;height:240px;}
        .section-1-p {font-size:1.7rem;}
        .cards {margin-top: 1em;}
        .footer-copyrights p {max-width: 300px;margin: auto;}
        .content-p {color: #000000;font-family: 'PT Sans', sans-serif;font-size: 1.7rem;font-weight: 200;line-height: 1.2;}
    }
    .bg-white-text {line-height: 1.3;}
    @media only screen and (max-width: 344px) {
        .follow-links::before {width: 150%;left: -15%;top: -168%;transform: scale(.6);}
    }
    @-webkit-keyframes swing {
        15% {
            -webkit-transform: translateX(5px);
            transform: translateX(5px);
        }
        30% {
            -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
        }
        50% {
            -webkit-transform: translateX(3px);
            transform: translateX(3px);
        }
        65% {
            -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
        }
        80% {
            -webkit-transform: translateX(2px);
            transform: translateX(2px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .swing:hover{-webkit-animation: swing 1s ease;animation: swing 1s ease;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
    .col-12 {z-index:1;}
    #instructions {font: 16px 'AmericanTypewriter', Cambria, Georgia; color: #282625; margin: 0 auto; min-width: 200px;line-height:2;}
    .paper {padding: 37px 55px 27px;position: relative;border: 1px solid #B5B5B5;background: white;background: -webkit-linear-gradient(top, #DFE8EC 0%, white 8%) 0 57px;
        background: -moz-linear-gradient(top, #DFE8EC 0%, white 8%) 0 57px;
        background: linear-gradient(top, #DFE8EC 0%, white 8%) 0 57px;
        -webkit-background-size: 100% 30px;
        -moz-background-size: 100% 30px;
        -ms-background-size: 100% 30px;
        background-size: 100% 30px;
    }