.mark-header {
    height: 800px;
}


.s-bk {
    background-color: #2a2b2d;
}


.vid-cap {
    position: relative;
    z-index: 11;
    padding-top: 0;
min-height: 515px;
display: grid;
align-items: center;
}

#Container-1 {
    overflow: hidden;
}

.vid-cap .s-cap .head-store-img {
    position: absolute;
    top: 0;
left: -165%;
}


.mark-header-img img,
.head-store-img img {
width: 344px;
margin: 0 auto;
display: block;
}



.vid-cap .s-cap .mark-header-img {

position: absolute;
top: 0;
right: -110%;
}


.pad-le {
padding-left: 100px;

}
.pad-le-2{
padding-left: 70px;

}


@media (max-width: 767px) {
    .vid-cap {
        padding-top: 20px
    }
}



.mark-header-img,
.vid-cap .head-store-img,
.vid-cap .s-cap {
padding-top: 100px;
height: 100%;
display: grid;
align-items: center;
}


.vid-cap .s-cap .caption h1 {
    font-size: 48px;
    margin-top: 0;
    margin-bottom: 10px;
    display: inline;
    vertical-align: top
}

.vid-cap .s-cap .caption span {
    font-family: OpenSansBold;
    font-size: 48px;
    margin-right: 10px
}

@media (max-width: 767px) {
    .vid-cap .s-cap .caption span {
        font-size: 30px;
        line-height: 31px
    }
}

.vid-cap .s-cap .caption ul {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 27px;
    vertical-align: top;
    display: inline-block;
    -webkit-animation-name: change;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 9s;
    animation-iteration-count: infinite
}

.vid-cap .s-cap .caption ul li {
    line-height: 40px;
    margin: 0
}

@-webkit-keyframes change {
    0%,
    100% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -ms-transform: translateY(-33.33333%);
        -webkit-transform: translateY(-33.33333%);
        -o-transform: translateY(-33.33333%);
        -moz-transform: translateY(-33.33333%);
        transform: translateY(-33.33333%)
    }
    50% {
        transform: translateY(-66.666666%);
        -webkit-transform: translateY(-66.666666%);
        -o-transform: translateY(-66.666666%);
        -moz-transform: translateY(-66.666666%);
        transform: translateY(-66.666666%)
    }
    75% {
        -ms-transform: translateY(-33.33333%);
        -webkit-transform: translateY(-33.33333%);
        -o-transform: translateY(-33.33333%);
        -moz-transform: translateY(-33.33333%);
        transform: translateY(-33.33333%)
    }
}

@keyframes change {
    0%,
    100% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -ms-transform: translateY(-33.33333%);
        -webkit-transform: translateY(-33.33333%);
        -o-transform: translateY(-33.33333%);
        -moz-transform: translateY(-33.33333%);
        transform: translateY(-33.33333%)
    }
    50% {
        transform: translateY(-66.666666%);
        -webkit-transform: translateY(-66.666666%);
        -o-transform: translateY(-66.666666%);
        -moz-transform: translateY(-66.666666%);
        transform: translateY(-66.666666%)
    }
    75% {
        -ms-transform: translateY(-33.33333%);
        -webkit-transform: translateY(-33.33333%);
        -o-transform: translateY(-33.33333%);
        -moz-transform: translateY(-33.33333%);
        transform: translateY(-33.33333%)
    }
}

.scroll-down {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 11
}

.scroll-down>a {
    display: block;
    width: 30px;
    height: 59px;
    border: 1px solid #606c8c;
    border-radius: 15px;
    position: relative;
    margin: auto
}

.scroll-down>a>span {
    display: block;
    width: 1px;
    height: 8px;
    background-color: #606c8c;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.5px;
    animation-name: scr-pos;
    -webkit-animation-name: scr-pos;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes scr-pos {
    0% {
        top: 20px
    }
    50% {
        top: 40px
    }
    100% {
        top: 20px
    }
}

@-webkit-keyframes scr-pos {
    0% {
        top: 20px
    }
    50% {
        top: 40px
    }
    100% {
        top: 20px
    }
}

.shap-2:before {
    content: "";
    width: 340px;
    height: 393px;
    background-repeat: no-repeat;
    background-image: url("../images/shap-1.png");
    background-size: cover;
    position: absolute;
    top: 171px;
    right: -71px
}

.shap-2:after {}

.site-form .mod-s {
    padding: 50px 100px 23px 100px;
    background-image: url("../images/mod.png");
    background-repeat: no-repeat;
    background-position: left top
}

.site-form .close {
    position: absolute;
    top: 34px;
    left: 40px;
    opacity: 1;
    z-index: 11
}

.site-form .close span {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 38px;
    height: 38px;
    background-position: -277px -5px
}

.site-form {
    direction: ltr
}

.site-form .modal-lg {
    width: 1170px;
}

.site-form .modal-lg .modal-content {
    border-radius: 0
}

.site-form .mod-s .mod-contacts {
    position: relative
}

.site-form .mod-s .mod-contacts .mod-title {
    background-image: -webkit-linear-gradient(right, #c52d2f, #ef2121);
    background-image: -moz-linear-gradient(right, #c52d2f, #ef2121);
    background-image: -ms-linear-gradient(right, #c52d2f, #ef2121);
    background-image: -o-linear-gradient(right, #c52d2f, #ef2121);
    background-image: linear-gradient(right, #c52d2f, #ef2121);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 19px;
    margin-bottom: 12px
}
/*
.site-form .mod-s .mod-contacts:after {
    content: "";
    width: 1px;
    height: 190px;
    background-color: #d6d6d6;
    position: absolute;
    top: 0;
    left: -15px
}
*/
.site-form .mod-s .mod-contacts.two:after {
    display: none
}

.site-form .mod-s .mod-contacts.two {
    margin-right: 50px
}

.site-form .mod-s .mod-head {
    font-size: 20px;
    margin-right: 15px;
    color: #fff;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    width: 270px;
    display: block;
    height: 60px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 60px;
    margin-bottom: 10px;
    margin-top: 35px
}

.site-form .mod-s .mod-contacts ul>li {

    font-size: 36px;
    color: #2a2b2d;
float: left;
}

.site-form .mod-s .mod-contacts ul>li i {
    color: #e77024
}

.site-form .mod-s .mod-contacts ul>li .mod-cont {
    display: inline-block;
    direction: ltr
}

.site-form .mod-s .mod-contacts ul>li .mod-cont span {
    color: #808aa6
}

.site-form .mod-s .mod-contacts ul>li i.cont-wats {
    color: #2cb741
}

.site-form .mod-s .mod-contacts ul>li i.fa-mobile {
    color: #e77024
}

.site-form .mod-s .mod-contacts ul>li i.fa-skype {
    color: #00aff0
}

.site-form .mod-s .mod-contacts ul>li i {
    font-size: 24px;
    color: #9d9d9d;
    width: 40px;
    margin-left: 40px;
    text-align: center
}

.site-form .mod-s .customer-serv {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

.site-form .mod-s .customer-serv .cust-ser {
    display: inline-block;
    color: #e72a23;
    background-color: #fff;
    font-size: 20px;
    text-align: center;
    width: 270px;
    height: 60px;
    border: 2px solid #e72a23;
    margin-bottom: 10px
}

.site-form .mod-s .customer-serv a.cust-ser {
    line-height: 57px
}

.site-form .mod-s .customer-serv .cust-ser:first-of-type {
    margin-right: 0
}

.site-form .mod-s .customer-serv .cust-ser:last-child {
    margin-left: 55px
}

.site-form .mod-s .customer-serv .cust-ser:hover {
    background-color: #e72a23;
    color: #fff
}

.site-form .mod-s .mod-form {
    display: block;
    width: 100%;
    margin-top: 25px
}

.site-form .mod-s .mod-form .form-head {
    font-size: 30px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
    color: #2a2b2d
}

.site-form .mod-s .mod-form .wpcf7 .col-lg-4 {
    width: 50%
}

.site-form .mod-s .mod-form .wpcf7 div:nth-child(4) {
    width: 50%
}

.site-form .mod-s .mod-form .wpcf7 div:nth-child(5) {
    width: 100% !important
}

.mod-form .mod-p,
.mod-form .mod-in .p-in {
    font-size: 18px;
    color: #2a2b2d;
    margin-top: 0;
    margin-bottom: 10px
}

.site-form .mod-s .mod-form .mod-p {
    text-align: center;
    margin-bottom: 40px
}

.site-form .mod-s .mod-form .mod-p span,
.mod-form .mod-in .p-in span {
    color: #e77024
}


.mod-form .mod-in .p-in span {
margin-right: 15px;
}


.mod-form .mod-in {

text-align: left;
}

.mod-form .mod-in p {
    margin: 0
}

.mod-form .mod-in .form-in {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    border: 2px solid #dee1e9;
    height: 60px;
    padding: 0 27px;
    color: #808aa6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
text-align: left;
}

.mod-form .mod-in .form-in.wpcf7-not-valid {
    border: 2px solid red
}

.wpcf7-form-control-wrap.service {
    position: relative
}

/*
.wpcf7-form-control-wrap {
    display: flex
}*/

.wpcf7-not-valid-tip {
    top: unset !important;
    bottom: -17px;
    width: max-content !important;
    width: -moz-max-content !important
}

.wpcf7-form-control-wrap.service:before {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    top: 18px;
    right: 33px;
    z-index: 1
}

.mod-form .mod-in .form-tx {
    height: 150px;
    resize: none;
    padding: 15px
}

.mod-form .mod-in .form-in:focus,
.mod-form .mod-in .form-in:active {
    border-color: #e72a23;
    outline: #e72a23
}

.site-form .mod-s .mod-form .mod-in .mod-check {
    color: #808aa6;
    font-size: 16px;
    display: block;
    margin-bottom: 20px
}

.site-form .mod-s .mod-form .mod-in .mod-check .sh-check {
    margin-left: 20px;
direction: ltr;
}

.checkbox input[type="checkbox"] {
position:relative;
float: left;
margin-right: 7px;
}
  	


.site-form .mod-s .mod-form .mod-in .mod-sub {
    font-size: 20px;
    border: none;
    width: 300px;
    height: 76px;
    color: #fff;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    margin: auto;
    display: block
}

@media (max-width: 767px) {
    .site-form .mod-s .mod-form .mod-in .mod-sub {
        width: 290px
    }
}

.site-form .mod-s .mod-form .mod-in .mod-sub:hover {
    background: #e72a23
}

.services {
    background-color: #f7f7fa;
    position: relative;
    padding: 180px 0 20px 0;
    text-align: center;
    overflow: hidden;
    background: -moz-radial-gradient( 100% 18%, circle cover, #fefefe 5%, #f7f7fa 38%);
    background: -webkit-radial-gradient( 100% 18%, circle cover, #fefefe 5%, #f7f7fa 38%);
    background: -o-radial-gradient( 100% 18%, circle cover, #fefefe 5%, #f7f7fa 38%);
    background: -ms-radial-gradient( 100% 18%, circle cover, #fefefe 5%, #f7f7fa 38%);
    background: radial-gradient(100% 18%, circle cover, #fefefe 5%, #f7f7fa 38%)
}

.services:before {
    content: "";
    display: block;
    width: 540px;
    height: 610px;
    position: absolute;
    top: 0;
    right: 0
}
/*
.services:after,
.about-branding:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #2a2b2d;
    border-width: 100px 1000px 0px 1000px;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}*/


.services:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #2a2b2d;
    border-width: 100px 1000px 0px 1000px;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}



.services .site-head {
    color: #2c3652;
    margin-bottom: 70px;
    position: relative;
    z-index: 11;
    font-size: 36px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.services .ser-block-1,
.services .ser-block-2 {
    text-align: center
}

.ser-block-2>div:nth-child(2)>div>a img,
.ser-block-2>div:nth-child(5)>div>a img {
    position: relative;
    bottom: 0px
}

.ser-block-1>div:nth-child(3)>div>a img {
    position: relative;
    bottom: -1px
}

.services .ser-block-1 {
    margin-top: -45px
}

@media (max-width: 767px) {
    .services .ser-block-1 {
        margin-top: 0
    }
}

.services .ser-box {
    width: 246px;
    height: 273px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-image: url("../images/back.png");
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden
}

.services .ser-bl-cent {
    width: 305px;
    height: 340px;
    margin-left: 0px;
    margin-right: 0px;
    background-image: url("../images/back-2.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -52px
}

.services .ser-box.box-ml {
    margin-left: 10px
}

.services .ser-box.box-mr {
    margin-right: 10px
}

.services .ser-box .ser-content {
    position: relative;
    z-index: 3;
    padding-top: 76px
}

.services .ser-box .ser-content:hover img {
    opacity: 1;
    -webkit-animation: flash 0.5s;
    animation: flash 0.5s
}

.services .ser-block-1 .ser-box .ser-an,
.services .ser-block-2 .ser-box .ser-an {
    color: #444f66;
    font-size: 15px;
    display: block
}

.services .ser-block-1 .ser-box:nth-of-type(odd) .ser-an,
.services .ser-block-2 .ser-bl-od .ser-an {
    margin-bottom: 7px;
    margin-top: -19px
}

.services .ser-block-1 .ser-box:nth-of-type(even) .ser-an,
.services .ser-block-2 .ser-bl-en .ser-an {
    margin-top: 5px;
    margin-bottom: -10px
}

.services .ser-block-1 .ser-box:nth-of-type(even) img,
.services .ser-block-2 .ser-bl-en img {
    margin-top: -12px
}

.services .ser-block-2 .ser-bl-od .ser-an {
    margin-bottom: 13px
}

.services .ser-block-2 .ser-bl-cent .ser-content {
    height: 100%
}

.services .ser-block-2 .ser-bl-cent img {
    position: absolute;
    left: 90px;
    top: -110px
}

.services .ser-block-2 .ser-bl-cent .ser-an {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
    font-size: 20px !important
}


.our-work {
    padding: 220px 0 0px 0;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center
}

.our-work .site-head {
    margin-bottom: 64px;
    position: relative;
    z-index: 11
}

.our-work:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #f7f7fa;
    border-width: 100px 1000px 0px 1000px;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.our-work .work-group {
    text-align: center;
margin: 0 auto;
}
/*
.our-work .work-group>li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 104px;
    width: 147px;
    height: 85px;
    background-color: #fff;
    position: relative;
    margin-left: 18px;
    margin-right: 18px;
    background-color: #2a2b2d;
    border: 1px solid #4f5770;
    cursor: pointer;
    z-index: 11
}

.our-work .work-group>li h3 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0
}

.our-work .work-group>li .work-ic {
    margin-top: 5px;
    display: block;
    margin: 0 auto
}
*/
.our-work .work-group>li:last-child .work-ic {}

.our-work .work-group>li:before,
.our-work .work-group>li:after,
.our-work .work-group>li .work-shap:before,
.our-work .work-group>li .work-shap:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: transparent;
    position: absolute;
    left: 0
}

.our-work .work-group>li:before {
    border-width: 45px 73px 0 73px;
    top: 100%;
    border-top-color: #2d2f33;
    z-index: 2
}

.our-work .work-group>li:after {
    border-width: 0px 73px 45px 73px;
    border-bottom-color: #2d2f33;
    bottom: 100%;
    z-index: 2
}

.our-work .work-group>li:hover:after {
    border-bottom-color: #fff
}

.our-work .work-group>li:hover:before {
    border-top-color: #fff
}

.our-work .work-group>li:hover,
.our-work .work-group>li.active {
    color: #333d5a;
    background-color: #fff;
    border-color: #fff
}
/*
.our-work .work-group>li:first-child {
    font-size: 24px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px
}
*/
.our-work .work-group>li.active:after {
    border-color: transparent;
    border-bottom-color: #fff
}

.our-work .work-group>li.active:before {
    border-color: transparent;
    border-top-color: #fff
}

.our-work .work-group>li .work-shap:before {
    border-width: 45px 73px 0 73px;
    bottom: -46px;
    border-top-color: #2d2f33;
    z-index: 1
}

.our-work .work-group>li .work-shap:after {
    border-width: 0px 73px 45px 73px;
    border-bottom-color: #2d2f33;
    top: -46px;
    z-index: 1
}

.our-work .work-group>li.active .work-shap:before,
.our-work .work-group>li:hover .work-shap:before {
    border-top-color: #fff
}

.our-work .work-group>li.active .work-shap:after,
.our-work .work-group>li:hover .work-shap:after {
    border-bottom-color: #fff
}

.our-work .shap-3:after {
    content: "";
    display: block;
    width: 260px;
    height: 300px;
    background-image: url("../images/shap-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 145px;
    left: -130px
}

.album .al-block {
    width: 20%;
    float: right;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.al-block-dis {
    visibility: hidden;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0
}

.album .al-block>img,
.album .al-block .wk-album img {
    width: 100%;
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);

transition: all ease-in-out .5s;
}

.album .al-block:hover>img,
.album .al-block:hover .wk-album img {
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.features {
    padding: 160px 0 75px 0;
    position: relative;
    overflow: hidden
}



.s-play {
 position:absolute;
 display:block;
 width:100%;
 height:100%;
 top:0;
 left:0
}
.s-play
img {
 position:absolute;
 top:50%;
 left:50%;
 -ms-transform:translate(-50%, -50%);
 -o-transform:translate(-50%, -50%);
 -moz-transform:translate(-50%, -50%);
 -webkit-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%)
}

.features:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: #f7f7fa;
    border-top-color: transparent;
    border-width: 53px 1000px 0px 1000px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.features .feat {
    text-align: center
}

.features .feat-bl {
    text-align: center;
    width: 168px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 75px
}

.features .feat-bl:not(:last-child) {
    margin-left: 70px
}

.features .feat-bl .feat-fig {
    display: table;
    width: 100%;
    height: 98px;
    background-color: #f3f3f8;
    margin-bottom: 80px;
    position: relative
}

.features .feat-bl:nth-of-type(odd) .feat-fig {
    animation-name: feat-anm;
    -webkit-animation-name: feat-anm;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

.features .feat-bl:nth-of-type(even) .feat-fig {
    animation-name: feat-anm;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-delay: 1.5s;
    -webkit-animation-name: feat-anm;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1.5s
}

@keyframes feat-anm {
    0% {
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -ms-transform: translateY(-20%);
        -o-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    100% {
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes feat-anm {
    0% {
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -ms-transform: translateY(-20%);
        -o-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    100% {
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.features .feat-bl .feat-fig:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0 84px 49px 84px;
    border-bottom-color: #f3f3f8;
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 1
}

.features .feat-bl .feat-fig:before {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 49px 84px 0 84px;
    border-top-color: #f3f3f8;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1
}

.features .feat-bl .feat-img {
    display: table-cell;
    vertical-align: middle
}

.features .feat-bl:last-child .feat-img {
    position: absolute;
    bottom: -57px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.features .feat-bl .feat-head {
    color: #2c3652;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 4px;
    font-weight: normal
}

.features .shap-4:after {
    content: "";
    display: block;
    width: 600px;
    height: 691px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -498px;
    left: -55px
}

.features .shap-4:before {
    content: "";
    display: block;
    width: 600px;
    height: 691px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -573px;
    left: 220px
}

.features .shap-6:after {
    content: "";
    display: block;
    width: 600px;
    height: 691px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -460px;
    right: -130px;
    z-index: -1;
    opacity: 0.7
}

.features .shap-6:before {
    content: "";
    display: block;
    width: 600px;
    height: 691px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -398px;
    right: -441px;
    opacity: 0.7;
    z-index: -1
}

.clients {
    padding: 80px 0 500px 0;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    height: 700px
}

.clients:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: #f7f7fa;
    border-top-color: transparent;
    border-width: 53px 1000px 0px 1000px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.clients .site-head {
    margin-bottom: 40px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 36px
}

.clients .item {}

.clients .client-img {
    margin: auto;
    height: 100%
}

.clients .client-img img {
    width: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
    display: table;
    margin: auto;
    position: relative;
    transform: translate(-50%, 0);
    top: 50%
}

.page-template-layouts.page-template-markting .clients .client-img img {
    width: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
    display: table;
    margin: auto;
    position: relative;
    transform: none;
    top: 50%
}

.clients .client-img:hover img {
    opacity: 1;
    -webkit-filter: initial;
    filter: initial
}

.clients .owl-carousel .owl-dots {
    position: absolute;
    text-align: center;
    bottom: -45px
}

.clients .owl-carousel .owl-dot {
    width: 10px;
    height: 10px;
    background-color: #d0d0d1;
    border-radius: 50%;
    display: inline-block;
    margin-left: 2.5px;
    margin-right: 2.5px;
    border: none !important
}

.clients .owl-carousel .owl-dot.active {
    background-color: #e72a23;
    border: none !important
}

.about-us .owl-nav {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

.about_tasawk .owl-nav {
    width: 100%;
    top: 30%;
    position: absolute
}

.about-us .owl-nav > button.owl-next,
.about_tasawk .owl-nav > button.owl-next {
    position: absolute;
    left: -30px
}

.about-us .owl-nav > button.owl-prev,
.about_tasawk .owl-nav > button.owl-prev {
    position: absolute;
    right: -30px
}

.about-us .owl-nav [class*="owl-"],
.about_tasawk .owl-nav [class*="owl-"] {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    filter: grayscale(100%)
}

.about-us .owl-nav [class*="owl-"],
.about_tasawk .owl-nav [class*="owl-"] {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    filter: grayscale(100%)
}

.about-us .owl-nav [class*="owl-"]:hover,
.about_tasawk .owl-nav [class*="owl-"]:hover {
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    filter: grayscale(0)
}

.about-us {
    padding: 50px 0 0 0;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-color: #f7f7fa
}

.about-us .item {
    display: flex;
    justify-content: space-between
}

.blog_owl {
    background-color: #fff
}

.about-us .about-img,
.about-us .blog_info {
    width: 50%;
    background-color: #fff
}

.about-us .blog_info {
    padding: 40px 20px
}

@media (max-width: 767px) {
    .about-us .item {
        flex-direction: column
    }
    .about-us .about-img,
    .about-us .blog_info {
        width: 100%
    }
}

.about-us .site-head {
    margin-bottom: 34px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 36px
}

.about-us .about-p {
    font-size: 16px;
    color: #2c3652;
    margin-top: 0;
    line-height: 1.7;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center
}

.about-us .about-img {
    position: relative
}

.about-us .about-info {
    display: block;
    width: 100px;
    height: 31px;
    line-height: 31px;
    color: #da5425;
    font-size: 13px;
    background-color: #fff;
    position: absolute;
    bottom: 30px;
    left: -90px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color=#000000)";
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#000000)
}

.about-us.motion-about-us .about-info {
    bottom: -16px;
    left: 210px
}

.about-us .about-info:hover {
    color: #fff;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%)
}

.about-us .about-sub {
    font-size: 18px;
    color: #2a2b2d;
    text-align: right;
    margin-bottom: 0;
    display: block
}

.about-us .about-sub:hover {
    color: #e72a23
}

.about-us .about-p-sub {
    font-size: 14px;
    color: #838aa0;
    text-align: justify;
    line-height: 1.7;
    margin-top: 10px
}

.about-us .about-view {
    color: #838aa0;
    text-align: right;
    font-size: 20px;
    margin-top: 0;
    font-weight: 100;

}

.about-us .about-view i {
    font-size: 14px;
    color: #838aa0;
    margin-left: 7px
}

.about-us .about-view span {

    margin-right: 8px;
    font-size: 20px;
    font-weight: 800
}

.parteners {
    margin: 60px 0 40px 0;
    display: flex;
    justify-content: center;
    height: 55px;
    align-items: center;
    flex-wrap: wrap
}

.last_ {
    background-color: rgb(247, 247, 250);
    height: 50px;
    line-height: 50px
}

.last_header .copy {
    color: #676b81;
    font-size: 12px;
}

.last_header .last_flex {
    display: flex;
    justify-content: space-between
}

.last_.social ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
}

.last_.social ul a {
    font-size: 15px;
    color: #2a2b2d;
    margin: 0 10px;
    transition: 0.5s ease
}

.last_.social ul a:hover {
    color: #e06024
}

@media (max-width: 767px) {
    .last_header .last_flex {
        flex-direction: column-reverse;
        text-align: center
    }
    .last_ {
        height: auto;
        line-height: 100%;
        padding: 20px 0 70px
    }
    .last_header .copy {
        margin: 10px 0 40px 0
    }
    .last_.social ul {
        justify-content: center
    }
    .last_.social ul {
        margin-left: 0
    }
}

.pg- {
    height: auto
}

.pg-head {
    color: #fff;
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 60px;
    position: relative;
    z-index: 11;
    text-align: center;
    padding-top: 160px;
text-transform: capitalize;
}

.more-info,
.more-info:focus {
    display: table;
    color: #a1a8bb;
    font-size: 19px;
    margin: 35px auto 75px auto;
    position: relative;
    padding-bottom: 13px
}

.more-info:after {
    content: "";
    display: block;
    background-color: #a1a8bb;
    width: 20px;
    height: 1.5px;
    transform: rotate(28deg);
    position: absolute;
    bottom: 0;
    left: 34px
}

.more-info:before {
    content: "";
    display: block;
    background-color: #a1a8bb;
    width: 20px;
    height: 1.5px;
    transform: rotate(-28deg);
    position: absolute;
    bottom: 0;
    right: 34px
}

.more-info:hover {
    color: #e77024
}

.more-info:hover:before,
.more-info:hover:after {
    background-color: #e77024
}

.order-footer {
    text-align: center;
    color: #fff;
    background-color: #2a2b2d
}

.page-template.page-template-pages.page-template-magento .order-footer {
    color: #fff;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%)
}

.page-template.page-template-pages.page-template-magento .order-footer .order-bt {
    background: transparent;
    border: 1px solid #f7f7fa;
    transition: all .3s ease-in-out
}

.page-template.page-template-pages.page-template-magento .order-footer .order-bt:hover {
    background-color: #fff;
    color: #e72a23
}

.order-footer .order-content {
padding: 30px 0 50px 0;
    background-repeat: no-repeat;
    background-position: left bottom;
margin-top: 20px;
}

.order-footer .order-head {
    font-size: 30px;color: #fff;
    margin: 20px 0;

}



.order-footer .order-p {
    margin-top: 2px;
    margin-bottom: 25px;
    font-size: 30px;
}

.order-footer .order-bt {
    display: block;
    padding: 0;
    border: 0;
    color: #fff;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    line-height: 63px;
    width: 210px;
    height: 60px;
    margin: auto;
    font-size: 24px;
}

.order-footer .order-bt:hover {
    color: #fff;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

.pg-footer {}

.bg-header-af {
    padding-bottom: 100px
}

.page-template-conditions .bg-header-af:after {
    border-color: #fff;
    border-top-color: transparent
}

.bg-header-af:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: #fff;
    border-top-color: transparent;
    border-width: 100px 1000px 0px 1000px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}


/*
.vid-cap:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: #fff;
    border-top-color: transparent;
    border-width: 100px 1000px 0px 1000px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
*/
.page-template-magento .bg-header-af:after,
.page-template-sub_offers .bg-header-af:after {
    border-color: #fff;
    border-top-color: transparent
}

.motion-ser-img {
    width: 216px;
    height: 227px;
    display: table;
    background-image: url("../images/back.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto
}

.motion-ser-img .mot-s-im {
    display: table-cell;
    vertical-align: middle
}

.motion-ser-info h2 {
    font-size: 16px;
    color: #2a2b2d;
    margin-top: 10px;
    margin-bottom: 10px;
}

.motion-ser-info h2:hover {
    color: #e72a23
}

.motion-ser-info p {
    font-size: 16px;
    color: #808aa6;
    margin: 0;
    width: 248px;
}

.prog-header,
.mob-header,
.store-header,
.webs-header,
.server-header,
.support-header,
.hosting- {
    height: 800px
}

.prog-header:after,
.mob-header:after,
.webs-header:after,
.server-header:after {
    border-color: #fff;
    border-top-color: transparent;
    z-index: 11
}

.prog-.scroll-down,
.mob-.scroll-down,
.store-.scroll-down,
.webs-.scroll-down,
.company-.scroll-down,
.server-.scroll-down,
.support-.scroll-down,
.hosting-.scroll-down {
    bottom: 45px;
    top: initial;
    z-index: 12
}

.site-form .wpcf7-not-valid-tip,
.wpcf7-not-valid-tip {
    position: absolute;
    right: 0;
    display: table;
    top: 0;
    width: 100%;
    font-size: 13px
}

.site-form .recaptcha .wpcf7-not-valid-tip,
.recaptcha .wpcf7-not-valid-tip {
    position: static
}

.screen-reader-response[role="alert"] {
    background-color: red;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 20px;
    display: block
}

.screen-reader-response {
    display: none
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    display: none !important
}

.screen-reader-response ul {
    display: none
}

.work-header:before {
    display: none;
    content: none
}

.pg-our-work:after {
    display: none;
    content: none
}


/*
.pg-our-work {
    padding: 0 0 40px 0;
    clear: both
}
*/
.work-.pg-head {
    margin-bottom: 100px
}

.blog- {}

.blog-.blog-img {
    margin-bottom: -108px;
    position: relative
}

.blog-content {
    padding-top: 100px;
    background: #fafafc;
    padding-bottom: 50px
}

.blog-content .blog-buttons {
    text-align: center
}

.blog-content .blog-buttons>li {
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 40px;
    margin-left: 15px;
    margin-right: 15px;
    cursor: pointer;
    color: #384360;
    position: relative;
}

.blog-content .blog-buttons>li:after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background: #da5425;
    position: absolute;
    bottom: 0;
    right: 0;
    -o-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    transform-origin: right
}

.blog-content .blog-buttons>li.active:after,
.blog-content .blog-buttons>li:hover:after {
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.blog-content .blog-buttons>li.active,
.blog-content .blog-buttons>li:hover {
    color: #da5425
}

.blog-c {
    margin-bottom: 30px;
}

.blog-c .img-b img {
    width: 100%
}

.blog-c:hover .img-b img {
    opacity: 1;
    -webkit-animation: flash 1s;
    animation: flash 1s
}

@-webkit-keyframes flash {
    0% {
        opacity: 0.4
    }
    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: 0.4
    }
    100% {
        opacity: 1
    }
}

.blog-c .blog-c-info {
    padding: 20px 25px 0;
    background: #fff
}

.blog-c .blog-c-info .blog-info-h {
    display: block;
    font-size: 17px;
    color: #2a2b2d;
    margin-top: 0;
    margin-bottom: 5px;
    min-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis
}

.blog-c .blog-c-info p {
    color: #838aa0;
    font-size: 14px;
    text-align: justify;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.6;
    overflow: hidden;
    height: 49px
}

.blog-c .blog-c-info p.about-view span {

    margin-right: 8px;
    font-size: 20px;
    font-weight: 800
}

.blog-c .blog-c-info .blog-more {
    display: block;
    width: 100px;
    height: 31px;
    color: #2a2b2d;
    text-align: center;
    font-size: 13px;
    border: 1px solid #838aa0;
    line-height: 31px
}

.blog-c .blog-c-info .blog-more:hover {
    color: #fff;
    background-color: #e77024;
    border-color: #e77024
}

.cms-header:before {
    display: none;
    content: ""
}

.cms-content {
    background-color: #fafafc
}

.cms-content .cms-c-img {
    padding: 40px 0 80px 0
}

.cms-content .cms-wor {
    padding: 80px 0
}

.cms-content .cms-wor-head {
    font-size: 30px;
    color: #2a2b2d;
    margin-top: 0;
    margin-bottom: 30px
}

.cms-content .cms-p {
    color: #2a2b2d;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 1.6
}

.cms-content .cms-head {
    color: #e36724;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 10px
}

.cms-content .wor-p {
    text-align: justify
}

.cms-content .cms-tags {
    border-bottom: 1px solid #e6e6e9
}

.cms-content .cms-tags .cms-tags-a {
    display: inline-block;
    height: 38px;
    background: #dbdbdb;
    color: #7c8499;
    padding: 0 18px;
    text-align: center;
    line-height: 38px;
    margin-bottom: 20px;
    margin-left: 5px;
    font-size: 14px
}

.cms-content .cms-social {
    padding: 20px 0
}

.cms-content .cms-social h2 {
    color: #2a2b2d;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 0
}

.cms-content .cms-social ul {
    float: left
}

.cms-content .cms-social ul>li {
    display: inline-block;
    margin-right: 5px
}

.cms-content .cms-social ul>li a {
    display: block;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.cms-content .cms-social ul>li a:hover {
    transform: scale(1.07)
}

.cms-content .cms-social ul>li.face a {
    background-color: #3b5998
}

.cms-content .cms-social ul>li.twt a {
    background-color: #00acee
}

.cms-content .cms-social ul>li.goo a {
    background-color: #dd4b39
}

.cms-content .cms-social ul>li.lin a {
    background-color: #0077b5
}

.cms-content .cms-social ul>li.ps a {
    background-color: #ca1f27
}

.cms-content .cms-social ul>li.te a {
    background-color: #2c4762
}

.cms-content .cms-social ul>li.dr a {
    background-color: #ee4056
}

.cms-content .cms-social ul>li.mes a {
    background-color: #dbdbdb;
    color: #a8a8a8
}

.cms-content .cms-social ul>li a i {
    line-height: 50px
}

.cms-content .cms-nex {
    margin-bottom: 85px;
    margin-top: 40px
}

.cms-content .cms-nex li.nex-right {
    float: right
}

.cms-content .cms-nex li.nex-left {
    float: left
}

.cms-content .cms-nex li .nex-content {
    width: 268px;
    background-color: #fff;
    float: right;
    display: block
}

.cms-content .cms-nex li .nex-content>div {
    float: right;
    height: 68px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)";
    -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000)
}

.cms-content .cms-nex li .nex-content .nex-img {
    width: 25.5%
}

.cms-content .cms-nex li .nex-content .nex-img img {
    height: 100%
}

.cms-content .cms-nex li .nex-content .nex-info {
    width: 74%;
    padding: 17px 17px 0
}

.cms-content .cms-nex li .nex-content .nex-info h3 {
    font-size: 14px;
    color: #2a2b2d;
    margin-bottom: 0;
    margin-top: 0;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis
}

.cms-content .cms-nex li .nex-arr {
    color: #384360;
    font-size: 20px;
    display: block;
    float: right;
    margin-right: 30px;
    margin-top: 21px
}

.cms-content .cms-nex li .nex-arr:hover {
    color: #da5425
}

.cms-content .cms-nex li .nex-arr i {
    margin-left: 10px;
    vertical-align: middle
}

.cms-content .cms-nex li.nex-left .nex-content,
.cms-content .cms-nex li.nex-left .nex-content>div,
.cms-content .cms-nex li.nex-left .nex-arr {
    float: left
}

.cms-content .cms-nex li.nex-left .nex-arr {
    margin-right: 0;
    margin-left: 30px
}

.cms-content .cms-nex li.nex-left .nex-arr i {
    margin-right: 10px;
    margin-left: 0
}

header.motion-header:before {
    display: none;
    content: none
}

header.motion-.vid-cap .s-cap .caption h1,
header.prog-.vid-cap .s-cap .caption h1,
header.webs-.vid-cap .s-cap .caption h1 {}

header.motion-.vid-cap .s-cap .caption p,
header.prog-.vid-cap .s-cap .caption p,
header.webs-.vid-cap .s-cap .caption p {
    font-size: 48px;
    margin: 0;
}

.page-template-new-stores .vid-cap .s-cap .caption h1 {
    margin-bottom: 20px;
    font-size: 40px;
    text-align: center
}

.page-template-new-stores .prog-.vid-cap .s-cap {
    padding-top: 50px
}

.page-template-new-stores .newstores-select-bt {
    font-size: 20px;
    color: #fff;
    width: 254px;
    height: 60px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    border-radius: 50px;
    border: 0;
    margin: auto;
    display: block;
    text-align: center;
    line-height: 60px
}

.page-template-new-stores .newstores-select-bt:hover {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

header.motion-.vid-cap .s-cap {
    padding-top: 123px
}

header.motion-.shap-7 {
    width: 268px;
    height: 173px;
    position: absolute;
    top: -59px;
    right: -13%;
    background-image: url("../images/shap-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    cursor: initial;
    animation-iteration-count: infinite;
    animation-name: cloud-a;
    animation-duration: 25s;
    animation-timing-function: linear
}

header.motion-.shap-8 {
    width: 155px;
    height: 100px;
    position: absolute;
    top: -59px;
    right: -20%;
    background-image: url("../images/shap-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    cursor: initial;
    animation-iteration-count: infinite;
    animation-name: cloud-a;
    animation-duration: 25s;
    animation-timing-function: linear;
    animation-delay: 5s
}

header.motion-.shap-9 {
    width: 268px;
    height: 173px;
    position: absolute;
    top: -59px;
    right: -20%;
    background-image: url("../images/shap-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    cursor: initial;
    animation-iteration-count: infinite;
    animation-name: cloud-a;
    animation-duration: 25s;
    animation-timing-function: linear;
    animation-delay: 5s
}

header.motion-.shap-10 {
    width: 150px;
    height: 173px;
    position: absolute;
    top: 0;
    right: -20%;
    background-image: url("../images/shap-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    cursor: initial;
    animation-iteration-count: infinite;
    animation-name: cloud-a;
    animation-duration: 25s;
    animation-timing-function: linear;
    animation-delay: 15s
}

header.motion-.shap-11 {
    width: 90px;
    height: 50px;
    position: absolute;
    top: -85px;
    right: -20%;
    background-image: url("../images/shap-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    cursor: initial;
    animation-iteration-count: infinite;
    animation-name: cloud-a;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-delay: 20s
}

header.motion-.shap-12 {
    width: 137px;
    height: 84px;
    position: absolute;
    top: 0;
    right: -20%;
    background-image: url("../images/shap-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    cursor: initial;
    animation-iteration-count: infinite;
    animation-name: cloud-a;
    animation-duration: 40s;
    animation-timing-function: linear;
    animation-delay: 25s
}

header.motion-.shap-13 {
    width: 110px;
    height: 64px;
    position: absolute;
    top: 0;
    right: -20%;
    background-image: url("../images/shap-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    cursor: initial;
    animation-iteration-count: infinite;
    animation-name: cloud-a;
    animation-duration: 40s;
    animation-timing-function: linear;
    animation-delay: 30s
}

header.motion-.shap-14 {
    width: 210px;
    height: 100px;
    position: absolute;
    top: 15px;
    right: -20%;
    background-image: url("../images/shap-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    cursor: initial;
    animation-iteration-count: infinite;
    animation-name: cloud-a;
    animation-duration: 40s;
    animation-timing-function: linear;
    animation-delay: 35s
}

@keyframes cloud-a {
    0% {
        right: -20%;
        opacity: 1
    }
    100% {
        right: 140%;
        opacity: 0
    }
}

.page-template-motion-graphics .motion-features {
    position: relative
}

.motion-features {
    padding: 190px 0 75px 0;

}

.motion-features:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #2a2b2d;
    border-width: 100px 1000px 0px 1000px;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.motion-features .motion-feat {}

.motion-features .motion-feat {}

.motion-features .motion-feat>div {
    float: left;
margin-bottom: 20px;
}

.motion-features .motion-feat .motion-feat-img {
    width: 20%
}

.motion-features .motion-feat .motion-feat-info {
    width: 80%
}

.motion-features .motion-feat .motion-feat-info h2 {
    color: #2a2b2d;
    font-size: 19px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    margin-top: 0
}

.motion-features .motion-feat .motion-feat-info p {
    color: #808aa6;
    margin: 0;
    font-size: 16px;
    margin-top: 14px;
    line-height: 1.7
}

.motion-album .al-block {
    width: 33.3333333%
}

.motion-services {
    padding: 90px 0
}

.motion-services .site-head {
    color: #2a2b2d
}

.motion-services:after {
    display: none;
    content: none
}

.motion-services .shap-4:after {
    bottom: -589px
}

.motion-services .shap-4:before {
    bottom: -635px;
    left: 186px
}

.motion-about-us {
    background-color: #fafafc
}

.motion-about-us .mot-ab-us {
    background-color: #fff;
    padding-bottom: 50px
}

.motion-about-us .mot-ab-us .mot-ab-us-col {
    float: right;
    width: 50%;
    padding-left: 30px
}

.motion-ser-cont {
    text-align: center
}

.motion-ser-cont>li {
    display: inline-block;
    margin: 0 15px 15px 15px
}

.motion-ser-cont>li:nth-of-type(1) .motion-ser-img .mot-s-im {
    padding-left: 25px
}

.motion-ser-cont>li:nth-of-type(2) .motion-ser-img .mot-s-im {
    padding-top: 15px;
    padding-left: 40px
}

.faq-header:after {
    border-color: #fff;
    border-top-color: transparent
}

.faq-header:before {
    display: none;
    content: none
}

.faq-.pg-head {
    font-size: 48px;
    margin-bottom: 0;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px
}

.faq-.pg-head:after {
    content: "";
    display: block;
    width: 158px;
    height: 158px;
    background-image: url("../images/faq-1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 15px;
    left: -160px
}

.faq-acc {
    padding: 60px 0
}

.faq-acc .panel {
    margin-bottom: 7px
}

.faq-acc .panel-heading {
    padding: 18px 100px 18px 30px;
    background-color: #e8eaee;
    margin-bottom: 1px;
    position: relative
}

.faq-acc .panel-heading:after {
    content: "";
    display: block;
    background-color: #384360;
    width: 28px;
    height: 2px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px
}

.faq-acc .panel-heading:before {
    content: "";
    display: block;
    background-color: #384360;
    width: 28px;
    height: 2px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    right: 40px;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.faq-acc .panel-heading h2 {
    font-size: 18px;
    color: #384360;
    margin: 0
}

.faq-acc .pl-mi-op .panel-heading:before {
    -ms-transform: translateY(-50%) rotate(0);
    -o-transform: translateY(-50%) rotate(0);
    -moz-transform: translateY(-50%) rotate(0);
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0)
}

.faq-acc .panel-body {
    padding: 30px;
    background-color: #f7f7f7
}

.faq-acc .panel-body p {
    color: #2a2b2d;
    font-size: 18px;
    text-align: justify;
    line-height: 24px;
    margin: 0;
    padding: 0
}

.faq-acc .faq-contact h2,
.faq-acc .contact-us-p h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    font-size: 24px;
    color: #384360;
    position: relative
}

.faq-acc .faq-contact h2:after,
.faq-acc .contact-us-p h2:after {
    content: "";
    display: block;
    width: 70px;
    height: 1px;
    background-color: #ed7d21;
    position: absolute;
    bottom: 0;
    right: 0
}

.faq-acc .faq-contact>ul {}

.faq-acc .faq-contact>ul>li {
    color: #384360;
    font-size: 30px;

    margin-bottom: 20px
}

.faq-acc .faq-contact>ul>li .icon-faq {
    display: inline-block;
    width: 42px;
    height: 42px;
    font-size: 26px;
    border-radius: 50%;
    color: #fff;
    background: #e72a23;
    text-align: center;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    vertical-align: top;
    margin-left: 20px
}

.faq-acc .faq-contact>ul>li .icon-faq i {
    line-height: 42px
}

.faq-acc .faq-contact>ul>li:nth-of-type(2) .icon-faq {
    font-size: 24px
}

.faq-acc .faq-contact>ul>li:nth-of-type(3) .icon-faq {
    font-size: 18px
}

.faq-acc .faq-contact>ul>li .faq-cont-info {
    display: inline-block;
    vertical-align: top
}

.faq-acc .faq-contact>ul>li .faq-cont-info li {
    line-height: 1
}

.faq-acc .faq-contact>ul>li .faq-cont-info li:first-child {
    margin-top: 10px
}

.faq-acc .faq-contact>ul>li.faq-info-ex {
    font-size: 18px;

}

.faq-acc .faq-contact>ul>li.faq-info-ex img {
    margin-left: 26px;
    vertical-align: middle
}

.prog-.vid-cap .s-cap {
    position: relative;
    padding-top: 166px
}

.prog-.vid-cap .s-cap .prog-img {
    position: absolute;
    top: -36px;
    right: 60%
}

.prog-features {
    padding-top: 90px
}

.prog-features:after,
.prog-feat:after {
    display: none;
    content: none
}

.prog-services {
    padding: 90px 0;
    background-color: #fafafc;
    background-image: url("../images/services-pattern.png");
    background-position: 103% -65px;
    background-repeat: no-repeat
}

.prog-services .site-head,
.prog-feat .site-head {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 40px
}

.prog-services .motion-ser-cont>li {
    margin-bottom: 30px
}

.prog-services .motion-ser-cont>li:nth-of-type(1) .motion-ser-img .mot-s-im {
    padding-left: 0
}

.prog-services .motion-ser-cont>li:nth-of-type(2) .motion-ser-img .mot-s-im {
    padding-top: 0;
    padding-left: 0
}

.prog-services .motion-ser-cont>li:nth-of-type(3) .motion-ser-img .mot-s-im {
    padding-left: 6px
}

.prog-services .motion-ser-cont>li:nth-of-type(3) .motion-ser-img .mot-s-im img {
    margin-top: -3px
}

.prog-services .motion-ser-cont>li:nth-of-type(4) .motion-ser-img .mot-s-im {
    padding-top: 49px
}

.prog-services .motion-ser-cont>li:nth-of-type(6) .motion-ser-img .mot-s-im {
    padding-left: 30px;
    padding-top: 28px
}

.prog-services .motion-ser-cont>li:nth-of-type(8) .motion-ser-img .mot-s-im {
    padding-top: 43px
}

.prog-feat {
    padding: 100px 0;
    overflow: hidden
}

.prog-feat .shap-6:before {
    top: -419px
}

.prog-feat .shap-6:after {
    top: -472px
}

.prog-feat .site-head {
    text-align: left
}

.prog-feat .prog-feat-block {
    position: relative
}

.prog-feat .prog-feat-block p {
    margin-top: 0;
    margin-bottom: 20px;
    color: #2a2b2d;
    font-size: 19px;
}

.prog-feat-bl {
    color: #808aa6;
    font-size: 18px;
}

.prog-feat-bl li {
display: inline-block;
width: 49%;
margin-bottom: 15px;
padding-left: 30px;
position: relative;
padding-right: 0;
vertical-align: top;
font-size: 16px;
text-align: left;
}


.prog-feat-bl li {
position: relative;
}



.prog-feat-bl li:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    content: "\f00c";
    position: absolute;
    top: 0;
    left: 0;
font-size: 17px;
    color: #e9ecf4
}



.prog-feat-bl2 li {
    width: 100%
}

.prog-feat-bl img {
    position: absolute;
    top: 0;
    left: 0;
display: none;
}

.prog-feat .prog-feat-block .prog-feat-img {
    position: absolute;
    right: 100%;
    top: -28px
}

.prog-slider {
    margin-top: 45px;
    padding: 75px 0;
    border-top: 1px solid #f2f2f2
}

.prog-slider .owl-carousel .owl-item img {
    width: auto;
    margin: auto
}

.store-content .owl-carousel .owl-dots {
    display: none
}

.prog-slider .owl-carousel .owl-nav > button,
.brand-content .owl-carousel .owl-nav > button,
.store-content .owl-carousel .owl-nav > button,
.mark-services .owl-carousel .owl-nav > button {
    color: #c1c5d1;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px
}

.prog-slider .owl-carousel .owl-nav > button:hover,
.brand-content .owl-carousel .owl-nav > button:hover,
.store-content .owl-carousel .owl-nav > button:hover,
.mark-services .owl-carousel .owl-nav > button:hover {
    color: #e77024
}

.prog-slider .owl-carousel .owl-nav .owl-prev,
.brand-content .owl-carousel .owl-nav .owl-prev,
.store-content .owl-carousel .owl-nav .owl-prev,
.mark-services .owl-carousel .owl-nav .owl-prev {
    right: -10px
}

.prog-slider .owl-carousel .owl-nav .owl-next,
.brand-content .owl-carousel .owl-nav .owl-next,
.store-content .owl-carousel .owl-nav .owl-next,
.mark-services .owl-carousel .owl-nav .owl-next {
    left: -10px
}

.page-template-home {}

.page-template-stores .vid-cap .s-cap,
.page-template-home .vid-cap .s-cap {
    padding-top: 40px
}

.caption .caption-sub {
    font-size: 21px;
    margin-bottom: 10px;
color:#fff;
}

header.brand-.vid-cap .s-cap .caption h1 {
    font-size: 48px;
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
    vertical-align: top
}

header.brand-.vid-cap .s-cap {
    padding-top: 205px
}

.about-branding {
    position: relative;
    overflow: hidden;
    padding: 30px 0 60px 0
}

.about-branding .about-brand-bl {
    position: relative
}

.about-branding .about-brand-bl h2 {
    color: #2a2b2d;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 25px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.about-branding .about-brand-bl p {
    margin-top: 0;
    font-size: 19px;
    line-height: 1.7;
    text-align: justify
}

.about-branding .about-brand-bl .about-brand-p-1 {
    color: #2a2b2d;
    margin-bottom: 35px
}

.about-branding .about-brand-bl .about-brand-p-2 {
    color: #da5425;
    margin-bottom: 0
}

.about-branding .about-brand-bl .about-brand-bk {
    position: absolute;
    top: -190px;
right: -146%;
transform: rotatey(34deg);
}

.brand-slider {
    color: #fff
}

.brand-slider .item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 760px
}

.brand-slider .brand-slide-bl {
    padding: 230px 0;
    position: relative
}

.brand-slider .brand-slide-bl h2 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 48px;
    position: relative;color:#fff;
}

.brand-slider .brand-slide-bl h2 img {
    position: absolute;
    width: auto;
    top: -26px;
    right: -118px
}

.brand-slider .brand-slide-bl p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    width: 650px
}

.brand-slider .br-sl-2 h2 img,
.brand-slider .br-sl-3 h2 img {
    right: -146px
}

.brand-slider .br-sl-4 h2 img {
    right: -158px
}

.brand-slider .brand-slide-bl .slid-num {
    display: block;

    font-size: 150px
}

.brand-slider .br-sl-2 h2 {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.brand-slider .br-sl-2 p {
    color: #29334f
}

.brand-slider .br-sl-3 {
    float: left
}

.brand-slider .owl-carousel .owl-dots {
    position: absolute;
    bottom: 80px;
    -ms-transform: translateX(-50%, -50%);
    -o-transform: translateX(-50%, -50%);
    -moz-transform: translateX(-50%, -50%);
    -webkit-transform: translateX(-50%, -50%);
    transform: translateX(-50%, -50%)
}

.brand-slider .owl-carousel .owl-dot {
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px
}

.brand-slider .owl-carousel .owl-dot.active {
    background-color: #c52d2f
}

.brand-content {
    padding: 40px 0 80px;
text-align: center;
background-image: url("../images/moob.jpeg");
overflow: hidden;
}

.brand-content .owl-carousel .owl-dot {
    background-color: #fff !important;
    border: 1px solid #d0d0d1 !important
}

.brand-content .owl-carousel .owl-dot.active {
    background-color: #fff !important;
    border: 1px solid #c52d2f !important
}

.brand-content .brand-content-bl .motion-ser-img img {
    width: auto
}

.brand-content .site-head {
    background: #e72a23;
    font-size: 24px;
    margin-bottom: 50px;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.brand-content .owl-carousel .owl-nav > button {
    top: 95px;
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.brand-content-tit {
    font-size: 18px;
    color: #2a2b2d;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
}

.brand-album .al-block {
    width: 16.6666666%
}

.mob-.vid-cap .s-cap {
    padding-top: 166px
}

.mob-.vid-cap .s-cap .caption h1,
.store-.vid-cap .s-cap .caption h1 {}

.mob-order {
    padding: 90px 0;
    color: #fff;
    position: relative;
    overflow: hidden
}

.mob-order .shap-9 {
    display: block;
    width: 262px;
    height: 302px;
    background-image: url("../images/shap-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 154px;
    right: -130px;
    z-index: 1
}

.mob-order .shap-10 {
    display: block;
    width: 598px;
    height: 780px;
    background-image: url("../images/shap-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -345px;
    right: -88px;
    z-index: 1
}

.mob-order .mob-vid {
    position: relative
}

.mob-order .mob-order-bl {

    position: relative;
    z-index: 11
}

.mob-order h2 {
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 10px
}

.mob-order p {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 25px
}

.mob-order .order-bt {
    font-size: 20px;
    color: #fff;
    width: 200px;
    height: 60px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    border: none
}

.mob-order .order-bt:hover {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

.mob-features {
    background-image: url("../images/moob.jpeg");
    overflow: hidden;
padding-bottom: 20px;

}

.site-head2,
.mob-features .site-head {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 60px;
text-align: center;
}

.mob-features .mob-feat {
    padding-top: 25px
}

.mob-features .mob-feat>li>div {
    float: right
}

.mob-features .mob-feat>li .motion-ser-img {
    height: 160px;
    width: 140px;
    margin: 0
}

.mob-features .mob-feat>li .motion-ser-info {
    padding-top: 30px;
    padding-right: 10px
}

.mob-features .mob-feat>li .motion-ser-info p {
    width: 208px;
    font-size: 14px
}

.mob-features .mob-feat-l>li>div {
    float: left
}

.mob-features .mob-feat-l>li .motion-ser-info {
    padding-right: 0;
    padding-left: 10px;
    text-align: left
}

.mob-features .mob-feat-r>li:first-child .motion-ser-img {
    padding-left: 25px
}

.mob-app,
.mob-company,
.mob-private {
    padding: 160px 0 120px 0;
    overflow: hidden;
}

.mob-app,
.mob-private {
    background-color: #323232
}

.mob-app-bl {
    position: relative
}

.mob-app-bl p {
    font-size: 19px;
    color: #2a2b2d;
    margin-top: 0;
    margin-bottom: 35px;
    line-height: 1.7
}

.mob-app-bl .body {
    font-size: 17px;
    color: #fff;
    margin-top: 0;
    margin-top: 35px;
    line-height: 1.7
}

.mob-app-bl .body h1,
.mob-app-bl .body h2 {
    font-size: 22px !important;
    color: #2a2b2d;
    display: inline-block;
    -webkit-text-fill-color: #28324d !important;
    margin-bottom: 0;
    margin-top: 0
}

.mob-app-bl .order-bt {
    font-size: 18px;
    color: #fff;
    display: block;
    width: 180px;
    height: 60px;
    border: none;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
margin-top: 20px;
text-align:center;
line-height:3;
}

.mob-app-bl .order-bt:hover {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

.mob-app .mob-app-bl h2,
.mob-private .mob-app-bl h2 {
    font-size: 48px;
    margin-top: 0;
    margin-bottom: 0;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.mob-app .mob-app-bl .mob-app-img {
    position: absolute;
top: -152px;
left: -110%;

}

.mob-company {
    background-image: url("../images/mob-cov-2.png");
    background-repeat: no-repeat;
    background-position: 0 0
}

.mob-company .mob-app-bl h2 {
    font-size: 48px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff
}

.mob-company .mob-app-bl p {
    color: #fff
}

.mob-company .mob-app-bl .mob-company-img {
    position: absolute;
    bottom: -409px;
    right: -63%;
}

.mob-private {
    position: relative;
    overflow: hidden
}

.mob-private .mob-app-bl {
    padding-right: 0;
}

.mob-private .mob-app-bl h2 {
    font-size: 35px;
    margin-bottom: 10px;
text-transform: uppercase;
}

.mob-private .mob-app-bl p {
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 25px
}



.mob-private .mob-app-bl .mob-private-img {
    position: absolute;
    bottom: -180px;
right: -100%;
    z-index: 11
}











.mob-private .shap-11:after {
    content: "";
    display: block;
    width: 600px;
    height: 700px;
    position: absolute;
    bottom: -532px;
    left: -220px;
    background-image: url("../images/shap-2.png");
    z-index: 1
}

.mob-private .shap-11:before {
    content: "";
    display: block;
    width: 600px;
    height: 700px;
    position: absolute;
    bottom: -565px;
    left: 150px;
    background-image: url("../images/shap-2.png");
    z-index: 1
}

.mob-private .shap-12:before {
    content: "";
    display: block;
    width: 600px;
    height: 700px;
    position: absolute;
    top: -447px;
    right: -223px;
    background-image: url("../images/shap-2.png");
    z-index: 1
}

.mob-private .shap-12:after {
    content: "";
    display: block;
    width: 600px;
    height: 700px;
    position: absolute;
    top: -379px;
    right: -487px;
    background-image: url("../images/shap-2.png");
    z-index: 1
}

.mob-slider {
    margin: 0;
    border: none;
    padding: 35px 0
}

.store-header:after {
    border-color: #fff;
    border-top-color: transparent;
    z-index: 11
}

.store-.vid-cap .s-cap {
    position: relative
}

.store-.vid-cap .s-cap .head-store-img {
    position: absolute;
    top: 0;
    right: 100%
}

.store-content {
padding: 30px 0;
text-align: center;

}

.store-content .site-head {
    
    margin-bottom: 35px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.store-content .store-content-bl .motion-ser-img img {
    width: auto
}

.store-content .store-content-bl .motion-ser-info p {
    width: auto
}

.store-content .owl-carousel .owl-nav > button {
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: 94px
}

.store-content .slide-4 {
    margin-bottom: 60px
}

.store-content .more-collaps-c {
    position: relative
}

.store-content .more-collaps-c .more-collaps-img {
    position: absolute;
    top: 0;
right: -57%;
    z-index: 11
}

.store-content .store-more-collaps {
    display: none;
    text-align: right;
}

.store-content .store-more-co-act {
    display: block
}

.store-content .store-more-collaps p {
    color: #2a2b2d;
    font-size: 20px;
margin-bottom: 45px;
text-align: left;
}

.store-content .prog-feat-bl {
    margin-bottom: 50px;
    font-size: 16px
}

.store-content .store-more-feat {
    display: block;
    width: 330px;
    height: 70px;
    padding-top: 14px;
    margin: auto;
    color: #fff;
    font-size: 20px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    border: none;
    position: relative
}

@media (max-width: 767px) {
    .store-content .store-more-feat {
        padding-top: 10px
    }
    .store-content .store-more-feat span {
        display: inline-block;
        max-width: 175px;
        margin: auto
    }
}

.store-content .store-more-feat:hover {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

.store-content .store-more-feat span {
    display: block;
text-transform: capitalize;
    margin-bottom: -26px
}

.arrows {
    position: relative;
    height: 68px
}

.store-more-feat-act .arrows {
    transform: rotate(180deg)
}

.arrow {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 60%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.arrow-1 {
    -webkit-animation: arrow-movement 2s ease-in-out infinite;
    animation: arrow-movement 2s ease-in-out infinite
}

.arrow-2 {
    -webkit-animation: arrow-movement 2s 1s ease-in-out infinite;
    animation: arrow-movement 2s 1s ease-in-out infinite
}

.arrow:before,
.arrow:after {
    background: #fff;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px
}

.arrow:before {
    -webkit-transform: rotate(38deg) translateX(-23%);
    transform: rotate(38deg) translateX(-23%);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.arrow:after {
    -webkit-transform: rotate(-38deg) translateX(23%);
    transform: rotate(-38deg) translateX(23%);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

@-webkit-keyframes arrow-movement {
    0% {
        opacity: 0;
        top: 45%
    }
    70% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes arrow-movement {
    0% {
        opacity: 0;
        top: 45%
    }
    70% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.store-content .store-more-feat-act {
    padding-top: 20px;
    padding-bottom: 20px
}

.store-content .store-more-feat-act span {
    display: none
}

.store-content .store-more-feat-act img {
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.store-content .store-more-feat img {
    margin-top: 40px
}

.price-table {
    padding: 65px 0;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 100% -76px
}

.price-table .site-head {
    margin: 0
}

.price-table .site-head p {
    padding: 0;
    margin: 0
}

.page-template.page-template-pages.page-template-marketing .price-table .site-head p {
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.price-table .package_caption {
    font-size: 30px;
    margin: 10px auto 55px auto;
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center
}

.page-template.page-template-pages.page-template-marketing .price-table.s-bk .package_caption .caption_3 span {
    color: #2a2b2d
}

.page-template-pages.page-template-hosting .package_caption .caption_1,
.page-template-pages.page-template-hosting .package_caption .caption_2,
.page-template-pages.page-template-hosting .package_caption br,
.page-template-pages.page-template-marketing .package_caption .caption_1,
.page-template-pages.page-template-marketing .package_caption .caption_2,
.page-template-pages.page-template-marketing .package_caption br,
.page-template-pages.page-template-support .package_caption .caption_1,
.page-template-pages.page-template-support .package_caption .caption_2,
.page-template-pages.page-template-support .package_caption br {
    display: none
}

.price-table .price-table-content {
    width: 100%;
    text-align: center
}

.price-table .price-table-content tr th,
.price-table .price-table-content tr td {
    width: 25%;
    position: relative
}

.price-table .price-table-content tr td i.fa-times {
    color: #f00
}

.price-table .price-table-content tr td i.fa-check {
    color: #0dce1f
}

.price-table .price-table-content tr td:nth-of-type(2):before {
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=24, Direction=180, Color=#000000)";
    -moz-box-shadow: 3px 0 24px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 3px 0 24px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 0 24px 1px rgba(0, 0, 0, 0.2);
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=24, Direction=135, Color=#000000)
}

.price-table .price-table-content tr td:nth-of-type(4):before {
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=24, Direction=0, Color=#000000)";
    -moz-box-shadow: -3px 0 24px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -3px 0 24px 1px rgba(0, 0, 0, 0.2);
    box-shadow: -3px 0 24px 1px rgba(0, 0, 0, 0.2);
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=24, Direction=135, Color=#000000)
}

.price-table .price-table-content tr th {
    background-color: #303a57
}

.price-table .price-table-content tr th span {
    display: block
}

.price-table .price-table-content tr th .th-1 {
    font-size: 24px;
    height: 95px;
    background-color: #262f4b
}

.price-table .price-table-content tr th .th-2 {
    
    font-size: 48px;
    font-weight: bolder;
    height: 120px;
    background-color: #ce611f !important;
    position: relative;
    text-align: center;
    -webkit-background-clip: text
}

.price-table .price-table-content tr th .th-2,
.price-table-xs h3 .th-2 {
    display: none;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page-template.page-template-pages.page-template-marketing .price-table .price-table-content tr th .th-2,
.page-template.page-template-pages.page-template-marketing .price-table-xs h3 .th-2 {
    display: block
}

.page-template-marketing .price-table .price-table-content tr td:nth-child(1) {
    background-color: #fcfdff
}

.price-table .price-table-content tr th .th-2 b {
    font-size: 30px
}

.price-table .price-table-content tr th .th-2 strong {
    font-size: 40px
}

.price-table .price-table-content tr th:nth-child(3) .th-2 b {
    font-size: 40px;
    color: #fe8a4c
}

.price-table .price-table-content tr th .th-2 b {
    font-size: 40px;
    color: #4e5873;
    -webkit-text-fill-color: currentColor;
    position: relative
}

.price-table .price-table-content tr th:nth-child(3) .th-2 b:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    background-color: #fe8a4c
}

.price-table .price-table-content tr th .th-2 b:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    background-color: #4e5873
}

.price-table .price-table-xs .th-2 b {
    text-decoration: line-through;
    text-decoration-color: #4a5473
}

.price-table .price-table-xs:nth-child(2) .th-2 b {
    color: #ff9869;
    text-decoration-color: #ff9869
}

.price-table .price-table-xs .th-2 b {
    font-size: 40px;
    color: #556080;
    margin-left: 15px;
    -webkit-text-fill-color: currentColor
}

.price-table .price-table-xs.two .th-2 b {
    font-size: 40px;
    color: #fe8a4c;
    text-decoration-color: #fe8a4c;
    -webkit-text-fill-color: currentColor
}

.price-table .price-table-content tr th .th-2 span {
    font-size: 18px;
    margin-top: 5px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.price-table .price-table-content tr th:nth-of-type(3) .th-2 span {
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff
}

.price-table .price-table-content tr th:first-child {
    background-color: #f5f7fc;
    color: #2a2b2d;
    font-size: 30px;
}

.page-template.page-template-pages.page-template-marketing .price-table .price-table-content tr th:first-child {
    background-color: #fff
}

.price-table .price-table-content tr th:nth-of-type(3) .th-1 {
    background-color: #d7751e;
    height: 95px;
    position: relative
}

.price-table .price-table-content tr th:nth-of-type(3) .th-1:before {
    content: "";
    height: 25px;
    background-color: #d7751e;
    width: 100%;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0
}

.price-table .price-table-content tr th:nth-of-type(3) .th-2 {
    color: #fff;
    background-image: -moz-linear-gradient( 111deg, rgb(221, 90, 37) 0%, rgb(239, 130, 33) 100%);
    background-image: -webkit-linear-gradient( 111deg, rgb(221, 90, 37) 0%, rgb(239, 130, 33) 100%);
    background-image: -ms-linear-gradient( 111deg, rgb(221, 90, 37) 0%, rgb(239, 130, 33) 100%);
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial
}

.price-table .price-table-content tr td {
    color: #2a2b2d;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative
}

.price-table .price-table-content tr td:nth-of-type(even) {
    background-color: #f5f7fc
}

.price-table .price-table-content tr td:nth-of-type(1) {
    font-size: 17px;

}

.price-table .price-table-content tr:nth-of-type(2) td {
    padding-top: 30px
}

.price-table .price-table-content tr:last-child td {
    padding: 0;
    background-color: transparent;
    color: #fff
}

.price-table .price-table-content tr:not(:last-child) td:after {
    content: "";
    display: block;
    width: 85%;
    height: 1px;
    background-color: #eceff5;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.price-table .price-table-help {
    display: none;
    color: #8290b9;
    font-size: 17px;
    text-align: center
}

.price-table .price-table-order .price-table-bt {
    width: 25%;
    height: 94px;
    display: block;
    float: left;
    border: none;
    background-color: #262f4b;
    font-size: 19px;
    color: #fff
}

.price-table .price-table-order .price-table-bt:hover {
    background-color: #343f62
}

.price-table .price-table-order .price-table-sp {
    font-size: 24px;
    
    height: 115px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%)
}

.price-table .price-table-order .price-table-sp:hover {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

.price-table .price-table-content tr:last-of-type td {
    background-color: transparent
}

button.price-table-bt.price-table-sp {
    width: 100%;
    height: 94px;
    display: block;
    float: left;
    border: none;
    background-color: #262f4b;
    font-size: 19px;
    color: #fff
}

.price-table .price-table-content tr:last-of-type td:nth-child(3) button.price-table-bt.price-table-sp {
    font-size: 24px;
    
    height: 115px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%)
}

.price-table-xs {
    text-align: center
}

.price-table-xs h3 {
    margin: 0;
    background-color: #303a57;
    line-height: 52px
}

.price-table-xs h3 span {
    display: block
}

.price-table-xs h3 .th-1 {
    font-size: 19px;
    padding: 0!important;
    padding-top: 70px;
    background-color: #222c48;
    color: #fff;
    text-align: right;
    padding-right: 25px!important
}

.price-table-xs:nth-child(2) h3 .th-1 {
    background-color: #d7751e
}

.price-table-xs h3 .th-2 {
    
    font-size: 44px;
    font-weight: bolder;
    line-height: 24px;
    padding: 25px 0;
    background: #e72a23;
    -webkit-background-clip: text;
    position: relative
}

.price-table-xs:nth-of-type(2) h3 .th-2 {}

.price-table-xs h3 .th-2 span {
    font-size: 18px;
    margin-top: 5px
}

.price-table-xs ul {
    padding: 0 15px;
    background-color: #f5f7fc
}

@media (max-width: 767px) {
    .price-table-xs ul {
        padding: 0
    }
}

.price-table-xs ul>li {
    color: #2a2b2d;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px
}

@media (max-width: 767px) {
    .price-table-xs ul li:last-child {
        padding: 0
    }
}

.price-table-xs ul>li:not(:last-child) {
    border-bottom: 1px solid #eceff5
}

.price-table-xs ul>li .table-prop {
    
    margin-top: 0;
    margin-bottom: 10px
}

.price-table-xs ul>li .table-desc {
    margin: 0;
}

.price-table-xs ul>li .table-desc i.fa-times {
    color: #af1313
}

.price-table-xs ul>li .table-desc i.fa-check {
    color: #0dce1f
}

.price-table-xs h3.price-sp-xs .th-1 {
    background-color: #ce611f
}

.price-table-xs h3.price-sp-xs .th-2 {
    color: #fff;
    background: #e06124;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial
}

.store-plus {
    padding: 40px 0;
    background-image: url("../images/store-cov.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
}

.store-plus .store-plus-bl {
    position: relative
}

.store-plus .store-plus-bl h2 {
    font-size: 48px;
    text-align: right;
    margin-top: 0;
    margin-bottom: 15px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
text-align:left;
}

.store-plus .store-plus-bl p {
    font-size: 24px;
    color: #2a2b2d;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left:0;
}

.store-plus .store-plus-img {

}

.store-plus .store-plus-img img {
    height: 100%;
max-width:650px;
}

.store-plus .motion-ser-cont {
    margin-top: 30px
}

.motion-ser-cont .site-head.custom {text-transform: capitalize;}

.store-plus .motion-ser-cont>li:nth-of-type(1) .motion-ser-img .mot-s-im {
    padding-left: 0;
    padding-top: 42px
}

.store-plus .motion-ser-cont>li:nth-of-type(2) .motion-ser-img .mot-s-im {
    padding-left: 0;
    padding-top: 0
}

.mark- {
    height: 800px
}

.mark-header:after {
    border-color: #fff;
    border-top-color: transparent;
    z-index: 12
}

.mark-.scroll-down {
    top: initial;
    bottom: 45px;
    z-index: 16
}

.mark-.vid-cap .s-cap .caption h1 {}

.mark-.vid-cap .s-cap .caption p {
    font-size: 48px;
    margin-top: 0;
    margin-bottom: 0
}

.mark-.vid-cap .s-cap .mark-header-img {
    position: absolute;
    top: -30px;
    right: 100%
}

.mark-block h2,
.mark-services .site-head {
    font-size: 30px;
    color: #fff;
    margin-bottom: 35px;
    margin-top: 0
}

.mark-block h2 {
    margin-bottom: 25px
}

.mark-block h2 span {

    font-size: 75px;
    font-weight: bold
}

.mark-services .site-head,
.mark-seo .mark-block h2 {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.mark-services {
    padding: 60px 0;
    text-align: center
}

.mark-services .mark-ser-img {
    padding-top: 32px
}

.mark-services .motion-ser-info h2 {
    padding-left: 10px;
    padding-right: 10px
}

.mark-services .site-head {
    margin-bottom: 45px;
    font-size: 27px;
}

.mark-services .owl-carousel .owl-item img {
    width: auto
}

.mark-services .owl-carousel .owl-nav > button {
    top: 95px;
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.mark-block p {
    font-size: 20px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0
}

.mark-block {
    position: relative;
padding-top: 105px;
padding-bottom: 100px;
}

.mark-plan {
    background: #00bbf1;
    background: -moz-linear-gradient(360deg, #00bbf1 0, #0473c0 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, 0473c0));
    background: -webkit-linear-gradient(360deg, #00bbf1 0, #0473c0 100%);
    background: -o-linear-gradient(360deg, #00bbf1 0, #0473c0 100%);
    background: -ms-linear-gradient(360deg, #00bbf1 0, #0473c0 100%);
    overflow: hidden
}

/*

.mark-plan .mark-block .mark-bl-img {
    position: absolute;
    top: -45px;
    left: -100%
}
*/

.mark-network {
    overflow: hidden
}

.mark-network .mark-block,
.mark-seo .mark-block {
    width: 890px;
    float: right;
}


.mark-seo .mark-block p {
    color: #2a2b2d;
    margin-bottom: 35px
}


.mark-network .mark-block p
 {
    color: #fff;
    margin-bottom: 35px
}

.mark-block .prog-feat-bl.s-ul li {
    color: #fff;
}


.mark-network .mark-block .prog-feat-bl>li,
.mark-sem .mark-block .prog-feat-bl>li,
.mark-cmp .mark-block .prog-feat-bl>li {
    display: block;
    width: auto
}

.mark-network .mark-block .mark-bl-img {
    position: absolute;
right: auto;
left: -70%;
top: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}


.mark-network .mark-block .mark-bl-img img {

}

.mark-sem {
    background: #23e157;
    background: -moz-linear-gradient(360deg, #23e157 0, #00bc33 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, 23e157), color-stop(100%, 00bc33));
    background: -webkit-linear-gradient(360deg, #23e157 0, #00bc33 100%);
    background: -o-linear-gradient(360deg, #23e157 0, #00bc33 100%);
    background: -ms-linear-gradient(360deg, #23e157 0, #00bc33 100%);
    overflow: hidden
}

.mark-sem .mark-block p {
    margin-bottom: 35px
}

.mark-sem .mark-block .prog-feat-bl>li {
    color: #fff
}

.mark-sem .mark-block .mark-bl-img {
    position: absolute;
    bottom: 0;
    left: -80%;
}

.mark-seo {
    overflow: hidden;
padding: 50px 0;
}

.mark-seo .mark-block {
    padding: 80px 0;
padding-bottom: 0;
}

.mark-seo .mark-block .mark-bl-img {
    position: absolute;
top: 0;
left: -55%;
}

.mark-seo .mark-block .mark-bl-img img {	
width: 450px;
}


.mark-cmp {
    background: #2a2b2d;
    background: -moz-linear-gradient(360deg, #2a2b2d 0, #35405d 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, 2a2b2d), color-stop(100%, 35405d));
    background: -webkit-linear-gradient(360deg, #2a2b2d 0, #35405d 100%);
    background: -o-linear-gradient(360deg, #2a2b2d 0, #35405d 100%);
    background: -ms-linear-gradient(360deg, #2a2b2d 0, #35405d 100%);
    overflow: hidden
}

.mark-cmp .mark-block {
    padding: 160px 0
}

.mark-cmp .mark-block p {
    margin-bottom: 35px
}

.mark-cmp .mark-block .mark-bl-img {
    position: absolute;
    bottom: -470px;
    left: -80%;
}

.order-footer .order-head-mark {
    margin-bottom: 35px
}

.webs-.vid-cap .s-cap {
    position: relative
}

.webs-.vid-cap .s-cap .webs-img {
    position: absolute;
    top: 0;
    right: 109%
}

.webs-services {
    padding: 95px 0;
    background-color: #fafafc
}

.webs-services:after {
    display: none;
    content: none
}

.webs-services .site-head {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
text-align: center;
text-transform: capitalize;
}

.webs-services .webs-ser-cont {
    text-align: center
}

.webs-services .webs-ser-cont>li {
    display: inline-block;
    margin: 0 27px 30px 27px
}

.webs-services .webs-ser-cont>li:first-of-type a img {
    margin-left: 53px
}

.webs-services .webs-ser-cont>li:nth-of-type(1) .motion-ser-img .mot-s-im {
    padding-right: 20px
}

.webs-services .webs-ser-cont>li:nth-of-type(4) .motion-ser-img .mot-s-im {
    padding-top: 22px;
    padding-left: 11px
}

.webs-services .webs-ser-cont>li:nth-of-type(6) .motion-ser-img .mot-s-im {
    padding-left: 6px
}

.webs-services .webs-ser-cont>li:nth-of-type(8) .motion-ser-img .mot-s-im {
    padding-top: 43px
}

.webs-c-block {
padding-top: 0;
padding-bottom: 50px;
    position: relative
}

.webs-c-block h2 {
    color: #fff;
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 20px;
text-transform: capitalize;
}

.webs-c-block p {
    text-align: justify;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 45px;
    color: #fff;
    line-height: 1.7
}

.webs-c-block .webs-c-more {
    display: block;
    width: 318px;
    height: 82px;
    border: 1px solid #fff;
    font-size: 24px;
    color: #fff;
    line-height: 82px;
    text-align: center;
    background-color: transparent;
text-transform: capitalize;
}

.webs-cart:after,
.webs-company:after,
.webs-school:after,
.webs-news:after,
.webs-akaar:after,
.webs-haraj:after,
.webs-olx:after,
.webs-idea:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-width: 100px 1000px 0px 1000px;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.webs-c-block .webs-c-img {
    z-index: 3
}



.webs-c-img img {
width: 74%;
width: 400px;
}



.webs-cart,
.webs-company,
.webs-school,
.webs-news,
.webs-akaar,
.webs-haraj,
.webs-olx,
.webs-idea {
    position: relative;
    overflow: hidden
}

.webs-company .webs-c-block h2,
.webs-company .webs-c-block p,
.webs-news .webs-c-block p,
.webs-news .webs-c-block h2,
.webs-haraj .webs-c-block p,
.webs-idea .webs-c-block p {
    color: #444f66
}

.webs-company .webs-c-block .webs-c-more,
.webs-news .webs-c-block .webs-c-more,
.webs-haraj .webs-c-block .webs-c-more,
.webs-olx .webs-c-block .webs-c-more,
.webs-idea .webs-c-block .webs-c-more {
    border: none;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%)
}

.webs-company .webs-c-block .webs-c-more:hover,
.webs-news .webs-c-block .webs-c-more:hover,
.webs-haraj .webs-c-block .webs-c-more:hover,
.webs-olx .webs-c-block .webs-c-more:hover,
.webs-idea .webs-c-block .webs-c-more:hover {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, #c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}


.webs-cart {
padding:30px 0;
}


.webs-cart .webs-c-block p {
    color: #fff
}

.webs-cart .webs-c-block .webs-c-img {
    position: absolute;
top: 30px;
left: -120%;
}



.webs-cart .webs-c-block .webs-c-img img {
 width: 600px;
}


.webs-cart:after {
    border-color: #fafafc;
    border-top-color: transparent;
    bottom: 0
}

.webs-cart .webs-c-block .webs-c-more:hover {
    color: #2a2b2d;
    background-color: #fff
}

.webs-company {
    background-color: #fafafc;
padding-top: 30px;
padding-bottom: 40px;
}

.webs-company .webs-c-block .webs-c-img {
position: absolute;
bottom: 90px;
right: -117%;
}


.webs-company .webs-c-block .webs-c-img img {
width: 500px;
}



.webs-company:after {
    border-color: #12cf45;
    border-top-color: transparent;
    bottom: 0
}

.webs-school {
    background-color: #12cf45;
padding: 30px 0;
}

.webs-school .webs-c-block .webs-c-img {
    position: absolute;
top: 0;
    left: -100%
}

.webs-school .webs-c-block .webs-c-img img {
width: 450px;
}



.webs-school:after {
    border-color: #fafafc;
    border-top-color: transparent;
    bottom: 0
}

.webs-school .webs-c-block .webs-c-more:hover {
    color: #12cf45;
    background-color: #fff
}

.webs-news {
    background-color: #fafafc;
padding: 30px 0;
}

.webs-news .webs-c-block .webs-c-img {
    position: absolute;
top: -35px;
right: -105%;
    z-index: 1
}



.webs-news .webs-c-block .webs-c-img img { 
width: 450px;
}

.webs-news:after {
    border-color: #0297d8;
    border-top-color: transparent;
    bottom: 0
}

.webs-akaar {
    background-color: #0297d8;
padding-top: 30px;
}


#webs-idea {
padding-top: 30px;
}



.webs-akaar .webs-c-block .webs-c-img {
    position: absolute;
top: 0;
left: -100%;
}

.webs-akaar:after {
    border-color: #fff;
    border-top-color: transparent;
    bottom: 0
}

.webs-akaar .webs-c-block .webs-c-more:hover {
    color: #0297d8;
    background-color: #fff
}

.webs-haraj {
    background-color: #fafafc
}

.webs-haraj .webs-c-block .webs-c-img {
    position: absolute;
    bottom: 51px;
    right: -167%
}

.webs-haraj:after {
    border-color: #2a2b2d;
    border-top-color: transparent;
    bottom: 0
}

.webs-haraj .webs-c-block h2,
.webs-idea .webs-c-block h2 {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.webs-olx:after {
    border-color: #fff;
    border-top-color: transparent;
    bottom: 0
}

.webs-olx .webs-c-block .webs-c-img {
    position: absolute;
    top: 50%;
    left: -120%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.webs-olx .webs-c-block p {
    color: #808aa6;

}

.webs-idea:after {
    border-color: #fff;
    border-top-color: transparent;
    bottom: 0
}

.webs-idea .webs-c-block .webs-c-img {
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 1
}

.digital- {
    text-align: center;
    height: 700px;
    background-image: url("../images/digital-1.png");
    background-repeat: no-repeat;
    background-position: center 180px
}

.digital-header:before {
    content: none;
    display: none
}

.digital-.vid-cap .s-cap .caption h1 {
    font-size: 60px
}

.digital-.vid-cap .s-cap .caption p {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 60px
}

.digital-c-block {
    position: relative
}

.digital-c-block h2 {
    font-size: 48px;
    margin-top: 0;
    margin-bottom: 25px;
    position: relative;
    z-index: 2
}

.digital-c-block p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
}

.digital-c-block h2 .digital-c-num {
    position: absolute;
    top: -23px;
    right: -127px;
    z-index: -1
}

.digital-brand {
    position: relative;
    overflow: hidden
}

.digital-brand .digital-c-block {
    padding-bottom: 410px;
    padding-top: 310px
}

.digital-brand .digital-c-block h2,
.digital-pic .digital-c-block h2,
.digital-admin .digital-c-block h2,
.digital-plan .digital-c-block h2 {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.digital-brand .digital-c-block p,
.digital-pic .digital-c-block p,
.digital-admin .digital-c-block p,
.digital-plan .digital-c-block p {
    color: #29334f
}

.digital-brand .digital-c-block .digital-c-img {
    position: absolute;
    top: 20px;
    right: 75%;
    z-index: 3
}

.digital-brand:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-width: 108px 2000px 108px 2000px;
    border-color: #fff #0297d9 #0297d9 #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.digital-brand:before {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #2a2b2d;
    border-width: 100px 1000px 0px 1000px;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.digital-app .digital-c-block {
    width: 700px;
    float: left;
    margin-left: 230px
}

.digital-app {
    overflow: hidden;
    background-color: #0297d9
}

.digital-app .digital-c-block {
    padding: 130px 0 170px 0
}

.digital-app .digital-c-block h2,
.digital-app .digital-c-block p,
.digital-content .digital-c-block h2,
.digital-content .digital-c-block p,
.digital-social .digital-c-block h2,
.digital-social .digital-c-block p {
    color: #fff
}

.digital-app .digital-c-block .digital-c-img {
    position: absolute;
    top: 0;
    left: 128%
}

.digital-pic {
    position: relative;
    overflow: hidden;
    background-color: #ecf7f8
}

.digital-pic:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-width: 50px 1000px 50px 1000px;
    border-color: #0297d9 transparent transparent #0297d9;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.digital-pic:before {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-width: 50px 1000px 50px 1000px;
    border-color: transparent #0fcc43 #0fcc43 transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.digital-pic .digital-c-block {
    width: 755px;
    margin-left: 175px;
    float: left;
    padding-top: 335px;
    padding-bottom: 285px
}

.digital-pic .digital-c-block .digital-c-img {
    position: absolute;
    top: -155px;
    left: 124%
}

.digital-content {
    position: relative;
    overflow: hidden;
    background-color: #0fcc43
}

.digital-content .digital-c-block {
    padding-top: 220px;
    padding-bottom: 290px
}

.digital-content .digital-c-block .digital-c-img {
    position: absolute;
    top: 0;
    right: 114%
}

.digital-content:before {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-width: 50px 1000px 50px 1000px;
    border-color: transparent #fff #fff transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.digital-admin {
    position: relative;
    overflow: hidden
}

.digital-admin:before {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-width: 50px 1000px 50px 1000px;
    border-color: transparent #2a2b2d #2a2b2d transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.digital-admin .digital-c-block {
    padding-top: 235px;
    padding-bottom: 290px;
    width: 630px;
    margin-left: 250px;
    float: left
}

.digital-admin .digital-c-block .digital-c-img {
    position: absolute;
    bottom: 26px;
    left: 123%
}

.digital-social {
    position: relative;
    overflow: hidden
}

.digital-social:before {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-width: 50px 1000px 50px 1000px;
    border-color: transparent #fff #fff transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.digital-social .digital-c-block {
    padding-top: 220px;
    padding-bottom: 288px
}

.digital-social .digital-c-block .digital-c-img {
    position: absolute;
    top: 0;
    right: 100%
}

.digital-plan {
    position: relative;
    overflow: hidden
}

.digital-plan .digital-c-block {
    padding-top: 230px;
    padding-bottom: 195px;
    width: 670px;
    float: left;
    margin-left: 260px
}

.digital-plan .digital-c-block .digital-c-img {
    position: absolute;
    top: 40px;
    left: 123%
}

.digital-order {
    padding-top: 100px;
    position: relative;
    overflow: hidden
}

.digital-order:before {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-width: 50px 1000px 50px 1000px;
    border-color: #fff transparent transparent #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.company-header:after {
    border-color: #fff;
    border-top-color: transparent;
    z-index: 11
}

.company- {
    height: 800px
}

.company-.vid-cap .s-cap .caption h1 {}

.company-.vid-cap .s-cap .head-store-img {
    position: absolute;
    top: 0;
    right: 67%
}

.company-plus .store-plus-img {
    position: absolute;
    top: 15px
}

.contact- {
    height: 620px
}

.contact-header:after {
    border-color: #fff;
    border-top-color: transparent
}

.contact-.contact-header-img {
    padding-left: 175px;
    position: absolute;
    bottom: -9px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 11
}

.contct-us-bt {
    display: block;
    width: 300px;
    height: 76px;
    border: none;
    color: #fff;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%)
}

.faq-acc .mod-form .mod-in {
    margin-bottom: 25px
}

.server-header:before {
    content: none;
    display: none
}

.server-.vid-cap .s-cap .webs-img {
    position: absolute;
    top: 0;
    right: 67%
}

.server-services {
    background-color: #fafafc
}

.server-services .webs-ser-cont>li .motion-ser-img .mot-s-im {
    padding: 0 !important
}

.server-services .webs-ser-cont>li .server-ser-num {
    
    font-size: 35px;
    line-height: 1;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.server-services .webs-ser-cont>li .server-ser-num span {
    display: block;
    font-size: 16px;

}

.server-services .shap-6:before,
.server-services .shap-6:after {
    z-index: 0
}

.support-header:before {
    content: none;
    display: none
}

.support-.vid-cap .s-cap .webs-img {
    position: absolute;
    top: 0;
    right: 100%
}

.support-header:after {
    border-color: #fff;
    border-top-color: transparent
}

.supp-table {
    padding: 90px 0 130px 0;
    background-color: #fafafc;
    text-align: center;
    background-image: url("../images/services-pattern.png");
    background-repeat: no-repeat;
    background-position: right top
}

.supp-table .site-head {
    margin-bottom: 60px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.supp-table .price-table-xs {
    width: 33.33333333%;
    float: right
}

.supp-table .special-supp ul {
    background-color: #fff
}

.supp-table .special-supp h3 .th-1 {
    font-size: 32px;
    
    padding: 30px 0;
    margin-top: -19px
}

.supp-table .price-table-xs ul>li {
    font-size: 16px
}

.supp-table .price-table-xs ul>li:first-child {
    padding-top: 30px
}

.supp-table .price-table-bt {
    display: block;
    border: none;
    background-color: #262f4b;
    font-size: 19px;
    height: 94px;
    color: #fff;
    width: 100%
}

.supp-table .price-table-sp {
    font-size: 24px;
    
    height: 115px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%)
}

.supp-table .price-table-bt:hover {
    background-color: #343f62
}

.supp-table .price-table-sp:hover {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

.supp-features:after {
    content: none;
    display: none
}

.supp-features .feat-bl,
.host-services .feat-bl {
    width: 213px
}

.supp-features .feat-bl .feat-fig,
.host-services .feat-bl .feat-fig {
    width: 168px;
    margin-left: auto;
    margin-right: auto
}

.supp-features .feat-bl:nth-of-type(2) .feat-img {
    position: absolute;
    bottom: -56px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.hosting-header:before {
    display: none;
    content: none
}

.hosting-.vid-cap .s-cap .webs-img {
    position: absolute;
    top: 0;
    right: 70%
}

.hosting-header:after {
    border-color: #fff;
    border-top-color: transparent
}

.host-feat .prog-feat-bl {
    color: #2a2b2d
}

.host-feat .prog-feat-block .prog-feat-img {
right: -60%;
}

.host-services {
    background-color: #fafafc
}

.host-services .feat-bl:nth-of-type(2) .feat-img,
.host-services .feat-bl:last-child .feat-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.host-services .feat-bl:last-child .feat-img {
    padding-top: 10px
}

.wk-view .work-center {
    position: fixed;
    top: 0;
    width: 400px;
    height: 100%;
    padding: 50px 114px 30px 37px;
    color: #fff;
    height: 100%;
    right: -100%;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 100000
}

.wk-view-act .work-center {
    right: 0
}

.wk-view .work-center .wk-logo {
    margin-bottom: 100px;
    display: table
}

.wk-view .work-center h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 17px;
}

.wk-view .work-center p {
    color: #8c93a7;
    font-size: 14px;
    text-align: justify;
    margin-bottom: 40px
}

.wk-view .work-center .wk-btns .wk-bt-1,
.wk-view .work-center .wk-btns .wk-bt-3,
.wk-view .work-center .wk-btns .wk-bt-2 {
    width: 100%;
    height: 40px;
    font-size: 14px;
    display: block;
    color: #fff;
    text-align: center;
    border: 1px solid #515d7d;
    line-height: 40px;
    margin-bottom: 10px
}

.wk-view .work-center .wk-btns .wk-bt-1:hover {
    border-color: #fff
}

.wk-view .work-center .wk-btns .wk-bt-3:hover {
    border-color: #fff
}

.wk-view .work-center .wk-btns .wk-bt-2 {
    border: none;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%)
}

.wk-view .work-center .wk-btns .wk-bt-2:hover {
    background: #c52d2f;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

.wk-view .work-image {
    padding-right: 400px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.wk-view-act .work-image {
    visibility: visible;
    opacity: 1
}

.wk-view .work-image img {
    margin: 0 auto;
    display: block
}

.wpreloader {
    position: absolute;
    top: 35%;
    left: 0;
    right: 400px;
    z-index: -1;
    direction: ltr
}

.wpreloader .loader {
    margin: auto
}

.wk-view .work-center .wk-back {
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 70px;
    left: 37px;
    display: table
}

.wk-view .work-center .wk-back i {
    font-size: 11px;
    margin-right: 7px
}

.album .al-block-vid {
    width: 20%;
    float: right;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.album .al-block-vid>img {
    width: 100%;
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.album .al-block-vid:hover>img {
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media only screen and (max-width: 1600px) {
    .s-nav>li>.s-dropdown {
        padding: 15px 10%;
        overflow: hidden;
        padding-bottom: 0
    }
    .s-nav>li>.s-dropdown:after {
        left: 85%
    }
    .supp-table {
        background-position: 121% top
    }
}

@media (max-width: 1920px) {
    .s-nav>li>.s-dropdown:before {
        content: "";
        display: block;
        width: 626px;
        height: 187px;
        background-image: url("../images/mm-pattern-bottom.png");
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        bottom: -53px;
        right: 68%;
        z-index: 21
    }
}

@media (min-width: 1920px) {
    #myModalStore .modal-dialog {
        margin: 150px auto !important
    }
}

@media only screen and (max-width: 1370px) {
    .services:before {
        right: -278px
    }
    .s-happy {
        margin-right: 30px
    }
    header:before {
        display: none
    }
    .shap-2:after {
        right: -285px
    }
    .our-work .shap-3:before {
        top: -391px;
        left: -107px
    }
    .features .shap-4:after {
        bottom: -545px
    }
    .features .shap-4:before {
        bottom: -605px
    }
    .features .shap-6:after {
        width: 500px
    }
    .features .shap-6:before {
        width: 550px
    }
    .about-us {
        background-position: 121% 0
    }
    .brand-slider .brand-slide-bl {
        margin-right: 60px
    }
    .motion-services .shap-4:after {
        bottom: -589px
    }
    .motion-services .shap-4:before {
        bottom: -635px;
        left: 186px
    }
    .order-footer-motion .order-content {
        background-position: -91px bottom
    }
    .page-template-harag .owl-dots {
        bottom: 20px !important
    }
    .prog-services {
        background-position: 126% -135px
    }
    .webs-services .shap-4:after {
        bottom: -603px
    }
    .webs-services .shap-4:before {
        bottom: -643px
    }
    .digital-c-block h2 .digital-c-num {
        right: -102px
    }

    .mob-company {
        background-position: -90px 0
    }
    .mob-order .shap-9 {
        right: -164px
    }
    .mob-order .shap-10 {
        right: -369px
    }
    .mob-private .shap-12:before,
    .mob-private .shap-11:before {
        content: none;
        display: none
    }
    .digital-app .digital-c-block,
    .digital-plan .digital-c-block {
        margin-left: 130px
    }
    .digital-pic .digital-c-block,
    .digital-admin .digital-c-block {
        margin-left: 100px
    }
    .price-table {
        background-position: 122% -76px
    }
    .mark-network .mark-block,
    .mark-seo .mark-block {
        margin-left: 0
    }
}

@media only screen and (max-width: 1309px) {
    .services .ser-block-1 {
        margin-bottom: 60px;
        height: 546px
    }
    .services .ser-box.box-mr,
    .services .ser-box.box-ml {
        margin: 0
    }
    .services .ser-block-1 .ser-box:nth-of-type(1) {
        position: absolute;
        top: 272px;
        left: 50%;
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .services .ser-block-2 .ser-box:nth-of-type(1),
    .services .ser-block-2 .ser-box:nth-of-type(5) {
        position: absolute;
        top: 540px
    }
    .services .ser-block-2 .ser-box:nth-of-type(1) {
        left: 0
    }
    .services .ser-block-2 .ser-box:nth-of-type(5) {
        right: 0
    }
}

@media only screen and (max-width: 1199px) {
    .shap-2:before {
        right: -103px
    }
    .shap-2:after {
        right: -325px
    }
    .top- {
        padding: 0 15px 0 15px
    }
    .s-nav>li {
        padding-left: 25px
    }
    .s-nav>li:last-child {
        padding-right: 25px
    }
    .s-nav>li:last-child:after {
        right: -2px
    }
    .is-sticky .s-nav>li {
        padding-left: 10px
    }
    .is-sticky .s-nav>li:last-child {
        padding-right: 10px
    }
    .s-happy {
        margin-right: 5px
    }
    .vid-cap .s-cap .caption ul {
        font-size: 29px
    }
    .vid-cap .s-cap {
        padding-top: 110px
    }
    .s-nav>li .s-dropdown {
        padding: 55px 3%
    }
    .s-nav>li .s-dropdown:before {
        right: 83%
    }
    .s-nav>li .s-dropdown>li {
        width: 32%
    }
    .site-form .modal-lg {
        width: 900px
    }
    .features .feat-bl {
        margin-left: 37px !important;
        margin-right: 37px !important
    }
    .motion-about-us .mot-ab-us .mot-ab-us-col {
        padding-left: 15px
    }
    .about-us {
        background-position: 133% -47px
    }
    .about-us .about-info {
        bottom: 22px;
        left: -22px
    }
    .about-us .about-sub {
        margin-top: 15px
    }
    footer .foot-contact {
        margin-top: 30px
    }
    .order-footer .order-content {
        background-position: -20% bottom
    }
    header.motion-.vid-cap .s-cap {
        padding-top: 92px
    }
    header.motion-.vid-cap .s-cap .caption h1 {
        font-size: 60px
    }
    header.motion-.vid-cap .s-cap .caption p {
        font-size: 43px
    }
    header.prog-.vid-cap .s-cap .caption h1 {
        font-size: 55px
    }
    header.prog-.vid-cap .s-cap .caption p {
        font-size: 43px
    }
    .about-branding .about-brand-bl .about-brand-bk {
        left: -110%
    }
    header.brand-.vid-cap .s-cap .caption h1 {
        font-size: 55px
    }
    .mob-.vid-cap .s-cap .caption h1 {
        font-size: 50px
    }
    .mob-.vid-cap .s-cap .caption p {
        font-size: 35px
    }
    .mob-app .mob-app-bl .mob-app-img {
        right: 90%
    }
    .mob-order h2 {
        font-size: 44px
    }
    .mob-order p {
        font-size: 22px
    }
    .mark-network .mark-block,
    .mark-seo .mark-block {
        margin-left: 0
    }
    .digital-.vid-cap .s-cap .caption h1 {
        font-size: 55px
    }
    .digital-content .digital-c-block .digital-c-img {
        right: 100%
    }
    .digital-pic .digital-c-block .digital-c-img {
        left: 100%
    }
    .digital-plan .digital-c-block .digital-c-img {
        left: 111%
    }
    .price-table {
        background-position: 130% -76px
    }
    .mob-private .mob-app-bl {
        padding-right: 0
    }
}

@media only screen and (max-width: 991px) {
    .header-mod {
        float: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        -o-transform-origin: center top;
        -moz-transform-origin: center top;
        -webkit-transform-origin: center top;
        transform-origin: left top
    }
    .top- {
        -webkit-perspective: unset;
        -moz-perspective: unset;
        -ms-perspective: unset;
        perspective: unset
    }
    .nav-go {
        z-index: 330;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    .header-mod .nav-content {
        background-color: #fff;
        padding: 100px 45px 65px 45px;
        margin: 10px
    }
    .shap-1:before,
    .shap-1:after {
        content: none;
        display: none
    }
    .s-nav,
    .s-happy {
        float: none
    }
    .s-nav {
        padding-top: 100px
    }
    .s-nav>li {
        display: block;
        padding-left: 0;
        padding-bottom: 35px;
        padding-left: 30px;
        padding-right: 30px
    }
    .s-nav>li:last-child {
        padding-right: 30px;
        padding-top: 30px;
        border-top: 1px solid #e0e0e0
    }
    .s-nav>li:last-child:after {
        content: "";
        display: none
    }
    .s-nav>li .s-dropdown {
        display: block;
        padding-right: 15px;
        padding-top: 30px;
        position: static;
        padding-bottom: 0;
        padding-left: 0;
        border: none;
        -o-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        visibility: visible;
        opacity: 1;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none
    }
    .s-nav>li .s-dropdown:before,
    .s-nav>li .s-dropdown:after {
        display: none;
        content: ""
    }
    .s-nav>li .s-dropdown>li {
        display: inline-block;
        width: 49%;
        padding: 0
    }
    .s-nav>li .s-dropdown>li:after {
        content: none;
        display: none
    }
    .s-nav>li .s-dropdown>li>a {
        color: #2a2b2d;
        font-size: 19px;
    }
    .s-nav>li .s-dropdown>li .drop-img {
        display: none
    }
    .s-nav>li>a {
        color: #2f3956;
        font-size: 26px
    }
    .s-happy,
    .is-sticky .s-happy {
        margin-right: 0;
        height: 80px;
        width: auto;
        margin-top: 15px;
        background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
        background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
        background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
        background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%)
    }
    .s-happy span,
    .is-sticky .s-happy span {
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px
    }
    .s-happy h5,
    .is-sticky .s-happy h5 {
        display: inline-block;
        margin-top: 0;
        vertical-align: middle;
        line-height: 80px;
        font-size: 28px
    }
    .header-mod .nav-content .nav-close {
        position: absolute;
        top: 40px;
        left: 40px;
        padding: 0;
        background: transparent;
        border: none
    }
    .s-nav>li>a i,
    .s-happy:before,
    .s-happy:after {
        display: none;
        content: none
    }
    .is-sticky .logo {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .s-menu {
        float: left;
        margin-top: 0px;
        cursor: pointer;
        position: relative;
        z-index: 11
    }
    .s-menu .s-men-1 {
        background-image: url(../images/spritesheet.png);
        background-repeat: no-repeat;
        width: 49px;
        height: 29px;
        background-position: -96px -83px;
        margin: 0
    }
    .s-menu .s-men-2 {
        background-image: url(../images/spritesheet.png);
        background-repeat: no-repeat;
        width: 49px;
        height: 29px;
        background-position: -155px -83px;
        margin: 0
    }
    .is-sticky .s-menu {
        margin-top: 15px;
        margin-left: 10px
    }
    .s-menu .s-men-2 {
        display: none
    }
    .is-sticky .s-menu .s-men-1 {
        display: none
    }
    .is-sticky .s-menu .s-men-2 {
        display: block
    }
    .vid-cap .s-cap {
        padding-top: 83px
    }
    .vid-cap .s-cap .caption h1 {
        font-size: 37px
    }
    .vid-cap .s-cap .caption ul {
        font-size: 22px
    }
    .site-form .modal-lg {
        width: 700px
    }
    .site-form .mod-s .customer-serv {
        margin-right: 0
    }
    .site-form .mod-s .mod-contacts:after {
        display: none
    }
    .site-form .mod-s .mod-contacts.two:after {
        display: none
    }
    .site-form .mod-s .mod-contacts,
    .site-form .mod-s .mod-contacts.two {
        margin: auto;
        display: table;
        text-align: center
    }
    .site-form .mod-s .mod-contacts ul>li {
        text-align: right
    }
    .site-form .mod-s .customer-serv {
        display: table;
        margin: 20px auto 0 auto !important;
        text-align: center
    }
    .site-form .mod-s .mod-contacts ul>li:nth-of-type(4) i,
    .site-form .mod-s .mod-contacts ul>li:nth-of-type(3) i {
        margin-right: 0 !important
    }
    .site-form .mod-s .customer-serv .cust-ser:last-of-type {
        margin-right: 0
    }
    .site-form .mod-s .mod-form .wpcf7 .col-lg-4,
    .site-form .mod-s .mod-form .wpcf7 div:nth-child(4),
    span.wpcf7-list-item {
        width: 100% !important
    }
    .site-form .mod-s .mod-head {
        margin-left: auto;
        margin-right: auto
    }
    .site-form .mod-s .customer-serv .cust-ser {
        margin-right: auto;
        margin-left: auto
    }
    .services .ser-box {
        width: 235px
    }
    .services .ser-bl-cent {
        width: 305px
    }
    .services .ser-block-2 {
        height: 580px
    }
    .services .ser-bl-cent {
        position: absolute;
        bottom: 0;
        left: 50%;
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .album .al-block {
        width: 50%
    }
    .about-us .about-img {
        margin-bottom: 20px;
        min-height: 255px
    }
    .about-us .about-img img {
        width: 100%
    }
    .order-footer .order-content {
        background-position: -40% bottom
    }
    .cms-content .cms-social ul>li {
        margin-right: 4px
    }
    .cms-content img {
        display: block !important;
        max-width: 100% !important;
        margin: auto !important
    }
    .faq-acc .panel-heading {
        padding-left: 10px;
        padding-right: 80px
    }
    .faq-acc .panel-heading:after,
    .faq-acc .panel-heading:before {
        right: 20px
    }
    header.motion-.vid-cap .s-cap .caption h1 {
        font-size: 44px
    }
    header.motion-.vid-cap .s-cap .caption p {
        font-size: 37px
    }
    header.motion-.vid-cap .s-cap {
        padding-top: 67px
    }
    .prog-services {
        background-image: none
    }
    header.prog-.vid-cap .s-cap .caption h1 {
        font-size: 43px
    }
    header.prog-.vid-cap .s-cap .caption p {
        font-size: 35px
    }
    .about-branding .about-brand-bl p br {
        display: none
    }
    header.brand-.vid-cap .s-cap {
        padding-top: 154px
    }
    header.brand-.vid-cap .s-cap .caption h1 {
        font-size: 44px
    }
    .mob-features .mob-feat>li {
        margin-bottom: 10px
    }
    .mob-features .mob-feat>li>div {
        float: none
    }
    .mob-features .mob-feat-l>li .motion-ser-info,
    .mob-features .mob-feat>li .motion-ser-info {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px
    }
    .mob-features .mob-feat>li .motion-ser-img,
    .mob-features .mob-feat>li .motion-ser-info p {
        margin: auto
    }
    .mob-.vid-cap .s-cap .caption h1,
    .mob-order h2 {
        font-size: 40px
    }
    .mob-.vid-cap .s-cap .caption p {
        font-size: 30px
    }
    .mob-.vid-cap .s-cap {
        padding-top: 108px
    }
    .mob-order p {
        font-size: 20px
    }
    .mob-order .mob-order-bl {
        padding-top: 39px
    }
    .mark-block h2,
    .mark-services .site-head {
        font-size: 40px
    }
    .mark-block h2 span {
        font-size: 62px
    }
    .mark-block p {
        font-size: 22px
    }
    .mark-cmp .mark-block p br {
        display: none
    }
    .mark-network .mark-block,
    .mark-seo .mark-block {
        float: none;
        width: auto
    }
    .digital-.vid-cap .s-cap .caption h1 {
        font-size: 40px
    }
    .digital-.vid-cap .s-cap .caption p {
        font-size: 30px
    }
    .digital-app .digital-c-block,
    .digital-pic .digital-c-block,
    .digital-admin .digital-c-block,
    .digital-plan .digital-c-block {
        margin-left: 0
    }
    .mob-order h2 {
        font-size: 35px
    }
    .mob-order p {
        font-size: 16px
    }
    .motion-about-us .mot-ab-us .mot-ab-us-col {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
    .price-table {
        background-image: none
    }
    .server-.vid-cap .s-cap .caption h1 {
        font-size: 48px
    }
    .server-.vid-cap .s-cap .caption ul {
        font-size: 33px
    }
    .prog-feat-bl li {
        display: block;
        width: 100%
    }
    .wk-view .work-center {
        width: 300px;
        padding-right: 30px
    }
    .wk-view .work-center .wk-logo {
        margin-bottom: 60px
    }
    .wk-view .work-image {
        padding-right: 300px
    }
    .album .al-block-vid {
        width: 50%
    }
    .motion-features .motion-feat .motion-feat-img,
    .motion-features .motion-feat .motion-feat-info {
        width: 100%;
        text-align: center;
        float: none
    }
    .motion-features .motion-feat .motion-feat-img img {
        margin: auto
    }
    .motion-features .motion-feat {
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 767px) {
    header,
    .mob- {
        height: auto
    }
    .mob-app-bl .body {
        padding-left: 0;
        text-align: center
    }
    .vid-cap .s-cap {
        padding-top: 0;
        text-align: center
    }
    .vid-cap .s-cap .caption h1 {
        font-size: 29px
    }
    .vid-cap .s-cap .caption ul {
        font-size: 17px;
        margin-bottom: 50px
    }
    .vid-cap .s-video {
        margin-bottom: 71px;
        max-height: 170px
    }
    .vid-cap .s-video .vid>img {
        width: 100%
    }
    .s-nav>li .s-dropdown>li {
        display: block;
        width: 100%
    }
    .s-nav>li>.s-dropdown>li>.s-dropdown>li {
        padding-right: 0
    }
    .site-form .mod-s .mod-head {
        width: 270px
    }
    .site-form .mod-s .mod-form .form-head {
        font-size: 25px;
        margin-bottom: 22px
    }
    .services:before {
        top: -102px;
        right: -314px
    }
    .services .ser-block-2 .ser-box:nth-of-type(1),
    .services .ser-block-1 .ser-box:nth-of-type(1),
    .services .ser-block-2 .ser-box:nth-of-type(5) {
        position: static;
        -ms-transform: translateX(0) !important;
        -o-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important
    }
    .store-plus {
        text-align: center
    }
    .store-plus .price {
        display: block;
        text-align: center !important
    }
    .store-plus .order-bt {
        margin-right: 0 !important
    }
    .services .ser-block-1 .ser-box,
    .services .ser-block-2 .ser-box {
        display: block;
        margin: auto
    }
    .services .ser-block-2,
    .services .ser-block-1 {
        height: auto;
        position: relative
    }
    .services .ser-block-2 {
        padding-top: 306px
    }
    .services .ser-bl-cent {
        position: absolute;
        bottom: initial;
        top: 0
    }
    .our-work {
        padding-bottom: 15px
    }
    .our-work .site-head {
        margin-bottom: 20px
    }
    .our-work .shap-3:after {
        width: 132px;
        height: 152px;
        left: -71px
    }
    .our-work .shap-3:before {
        width: 303px;
        height: 351px;
        top: -131px;
        left: -70px
    }
    .site-form .modal-lg {
        width: auto
    }
    .site-form .mod-s {
        padding: 50px
    }
    .site-form .close {
        top: 20px;
        left: 20px
    }
    .features .feat-bl {
        display: block;
        margin-right: auto !important;
        margin-left: auto !important
    }
    .features .shap-4:before {
        bottom: -619px;
        left: -84px
    }
    .features .shap-4::after {
        bottom: -603px;
        left: -200px
    }
    .about-us {
        background-position: 375px -47px
    }
    .about-us .about-info {
        position: static;
        float: left;
        margin-bottom: 20px
    }
    footer .foot-ser {
        margin-top: 30px
    }
    footer .foot-ul>li {
        margin-bottom: 10px
    }
    footer .foot-head,
    footer .foot-contact .cont-h,
    footer .foot-ul,
    footer .foot-contact .cont-p,
    footer .foot-contact .foot-social {
        text-align: center
    }
    footer .foot-contact .foot-social>li {
        margin-left: 7.5px;
        margin-right: 7.5px
    }
    footer .foot-head:after {
        right: 50%;
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
    .brand-slider .brand-slide-bl {
        margin-right: 0
    }
    .order-footer .order-content {
        background-image: none
    }
    .order-footer .order-head {
        font-size: 40px
    }
    .order-footer .order-p {
        font-size: 16px
    }
    .cms-content .cms-tags,
    .cms-content .cms-social h2,
    .cms-content .cms-social ul {
        text-align: center
    }
    .cms-content .cms-social h2 {
        margin-bottom: 20px
    }
    .cms-content .cms-social ul {
        float: none
    }
    .cms-content .cms-social ul>li {
        margin-bottom: 10px
    }
    .cms-content .cms-nex li .nex-arr {
        margin-right: 0
    }
    .cms-content .cms-nex li.nex-left .nex-arr {
        margin-left: 0
    }
    .cms-content .cms-nex {
        margin-bottom: 50px;
        margin-top: 10px
    }
    .cms-content .cms-p {
        text-align: justify
    }
    .faq-acc .panel-body {
        padding: 20px
    }
    .faq-.pg-head:after {
        display: none;
        content: none
    }
    .faq-.pg-head {
        margin-top: 0
    }
    .motion-ser-cont>li {
        display: block
    }
    .motion-ser-cont .motion-ser-info p {
        margin: auto
    }
    .motion-services .shap-6:before {
        top: -428px
    }
    .motion-services .shap-6:after {
        top: -483px
    }
    header.motion-.vid-cap .s-video:after,
    header.motion-.vid-cap .s-video:before,
    header.motion-.vid-cap .s-video .shap-7 {
        display: none;
        content: none
    }
    header.motion-.vid-cap .s-cap {
        padding-top: 0;
        padding-bottom: 20px
    }
    .motion-album .al-block {
        width: 100%
    }
    .prog-slider .owl-carousel .owl-nav > button {
        display: none
    }
    .prog-feat .prog-feat-block .prog-feat-img {
        display: none
    }
    .prog-feat-bl li {
        display: block;
        width: auto
    }
    .prog- {
        height: auto
    }
    .prog-.vid-cap .s-cap {
        padding-top: 30px
    }
    header.brand-.vid-cap .s-cap {
        padding-top: 30px
    }
    .brand-slider .brand-slide-bl p {
        width: auto
    }
    .about-branding .about-brand-bl h2,
    .brand-slider .brand-slide-bl h2 {
        font-size: 28px
    }
    .about-branding .about-brand-bl p,
    .brand-slider .brand-slide-bl p {
        font-size: 19px
    }
    .brand-slider .brand-slide-bl {
        padding: 100px 0
    }
    .brand-slider .brand-slide-bl h2 {
        margin-bottom: 10px;
        text-align: center
    }
    .brand-slider .brand-slide-bl p {
        text-align: center
    }
    .brand-slider .owl-carousel .owl-dots {
        display: none
    }
    header.brand-.vid-cap .s-cap .caption h1,
    .mob-order h2,
    .mob-private .mob-app-bl h2,
    .mob-company .mob-app-bl h2,
    .mob-app .mob-app-bl h2 {
        font-size: 35px
    }
    .mob-company .mob-app-bl h2 {
        margin-bottom: 10px
    }
    .mob-.vid-cap .s-cap {
        padding-top: 70px
    }
    .mob-order .s-video {
        margin-top: -20px
    }
    .s-video {
        height: 220px
    }
    .mob-order .s-video .vid img {
        width: 100%
    }
    .mob-order .mob-order-bl {
        padding-top: 0
    }
    .mob-order {
        text-align: center;
        padding-top: 70px
    }
    .mob-private .mob-app-bl p,
    .mob-app-bl p {
        font-size: 20px;
        margin-bottom: 10px
    }
    .mob-private .mob-app-bl h2 {
        margin-bottom: 10px
    }
    .mob-private,
    .mob-company,
    .mob-app {
        padding: 100px 0;
        text-align: center
    }
    .mob-company .mob-app-bl p {
        font-size: 20px
    }
    .mob-company .mob-app-bl p br,
    .mob-app-bl p br {
        display: none
    }
    .mob-.vid-cap .s-cap .caption h1 {
        font-size: 30px
    }
    .mob-.vid-cap .s-cap .caption p {
        font-size: 20px
    }
    .mob-private .mob-app-bl {
        width: 100%
    }
    .mob-app-bl .order-bt {
        margin: auto
    }
    .mark- {
        height: auto
    }
    .mark-.vid-cap .s-cap .caption h1 {
        font-size: 40px
    }
    .mark-.vid-cap .s-cap .caption p {
        font-size: 30px
    }
    .mark-services .owl-carousel .owl-nav > button {
        display: none
    }
    .mark-block,
    .mark-seo .mark-block,
    .mark-cmp .mark-block {
padding: 30px 0;
    }
    .mark-block h2,
    .mark-services .site-head {
font-size: 22px;
    }
    .mark-block h2 {
        margin-bottom: 20px
    }
    .mark-block h2 span {
        font-size: 45px
    }
    .mark-block p {
        font-size: 16px
    }
    .mark-network .mark-block .prog-feat-bl>li,
    .mark-sem .mark-block .prog-feat-bl>li,
    .mark-cmp .mark-block .prog-feat-bl>li {
        font-size: 15px
    }
    .store- {
        height: auto
    }
    .store-.vid-cap .s-cap .caption h1 {
        font-size: 45px
    }
    .store-.vid-cap .s-cap .caption p {
        font-size: 30px
    }
    .store-content .store-more-feat {
        width: 100%
    }
    .price-table .price-table-order .price-table-bt {
        width: 100%;
        float: none;
        margin-bottom: 30px
    }
    .price-table .price-table-order div:nth-child(2) .price-table-bt {
        width: 100%;
        float: none;
        margin-bottom: 30px;
        background: #e72a23;
        background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
        background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
        background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
        background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
        background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
        top: 1px
    }
    .price-table .price-table-order .price-table-sp {
        height: 94px
    }
    .webs-services .webs-ser-cont>li {
        display: block
    }
    .webs-c-block {
        padding: 70px 0;
        text-align: center
    }
    .webs-olx .webs-c-block p {
        padding-left: 0
    }
    .webs-c-block h2 {
        font-size: 28px
    }
    .webs-cart .webs-c-block p {
        font-size: 19px
    }
    .webs-c-block .webs-c-more {
        width: 245px;
        height: 65px;
        font-size: 20px;
        line-height: 65px;
        margin: auto
    }
    .webs- {
        height: auto
    }
    header.webs-.vid-cap .s-cap .caption h1 {
        font-size: 35px
    }
    header.webs-.vid-cap .s-cap .caption p {
        font-size: 30px
    }
    .digital- {
        height: auto;
        background-image: none
    }
    .digital-app .digital-c-block,
    .digital-pic .digital-c-block,
    .digital-admin .digital-c-block,
    .digital-plan .digital-c-block {
        width: 100%
    }
    .digital-.vid-cap .s-cap .caption h1 {
        font-size: 32px
    }
    .digital-.vid-cap .s-cap .caption p {
        font-size: 25px
    }
    .digital-.shap-2:before {
        display: none;
        content: none
    }
    .digital-c-block h2 {
        font-size: 28px
    }
    .digital-c-block p {
        font-size: 19px
    }
    .digital-c-block p br {
        display: none
    }
    .digital-brand:after {
        border-width: 50px 1000px 50px 1000px
    }
    .digital-brand .digital-c-block {
        padding-bottom: 200px;
        padding-top: 200px
    }
    .digital-app .digital-c-block {
        padding: 0px 0 100px 0
    }
    .digital-pic .digital-c-block {
        padding-top: 100px;
        padding-bottom: 200px
    }
    .digital-content .digital-c-block,
    .digital-admin .digital-c-block,
    .digital-social .digital-c-block {
        padding-top: 20px;
        padding-bottom: 200px
    }
    .digital-plan .digital-c-block {
        padding-top: 20px;
        padding-bottom: 80px
    }
    .digital-order {
        padding-top: 0
    }
    .company- {
        height: auto
    }
    .company-.vid-cap .s-cap .caption h1 {
        font-size: 50px
    }
    .server- {
        height: auto
    }
    .supp-table {
        background-image: none
    }
    .support- {
        height: auto
    }
    .supp-table .price-table-xs {
        width: 100%;
        float: none;
        margin-bottom: 15px
    }
    .supp-table .site-head {
        margin-bottom: 30px
    }
    .supp-table .special-supp h3 .th-1 {
        margin-top: 0px
    }
    .hosting- {
        height: auto
    }
    .wk-view .work-center .wk-logo {
        margin-bottom: 0
    }
    .wk-view .work-center {
        width: 100%;
        padding: 15px;
        height: auto;
        right: 0;
        top: -100%
    }
    .wk-view-act .work-center {
        top: 0
    }
    .wk-view .work-image img {
        right: 0
    }
    .wk-view .wk-btns {
        position: fixed;
        bottom: -100%;
        left: 0;
        padding: 0 15px;
        width: 100%;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s
    }
    .wk-view-act .wk-btns {
        bottom: 0
    }
    .wk-view .work-center .wk-btns .wk-bt-1,
    .wk-view .work-center .wk-btns .wk-bt-3 {
        background: #515d7d;
        margin-bottom: 3px;
        height: 50px;
        line-height: 50px
    }
    .wk-view .work-center .wk-btns .wk-bt-2 {
        height: 50px;
        line-height: 50px
    }
    .wk-view .work-image {
        padding-right: 0;
        padding-top: 109px;
        padding-bottom: 113px
    }
    .wk-view .work-center .wk-back {
        left: 20px;
        top: 50%;
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .store-content .owl-carousel .owl-nav > button,
    .brand-content .owl-carousel .owl-nav > button,
    .mark-services .owl-carousel .owl-nav > button {
        display: none
    }
    header.motion-.shap-7,
    header.motion-.shap-8,
    header.motion-.shap-9,
    header.motion-.shap-10,
    header.motion-.shap-11,
    header.motion-.shap-12,
    header.motion-.shap-13,
    header.motion-.shap-14 {
        display: none
    }
    .clients .client-img img {
        top: 0;
        transform: none;
        display: block
    }
    footer .foot-head2 {
        text-align: center
    }
}

@media only screen and (max-width: 525px) {
    .price-table .package_caption {
        margin-bottom: 25px
    }
    .price-table .price-table-help {
        display: block
    }
    .price-table .site-head {
        font-size: 27px
    }
    .package_caption .caption_1 {
        font-size: 28px
    }
    .package_caption button,
    .package_caption .caption_2,
    .package_caption .caption_3 {
        font-size: 17px;
        width: 65px
    }

    .site-head2,
    .site-head {
        font-size: 24px;
margin-bottom: 30px !important;
    }
    .header-mod .nav-content {
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 65px
    }
    .s-nav>li>a,
    .s-happy h5,
    .is-sticky .s-happy h5 {
        font-size: 20px
    }
    .s-nav>li .s-dropdown>li>a {
        font-size: 16px
    }
    .site-form .mod-s {
        padding-left: 20px;
        padding-right: 20px
    }
    .site-form .mod-s .mod-head {
        width: 100%
    }
    .pg-head {
        font-size: 40px
    }
    header.motion-.vid-cap .s-cap .caption h1 {
        font-size: 41px
    }
    .wk-view .work-center .wk-logo {
        width: 150px
    }
    .wk-view .work-image {
        padding-top: 91px
    }
    .safari .services .ser-block-2 .ser-box {}
}

@media only screen and (max-width: 400px) {
    header .logo {
        width: 150px
    }
    .s-menu {
        width: 39px
    }
    .vid-cap .s-cap .caption h1 {
        font-size: 29px
    }
    .vid-cap .s-cap .caption ul {
        font-size: 25px
    }
    .site-form .mod-s .mod-contacts ul>li {
        font-size: 30px
    }
    .order-footer .order-content {
        background-image: none
    }
    .order-footer .order-head {
        font-size: 30px
    }
    .order-footer .order-p {
        font-size: 28px
    }
    .order-footer .order-bt {
        width: 150px;
        font-size: 20px
    }
    .store-.vid-cap .s-cap .caption h1 {
        font-size: 34px
    }
}

@media only screen and (max-width: 350px) {
    .site-form .mod-s .customer-serv .cust-ser {
        width: 250px
    }
    .order-footer .order-head {
        font-size: 27px
    }
    .order-footer .order-p {
        font-size: 25px
    }
    .cms-content .cms-nex li .nex-arr,
    .cms-content .cms-nex li.nex-left .nex-arr,
    .cms-content .cms-nex li.nex-left,
    .cms-content .cms-nex li.nex-right {
        float: none
    }
    .cms-content .cms-nex {
        text-align: center
    }
    .cms-content .cms-nex li {
        display: inline-block
    }
    .cms-content .cms-nex li .nex-arr span {
        display: none
    }
}

input[name="checkbox[]"] {
    margin-left: 18px
}

.album .al-block:hover>img,
.album .al-block:hover .wk-album img {
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

span.wpcf7-list-item {
    margin: 0 0 10px 0;
    padding: 0 0;
    display: inline-block;
width: auto;
float: left;
margin-right: 60px;
}


.wpcf7-list-item-label {
float: left;
}

.page-template-contact-us .contact-us-p span.wpcf7-list-item {
    font-size: 15px;
    width: 33%;
    color: #808aa6;
}

.store-plus-bl h3 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: -12px
}

.store-plus-bl .main-title {
    text-align: center
}

.store-plus .order-bt {
    font-size: 20px;
    color: #fff;
    width: 200px;
    height: 60px;
    margin-right: 28px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    border: none
}

.store-plus .order-bt:hover {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

.store-plus .price {
    font-size: 30px;
    text-align: right;
    
    margin-top: 0;
    margin-bottom: 15px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.store-plus .store-price {
    margin-top: 30px
}

.loaderHolder {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 555555;
    direction: ltr
}

.cube,
.half1,
.half2,
.loader {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.loader {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 150px auto 0;
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
    transform: scale(2);
    overflow: hidden
}

.cube {
    width: 100px;
    height: 100px
}

.cube {
    -webkit-animation: cube 5s forwards infinite;
    -moz-animation: cube 5s forwards infinite;
    animation: cube 5s forwards infinite;
    -webkit-transform-origin: center 50px;
    -moz-transform-origin: center 50px;
    -ms-transform-origin: center 50px;
    -o-transform-origin: center 50px;
    transform-origin: center 50px
}

.half1 {
    height: 40px;
    top: 0;
    position: absolute;
    -webkit-animation: half-fold 5s forwards infinite;
    -moz-animation: half-fold 5s forwards infinite;
    animation: half-fold 5s forwards infinite;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.side {
    width: 20px;
    height: 20px;
    background: #e56b23;
    position: absolute
}

.s1 {
    top: 0;
    left: 40px;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: s1ani 5s forwards infinite;
    -moz-animation: s1ani 5s forwards infinite;
    animation: s1ani 5s forwards infinite
}

.s2 {
    top: 20px;
    left: 40px;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: s2ani 5s forwards infinite;
    -moz-animation: s2ani 5s forwards infinite;
    animation: s2ani 5s forwards infinite
}

.s3 {
    top: 40px;
    left: 40px;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: s3ani 5s forwards infinite;
    -moz-animation: s3ani 5s forwards infinite;
    animation: s3ani 5s forwards infinite
}

.s4 {
    top: 60px;
    left: 40px;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: s4ani 5s forwards infinite;
    -moz-animation: s4ani 5s forwards infinite;
    animation: s4ani 5s forwards infinite
}

.s5 {
    left: 20px;
    top: 20px;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: s5ani 5s forwards infinite;
    -moz-animation: s5ani 5s forwards infinite;
    animation: s5ani 5s forwards infinite
}

.s6 {
    left: 60px;
    top: 40px;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: s6ani 5s forwards infinite;
    -moz-animation: s6ani 5s forwards infinite;
    animation: s6ani 5s forwards infinite
}

@-webkit-keyframes s1ani {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px)
    }
    10% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    40% {
        -webkit-transform: rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateX(-90deg)
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes s1ani {
    0% {
        opacity: 1;
        -moz-transform: translateY(0px)
    }
    10% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    40% {
        -moz-transform: rotateX(0deg)
    }
    50% {
        -moz-transform: rotateX(-90deg)
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes s1ani {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
    10% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    40% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes s2ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg)
    }
    10% {
        opacity: 1;
        -webkit-transform: rotateX(0deg)
    }
    20% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes s2ani {
    0% {
        opacity: 0;
        -moz-transform: rotateX(-179deg)
    }
    10% {
        opacity: 1;
        -moz-transform: rotateX(0deg)
    }
    20% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes s2ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        -ms-transform: rotateX(-179deg);
        -o-transform: rotateX(-179deg);
        transform: rotateX(-179deg)
    }
    10% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    20% {
        opacity: 1
    }
    30% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes s3ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg)
    }
    10% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotateX(0deg)
    }
    30% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes s3ani {
    0% {
        opacity: 0;
        -moz-transform: rotateX(-179deg)
    }
    10% {
        opacity: 0;
        -moz-transform: rotateX(-179deg)
    }
    20% {
        opacity: 1;
        -moz-transform: rotateX(0deg)
    }
    30% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes s3ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        -ms-transform: rotateX(-179deg);
        -o-transform: rotateX(-179deg);
        transform: rotateX(-179deg)
    }
    10% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        -ms-transform: rotateX(-179deg);
        -o-transform: rotateX(-179deg);
        transform: rotateX(-179deg)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    30% {
        opacity: 1
    }
    40% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes s4ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg)
    }
    10% {
        opacity: 0
    }
    20% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg)
    }
    30% {
        opacity: 1;
        -webkit-transform: rotateX(0deg)
    }
    40% {
        -webkit-transform: rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateX(90deg);
        opacity: 0.5
    }
    60% {
        opacity: 0.5
    }
    70% {
        opacity: 0.5
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes s4ani {
    0% {
        opacity: 0;
        -moz-transform: rotateX(-179deg)
    }
    10% {
        opacity: 0
    }
    20% {
        opacity: 0;
        -moz-transform: rotateX(-179deg)
    }
    30% {
        opacity: 1;
        -moz-transform: rotateX(0deg)
    }
    40% {
        -moz-transform: rotateX(0deg)
    }
    50% {
        -moz-transform: rotateX(90deg);
        opacity: 0.5
    }
    60% {
        opacity: 0.5
    }
    70% {
        opacity: 0.5
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes s4ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        -ms-transform: rotateX(-179deg);
        -o-transform: rotateX(-179deg);
        transform: rotateX(-179deg)
    }
    10% {
        opacity: 0
    }
    20% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        -ms-transform: rotateX(-179deg);
        -o-transform: rotateX(-179deg);
        transform: rotateX(-179deg)
    }
    30% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    40% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        opacity: 0.5
    }
    60% {
        opacity: 0.5
    }
    70% {
        opacity: 0.5
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes s5ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-179deg)
    }
    10% {
        opacity: 0;
        -webkit-transform: rotateY(-179deg)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotateY(0deg)
    }
    30% {
        opacity: 1
    }
    40% {
        -webkit-transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(90deg)
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes s5ani {
    0% {
        opacity: 0;
        -moz-transform: rotateY(-179deg)
    }
    10% {
        opacity: 0;
        -moz-transform: rotateY(-179deg)
    }
    20% {
        opacity: 1;
        -moz-transform: rotateY(0deg)
    }
    30% {
        opacity: 1
    }
    40% {
        -moz-transform: rotateY(0deg)
    }
    50% {
        -moz-transform: rotateY(90deg)
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes s5ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-179deg);
        -moz-transform: rotateY(-179deg);
        -ms-transform: rotateY(-179deg);
        -o-transform: rotateY(-179deg);
        transform: rotateY(-179deg)
    }
    10% {
        opacity: 0;
        -webkit-transform: rotateY(-179deg);
        -moz-transform: rotateY(-179deg);
        -ms-transform: rotateY(-179deg);
        -o-transform: rotateY(-179deg);
        transform: rotateY(-179deg)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    30% {
        opacity: 1
    }
    40% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes s6ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(179deg)
    }
    10% {
        opacity: 0
    }
    20% {
        opacity: 0;
        -webkit-transform: rotateY(179deg)
    }
    30% {
        opacity: 1;
        -webkit-transform: rotateY(0deg)
    }
    40% {
        -webkit-transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(-90deg)
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes s6ani {
    0% {
        opacity: 0;
        -moz-transform: rotateY(179deg)
    }
    10% {
        opacity: 0
    }
    20% {
        opacity: 0;
        -moz-transform: rotateY(179deg)
    }
    30% {
        opacity: 1;
        -moz-transform: rotateY(0deg)
    }
    40% {
        -moz-transform: rotateY(0deg)
    }
    50% {
        -moz-transform: rotateY(-90deg)
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes s6ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(179deg);
        -moz-transform: rotateY(179deg);
        -ms-transform: rotateY(179deg);
        -o-transform: rotateY(179deg);
        transform: rotateY(179deg)
    }
    10% {
        opacity: 0
    }
    20% {
        opacity: 0;
        -webkit-transform: rotateY(179deg);
        -moz-transform: rotateY(179deg);
        -ms-transform: rotateY(179deg);
        -o-transform: rotateY(179deg);
        transform: rotateY(179deg)
    }
    30% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    40% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
    60% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

.loader {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 300px auto 0;
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cube {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.side {
    width: 20px;
    height: 20px;
    background: #e56b23;
    position: absolute
}

.s1 {
    top: 0;
    left: 40px;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: s1ani 5s forwards infinite;
    -moz-animation: s1ani 5s forwards infinite;
    animation: s1ani 5s forwards infinite
}

.s2 {
    top: 20px;
    left: 40px;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: s2ani 5s forwards infinite;
    -moz-animation: s2ani 5s forwards infinite;
    animation: s2ani 5s forwards infinite
}

.s3 {
    top: 40px;
    left: 40px;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: s3ani 5s forwards infinite;
    -moz-animation: s3ani 5s forwards infinite;
    animation: s3ani 5s forwards infinite
}

.s4 {
    top: 60px;
    left: 40px;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: s4ani 5s forwards infinite;
    -moz-animation: s4ani 5s forwards infinite;
    animation: s4ani 5s forwards infinite
}

.s5 {
    left: 20px;
    top: 20px;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: s5ani 5s forwards infinite;
    -moz-animation: s5ani 5s forwards infinite;
    animation: s5ani 5s forwards infinite
}

.s6 {
    left: 60px;
    top: 40px;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-animation: s6ani 5s forwards infinite;
    -moz-animation: s6ani 5s forwards infinite;
    animation: s6ani 5s forwards infinite
}

@-webkit-keyframes cube {
    0% {
        -webkit-transform: rotateX(0deg)
    }
    30% {
        -webkit-transform: rotateX(0deg)
    }
    40% {
        -webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg)
    }
    60% {
        -webkit-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg)
    }
    65% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg)
    }
    70% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg)
    }
    75% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg)
    }
    80% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg)
    }
    90% {
        -webkit-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg)
    }
}

@-moz-keyframes cube {
    0% {
        -moz-transform: rotateX(0deg)
    }
    30% {
        -moz-transform: rotateX(0deg)
    }
    40% {
        -moz-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg)
    }
    60% {
        -moz-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg)
    }
    65% {
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg)
    }
    70% {
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg)
    }
    75% {
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg)
    }
    80% {
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg)
    }
    90% {
        -moz-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg)
    }
}

@keyframes cube {
    0% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    30% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    40% {
        -webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
        -moz-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
        -ms-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
        -o-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
        transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg)
    }
    60% {
        -webkit-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
        -moz-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
        -ms-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
        -o-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
        transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg)
    }
    65% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        -ms-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        -o-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        transform: rotateX(60deg) rotate(45deg) rotateZ(180deg)
    }
    70% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        -ms-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        -o-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
        transform: rotateX(60deg) rotate(45deg) rotateZ(180deg)
    }
    75% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        -ms-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        -o-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        transform: rotateX(60deg) rotate(45deg) rotateZ(360deg)
    }
    80% {
        -webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        -moz-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        -ms-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        -o-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
        transform: rotateX(60deg) rotate(45deg) rotateZ(360deg)
    }
    90% {
        -webkit-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
        -moz-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
        -ms-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
        -o-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
        transform: rotateX(0deg) rotate(0deg) rotateZ(0deg)
    }
}

@-webkit-keyframes s1ani {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        background: #e56b23
    }
    40% {
        -webkit-transform: rotateX(0deg);
        background: #e56b23
    }
    50% {
        -webkit-transform: rotateX(-90deg);
        background: #e56b23
    }
    90% {
        -webkit-transform: rotateX(-90deg)
    }
}

@-moz-keyframes s1ani {
    0% {
        opacity: 1;
        -moz-transform: translateY(0px);
        background: #e56b23
    }
    40% {
        -moz-transform: rotateX(0deg);
        background: #e56b23
    }
    50% {
        -moz-transform: rotateX(-90deg);
        background: #e56b23
    }
    90% {
        -moz-transform: rotateX(-90deg)
    }
}

@keyframes s1ani {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        background: #e56b23
    }
    40% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
        background: #e56b23
    }
    50% {
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        background: #e56b23
    }
    90% {
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes s2ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg)
    }
    10% {
        opacity: 1;
        -webkit-transform: rotateX(0deg)
    }
    40% {
        background: #e56b23
    }
    45% {
        background: #d65e18
    }
    65% {
        opacity: 1;
        background: #d65e18
    }
    80% {
        background: #d65e18
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes s2ani {
    0% {
        opacity: 0;
        -moz-transform: rotateX(-179deg)
    }
    10% {
        opacity: 1;
        -moz-transform: rotateX(0deg)
    }
    40% {
        background: #e56b23
    }
    45% {
        background: #d65e18
    }
    65% {
        opacity: 1;
        background: #d65e18
    }
    80% {
        background: #d65e18
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes s2ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        -ms-transform: rotateX(-179deg);
        -o-transform: rotateX(-179deg);
        transform: rotateX(-179deg)
    }
    10% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    40% {
        background: #e56b23
    }
    45% {
        background: #d65e18
    }
    65% {
        opacity: 1;
        background: #d65e18
    }
    80% {
        background: #d65e18
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes s3ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg)
    }
    10% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotateX(0deg)
    }
    40% {
        background: #e56b23
    }
    45% {
        background: #d65e18
    }
    90% {
        opacity: 1;
        -webkit-transform: rotateX(0deg)
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes s3ani {
    0% {
        opacity: 0;
        -moz-transform: rotateX(-179deg)
    }
    10% {
        opacity: 0;
        -moz-transform: rotateX(-179deg)
    }
    20% {
        opacity: 1;
        -moz-transform: rotateX(0deg)
    }
    40% {
        background: #e56b23
    }
    45% {
        background: #d65e18
    }
    90% {
        opacity: 1;
        -moz-transform: rotateX(0deg)
    }
    100% {
        opacity: 0
    }
}

@keyframes s3ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        -ms-transform: rotateX(-179deg);
        -o-transform: rotateX(-179deg);
        transform: rotateX(-179deg)
    }
    10% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        -ms-transform: rotateX(-179deg);
        -o-transform: rotateX(-179deg);
        transform: rotateX(-179deg)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    40% {
        background: #e56b23
    }
    45% {
        background: #d65e18
    }
    90% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes s4ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg)
    }
    10% {
        opacity: 0
    }
    20% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg)
    }
    30% {
        opacity: 1;
        -webkit-transform: rotateX(0deg)
    }
    40% {
        -webkit-transform: rotateX(0deg);
        background: #e56b23
    }
    50% {
        -webkit-transform: rotateX(90deg);
        background: #d65e18
    }
    80% {
        background: #d65e18
    }
    90% {
        opacity: 1;
        -webkit-transform: rotateX(90deg)
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes s4ani {
    0% {
        opacity: 0;
        -moz-transform: rotateX(-179deg)
    }
    10% {
        opacity: 0
    }
    20% {
        opacity: 0;
        -moz-transform: rotateX(-179deg)
    }
    30% {
        opacity: 1;
        -moz-transform: rotateX(0deg)
    }
    40% {
        -moz-transform: rotateX(0deg);
        background: #e56b23
    }
    50% {
        -moz-transform: rotateX(90deg);
        background: #d65e18
    }
    80% {
        background: #d65e18
    }
    90% {
        opacity: 1;
        -moz-transform: rotateX(90deg)
    }
    100% {
        opacity: 0
    }
}

@keyframes s4ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        -ms-transform: rotateX(-179deg);
        -o-transform: rotateX(-179deg);
        transform: rotateX(-179deg)
    }
    10% {
        opacity: 0
    }
    20% {
        opacity: 0;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        -ms-transform: rotateX(-179deg);
        -o-transform: rotateX(-179deg);
        transform: rotateX(-179deg)
    }
    30% {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    40% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
        background: #e56b23
    }
    50% {
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        background: #d65e18
    }
    80% {
        background: #d65e18
    }
    90% {
        opacity: 1;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes s5ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-179deg)
    }
    10% {
        opacity: 0;
        -webkit-transform: rotateY(-179deg)
    }
    20% {
        opacity: 1;
        background: #e56b23;
        -webkit-transform: rotateY(0deg)
    }
    40% {
        -webkit-transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(90deg)
    }
    55% {
        background: #e56b23
    }
    60% {
        background: #d65e18
    }
    90% {
        -webkit-transform: rotateY(90deg);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes s5ani {
    0% {
        opacity: 0;
        -moz-transform: rotateY(-179deg)
    }
    10% {
        opacity: 0;
        -moz-transform: rotateY(-179deg)
    }
    20% {
        opacity: 1;
        background: #e56b23;
        -moz-transform: rotateY(0deg)
    }
    40% {
        -moz-transform: rotateY(0deg)
    }
    50% {
        -moz-transform: rotateY(90deg)
    }
    55% {
        background: #e56b23
    }
    60% {
        background: #d65e18
    }
    90% {
        -moz-transform: rotateY(90deg);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes s5ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-179deg);
        -moz-transform: rotateY(-179deg);
        -ms-transform: rotateY(-179deg);
        -o-transform: rotateY(-179deg);
        transform: rotateY(-179deg)
    }
    10% {
        opacity: 0;
        -webkit-transform: rotateY(-179deg);
        -moz-transform: rotateY(-179deg);
        -ms-transform: rotateY(-179deg);
        -o-transform: rotateY(-179deg);
        transform: rotateY(-179deg)
    }
    20% {
        opacity: 1;
        background: #e56b23;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    40% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
    55% {
        background: #e56b23
    }
    60% {
        background: #d65e18
    }
    90% {
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes s6ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(179deg)
    }
    20% {
        opacity: 0;
        -webkit-transform: rotateY(179deg)
    }
    30% {
        opacity: 1;
        -webkit-transform: rotateY(0deg)
    }
    40% {
        -webkit-transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(-90deg);
        background: #e56b23
    }
    60% {
        background: #d65e18
    }
    80% {
        background: #d65e18
    }
    90% {
        opacity: 1;
        -webkit-transform: rotateY(-90deg)
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes s6ani {
    0% {
        opacity: 0;
        -moz-transform: rotateY(179deg)
    }
    20% {
        opacity: 0;
        -moz-transform: rotateY(179deg)
    }
    30% {
        opacity: 1;
        -moz-transform: rotateY(0deg)
    }
    40% {
        -moz-transform: rotateY(0deg)
    }
    50% {
        -moz-transform: rotateY(-90deg);
        background: #e56b23
    }
    60% {
        background: #d65e18
    }
    80% {
        background: #d65e18
    }
    90% {
        opacity: 1;
        -moz-transform: rotateY(-90deg)
    }
    100% {
        opacity: 0
    }
}

@keyframes s6ani {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(179deg);
        -moz-transform: rotateY(179deg);
        -ms-transform: rotateY(179deg);
        -o-transform: rotateY(179deg);
        transform: rotateY(179deg)
    }
    20% {
        opacity: 0;
        -webkit-transform: rotateY(179deg);
        -moz-transform: rotateY(179deg);
        -ms-transform: rotateY(179deg);
        -o-transform: rotateY(179deg);
        transform: rotateY(179deg)
    }
    30% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    40% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        background: #e56b23
    }
    60% {
        background: #d65e18
    }
    80% {
        background: #d65e18
    }
    90% {
        opacity: 1;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes half-fold {
    0% {
        -webkit-transform: rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateX(0deg)
    }
    60% {
        -webkit-transform: rotateX(-90deg)
    }
    90% {
        -webkit-transform: rotateX(-90deg)
    }
}

@-moz-keyframes half-fold {
    0% {
        -moz-transform: rotateX(0deg)
    }
    50% {
        -moz-transform: rotateX(0deg)
    }
    60% {
        -moz-transform: rotateX(-90deg)
    }
    90% {
        -moz-transform: rotateX(-90deg)
    }
}

@keyframes half-fold {
    0% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    50% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    60% {
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
    90% {
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

.con-.pg-head {
    font-size: 48px;
    margin-bottom: 0;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px
}

.con-.pg-head:after {
    content: "";
    display: block;
    width: 158px;
    height: 158px;
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 15px;
    left: -160px
}

.f-acc>p {
    font-size: 20px;
    color: #384360
}

.prog-feat-bl2 li {
    color: #2a2b2d
}

.faq-acc .faq-contact>ul>li,
.faq-acc .faq-contact>ul>li>a {
    color: #384360
}

.serv404 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.serv404 li {
    display: inline-block;
    width: 30%;
    border: 1px solid #2d3854;
    padding: 10px 0;
    margin-bottom: 15px;
    border-radius: 5px
}

.serv404 a {
    color: #2d3854
}

.blogDesc h1 {
    display: inline;
    font-size: 16px;
    color: #2c3652
}

.blogDesc {
    font-size: 16px;
    margin-bottom: 55px;
    color: #2c3652;
    line-height: 1.7
}

#wkContent {
    display: none
}

.about-us .about-info {
    z-index: 9
}

.showMore-btn {
    clear: both;
    position: relative;
    top: -25px;
    text-align: center;
    height: 75px
}

.showMore:focus {
    color: #fff
}

.showMore {
    display: inline-block;
    width: 384px;
    min-height: 75px;
    line-height: 75px;
    height: 75px;
    color: #fff;
    font-size: 19px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    border: none;
    position: relative;
    text-align: center;
    max-width: 100%
}

.showMore:hover {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    color: #fff
}

.slider {
    clear: both;
    margin-top: 75px
}

.owl-carousel .owl-dots {
    right: 50%;
    transform: translateX(50%);
    position: absolute;
    bottom: -25px
}

.owl-carousel .owl-dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    right: 50%;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #ddd !important;
    border: 1px solid #fff
}

.owl-carousel .owl-dot.active {

    background-color: #c52d2f !important;
    border: 1px solid #c52d2f
}

.about {
    position: relative;
    margin-top: 74px
}

.about .heading,
.about .about-text {
    text-align: center
}

.about .heading {
    font-size: 44px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 22px
}

.about .about-text {
    font-size: 24px;
    color: #2a2b2d;
    line-height: 38px;
    padding: 0 38px;
    margin-bottom: 60px
}

.about .list {
    list-style-image: url("../images/list-img.png");
    padding-right: 28px
}

.about .list li {
    font-size: 18px;
    color: #808aa6;
    padding-right: 15px;
    line-height: 30px;
    margin-bottom: 13px
}

.harag-works {
    position: relative;
    margin-top: 74px
}

.harag-works .heading {
    font-size: 36px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 42px;
    text-align: center
}

.image-box .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    text-align: center
}

.image-box:hover .overlay {
    opacity: 1;
    z-index: 1
}

.image-box .overlay a {
    width: 100%;
    top: 30%;
    position: relative
}

.image-box .overlay a i {
    color: #fff;
    font-size: 48px;
    text-shadow: 0px 0px 15px #000, 0px 0px 0px #000;
    opacity: 1
}

.image-box img {
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.image-box:hover img {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1)
}

.harag-show {
    position: relative;
    margin-top: 74px;
    padding-top: 90px;
    background-image: url(../css/images/background.jpg);
    background-position-x: center
}

.harag-show .heading,
.harag-show .harag-show-text {
    text-align: right
}

.harag-show .heading {
    font-size: 36px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 28px
}

.harag-show .harag-show-text {
    font-size: 24px;
    color: #2a2b2d;
    line-height: 38px;
    padding: 0;
    margin-bottom: 40px
}

.harag-show .list-two {
    list-style-image: url("../images/list-img.png");
    padding-right: 28px
}

.harag-show .list-two li {
    font-size: 18px;
    color: #808aa6;
    padding-right: 15px;
    line-height: 30px;
    margin-bottom: 13px
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    font-weight: 400;
    left: 50% !important;
    transform: translate(-50%, -50%)
}

.lb-outerContainer {
    width: 80% !important;
    height: auto !important
}

.lightbox .lb-image {
    width: 100% !important;
    height: 100% !important
}

.images-gallery {
    position: relative;
    padding-top: 80px;
    padding-bottom: 180px;
    background-color: #fafafc
}

.images-gallery img {
    display: inline-block;
    opacity: 0.3;
    transition: all 0.5s ease-in-out
}

.images-gallery img:hover {
    opacity: 1
}

.gallery-content {
    display: table;
    margin: auto
}

.images-gallery img:nth-child(even) {
    margin-right: 30px;
    margin-left: 30px
}

.lightboxOverlay {
    z-index: 99999 !important
}

div#lightbox {
    z-index: 99999 !important
}

.lb-data .lb-close {
    position: absolute;
    top: -30px
}

.about-view .num {
    margin: 0 4px 0 6px;
    font-family: sans-serif
}

#myModalStore .modal-dialog {
    margin: 50px auto;
    width: 988px
}

#myModalStore .modal-content {
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: 0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAACzCAYAAACguwGZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRDI1NTg5QTlCMTExRTdCNEY3QTY3NzBENUUzMUNCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVGRDI1NThBQTlCMTExRTdCNEY3QTY3NzBENUUzMUNCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUZEMjU1ODdBOUIxMTFFN0I0RjdBNjc3MEQ1RTMxQ0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUZEMjU1ODhBOUIxMTFFN0I0RjdBNjc3MEQ1RTMxQ0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7cgYuhAAAGMUlEQVR42uzdaW4bORAGUDmWrZmj5PccZO5/kFhetEQCyLijKLI2dpPF94DGBEEwtjv6VEUVw37YbrezY77/93/+5b+7az4DmvXtjD+zTNfG7YI2nVupV+l6TteDWwexKvrQ++76sbs+3DqIG/S9/aL+dXe97K61Wwgxg56tU9hfU/iBxtfop3wcrN+BQBX9sJ1/S+t37TwEDXq2Se28cRwEa92PGY7jFm4zxKroh/I4buVWQ9yg53Z+mVp67TwEDXq2TtXdOA4CBz37mNldB+GDPpt97q4zjoPAQR+u3+2ug8Jq+XfmdtdB4Ip+2M7n3XXGcRA06MN23mEXELB1P8ZhFxC4oh9y2AV0EPS8fnfYBQQPeuawCwi2Rj/FOA4CV/TDdt44DoIHPTOOg6Ct+zHGcRC4oh8yjoMOgp7X73kcp51H0IP/fA67gA6CnjnsAkHvhMMuEPSOOHseQe/IKlX3dy8DBD0+u+sQ9I7aeWfPI+idyOO4fZU3jkPQg7O7DkHvRB7HGcUh6ME9pgsEPTCPfEbQg5ur5gh6fI6oQtBVcxB0a3MQ9Ko9uS8IurU5CLpqDoJubQ6CPnnL7ohoBD2wB2tzBL2PtblqjqCr5iDo1uYg6FVX8ycvAwRdNQdBtzYHQa+ZzTEIegc/t7U5gt7B2hwEXTUHQbc2B0Gv+ued+2tH0FVzEPSGParmCLpqDoIeoJo7vhlBV81B0FvmYQwIumoOgh6hmjtcA0FXzUHQW+ZhDNBB0P0LNQgedNUcOgi6tTkED7oDHyF40B34CB0E3aOVIHjQVXPoIOjW5hA86B6tBB0EXTWH4EG3NocOgm5zDAQPuocxQAdB17JD8KCr5nCmls85tzZvz3p3faT/PunIBP2cau5hDG3YpnDvr83g99/S7y38XQq6at6uVQry6sSf2Qd/mV6Hi5kzBAR9wKOV6rUZVO/thW8Kq9TK2/wk6Kp5xa35Kq29b/E+CLwPWjsOukcrtdWaX9sVvKb/9z/a+T6Drpq32ZpfY98d/EiVfaGd7yfoHq00XWueq/d6gq+fu4aFdr6PoKvm41oPQrad+HvZpnb+PbXz3vCDBt2jlcYL1LGZd01Lh5fZ52Ybr4lgQVfNyyr1wVrpdj6P4wgQdA9jKNea54BvG/z+99+z3XWBgu4du5/W/Np23u66xoOumvfZml/7M9pd12jQrc1vq3Rjzbxr8j5o543jGgi6d+XrWvMpZ9413YfXQeAfBb1ODny8zHpQvfn9vuRxXNe762oNukcrndea5+q9cTtO6n4cV2PQVfOvX7S9t+bXtvPdjuNq/GGtzf/emtewHTVCJ9TdOK62oHu00u8VKNrMuyZdjeNqC7pq3sfMuyZdjONqCnrPa/NeZ941dU+hD7uoKeiLDl9cZt51CXvYRS1B7+lhDGbe9Qs3jqsl6NFb9s3gxeODtXY6rrdBO/8o6Kr5qcqgNW//Tfpl1vg4roagR1ubm3nHNBzHLQT9MlEexmDm3Y989nxTu+um/kZbX5ubeffbzi9ToWpiHDdl0Fut5mbeDJdpTYzjpgxaS+ucez52iHiqP3t+PuHXbWFcoTXnkmJQ7dnzUwW95rW51pxbXz/VHXYxn+hr1lbNbUelVDtfxe66KYJe09rczJvSBaSKwy7G/sI1HN/sCCameM1NetjF2EGfsoXxwRpTm+ywizGDPkU1b/2xQ8Q0+mEXYwZ9rGpuOyqtrN9HO3t+PmLIS1dzrTktGuXs+TGCXvKIKDNvoig6jhsj6Pd+GIOZN5Hb+SLjuNJBv2c1dwQTvbj7OK500G8dIZh507O7jeNKBv2WhzE4ggk+3TyOKxn0S9+BbEeF0+v3q8+eLxX0c9fmZt5wmasOuygV9K/+4YqZN9zmosMuSgT9b8c3m3lDmXb+y8MuSgT9+eAbMfOGsr48e/7eQc/V3MwbxrcatPPPJYP+kD4o8MEaTOeP3XX3Drr2HOpp53+dPf/N/YDQ9sV3KejQAUGHDtr4h+3WSBuiE3QQdEDQAUEHBB0QdEDQAUEHBB0EHRB0QNABQQcEHRB0QNABQQdBBwQdEHRA0AFBBwQdEHRA0EHQBR0EHRB0QNABQQcEHRB0QNCBX34KMAAJdCK7bf/jeQAAAABJRU5ErkJggg==");
    background-position: top right;
    background-repeat: no-repeat
}

#myModalStore .modal- {
    border-bottom: 0;
    padding: 25px
}

#myModalStore .modal-header .close {
    font-size: 30px;
    color: #2a2b2d;
    border: 1px solid #2a2b2d;
    padding: 0;
    width: 38px;
    height: 38px;
    transition: 0.5s ease;
    float: left;
}

#myModalStore .modal-.close:hover {
    color: #ef2121;
    border-color: #ef2121
}

#myModalStore .modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 70px;
    padding-top: 0;
    margin: auto
}

#myModalStore .modal-body .title {
    font-size: 36px;
    text-align: center;
    background-image: -webkit-linear-gradient( right, #c52d2f, #ef2121);
    background-image: -moz-linear-gradient(right, #c52d2f, #ef2121);
    background-image: -ms-linear-gradient(right, #c52d2f, #ef2121);
    background-image: -o-linear-gradient(right, #c52d2f, #ef2121);
    background-image: linear-gradient(right, #c52d2f, #ef2121);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    margin: 30px 0;
    padding: 0 15px;
    line-height: 45px;
    width: 70%
}

#myModalStore .modal-body .go {
    background: red;
    background: -webkit-linear-gradient(right, #c52d2f, #ef2121);
    background: -o-linear-gradient(right, #c52d2f, #ef2121);
    background: -moz-linear-gradient(right, #c52d2f, #ef2121);
    background: linear-gradient(right, #c52d2f, #ef2121);
    border: 0;
    width: 231px;
    height: 69px;
    font-size: 19px;
    color: #fff
}

@media (max-width: 991px) {
    #myModalStore .modal-dialog {
        width: auto
    }
    #myModalStore.modal {
        padding-right: 17px;
        padding-left: 17px
    }
    #myModalStore .modal-body .title {
        width: 100%
    }
}

.unified {
    background-color: #f7f6fc;
    padding: 90px 0 75px 0
}

.unified .site-head {
    font-size: 28px;
    
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 40px
}

.unified-ser-cont>li {
    display: inline-block;
    margin: 0 15px 15px 15px
}

.unified .motion-ser-cont>li:nth-of-type(3) .motion-ser-img .mot-s-im {
    padding-left: 6px
}

.unified .motion-ser-cont>li {
    display: inline-table
}

.unified .motion-ser-cont>li:nth-of-type(2) .motion-ser-img .mot-s-im {
    padding-top: 15px;
    padding-left: 0
}

.unified .motion-ser-info h2 {
    font-size: 16px
}

.unified .center-block {
    height: 91px
}

.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}


.what_unified h3 {
    font-size: 34px;
    
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0
}

.what_unified {
    text-align: center;
    padding: 70px 0 40px 0;
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center bottom 395px;
    overflow: hidden
}

.what_unified .what_p {
    color: #2a2b2d;
    font-size: 20px;
    max-width: 1030px;
    line-height: 32px;
    margin: 20px auto 40px auto
}

.page-template-unified-number {
    height: 752px
}

.page-template-unified-number .vid-cap .s-cap {
    padding-top: 170
}

.page-template-unified-number .vid-cap {
    padding-top: 0
}

.page-template-unified-number .vid-cap .s-cap .caption {
    text-align: center;
    position: relative
}

.page-template-unified-number .vid-cap .s-cap .caption img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

.page-template-unified-number .vid-cap .s-cap .caption h1 {
    font-size: 30px;
    
    max-width: 100%;
    margin-top: 11px
}

.page-template-unified-number .vid-cap .s-cap .caption p {
    font-size: 19px;
    padding: 16px 110px 16px 0;
    background-color: #262f47;
    border-radius: 10px;
    max-width: 490px;
    margin: 33px auto 0 auto
}

.page-template-unified-number .vid-cap .s-cap .caption p:before {
    content: "";
    position: absolute;
    right: 335px;
    left: 0;
    background-image: url(../images/discount.png);
    width: 133px;
    height: 129px;
    z-index: 999999999999999;
    bottom: -39px
}

.page-template-unified-number .bg-header-af:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: #fff;
    border-top-color: transparent;
    border-width: 100px 1000px 0px 1000px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:767px) {
    .page-template-unified-number {
        height: 660px
    }
    .page-template-unified-number .vid-cap {
        padding-top: 40px
    }
    .page-template-unified-number .vid-cap .s-cap .caption h1 {
        font-size: 24px
    }
    .page-template-unified-number .vid-cap .s-cap .caption p {
        font-size: 20px;
        padding: 16px 0 16px 0
    }
    .page-template-unified-number .vid-cap .s-cap .caption p:before {
        bottom: -168px;
        transform: translate(-50%, -50%);
        background-image: url(../images/discount.png);
        right: auto;
        left: auto
    }
    .page-template-unified-number .vid-cap .s-cap .caption img {
        max-width: 60% !important
    }
    .page-template-unified-number .what_unified {
        background-image: none !important
    }
}

@media(min-width:768px) {
    .page-template-unified-number .vid-cap .s-cap .caption img {
        padding-right: 150px
    }
}

.affiliate-content {
    padding: 90px 0 93px;
    background-color: #f7f6fc
}

.affiliate-content .site-head {
    background: #e72a23;
    font-size: 36px;
    margin-bottom: 50px;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.affiliate-content .affiliate-content-bl .motion-ser-img img {
    width: auto
}

.affiliate-content-tit {
    font-size: 18px;
    color: #2a2b2d;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
}

.affiliate-content .owl-carousel .owl-nav .owl-prev {
    right: -10px
}

.affiliate-content .owl-carousel .owl-nav .owl-next {
    left: -10px
}

.affiliate-content .owl-carousel .owl-nav > button {
    top: 115px;
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.affiliate-content .owl-carousel .owl-nav > button {
    color: #c1c5d1;
    position: absolute;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px
}

.affiliate-content .owl-carousel .owl-nav > button:hover {
    color: #e77024
}

.what_affiliate .affiliate_description {
    font-size: 20px;
    color: #2a2b2d;
    line-height: 38px;
    padding: 0 65px;
    margin-bottom: 60px
}

.what_affiliate.why_magento h3 {
    margin-bottom: 0
}

.page-template-affiliate .bg-header-af {
    height: 800px
}

.page-template-affiliate .bg-header-af:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: #fff;
    border-top-color: transparent;
    border-width: 100px 1000px 0px 1000px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page-template-affiliate .vid-cap .s-cap {
    padding-top: 0
}

.page-template-affiliate .vid-cap {
    padding-top: 35px
}

.page-template-affiliate .static_words {
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 13px
}

.affiliate-.order-bt {
    display: block;
    padding: 0;
    border: 0;
    color: #fff;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    line-height: 63px;
    width: 225px;
    height: 64px;
    margin: auto;
    font-size: 24px;
    margin-top: 20px;
    float: right
}

.affiliate-.order-bt:hover {
    color: #fff;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

.affiliate_social {
    padding: 60px 0 70px
}

.affiliate_social .heading {
    font-size: 28px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 100px;
    text-align: center
}

.affiliate_social .image-box img {
    display: table-cell;
    vertical-align: middle;
    transform: translate(0, -50%)
}

.affiliate_social .image-box {
    display: table;
    margin: auto
}

.order-footer .order-head {
    font-size: 28px
}

.sub_steps .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -55px;
    margin-left: -15px
}

.sub_steps .company-timeline-item .single-timeline-item {
    text-align: center;
    position: relative;
    padding: 0 10px;
    width: 18%
}

.sub_steps .company-timeline-item .single-timeline-item::before {
    position: absolute;
    left: 15px;
    top: 0px;
    width: 100%;
    height: 3px;
    background-color: #fff;
    content: '';
    margin: auto
}

.sub_steps .company-timeline-item .single-timeline-item:first-child::before {
    display: none
}

.sub_steps .company-timeline-item .single-timeline-item {
    text-align: center;
    position: relative;
    padding: 0 10px
}

.sub_steps .company-timeline-item .single-timeline-item .circle-border {
    position: relative;
    left: -75px;
    top: -22px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #fff;
    display: block;
    margin: auto auto 25px;
    border-radius: 50%;
    color: #2f3955
}

.sub_steps .company-timeline-item .single-timeline-item label {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    position: relative;
    right: 75px;
    top: -21px;
}

.page-template-affiliate .order-footer .order-head {
    margin: 20px 0 62px
}

.page-template-affiliate .order-footer .order-content {
    padding: 75px 0 80px 0
}

.page-template-affiliate .order-footer .order-bt,
.affiliate-.order-bt {
    color: #fff;
    display: block;
    text-align: center
}

@media(max-width:767px) {
    .page-template-affiliate .vid-cap .s-cap .caption h1 {
        font-size: 36px
    }
    .affiliate-content .owl-carousel .owl-nav .owl-prev,
    .affiliate-content .owl-carousel .owl-nav .owl-next {
        display: none
    }
    .sub_steps .row {
        display: grid
    }
    .sub_steps .company-timeline-item .single-timeline-item .circle-border {
        left: -15px
    }
    .sub_steps .company-timeline-item .single-timeline-item label {
        right: 23px
    }
    .sub_steps .company-timeline-item .single-timeline-item label {
        top: -30px;
        display: block;
        margin-bottom: 29px
    }
    .sub_steps .company-timeline-item .single-timeline-item::before {
        left: 0;
        display: none
    }
    .sub_steps .company-timeline-item .single-timeline-item {
        width: 100%;
        padding: 0 !important
    }
    .affiliate-.order-bt {
        float: none
    }
    .affiliate_social .image-box img {
        display: block;
        margin-bottom: 50px;
        transform: none
    }
    .what_affiliate .affiliate_description {
        padding: 0 10px;
        font-size: 16px
    }
    .page-template-affiliate .order-footer {
        overflow: hidden
    }
    .page-template-affiliate .bg-header-af {
        height: 650px
    }
    .affiliate-content .site-head,
    .what_affiliate.why_magento h3,
    .affiliate_social .heading {
        padding: 0 10px
    }
    .affiliate-content .owl-carousel .owl-dots {
        display: block
    }
}

.page-template.page-template-layouts.page-template-freebies .prog-.vid-cap .s-cap {
    text-align: center
}

.page-template.page-template-layouts.page-template-freebies {
    height: 500px
}

.page-template.page-template-layouts.page-template-freebies .prog-.vid-cap .s-cap {
    padding-top: 80px
}

.page-template.page-template-pages.page-template-freebies .banners {
    margin-top: 100px;
    margin-bottom: 80px
}

.page-template.page-template-layouts.page-template-freebies .logo {
    text-align: center;
    display: table
}

.page-template.page-template-pages.page-template-freebies .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(55, 66, 96, 0.6);
    color: #fff;
    -wekbit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: scale(0)
}

.page-template.page-template-pages.page-template-freebies .ban:hover .overlay {
    transform: scale(1)
}

.page-template.page-template-pages.page-template-freebies .ban {
    margin-bottom: 35px;
    position: relative
}

.page-template.page-template-pages.page-template-freebies .overlay a {
    color: #fff;
    background-color: #e77024;
    text-align: center;
    width: 200px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 50%;
    font-size: 18px;
    top: 50%;
    transform: translate(-50%, -50%)
}

.page-template.page-template-layouts.page-template-freebies .overlay a:hover,
.page-template.page-template-layouts.page-template-freebies .overlay a:focus {
    text-decoration: none
}

@media (max-width: 767px) {
    .page-template.page-template-layouts.page-template-freebies .logo img {
        width: 150px
    }
    .page-template.page-template-layouts.page-template-freebies .overlay a {
        width: 150px;
        height: 38px;
        line-height: 38px;
        font-size: 16px
    }
}

.spinnerHolder {
    overflow: hidden;
    position: relative
}

.fixed-spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 999;
    line-height: 100%;
    display: none;
    justify-content: center;
    align-items: center
}

@keyframes origami-show-1 {
    from {
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-hide-1 {
    to {
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-cycle-1 {
    5% {
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
    10%,
    75% {
        transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: #e66e23
    }
    80%,
    100% {
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-show-2 {
    from {
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-hide-2 {
    to {
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-cycle-2 {
    10% {
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
    15%,
    70% {
        transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: #e66e23
    }
    75%,
    100% {
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-show-3 {
    from {
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-hide-3 {
    to {
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-cycle-3 {
    15% {
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
    20%,
    65% {
        transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: #e66e23
    }
    70%,
    100% {
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-show-4 {
    from {
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-hide-4 {
    to {
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-cycle-4 {
    20% {
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
    25%,
    60% {
        transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #e66e23
    }
    65%,
    100% {
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-show-5 {
    from {
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-hide-5 {
    to {
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-cycle-5 {
    25% {
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
    30%,
    55% {
        transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #e66e23
    }
    60%,
    100% {
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-show-6 {
    from {
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-hide-6 {
    to {
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

@keyframes origami-cycle-6 {
    30% {
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
    35%,
    50% {
        transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #e66e23
    }
    55%,
    100% {
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #e66e23
    }
}

.spinner[data-v-558d41d2] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.post-type-archive-works .spinner[data-v-558d41d2] {
    margin: 30px auto
}

.spinner *[data-v-558d41d2] {
    line-height: 0;
    box-sizing: border-box
}

.spinner-inner[data-v-558d41d2] {
    display: block;
    width: 60px;
    height: 68px
}

.spinner-inner .slice[data-v-558d41d2] {
    border-top: 18px solid transparent;
    border-right: none;
    border-bottom: 16px solid transparent;
    border-left: 30px solid #f7484e;
    position: absolute;
    top: 0px;
    left: 50%;
    transform-origin: left bottom;
    border-radius: 3px 3px 0 0
}

.spinner-inner .slice[data-v-558d41d2]:nth-child(1) {
    transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.82s origami-hide-1 both 1
}

.spinner-inner .slice[data-v-558d41d2]:nth-child(2) {
    transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.74s origami-hide-2 both 1
}

.spinner-inner .slice[data-v-558d41d2]:nth-child(3) {
    transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.66s origami-hide-3 both 1
}

.spinner-inner .slice[data-v-558d41d2]:nth-child(4) {
    transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.58s origami-hide-4 both 1
}

.spinner-inner .slice[data-v-558d41d2]:nth-child(5) {
    transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.5s origami-hide-5 both 1
}

.spinner-inner .slice[data-v-558d41d2]:nth-child(6) {
    transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.42s origami-hide-6 both 1
}

.spinner-inner.loading .slice[data-v-558d41d2]:nth-child(1) {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
    animation: 2s origami-cycle-1 linear infinite both
}

.spinner-inner.loading .slice[data-v-558d41d2]:nth-child(2) {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
    animation: 2s origami-cycle-2 linear infinite both
}

.spinner-inner.loading .slice[data-v-558d41d2]:nth-child(3) {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
    animation: 2s origami-cycle-3 linear infinite both
}

.spinner-inner.loading .slice[data-v-558d41d2]:nth-child(4) {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
    animation: 2s origami-cycle-4 linear infinite both
}

.spinner-inner.loading .slice[data-v-558d41d2]:nth-child(5) {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
    animation: 2s origami-cycle-5 linear infinite both
}

.spinner-inner.loading .slice[data-v-558d41d2]:nth-child(6) {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
    animation: 2s origami-cycle-6 linear infinite both
}

.works-category-icon {
    background-image: url("../images/spritesheet.png");
    background-repeat: no-repeat;
    display: block;
    width: 44px;
    height: 38px
}

.works-category-icon.mob-app-category-icon {
    width: 23px;
    height: 38px;
    background-position: -357px -83px
}

.works-category-icon.ecommerce-category-icon {
    width: 44px;
    height: 38px;
    background-position: -5px -5px
}

.works-category-icon.corp-website-category-icon {
    width: 51px;
    height: 40px;
    background-position: -59px -5px
}

.works-category-icon.motion-graphic-category-icon {
    width: 46px;
    height: 33px;
    background-position: -221px -5px
}

.works-category-icon.branding-category-icon {
    width: 41px;
    height: 39px;
    background-position: -170px -5px
}

.s-cap .caption h1 {
    max-width: 400px
}

@media (max-width: 767px) {
    .s-cap .caption h1 {
        max-width: 70%;
        margin: auto
    }
}

@media (max-width: 400px) {
    .s-cap .caption h1 {
        max-width: 90%
    }
}

.caption .counter {
    display: flex;
    max-width: 520px
}

@media (max-width: 991px) {
    .caption .counter {
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .caption .counter {
        max-width: 100%
    }
}

.caption .counter p {
    font-size: 29px;
    font-family: OpenSansBold;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0
}

.caption .counter p:before {
    content: "+"
}

.caption .counter h3 {
font-size: 18px;
margin: 0;
color: #fff;
}

@media (max-width: 767px) {
    .caption .counter .count_item {
        margin-bottom: 20px
    }
}

.counter hr {
    margin: 0 30px;
    height: 85px;
    border: none;
    border-left: 1px solid rgba(255, 255, 255, 0.15)
}

@media (max-width: 991px) {
    .counter hr {
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        height: auto;
        width: 50%;
        margin-left: 100%
    }
}

@media (max-width: 767px) {
    .counter hr {
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        height: auto;
        width: 60%;
        margin: auto;
        margin-bottom: 20px
    }
}

.why_tasawk {
    text-align: center;
    padding: 70px 0 40px 0;
    position: relative;
    background-image: url("../images/why_tas_back.png");
    background-repeat: no-repeat;
    background-position: center bottom 395px;
    overflow: hidden
}

@media (max-width: 992px) {
    .why_tasawk {
        background-image: none
    }
}

.why_tasawk h3 {
    font-size: 36px;
    
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0
}

.why_tasawk .why_p {
    color: #2a2b2d;
    font-size: 20px;
    max-width: 840px;
    margin: 10px auto 40px auto
}

.why_tasawk span {

}

#scene_why {
    overflow: hidden
}

.why_tasawk .tas_feats {
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative !important;
    top: -80px !important
}

@media (max-width: 992px) {
    .why_tasawk .tas_feats {
        flex-direction: column;
        top: 0 !important
    }
}

.why_tasawk .tas_feats .feat_item {
    display: flex;
    justify-content: center;
    align-items: center
}

.why_tasawk .tas_feats .feat_item.feat_item_center {
    flex-direction: column-reverse;
    width: 100%;
    position: relative;
    top: 80px
}

.why_tasawk .tas_feats .feat_item.feat_item_center.bottom {
    top: -20px
}

@media (max-width: 992px) {
    .why_tasawk .tas_feats .feat_item.feat_item_center {
        top: 0
    }
}

.why_tasawk .tas_feats .feat_item.feat_item_right {
    width: 45%;
    text-align: right;
    flex-direction: row-reverse
}

.why_tasawk .tas_feats .feat_item.feat_item_left {
    width: 45%;
    text-align: left
}

.why_tasawk .tas_feats .feat_item.feat_item_left p span,
.why_tasawk .tas_feats .feat_item.feat_item_right p span {
    color: #e76f23;
}

@media (max-width: 992px) {
    .why_tasawk .tas_feats .feat_item.feat_item_right,
    .why_tasawk .tas_feats .feat_item.feat_item_left {
        width: 100%;
        text-align: center;
        flex-direction: column-reverse
    }
}

.why_tasawk .tas_feats .feat_item_pic {
    width: 164px;
    height: 177px;
    position: relative;
    background-image: url("../images/why_tas_item_back.png");
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.why_tasawk .tas_feats p {
    color: #808aa6;
    font-size: 18px;
    padding: 0;
    margin: 0
}

.why_tasawk .tas_feats .feat_item p {
    max-width: 234px
}

.price-table-bt {
    width: 100%;
    height: 94px;
    display: block;
    float: left;
    border: none;
    background-color: #262f4b;
    font-size: 19px;
    position: relative;
    top: -8px
}

@media (max-width: 767px) {
    .price-table-bt {
        top: 0
    }
}

.price-table-bt:hover {
    background-color: #343f62
}

.price-table .price-table-content tr:last-of-type td:nth-child(3) button.price-table-bt {
    font-size: 24px;
    
    height: 115px;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    top: 0
}

.price-table .price-table-content tr:last-of-type td:nth-child(3) button.price-table-bt:hover {
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

.tasawk_mart {
    height: 550px;
    display: flex;
    align-items: center;
    min-height: 100%;
    min-width: 100%
}

@media (max-width: 992px) {
    .tasawk_mart {
        height: auto;
        padding: 60px 0;
        text-align: center
    }
}

@media (max-width: 992px) {
    .mart_pic img {
        margin: 30px auto 0 auto
    }
}

.mob_pic {
    display: none
}

@media (max-width: 992px) {
    .mob_pic {
        display: block
    }
}

.tas_title {
    font-size: 36px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
margin-bottom:20px;
}

.tasawk_mart p {
    font-size: 20px;
    color: #2a2b2d;
    line-height: 35px
}

@media (min-width: 1600px) {
    .tasawk_mart .mart_pic img {
        min-height: 450px;
        min-width: 740px
    }
}

@media (max-width: 991px) {
    .tas_title {
        margin-bottom: 20px
    }
}

.tas_gr_btn {
    border-radius: 1px;
    background-image: -moz-linear-gradient( 111deg, rgb(221, 90, 37) 0%, rgb(239, 130, 33) 100%);
    background-image: -webkit-linear-gradient( 111deg, rgb(221, 90, 37) 0%, rgb(239, 130, 33) 100%);
    background-image: -ms-linear-gradient( 111deg, rgb(221, 90, 37) 0%, rgb(239, 130, 33) 100%);
    width: 220px;
    height: 55px;
    line-height: 55px;
    border: 0;
    outline: 0;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    color: #fff
}

.tas_gr_btn:hover {
    background-image: -moz-linear-gradient( 111deg, rgb(239, 130, 33) 0%, rgb(221, 90, 37) 100%);
    background-image: -webkit-linear-gradient( 111deg, rgb(239, 130, 33) 0%, rgb(221, 90, 37) 100%);
    background-image: -ms-linear-gradient( 111deg, rgb(239, 130, 33) 0%, rgb(221, 90, 37) 100%);
    color: #fff
}

.magento_store {
    background-image: url("../images/magento_bg.png"), linear-gradient(to right, #2a2b2d 0%, #35405d 100%);
    background-repeat: no-repeat, repeat;
    background-position: right -100px top, center;
    height: 550px;
    display: flex;
    align-items: center
}

.magento_store .magento_pic {
    height: 550px;
    display: flex;
    align-items: center
}

.magento_store .magento_info {
    height: 550px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media (min-width: 1600px) {
    .magento_store .magento_pic img {
        min-height: 370px;
        min-width: 660px;
        background-position: right 0 top 0
    }
}

.magento_info h4 {
    
    font-size: 20px;
    color: #fff;
    margin: 0;
    margin-top: 20px
}

.magento_info p {
    color: #97a3c6;
    padding: 0;
    font-size: 20px;
    line-height: 30px
}

@media (max-width: 992px) {
    .magento_store,
    .magento_store .magento_pic,
    .magento_store .magento_info {
        height: auto;
        padding: 20px 0;
        text-align: center
    }
    .tas_gr_btn {
        margin: auto
    }
}

.app_store {
    background-image: url("../images/app_store_bg.png");
    background-repeat: no-repeat;
    height: 550px;
    display: flex;
    align-items: center;
    background-position: left -40px top -57px;

background-color: #2a2b2d;
}

.page-template-sub_offers .app_store {
    background-color: #f7f7fc
}

.page-template-sub_offers .app_store .app_store_info .tas_title {
    font-size: 32px
}

.app_store .app_store_info {
    max-width: 44%;
float:right;
}

.app_store .app_store_info p {
    font-size: 20px;
    color: #fff;
    line-height: 30px
}

@media (max-width: 1600px) {
    .app_store {
        background-position: left -35% top -57px
    }
    .app_store .app_store_info .tas_title {
        font-size: 30px
    }
}

@media (max-width: 1200px) {
    .app_store {
        background-position: left -130% top -57px
    }
}

@media (max-width: 992px) {
    .app_store {
        background-image: none;
        text-align: center;
        height: auto;
        padding: 50px 0
    }
    .app_store .app_store_info {
        max-width: 100%
    }
}

.about_tasawk {
    padding: 100px 0;
    text-align: center
}

.about_tasawk .comp_talk {
    background-color: rgb(245, 247, 252);
    width: 360px;
    height: 230px;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    margin: auto
}

.about_tasawk .comp_talk::before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    content: "\f10e";
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 48px;
    color: #e9ecf4
}

.about_tasawk .comp_talk p {
    text-align: center;
    padding: 0 18px;
    margin: 0;
    color: #808aa6;
    font-size: 14px;
    z-index: 999999;
    line-height: 25px;
    width: 100%
}

.comp_logo_pic {
    background-image: url(../images/comp_talk.png);
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    width: 112px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.comp_logo_pic img {
    width: 50px !important
}

.about_tasawk .item {
    position: relative;
    padding-bottom: 130px
}

.comp_logo {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 28px;
    text-align: center
}

.comp_logo p {
    font-size: 16px;
    color: #2a2b2d;
    padding: 0;
    margin: 0
}

@media (max-width: 480px) {
    .about_tasawk .comp_talk {
        width: 100%
    }
    .about_tasawk .comp_talk p {}
    .comp_logo p {}
}

.about_tasawk h3 {
    
    font-size: 28px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.about_tasawk h4 {
    margin: 0;
    margin-bottom: 30px;
    color: #2a2b2d;
    font-size: 18px;
}

@media (max-width: 767px) {
    .about_tasawk h4 {
        padding: 0 20px
    }
}

.partners {
    text-align: center;
padding: 90px 0;
}

.partners h3 {
    
    font-size: 28px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 30px
}

.partners h4 {
    margin: 0;
    margin-bottom: 30px;
    color: #2a2b2d;
    font-size: 18px;
}

.partners .item {
    height: 95px;
    width: 120px;
    display: flex;
    align-items: center;
    margin: auto
}

.partners .item img {
    width: auto !important;
    margin: auto
}

.partners .owl-carousel .owl-dots {
    right: 50%;
    transform: translateX(50%);
    position: absolute;
    bottom: -50px
}

.partners .owl-carousel .owl-dot {
    right: 0%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #d0d0d1;
    border: 0 solid #fff
}

.partners .owl-carousel .owl-dot.active {
    background-color: #e72a23;
    border: 0 solid #c52d2f
}

.msds1,
.msds2,
.msds3 {
    transform-origin: 50%;
    -webkit-animation: ripple 3s linear infinite;
    animation: ripple 3s linear infinite;
    opacity: 0;
    transform: scale(0.1)
}

.msds1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.msds2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.msds3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
    10% {
        opacity: 0.3
    }
    60% {
        opacity: 0
    }
    100% {
        -webkit-transform: scale(10);
        transform: scale(10);
        opacity: 0
    }
}

@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0
    }
    10% {
        opacity: 0.3
    }
    60% {
        opacity: 0
    }
    100% {
        transform: scale(2);
        opacity: 0
    }
}

.happy_contact {
    position: absolute;
    left: 0;
    top: -65px;
    cursor: pointer
}

.happy_contact p {
    position: absolute;
    color: #fff;
    
    font-size: 20px;
    top: 135px;
    left: 86px;
    max-width: 115px;
    text-align: center;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.is-sticky .happy_contact svg {
    display: none
}

.is-sticky .happy_contact {
    width: 250px;
    height: 60px;
    cursor: pointer;
    float: left;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    left: 50px;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.is-sticky {
    min-height: 80px
}

.is-sticky .header-mod {
    margin-right: auto;
    margin-left: 250px
}

@media (max-width: 992px) {
    .header-mod {
        margin: 0
    }
}

.happy_contact .heart {
    display: none
}

.is-sticky .happy_contact .heart {
    position: relative;
    display: block;
    margin-left: 7px
}

.is-sticky .happy_contact svg.heart_svg {
    display: block
}

.is-sticky .happy_contact p {
    position: relative;
    display: block;
    right: 0;
    top: 0;
    line-height: 60px;
    text-align: center
}

.why_magento {
    padding: 70px 0 100px 0;
    text-align: center
}

.why_magento h3 {
    
    font-size: 34px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    margin-bottom: 40px
}

.why_magento .magento_feats {
    display: flex;
    flex-wrap: wrap
}

.why_magento .magento_feat {
    align-items: center;
    margin: 0 auto 40px;
    text-align: center;
    width: 33.333333%
}

@media (max-width: 991px) {
    .why_magento .magento_feat {
        width: 50%
    }
}

@media (max-width: 767px) {
    .why_magento .magento_feat {
        width: 100%
    }
}

.why_magento .magento_feat .feat_pic {
    background-image: url(../images/magento_back.png);
    background-repeat: no-repeat;
    width: 216px;
    height: 238px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.why_magento .magento_feat .feat_desc {
    max-width: 295px;
    margin: auto
}

.why_magento .magento_feat h4 {
    margin: 0;
    font-size: 18px;
    
    color: #2a2b2d;
    margin-bottom: 10px
}

.why_magento .magento_feat p {
    font-size: 16px;
    color: #808aa6;
    margin: 0;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center
}

.fancybox-container {
    z-index: 9999999999999999 !important
}

.magento_pics {
    padding: 100px 0;
    text-align: center
}

.magento_pics h3 {
    
    font-size: 34px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    margin-bottom: 20px
}

.sub_offers {
    padding: 70px 0;
    text-align: center
}

.sub_offers h4 {
    font-size: 33px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0
}

.sub_offers h3 {
    font-size: 33px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 20px 0
}

.sub_offers p {
    font-size: 19px;
    color: #2a2b2d;
    max-width: 950px;
    margin: auto;
    margin-bottom: 30px
}

.offers_feats {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.offer_feat {
    background-color: rgb(247, 247, 252);
    width: 262px;
    height: 218px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: auto;
    margin-bottom: 35px;
    transition: 0.5s ease
}

.offer_feat p {
    font-size: 16px;
    color: #2a2b2d;
    margin: 0;
    max-width: 200px
}

.offer_pic {
    height: 95px;
    display: flex;
    align-items: center
}

.offer_feat:hover .offer_pic img {
    transform: rotate(360deg);
    transition: 0.5s ease
}

.order_num {
    font-size: 36px;
}

@media (max-width: 991px) {
    .s-nav>li .s-dropdown {
        padding: 0 !important
    }
    .header-mod .nav-content {
        padding: 60px 30px !important
    }
    .s-nav>li {
        padding: 0 !important
    }
    .s-nav>li>a,
    .s-happy h5,
    .is-sticky .s-happy h5 {
        color: #2a2b2d;
        font-size: 17px;
        line-height: 40px
    }
    .s-nav>li>.s-dropdown>li.menu-head>a {
        display: inline-block;
        padding: 0;
        color: #ec7c22;
        font-size: 17px;
        margin: 0;
        margin-bottom: 10px;
        margin-top: 10px
    }
    .s-nav>li>.s-dropdown>li>.s-dropdown>li {
        margin: 0;
        padding: 0
    }
    .s-nav>li .s-dropdown>li>a {
        color: #838aa0;
        font-size: 15px;
        line-height: 30px;
        padding-right: 15px
    }
    .s-nav>li:last-child {
        border: 0
    }
    header .happy_contact {
        width: 90%;
        height: 60px;
        cursor: pointer;
        background: #e72a23;
        background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
        background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
        background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
        background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
        background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
        right: 50%;
        transform: translateX(50%);
        top: 90px !important;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .happy_contact .msds_svg {
        display: none
    }
    .happy_contact .heart {
        display: block !important;
        position: static
    }
    .s-nav>li .s-dropdown>li {
        width: 100%
    }
    .happy_out {
        margin: 0 -15px
    }
    .happy_contact p {
        top: 20px;
        left: 35px;
        max-width: 100%;
        font-size: 20px;
        
        position: static;
        margin-right: 10px
    }
    .s-menu {
        margin-top: 0
    }
    .is-sticky .header-mod {
        margin: 0
    }
}

.nav-close {
    position: absolute;
    top: 50px;
    left: 50px;
    padding: 0;
    background: transparent;
    border: none
}

.cap-vis {
    overflow: hidden;
    height: 40px
}

.cap-vis.has_counter {
    overflow: visible;
    height: auto
}

@media (max-width: 767px) {
    .cap-vis.has_counter {
        margin-top: 30px
    }
}

.page-template-magento .caption .cap-vis,
.page-template-sub_offers .caption .cap-vis {
    display: none
}

.static_words {
    margin: 0;
    font-size: 36px;
    max-width: 545px
}

.scroll-down {
    bottom: 45px;
    top: auto
}

.page-template-sub_offers .slider {
    margin: 0 0 70px 0
}

.page-template-sub_offers .slider .owl-dots {
    bottom: 40px
}

span.wpcf7-not-valid-tip {
    position: absolute;
    display: table;
    font-size: 13px
}

.recaptcha span.wpcf7-not-valid-tip {
    position: static
}

.s-dropdown {
    display: block
}

@media (min-width: 768px) {
    .s-nav>li>.s-dropdown>li.menu-head>a.has-collapse {
        pointer-events: none
    }
}

@media (max-width: 767px) {
    .s-dropdown {
        display: none
    }
    .s-nav>li .s-dropdown.collapse {
        display: none
    }
    .s-nav>li .s-dropdown.collapse.in {
        display: block
    }
    .s-nav>li>.s-dropdown>li.menu-head>a.has-collapse {
        position: relative;
        display: block
    }
    .s-nav>li>.s-dropdown>li.menu-head>a.has-collapse::after {
        content: " ";
        background: url(../images/plus.png) no-repeat;
        position: absolute;
        left: 0;
        top: 5px;
        height: 100%;
        width: 100%
    }
    .s-nav>li>.s-dropdown>li.menu-head>a.has-collapse.opened_collapse:after {
        background: url(../images/minus.png) no-repeat;
        top: 13px
    }
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-lg .onesignal-bell-launcher-message .onesignal-bell-launcher-message-body {
    font-size: 16px;

}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher-inactive {
    opacity: 1
}

.single-format-standard {
    overflow: visible
}

@media (max-width: 768px) {
    footer .foot-contact .cont-p {
        justify-content: center
    }
    footer .foot-contact .cont-p span {
        display: block
    }
    footer .foot-contact .cont-p .direct-call span {
        display: inline-block
    }
    footer .foot-contact .cont-p .contact_icon {
        justify-content: space-between
    }
    .li-hidden>a {
        display: none !important
    }
    .page-template-home .s-video .vid-fr {
        padding-bottom: 140px
    }
    .services .site-head {
        margin-bottom: 70px;
        font-size: 30px;

    }
    .services .ser-bl-cent {
        top: -50px
    }
    .clients {
        padding: 0;
        max-height: 470px
    }
    .header-mod .nav-content {
        z-index: 99999999999999999999999999999999
    }
    .li-hidden ul {
        margin-top: -10px
    }
    .is-sticky {
        min-height: 100px !important
    }
    .is-sticky .header_flex {
        height: 80px
    }
    .our-work {}
    .about-us .blog_info {
        padding: 0px 20px 0
    }
    .foot-info .s-ul.foot-ul {
        margin-bottom: 30px
    }
    .store-plus .store-plus-bl h2 {
text-align: center;
font-size: 22px;
    }
    .store-plus .store-plus-bl p {
        padding: 0;font-size: 18px;
    }
    .prog-feat-bl {
        text-align: right
    }
    .pg-head {
        padding-top: 40px
    }
}

@media (max-width: 350px) {
    .services .ser-bl-cent {
        width: 295px
    }
}

@media (max-width: 600px) {
    .clients {
        padding: 80px 0 0;
        max-height: 450px
    }
}

@media (max-width: 500px) {
    .clients {
        padding: 80px 0 0;
        max-height: 400px
    }
}

@media (max-width: 400px) {
    .clients {
        padding: 80px 0 0;
        max-height: 350px
    }
}

.moboverlay {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 99999999999
}

.prog-.vid-cap .s-cap .prog-img {
    right: 100%
}

.page-template-branding {
    height: 700px
}

@media(max-width:767px) {
    .page-template-branding {
        height: auto
    }
    .page-template-branding .vid-cap {
        padding-top: 30px
    }
    .page-template-marketing .price-table {
        background: none;
        background-color: #eff2f9
    }
    .page-template-marketing .price-table .site-head p {
        font-size: 32px;
        
        background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    .page-template-marketing .price-table .site-head {
        margin-bottom: 60px
    }
    .page-template-marketing .price-table .price-table-content tr th:first-child {
        background-color: #fff
    }
    .page-template-marketing .price-table .price-table-content tr td:nth-of-type(even) {
        background-color: #f5f7fc
    }
    .page-template-sub_offers .static_words {
        font-size: 23px;
        max-width: 465px
    }
    .page-template-harag .prog-.vid-cap .s-cap .prog-img {
        right: 100%
    }
    .page-template-support .prog-.vid-cap .s-cap .prog-img {
        right: 100%
    }
    .page-template-website .webs-akaar:after {
        border-color: #fff;
        border-top-color: transparent;
        bottom: 0
    }
    .page-template-website .webs-haraj:after {
        border-color: #2a2b2d;
        border-top-color: transparent;
        bottom: 0
    }
    .page-template-website .webs-news:after {
        border-color: #0297d8;
        border-top-color: transparent;
        bottom: 0
    }
    .page-template-website .webs-idea:after {
        border-color: #f7f7fa;
        border-top-color: transparent;
        bottom: 0
    }
    .page-template-website .webs-haraj .webs-c-block {
        padding-top: 100px
    }
    .page-template-magento .brand-img {
        position: relative
    }
    .page-template-magento .brand-img img {
        max-width: unset;
        height: 400px;
        width: 800px;
        position: absolute;
        left: -52%;
        top: -80px
    }
}

@media (max-width: 1600px) {
    .page-template-magento .brand-img img {
        max-width: unset;
        height: 350px;
        width: 700px;
        position: absolute;
        left: -15%;
        top: -60px
    }
}

.page-template-marketing .price-table .price-table-content tr td {
    padding: 15px 10px
}

.page-template-marketing .price-table-bt {
    top: -10px
}

.page-template-marketing .price-table .price-table-content tr:last-of-type td {
    background-color: transparent !important
}

.page-template-support .price-table .price-table-content tr td:nth-of-type(1),
.page-template-support .price-table .price-table-content tr th:first-child {
    display: none
}

.page-template-marketing .price-table .price-table-content tr:last-of-type td {
    padding: 0 !important
}

#Container-1 {
    overflow: hidden
}

.price-table .price-table-content tr:nth-last-child(2) td {
    padding-bottom: 60px
}

.why_motion_section {
    position: relative;
    overflow: hidden
}


/*
.why_motion_section:after {
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #2a2b2d;
    border-width: 100px 1000px 0px 1000px;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
*/

.why_motion {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 450px
}

.why_motion .why_motion_text {
    max-width: 569px;
    text-align: justify;

}

.why_motion .why_motion_text p {
    font-size: 18px;
    color: #2c3652;
    padding: 0;
    margin: 0;
    line-height: 30px;
    margin-bottom: 5px
}

.why_motion .why_motion_text span {
    padding: 0;
    margin: 0;
    color: #e06024;
    font-size: 18px;
    
    line-height: 30px
}

@media (max-width: 991px) {
    .why_motion {
        height: auto;
        flex-direction: column-reverse;
        padding: 100px 0
    }
    .why_motion .why_motion_text {
        max-width: 100%;
        text-align: justify;
        -moz-text-align-last: center;
        text-align-last: center;
        margin-top: 20px
    }
}

.announc_touch {
    padding: 50px 0
}

.announc_touch h3 {
    
    font-size: 24px;
    background: linear-gradient(to left, #c52d2f 0%, #ef2121 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    text-align: center;
    margin-bottom: 45px
}

.announc_feats {
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden
}

.announc_feats .announc_feat {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

#scene_announc_feats {
overflow: hidden;
background-color: #fafafc;
}

.announc_pic {
    min-width: 163px;
    height: 183px;
    position: relative;
    background-image: url(../images/announc_back.png);
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px
}

.announc_info h4 {
color: #2a2b2d;
margin: 0;
margin-bottom: 5px;
text-transform: capitalize;
font-size: 21px;
}

.announc_info p {
    font-size: 15px;
    color: #808aa6;
    max-width: 350px;
    margin: 0
}

@media (max-width: 991px) {
    .announc_feats {
        text-align: center
    }
    .announc_feats .announc_feat {
        width: 100%;
        flex-direction: column;
        margin-bottom: 25px
    }
    .announc_feats .announc_pic {
        margin-left: 0
    }
    .announc_info p {
        max-width: 100%;
        text-align: justify;
        -moz-text-align-last: center;
        text-align-last: center
    }
}

@media (max-width: 767px) {
    {}
}

.single-format-standard {
    overflow: hidden
}

.gallery .owl-dots {
    bottom: 40px
}

.site-form .mod-s .mod-form .wpcf7-response-output {
    width: 100% !important
}

#lz_overlay_wm {
    margin: 0px 40px 21px 0px !important;
    bottom: 70px !important
}

{
    z-index: 99
}

.cap_send {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .cap_send {
        flex-direction: column;
        align-items: center
    }
    .site-form .mod-s .mod-form .mod-in .mod-sub {
        margin-top: 10px
    }
    {
        padding-top: 0px
    }
}

a.direct-call.tel {
    font-size: 20px
}

@media (max-width: 767px) {
    .foot-info .row div:nth-child(3)>h3 {
        display: none
    }
    .foot-info .row div:nth-child(2) ul {
        margin-bottom: 0
    }
}

.about-p {
    height: 113px;
    overflow: hidden;
    margin: 0;
    transition: all 1s ease-in-out
}

.max_height {
    height: auto;
    overflow: hidden
}

.blogDesc {
    position: relative
}

.blogDesc .btn_bg.gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 30px 0 30px 0;
    background-image: -moz-linear-gradient(top, transparent, black);
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #0000), color-stop(1, #f7f7fa))
}

.blogDesc button {
    border: 0;
    outline: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #000;
    background: none;
    position: relative;
    bottom: 0;
    color: #ff9869;

}

.blogDesc .btn_bg.gradient button {
    bottom: -60px
}

.hide_btn {
    display: none
}

.not_found {
    text-align: center
}

.not_found h3 {
    font-size: 30px;
    margin: 20px 0 10px 0
}

@media (max-width: 767px) {
    .not_found h3 {
        font-size: 26px
    }
}

.not_found a {
    border-radius: 1px;
    background-image: -moz-linear-gradient( 111deg, rgb(221, 90, 37) 0%, rgb(239, 130, 33) 100%);
    background-image: -webkit-linear-gradient( 111deg, rgb(221, 90, 37) 0%, rgb(239, 130, 33) 100%);
    background-image: -ms-linear-gradient( 111deg, rgb(221, 90, 37) 0%, rgb(239, 130, 33) 100%);
    display: inline-block;
    width: 203px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    color: #fff
}

.not_found a:hover {
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    color: #fff
}

@media (max-width: 991px) {
    .is-sticky {
        display: none
    }
}



@-moz-keyframes bar-top-animation-in {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg)
    }
    50% {
        transform: translate3d(0, 10px, 0) rotate(0deg)
    }
    100% {
        transform: translate3d(0, 10px, 0) rotate(45deg)
    }
}

@-webkit-keyframes bar-top-animation-in {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg)
    }
    50% {
        transform: translate3d(0, 10px, 0) rotate(0deg)
    }
    100% {
        transform: translate3d(0, 10px, 0) rotate(45deg)
    }
}

@keyframes bar-top-animation-in {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg)
    }
    50% {
        transform: translate3d(0, 10px, 0) rotate(0deg)
    }
    100% {
        transform: translate3d(0, 10px, 0) rotate(45deg)
    }
}

@-moz-keyframes bar-middle-animation-in {
    60% {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes bar-middle-animation-in {
    60% {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes bar-middle-animation-in {
    60% {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes bar-bottom-animation-in {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg)
    }
    50% {
        transform: translate3d(0, -12px, 0) rotate(0deg)
    }
    100% {
        transform: translate3d(0, -12px, 0) rotate(-45deg)
    }
}

@-webkit-keyframes bar-bottom-animation-in {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg)
    }
    50% {
        transform: translate3d(0, -12px, 0) rotate(0deg)
    }
    100% {
        transform: translate3d(0, -12px, 0) rotate(-45deg)
    }
}

@keyframes bar-bottom-animation-in {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg)
    }
    50% {
        transform: translate3d(0, -12px, 0) rotate(0deg)
    }
    100% {
        transform: translate3d(0, -12px, 0) rotate(-45deg)
    }
}

@-moz-keyframes bar-top-animation-out {
    0% {
        transform: translate3d(0, 12px, 0) rotate(45deg)
    }
    50% {
        transform: translate3d(0, 12px, 0) rotate(0deg)
    }
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg)
    }
}

@-webkit-keyframes bar-top-animation-out {
    0% {
        transform: translate3d(0, 12px, 0) rotate(45deg)
    }
    50% {
        transform: translate3d(0, 12px, 0) rotate(0deg)
    }
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg)
    }
}

@keyframes bar-top-animation-out {
    0% {
        transform: translate3d(0, 12px, 0) rotate(45deg)
    }
    50% {
        transform: translate3d(0, 12px, 0) rotate(0deg)
    }
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg)
    }
}

@-moz-keyframes bar-middle-animation-out {
    0% {
        opacity: 0
    }
    30% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes bar-middle-animation-out {
    0% {
        opacity: 0
    }
    30% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes bar-middle-animation-out {
    0% {
        opacity: 0
    }
    30% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes bar-bottom-animation-out {
    0% {
        transform: translate(0, -12px) rotate(-45deg)
    }
    50% {
        transform: translate(0, -12px) rotate(0deg)
    }
    100% {
        transform: translate(0, 0) rotate(0deg)
    }
}

@-webkit-keyframes bar-bottom-animation-out {
    0% {
        transform: translate(0, -12px) rotate(-45deg)
    }
    50% {
        transform: translate(0, -12px) rotate(0deg)
    }
    100% {
        transform: translate(0, 0) rotate(0deg)
    }
}

@keyframes bar-bottom-animation-out {
    0% {
        transform: translate(0, -12px) rotate(-45deg)
    }
    50% {
        transform: translate(0, -12px) rotate(0deg)
    }
    100% {
        transform: translate(0, 0) rotate(0deg)
    }
}

#lz_overlay_chat .lz_chat_overlay_pointer {
    border-top: 12px solid #fff !important;
    right: 84px !important;
    bottom: 160px !important;
    transform: rotateZ(-90deg) !important
}

#lz_overlay_chat .lz_chat_overlay_pointer div {
    display: none !important
}

@media(max-width:767px) {
    .services .ser-block-1,
    .services .ser-block-2 {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }
    .services .ser-block-1 .ser-box,
    .services .ser-block-2 .ser-box {
        background-image: url(../images/small.png);
        background-repeat: no-repeat;
        background-position: center;
        overflow: hidden;
        width: 130px;
        height: 146px
    }
    .services .ser-block-1 .ser-box img,
    .services .ser-block-2 .ser-box img {
        width: 35%
    }
    .services .ser-bl-cent {
        top: 0!important
    }
    .services .ser-block-2 {
        padding-top: 260px
    }
    .services .ser-box .ser-content {
        padding-top: 37px
    }
    .services .ser-block-1 .ser-box:nth-of-type(even) img,
    .services .ser-block-2 .ser-bl-en img {
        margin-top: -35px
    }
    .services .ser-block-1 .ser-box .ser-an,
    .services .ser-block-2 .ser-box .ser-an {
        font-size: 12px
    }
    .services .ser-block-2 .ser-bl-od .ser-an {
        margin: 0
    }
    .services .ser-block-1 .ser-box:nth-of-type(odd) .ser-an,
    .services .ser-block-2 .ser-bl-od .ser-an {
        margin: 0
    }
    .ser-block-2>div:nth-child(2)>div>a img,
    .ser-block-2>div:nth-child(5)>div>a img {
        bottom: 0
    }
    .ser-block-1>div:nth-child(2),
    .ser-block-1>div:nth-child(4) {
        padding-top: 20px
    }
    .ser-block-1>div:nth-child(3)>div>a img {
        position: relative;
        bottom: -8px;
        width: 60%!important
    }
}

.ser-bl-cent {
    width: 305px!important;
    height: 340px!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
    background-image: url(../images/back-2.png)!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    margin-top: -52px!important
}

.ser-bl-cent img {
    width: auto!important
}

.wpcf7-form-control-wrap p {
    margin: 0;
    padding: 0
}

@media(max-width:767px) {
    .order-footer .order-content {
        padding: 30px 0
    }
}

.package_collapse {
    position: relative
}

.package_collapse::after {
    font-family: FontAwesome;
    position: absolute;
    display: block;
    color: #fff;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    font-size: 14px
}

.package_collapse[aria-expanded="false"]::after {
    content: "\f067"
}

.package_collapse[aria-expanded="true"]::after {
    content: "\f068"
}

footer .social > ul > li:last-child a {
    display: inline-block;
    padding-top: 4px
}

footer .social > ul > li:last-child a:hover img {
    filter: invert(61%) sepia(40%) saturate(5850%) hue-rotate(350deg) brightness(97%) contrast(87%)
}

@media(max-width:767px) {
    .rc-anchor-normal {
        width: 290px;
        margin: auto
    }
    .price-table {
        padding: 50px 0
    }
    .store-plus {
        padding: 50px 0
    }
}

.s-nav li .s-dropdown li .s-dropdown li.drop-img-20:after {
    background-image: url(../images/spritesheet2.png);
    background-position: 1px -765px;
    transform: scale(0.8);
    top: -30%
}

.s-nav li .s-dropdown li .s-dropdown li.drop-img-22:after {
    background-image: url(../images/spritesheet2.png);
    background-position: 1px -830px;
    transform: scale(0.8);
    top: -30%
}

area {
    outline: none
}

@media (min-width: 767px) {
    #lz_overlay_chat,
    #lz_overlay_preview {
        margin: 0px 100px 83px 0px !important;
        margin: 0px 100px 83px 0px !important
    }
}


/*/*/

.page-template-profile .pg-head,
.pg-head {
    font-size: 24px;
    margin-bottom: 90px;
    padding-top: 0px
}



.vid-cap .pg-head {
    margin-bottom: 20px;
    padding-top: 90px;
}





.page-template-profile .head-description,
.head-description {
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    width: 1000px;
    text-align: center
}

.page-template-profile ul.work-links,
ul.work-links {
    list-style: none;
    margin: 0 auto;
    width: 1000px;
    text-align: center;
    padding: 0
}

.page-template-profile .work-links li,
.work-links li {
    margin: 20px 3px;
    display: inline-block
}

.page-template-profile .work-links a:hover,
.work-links a:hover {
    color: #515d7d;
    background-color: #fff
}



.vid-cap .work-links a {
padding:0 !important;
text-transform: capitalize;
border: 1px solid #fff;
}


.work-links li {
float: none;
}


.page-template-profile .work-links .order-now a:hover,
.work-links .order-now a:hover {
    color: #fff
}

.page-template-profile .blog-title .download-hd-version,
.work-links .order-now a {
    border: 1px solid transparent;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

.page-template-profile .blog-title .download-hd-version {
    margin: 0 auto;
    text-align: center
}


/**/

.page-template-profile .blog-title .download-hd-version,
.work-links a {
    display: block;
    width: 195px;
    height: 58px;
    line-height: 31px;
    color: #da5425;
    font-size: 16px;
    color: #fff;
    border: 1px solid #515d7d;
    line-height: 58px
}

.page-template-profile .work-links a i,
.work-links a i {
    margin: 5px
}

.order-footer.single-works .order-head {
    font-size: 40px;
    margin: 4px 0
}

.order-footer.single-works .order-p {
    font-size: 24px
}

.page-template-profile .bg-header-af:after,
.bg-header-af:after {
    border-color: #fff;
    border-top-color: transparent
}

.cms-content.is-video {
    position: relative
}


.s-video .vid-fr {
    width: 100%;
    border: none;
}


.cms-content.is-video .cms-c-img {
    padding: 10px
}

.cms-content {
    background-color: #fff
}

.bg-header-af:after {
    display: none
}

.cms-content .cms-c-img {
    padding: 0
}

.post-template-default.single.single-post .cms-content {
    background-color: #fff
}

.post-template-default.single-format-standard.logged-in.admin-bar .comment-form .submit {
    display: none
}

.comments-area .comment-list>li {
    border-bottom: 1px solid #ededed;
    padding: 24px 0
}

.comments-area .comments-title {
    display: none
}

.comments-area .comment-list {
    padding: 0;
    list-style: none
}

.comments-area .children {
    background-color: #eff3fc;
    padding: 18px 28px;
    list-style: none
}

.children li .children {
    background-color: #eff3fc
}

.comments-area .children .fn,
.comments-area .comment-list .fn {
    font-size: 16px;
    font-family: sans-serif;
    color: #2a2b2d;
    margin-top: 8px;
    display: inline-block;
    margin-right: 15px;
    font-style: normal;
    font-weight: bold
}

.comments-area .comment-meta.commentmetadata a {
    color: #a7a7a7;
    font-size: 13px;
    margin-right: 15px
}

.comments-area .comment-body p {
    color: #2a2b2d;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0;
}

.comments-area .comment-author.vcard img {
    border-radius: 50%;
    width: 54px;
    height: 54px;
    float: right;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(238, 238, 238, 1);
    padding: 10px
}

.comments-area .comment-author.vcard .says {
    display: none
}

.comments-area .reply a {
    color: #de5b25;
    font-size: 14px;
    margin-bottom: 30px;
    margin-top: 4px;
    display: block;
    text-decoration: underline !important
}

.comments-area .comment-respond .comment-reply-title {
    font-size: 20px;
    
    color: #2a2b2d;
    margin-bottom: 0;
    margin-top: 33px
}

.comments-area .comment-notes {
    color: #f00;
    font-size: 15px;
}

.comment-form label {
    display: table-cell;
    font-size: 16px;
    margin-right: 18px;
    display: block;
    margin-bottom: 6px
}

.comment-form label .required {
    color: #f00
}

.comment-form .comment-form-author,
.comment-form .comment-form-email {
    position: relative;
    display: inline-block;
    width: 49%
}

.comment-form .comment-form-email {
    margin-right: 18px
}

.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-comment textarea {
    padding: 10px 18px;
    width: 100%;
    border: 2px solid #f2f2f2
}

.comment-form .comment-form-author input,
.comment-form .comment-form-email input {
    height: 56px
}

.comment-form .comment-form-author input:focus,
.comment-form .comment-form-email input:focus,
.comment-form .comment-form-comment textarea:focus {
    border: 2px solid #c52d2f
}

.comment-form .comment-form-comment {
    margin-top: 0;
    margin-bottom: 0
}

.comment-form .comment-form-comment textarea {
    height: 105px;
    resize: none
}

.comment-form .form-submit {
    margin-top: 5px
}

.comment-form .submit {
    float: left;
    display: block;
    padding: 0;
    border: 0;
    color: #fff;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, ef2121), color-stop(100%, c52d2f));
    background: -webkit-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -o-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    background: -ms-linear-gradient(360deg, #ef2121 0, #c52d2f 100%);
    line-height: 50px;
    width: 162px;
    height: 50px;
    margin: auto;
    font-size: 18px;

}

.comment-form .submit:hover {
    color: #fff;
    background: #e72a23;
    background: -moz-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -webkit-gradient( linear, 360deg, color-stop(0, c52d2f), color-stop(100%, ef2121));
    background: -webkit-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -o-linear-gradient(360deg, #c52d2f 0, #ef2121 100%);
    background: -ms-linear-gradient(360deg, #c52d2f 0, #ef2121 100%)
}

@media(max-width:767px) {
    .comment-form .comment-form-author,
    .comment-form .comment-form-email {
        width: 100%
    }
    .comment-form .comment-form-email {
        margin-right: 0
    }
    .comments-area .children {
        padding: 18px 15px 18px 0
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .comment-form .comment-form-author,
    .comment-form .comment-form-email {
        width: 100%
    }
    .comment-form .comment-form-email {
        margin-right: 0
    }
}

@media only screen and (max-width: 992px) {
    .page-template-profile .head-description,
    .head-description,
    .page-template-profile ul.work-links,
    ul.work-links {
        width: auto
    }
    .page-template-profile ul.work-links,
    ul.work-links li {
        margin-bottom: 0
    }
}

body.blog .mix,
body.blog ._mix {
    min-height: 360px
}

body.blog #Container-1 {
    display: flex;
    flex-wrap: wrap
}




/*
   SERVICES ICON SECTION
   ========================================================================== */
   
   
   

.service-section {
	padding-top: 50px;
	padding-bottom: 0px;
}
.ser-in-wrap {
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
}
.ser-in-text {
	float: right;
	padding-left: 10px;
	width: 75%;
}
.ser-right-align {
	float: left;
	padding-right: 10px;
	padding-right: 0;
}
.ser-right-align h1, .ser-right-align p {
	text-align: left !important;
}
.ser-in-icon-right {
	float: left !important;
}
.ser-in-text h1 {
	font-size: 21px;
	text-align: left;
	font-weight: 600;
	color: #303030;
text-transform: capitalize;
}
.ser-in-text p {
	text-align: left;
max-height: 58px;
overflow: hidden;
}
.ser-in-icon {
	width: 75px;
	height: 75px;
	float: right;
	border: #dfdfdf 3px solid;
	border-radius: 50%;
	margin-top: 20px;
	-webkit-transition: ease-in .4s;
	-moz-transition: ease-in .4s;
	-o-transition: ease-in .4s;
	-ms-transition: ease-in .4s;
	transition: ease-in .4s;
}
.ser-in-icon:hover {
	-webkit-transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	transform: rotateY(180deg);
	transform-style: preserve-3d;
	border: 3px dotted #61b8e5;
}
.serv-bg {
	background: url(../images/service-main-bg.png) bottom -20px right no-repeat;
	height: 518px;
	position: relative;
	right: -45px;
}
.web-seo-icon {
	background: url(../images/icon-web-seo.png) center no-repeat;
}
.e-commerce-icon {
	background: url(../images/icon-e-commerce.png) center no-repeat;
}
.logos-icon {
	background: url(../images/icon-logos-design.png) center no-repeat;
}
.multimedia-icon {
	background: url(../images/icon-multimedia.png) center no-repeat;
}
.cms-icon {
	background: url(../images/icon-content-management.png) center no-repeat;
}
.kentico-icon {
	background: url(../images/fz.png) center no-repeat;
background-size: 40px 60px;
}




@media(max-width:767px) { 

.mark-seo {
padding: 0;
}

.five-xsbox {
    width: 100%;
    float: none;
}

.site-form .mod-s .customer-serv .cust-ser:last-child {
margin-left: 0;
}

 .shap-2 {
display:none;
}

.vid-cap {
padding: 100px 0;
height:auto;
padding-bottom: 20px;
}

.page-template-profile .pg-head, .pg-head {
    font-size: 20px;
    margin-bottom: 90px;
    padding-top: 0px;
}


.page-template-profile .head-description, .head-description {
    font-size: 15px;
text-align: left;}



.page-template-profile .blog-title .download-hd-version, .work-links a {
width: 150px;
height: 48px;
line-height: 46px;

}

.order-footer.single-works .order-head {
    font-size: 24px; }


.order-footer.single-works .order-p {
    font-size: 18px;}


.order-footer .order-bt {
width: 150px;
}


.features {
padding: 100px 0;
padding-bottom:20px;
}

.brand-content{
padding: 20px 0;
padding-bottom: 40px;
}
 

.brand-content .site-head {
font-size: 22px;
}


.partners {

padding-top:20px;
}


.prog-feat,
.webs-services,
.mob-slider,
.mob-private,
.mob-company,
.mob-app,
.mob-features,
.prog-features {
padding: 40px 0;
}

.pad-le-2,
.pad-le {
padding-left: 0;
}
 
.mob-company .mob-app-bl .mob-company-img {
display:none;
}

.webs-c-block .webs-c-more {
margin-top: 20px;
}


.serv-bg {
display:none;
}

.ser-right-align {
float: right;
}

.ser-in-icon-right {
    float: right !important;
}


.brand-slider .item {
height:auto;
}

.our-work .work-group > li {
margin: 30px 0 !important;
transform: scale(0.8);
}

}