/* 
 Theme Name:   vcard-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     vcard-cv-resume
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

:root {
    --color-white: #ffffff;
    --color-yellow: #e88c09;
    --color-yellow1: #ff9800;
    --color-gray: #777777;
    --color-blue: #373293;
    --color-blue1: #363394;
    --color-blue2: #181e5e;
    --color-blue3: #5049c1;
    --color-blue4: #383093
}

:root {
    --font-josefin: "Josefin Sans"
}

#slider {
    position: relative;
    max-width: 100%;
    margin: auto;
    padding: 0;
    background-size: 100% 86%;
}

#slider .carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.slidemainbox {
    margin-top: 100px
}

.Slider-left-box {
    z-index: 99999
}

.slidemidheading {
    width: 14ch;
    animation: typing 5s steps(14) infinite;
    white-space: nowrap;
    overflow: hidden
}

@keyframes typing {
    from {
        width: 0
    }
}

#maskbg-image {
    position: relative;
    width: 100%;
    min-height: 100%;
    background-size: cover!important
}

#slider h5 {
    color: var(--color-white);
    font: 600 22px var(--font-josefin)
}

#slider .topheading {
    color: var(--color-white);
    font: 600 22px var(--font-josefin);
    margin-left: 5px;
    background-color: var(--color-yellow);
    padding: 5px
}

#slider h1 {
    color: var(--color-white);
    font: 500 65px/90px var(--font-josefin)
}

#slider p {
    color: var(--color-white);
    font: 600 16px/28px var(--font-josefin)
}

#slider .vw-slider-button1,#slider .vw-slider-button2 {
    font: 600 16px/22px var(--font-josefin);
    text-align: center;
    padding: 13px 20px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: all .3s ease 0s
}

#slider .vw-slider-button2:hover {
    color: #fff!important
}

#slider .vw-slider-button1:before,#slider .vw-slider-button2:before,#slider .vw-slider-button1:after,#slider .vw-slider-button2:after,#slider .vw-slider-button1 span:before,#slider .vw-slider-button2 span:before,#slider .vw-slider-button1 span:after,#slider .vw-slider-button2 span:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #363394;
    opacity: .6;
    position: absolute;
    top: -90px;
    left: 0;
    z-index: -1;
    transition: all .4s ease .2s
}

#slider .vw-slider-button1:after,#slider .vw-slider-button2:after {
    opacity: 1;
    z-index: -2;
    transition: all .4s ease .3s
}

#slider .vw-slider-button1 span:before,#slider .vw-slider-button1 span:after,#slider .vw-slider-button2 span:before,#slider .vw-slider-button2 span:after {
    opacity: .4;
    z-index: -2;
    transition: all .4s ease .1s
}

#slider .vw-slider-button1 span:after,#slider .vw-slider-button2 span:after {
    opacity: .2;
    transition: all .4s ease 0s
}

#slider .vw-slider-button1:hover:before,#slider .vw-slider-button1:hover:after,#slider .vw-slider-button1:hover span:before,#slider .vw-slider-button1:hover span:after,#slider .vw-slider-button2:hover:before,#slider .vw-slider-button2:hover:after,#slider .vw-slider-button2:hover span:before,#slider .vw-slider-button2:hover span:after {
    top: 0
}

#slider .vw-slider-button1 {
    filter: drop-shadow(0 0 24.5px rgba(232,140,9,0.27));
    background-color: var(--color-yellow);
    margin-right: 15px
}

#slider .vw-slider-button2 {
    background-color: var(--color-white);
    color: var(--color-blue2)
}

.ld-masked-image svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

svg {
    filter: drop-shadow(0 0 24.5px rgba(232,140,9,0.27))
}

svg:not(:root) {
    overflow: hidden
}

.ld_masked_image_6111823f8916b .clip-svg {
    clip-path: url(#svg-ld_masked_image_6111823f8916b);
    -webkit-clip-path: url(#svg-ld_masked_image_6111823f8916b);
    background-position-x: 50%;
    background-position-y: 50%
}

.bg-cover {
    background-size: cover!important
}

#AboutUs {
    padding: 150px 0;
    margin-top: -61%
}

#AboutUs .tab-content {
    margin-top: -3%
}

.About-us-right-box {
    z-index: 9
}

#AboutUs h6 {
    margin-top: 38%
}

#AboutUs h2 {
    color: var(--color-blue1)!important;
    font-size: 26px
}

#AboutUs h5,#AboutUs h5 a,#AboutUs h5 a:hover {
    color: var(--color-blue4)!important
}

#AboutUs .outer-img {
    margin-top: -121px;
    margin-left: -35px;
    -webkit-animation: spar 3s linear infinite;
    animation: spar 3s linear infinite
}

@keyframes spar {
    from {
        transform: translate(0,0px)
    }

    65% {
        transform: translate(10px,10px)
    }

    to {
        transform: translate(0,-0px)
    }
}

#AboutUs .tab-content i {
    color: var(--color-white)
}

#AboutUs .nav-tabs {
    border-bottom: none;
    margin-top: 27%
}

#AboutUs .nav-tabs .row {
    z-index: 9!important
}

#AboutUs .process_elements img {
    width: 85px!important
}

#AboutUs .cards:hover img {
    transform: translate(0) scale(1.1);
    transition: .7s
}

#AboutUs .nav-tabs .nav-link {
    border: none!important
}

#AboutUs .active .cards {
    background: rgb(217 216 234)!important
}

#AboutUs .active .cards p {
    color: #2f2f2f
}

#AboutUs .active h5 a,#AboutUs .active h5 a:hover {
    color: var(--color-blue3)
}

#AboutUs .cards {
    border-radius: 10px;
    padding: 50px 15px;
    height: 300px;
    width: 250px;
    filter: drop-shadow(0 0 13.5px rgba(0,0,0,0.09));
    background-color: var(--color-white);
    cursor: pointer
}

#AboutUs .icon {
    display: inline-flex;
    list-style-type: none;
    padding-left: 0
}

#AboutUs .icon li {
    padding-right: 15px
}

.services-card:nth-child(1) {
    position: relative;
    top: -78px
}

.services-card:nth-child(2) {
    position: relative;
    top: 97px
}

.services-card:nth-child(3) {
    position: relative;
    top: -65px
}

#AboutUs .nav-tabs .nav-link.active {
    background-color: unset
}

#AboutUs .fa-behance {
    background-color: #1767fb;
    font-size: 20px;
    padding: 6px;
    border-radius: 6px;
    margin-right: 5px
}

#AboutUs .icon .behance {
    color: #1767fb
}

#AboutUs .fa-basketball-ball {
    background-color: #f91485;
    font-size: 20px;
    padding: 6px;
    border-radius: 6px;
    margin-right: 5px
}

#AboutUs .icon .dribbble {
    color: #f91485
}

#AboutUs .fa-instagram {
    background-color: #ffb24e;
    font-size: 20px;
    padding: 6px;
    border-radius: 6px;
    margin-right: 5px
}

#AboutUs .icon .insta {
    color: #ffb24e
}

#AboutUs .theme_button {
    padding: 13px 28px
}
,.owl-dots.disabled

.section-info {
    padding: 150px 0;
}


.About-us-right-box {
    z-index: 9
}

.section-info h6 {
    margin-top: 38%
}

.section-info h2 {
    color: var(--color-blue1)!important;
    font-size: 26px
}

.section-info h5,.section-info h5 a,.section-info h5 a:hover {
    color: var(--color-blue4)!important
}

.section-info .outer-img {
    margin-top: -185px;
    margin-left: -50px;
    -webkit-animation: spar 3s linear infinite;
    animation: spar 3s linear infinite
}

@keyframes spar {
    from {
        transform: translate(0,0px)
    }

    65% {
        transform: translate(10px,10px)
    }

    to {
        transform: translate(0,-0px)
    }
}

.section-info .tab-content i {
    color: var(--color-white)
}

.section-info .nav-tabs {
    border-bottom: none;
    margin-top: 15%
}

.section-info .nav-tabs .row {
    z-index: 9!important
}

.section-info .process_elements img {
    width: 100%!important
}

.section-info .cards:hover img {
    transform: translate(0) scale(1.1);
    transition: .7s
}

.section-info .nav-tabs .nav-link {
    border: none!important
}

.section-info .active .cards {
    background: rgb(255 255 255)!important
}

.section-info .active .cards p {
    color: #2f2f2f
}

.section-info .active h5 a,.section-info .active h5 a:hover {
    color: var(--color-blue3)
}

.section-info .cards {
    border-radius: 10px;
    padding: 50px 15px;
    height: 300px;
    width: 250px;
    filter: drop-shadow(0 0 13.5px rgba(0,0,0,0.09));
    background-color: var(--color-white);
    cursor: pointer
}

.section-info .icon {
    display: inline-flex;
    list-style-type: none;
    padding-left: 0
}

.section-info .icon li {
    padding-right: 15px
}

.services-card:nth-child(1) {
    position: relative;
    top: -78px
}

.services-card:nth-child(2) {
    position: relative;
    top: 97px
}

@media screen and (max-width: 991px) and (min-width: 768px){
    .services-card:nth-child(2) {
        position: relative;
        top: -70px
    }
}


.services-card:nth-child(3) {
    position: relative;
    top: -65px
}

.section-info .nav-tabs .nav-link.active {
    background-color: unset
}

.section-info .fa-behance {
    background-color: #1767fb;
    font-size: 20px;
    padding: 6px;
    border-radius: 6px;
    margin-right: 5px
}

.section-info .icon .behance {
    color: #1767fb
}

.section-info .fa-basketball-ball {
    background-color: #f91485;
    font-size: 20px;
    padding: 6px;
    border-radius: 6px;
    margin-right: 5px
}

.section-info .icon .dribbble {
    color: #f91485
}

.section-info .fa-instagram {
    background-color: #ffb24e;
    font-size: 20px;
    padding: 6px;
    border-radius: 6px;
    margin-right: 5px
}

.section-info .icon .insta {
    color: #ffb24e
}

.section-info .theme_button {
    padding: 13px 28px
}

#FeatureSkill {
    margin-top: -68px
}

#FeatureSkill h5:after {
    display: block;
    content: '';
    position: absolute;
    width: 68px;
    height: 3px;
    margin-top: 6px;
    transition: all .4s ease;
    background-color: var(--color-blue3)
}

#FeatureSkill .progress {
    border-radius: 0
}

#FeatureSkill .progress-bar {
    background-color: var(--color-yellow1);
    width: 0;
    height: 8px;
    transition: 2s linear
}

.progress-bar::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    padding: 1px 0;
    font-size: 15px;
    border-radius: 25px;
    font-weight: 700;
    width: 20px;
    margin: 0 auto
}

#FeatureSkill .progress-bar-text {
    font: 600 17px/20px var(--font-josefin);
    color: var(--color-blue1)
}

#FeatureSkill .progress-bar-per {
    font: 600 17px/20px var(--font-josefin);
    color: #6967b4
}

#OurAchievments h2,#OurAchievments p,#OurAchievments h4,#OurAchievments h5,#OurAchievments i {
    color: var(--color-white)
}

#OurAchievments h4 {
    font: 600 24px/20px var(--font-josefin)
}

#OurAchievments h5 {
    font: 600 17px/20px var(--font-josefin)
}

#OurAchievments p {
    width: 75%
}

#OurAchievments i {
    font-size: 35px;
    font-weight: 600;
    border: 4px solid var(--color-white);
    padding: 18px;
    border-radius: 50%
}

#OurAchievments i:hover {
    border-radius: 1px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: var(--color-yellow1);
    transition: all .4s ease
}

.sprievodca h2,.sprievodca p,.sprievodca h4,.sprievodca h5,.sprievodca i {
    color: var(--color-white)
}

.sprievodca h4 {
    font: 600 24px/20px var(--font-josefin)
}

.sprievodca h5 {
    font: 600 17px/20px var(--font-josefin)
}

.sprievodca p {
    width: 100%
}

.sprievodca ul li, .section-2 ul li{
    list-style-type: circle;
    color: var(--color-white);
    font: 16px/20px var(--font-josefin);
    padding-left: 20px;
}

.sprievodca i {
    font-size: 35px;
    font-weight: 600;
    border: 4px solid var(--color-white);
    padding: 18px;
    border-radius: 50%
}

.sprievodca i:hover {
    border-radius: 1px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: var(--color-yellow1);
    transition: all .4s ease
}

#MyResume img {
    width: 36px
}

@keyframes spinimg {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

#footer {
    background: #ffffff;
    background-image:url(/wp-content/uploads/footer-bg.png);
    background-size: cover
}

#MyResume h5:after {
    display: block;
    content: '';
    position: absolute;
    width: 68px;
    height: 3px;
    margin-top: 0;
    margin-left: 43px;
    transition: all .4s ease;
    background-color: var(--color-blue3)
}

#MyResume .right-box,#MyResume .left-box {
    border-radius: 8px;
    filter: drop-shadow(0 0 3.5px rgba(52,51,51,0.22));
    background-color: var(--color-white);
    border-left: 5px solid var(--color-yellow1)
}

#MyResume .left-box,#MyResume .right-box {
    display: none
}

#MyResume .icon-left-box i {
    position: absolute;
    margin-top: -13%;
    left: 41%
}

#MyResume .icon-right-box i {
    position: absolute;
    margin-top: -13%;
    left: 49%
}

.minus-icon {
    background-color: red
}

#MyResume .icon-left-box i,#MyResume .icon-right-box i {
    background-color: var(--color-blue1);
    color: var(--color-white);
    padding: 18px 19px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer
}

#MyResume .left-box:after,#MyResume .right-box:after {
    display: block;
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: -10px;
    top: 22px;
    border-radius: 1px;
    transition: all .4s ease;
    background-color: var(--color-yellow1);
    animation: mymove 2s forwards;
    animation-duration: 6000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes mymove {
    from {
        top: 22px;
        transform: rotate(0deg)
    }

    to {
        top: 150px;
        transform: rotate(360deg)
    }
}

#MyResume:hover .icon-left-box i,#MyResume:hover .icon-right-box i {
    animation: glowing .5s infinite
}

@keyframes glowing {
    0% {
        box-shadow: 0 0 -10px var(--color-blue1)
    }

    40% {
        box-shadow: 0 0 15px var(--color-blue1)
    }

    60% {
        box-shadow: 0 0 15px var(--color-blue1)
    }

    100% {
        box-shadow: 0 0 -10px var(--color-blue1)
    }
}

#MyResume .left_card_head,#MyResume .right_card_head {
    font: 600 20px/20px var(--font-josefin);
    color: var(--color-blue1)
}

#MyResume .left_card_uni,#MyResume .right_card_uni {
    background-color: #f7f6fb;
    width: 245px;
    height: 28px;
    padding: 5px
}

#MyPortfolio .project-tabs ul {
    margin: 0 auto;
    display: block
}

#MyPortfolio .project-tabs ul li {
    display: inline-block;
    cursor: pointer
}

#MyPortfolio .project-tabs ul li .nav-link {
    border: none!important
}

#MyPortfolio .project-tabs ul li .nav-link:hover {
    color: var(--color-yellow1)!important
}

#MyPortfolio .project-tabs ul li .nav-link:active {
    background-color: var(--color-yellow1)!important;
    color: var(--color-yellow1)!important;
    border-top-left-radius: 8px!important;
    border-bottom-right-radius: 8px!important
}

#MyPortfolio .vw_portfolio_box {
    overflow: hidden;
    position: relative
}

#MyPortfolio .project-image {
    margin-top: 30px
}

#MyPortfolio .project-image img {
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px
}

#MyPortfolio .project-tabs ul li a {
    font: 600 16px var(--font-josefin);
    color: var(--color-yellow1)
}

#MyPortfolio .project-tabs .active {
    color: var(--color-white);
    background-color: var(--color-yellow1);
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 11px
}

#MyPortfolio .project-tabs ul li .active:hover:hover {
    color: var(--color-white)!important
}

.vw_portfolio_box {
    background-color: #373293;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.vw_portfolio_box:before,.vw_portfolio_box:after {
    content: '';
    background: linear-gradient(to right,rgb(55 50 147),rgb(55 50 147),rgb(55 50 147));
    height: 50%;
    width: 100%;
    opacity: .8;
    position: absolute;
    top: -50%;
    left: 0;
    z-index: 1;
    transition: all .3s ease-in 0s;
    opacity: .5
}

.vw_portfolio_box:after {
    top: auto;
    bottom: -50%
}

.vw_portfolio_box:hover:before {
    top: 0
}

.vw_portfolio_box:hover:after {
    bottom: 0
}

.vw_portfolio_box img {
    width: 100%;
    height: auto
}

.vw_portfolio_box .project-bgbox {
    color: #fff;
    text-align: center;
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 32%!important;
    left: 0;
    z-index: 2;
    transition: all .3s ease-out .1s
}

.vw_portfolio_box:hover .project-bgbox {
    opacity: 1;
    top: 20%
}

.vw_portfolio_box h3 a {
    font-weight: 600;
    margin: 0
}

.vw_portfolio_box h3 a:after {
    content: '';
    height: 2px;
    width: 70px;
    border-top: 2px dashed rgba(255,255,255,.7);
    margin: 7px auto 10px;
    display: block;
    clear: both
}

.vw_portfolio_box .icon {
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 40%;
    z-index: 2;
    transition: all .3s ease-out .1s
}

.vw_portfolio_box:hover .icon {
    opacity: 1;
    bottom: 20%
}

.vw_portfolio_box .icon {
    margin: 0 3px;
    display: inline-block
}

.vw_portfolio_box .icon a {
    color: #444;
    background-color: var(--color-white);
    font-size: 15px;
    text-align: center;
    line-height: 45px;
    height: 38px;
    width: 38px;
    border-radius: 5px;
    display: block;
    transition: all .3s ease 0s
}

.vw_portfolio_box .icon a:hover {
    color: #444!important
}

.vw_portfolio_box i {
    font-size: 20px;
    font-weight: 700
}

#FreelanceAvailable h2,#FreelanceAvailable p,.section-2 h2,.section-2 h3,.section-2 p {
    color: var(--color-white)
}

#FreelanceAvailable h2:after,.section-2 h2:after {
    display: block;
    content: '';
    position: static;
    width: 116px;
    height: 4px;
    border-radius: 3px;
    transition: all .4s ease;
    background-color: var(--color-yellow1);
    margin: 10px auto
}

#FreelanceAvailable .theme_button {
    border: 2px solid var(--color-white);
    background-color: transparent
}

#FreelanceAvailable .freelance-btn img {
    width: 30px
}


.about-bg{
    
    background-image:url(/wp-content/uploads/about-bg1.png);
}

.about-bg h2,.about-bg p,.about-bg h3 {
    color: var(--color-white)
}

.about-bg ul li {
    list-style-type: circle;
    color: var(--color-white);
    font: 16px/20px var(--font-josefin);
}

.about-bg ol li {
    color: var(--color-white);
    font: 16px/20px var(--font-josefin);
}

.about-bg h2:after,.section-2 h2:after {
    display: block;
    content: '';
    position: static;
    width: 116px;
    height: 4px;
    border-radius: 3px;
    transition: all .4s ease;
    background-color: var(--color-yellow1);
    margin: 10px auto
}

.about-bg .theme_button {
    border: 2px solid var(--color-white);
    background-color: transparent
}

.about-bg .freelance-btn img {
    width: 30px
}

.about-bg p,.section-2 p {
    width: 100%
}

.betway-bg {
    background: #000
}

.section1 h2 {
    color: var(--color-blue)
}

.section1 h2:after,.section-2 h2:after {
    display: block;
    content: '';
    position: static;
    width: 116px;
    height: 4px;
    border-radius: 3px;
    transition: all .4s ease;
    background-color: var(--color-yellow1);
    margin: 10px auto
}


#HireMe .hireme-text {
    color: #505050
}

#HireMe .box {
    filter: drop-shadow(0 0 12px rgba(41,60,151,0.19));
    background-color: var(--color-white);
    width: 88%;
    border-radius: unset;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: unset
}

#HireMe .box:hover {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all .8s ease-in
}

#HireMe .box img {
    width: 70%
}

#HireMe .box_head {
    font-size: 18px;
    color: var(--color-blue)
}

.box:nth-child(even) {
    margin-left: 12%
}

#HireMe .box {
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .3s ease .3s
}

#HireMe .box:before,#HireMe .box:after {
    content: '';
    background-color: var(--color-blue);
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: -100%;
    transition: all .8s ease-in
}

#HireMe .box:after {
    top: auto;
    bottom: 0;
    left: 100%
}

#HireMe .box:hover:before,#HireMe .box:hover:after {
    opacity: .7;
    left: 0
}

.aboutsection .aboutsection-text {
    color: #505050;
    background-image:url(/wp-content/uploads/about-bg.png);
}

.aboutsection .box {
    filter: drop-shadow(0 0 12px rgba(41,60,151,0.19));
    background-color: var(--color-white);
    width: 88%;
    border-radius: unset;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: unset
}

.aboutsection .box:hover {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all .8s ease-in
}

.aboutsection .box img {
    width: 70%
}
@media screen and (max-width: 991px) and (min-width:767px) {
    .aboutsection .box img {
        width: 15%
    }
}

.aboutsection .boximg {
    width: 50%!important;
}

.aboutsection .box_head {
    font-size: 18px;
    color: var(--color-blue)
}

.box:nth-child(even) {
    margin-left: 12%
}

.aboutsection .box {
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .3s ease .3s
}

.aboutsection .box:before,.aboutsection .box:after {
    content: '';
    background-color: var(--color-blue);
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: -100%;
    transition: all .8s ease-in
}

.aboutsection .box:after {
    top: auto;
    bottom: 0;
    left: 100%
}

.aboutsection .box:hover:before,.aboutsection .box:hover:after {
    opacity: .7;
    left: 0
}

#WorkProcess .inner_work_process {
    background-size: 100% 100%!important;
    background-repeat: no-repeat;
    padding: 0 0
}

.c-dashed-line {
    animation: ways 1s linear infinite
}

@keyframes ways {
    0% {
        transform: translateX(-1px)
    }

    100% {
        transform: translateX(-56px)
    }
}

#WorkProcess .inner_work_process .owl-carousel {
    position: absolute;
    top: 55%;
    left: 0;
    right: 0
}

#WorkProcess .workprocess_inner_image {
    background-color: var(--color-blue);
    border-radius: 50px;
    width: 90px;
    height: 90px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    background: linear-gradient(to right,var(--color-blue) 20%,var(--color-blue) 20%,#57b5c7 50%,var(--color-blue) 80%,var(--color-blue) 100%);
    background-size: 200% auto;
    animation: shine 3s linear infinite
}

.inner_work_process .owl-carousel .owl-item :nth-child(odd) {
    margin-top: 20px
}

.inner_work_process .owl-carousel .owl-item:nth-child(even) {
    margin-top: -19px
}

#WorkProcess {
    position: relative
}

#WorkProcess svg {
    padding: 0 6%;
    position: relative
}

#WorkProcess .workprocess_inner_image:hover {
    border: 5px solid #9a95c8;
    border-radius: 1px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    transition: all .7s ease
}

@keyframes shine {
    to {
        background-position: 200% center
    }
}

#WorkProcess img {
    width: 42px;
    margin-left: 24px;
    margin-top: 21px
}

#WorkProcess p {
    width: 50%
}

#WorkProcess h4 {
    color: var(--color-blue);
    text-transform: uppercase;
    font: 600 18px/20px var(--font-josefin)
}

.section-2 .sponsor_inner_image.text-center {
    width: 65%
}

.section-2 .Sponsor_inner_box {
    background-color: var(--color-white);
    padding: 20px 15px 36px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    position: relative;
    top: 90px;
    filter: drop-shadow(0 0 19px rgba(0,0,0,0.11))
}

.section-2 .Sponsor_inner_box:hover {
    background-color: #f1cf9f;
    transition: all .8s ease-in;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0
}

#newsletter h2,#newsletter p {
    color: #fff
}

#newsletter p {
    width: 66%;
    font: 400 16px/20px var(--font-josefin)
}

.newsletter-shortcode p {
    text-align: center;
    margin: 0 auto
}

#newsletter input[type=email] {
    width: 100%;
    padding: 14px 10px;
    border: 1px solid var(--color-white);
    border-top-left-radius: 8px
}

#newsletter input[type=submit] {
    left: -34%;
    padding: 14px 15px;
    color: var(--color-white);
    border: 1px solid var(--color-yellow1);
    border-bottom-right-radius: 8px;
    position: relative;
    background-color: var(--color-yellow1)
}

#MyBlog .latest-news-content {
    filter: drop-shadow(0 0 3.5px rgba(52,51,51,0.22));
    background-color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px
}

#MyBlog .latest-news-content:hover {
    filter: drop-shadow(0 0 15px rgba(41,60,151,0.19))
}

#MyBlog .post-one {
    height: 100%
}

#MyBlog .post-two,#MyBlog .post-three {
    height: 238px
}

#MyBlog .post-one img,#MyBlog .post-three img {
    border-top-left-radius: 10px
}

#MyBlog .post-three img {
    height: 238px
}

#MyBlog .post-two img {
    border-bottom-right-radius: 10px;
    height: 238px
}

#MyBlog .news-date {
    color: var(--color-gray);
    font: 600 16px var(--font-josefin);
    padding-top: 10px
}

#MyBlog h5 a {
    color: var(--color-blue);
    font: 600 22px var(--font-josefin)
}

#MyBlog h5 a:hover,.otazky h4 a:hover {
    color: var(--color-blue)!important
}

#MyBlog .latesredmore {
    color: var(--color-yellow1);
    font: 400 14px var(--font-josefin)
}

#MyBlog .latesredmore i {
    margin-left: 6px
}

#MyBlog .latesredmore:hover {
    color: var(--color-yellow1)!important
}

.otazky {
    margin-bottom: -300px
}

.otazky .testi-icon i {
    color: var(--color-white);
    background-color: var(--color-yellow1);
    padding: 15px;
    font-size: 40px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: absolute;
    left: 41%;
    margin-top: 43px;
    -webkit-animation: sp 3s linear infinite;
    animation: sp 3s linear infinite
}

.otazky .testimonial_box img {
    width: 50px!important;
    opacity: .6
}

.otazky .testimonial_auther img {
    width: 75px!important;
    opacity: .6
}

.textimonial-img i {
    background-color: var(--color-blue);
    padding: 25px;
    border-radius: 50%;
    font-size: 30px;
    color: var(--color-white)
}

.otazky .testimonial_auther:hover .textimonial-img i {
    transition: all .9s;
    border-radius: 1px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.otazky h4 a,.testimonial_name a {
    color: var(--color-blue);
    font: 600 16px var(--font-josefin)
}

@keyframes sp {
    from {
        transform: translate(0,0px)
    }

    65% {
        transform: translate(0,30px)
    }

    to {
        transform: translate(0,-0px)
    }
}

.testi-outer-img {
    -webkit-animation: spar 2s linear infinite;
    animation: spar 2s linear infinite
}

@keyframes spar {
    from {
        transform: translate(0,0px)
    }

    65% {
        transform: translate(10px,10px)
    }

    to {
        transform: translate(0,-0px)
    }
}

.sprievodca {
    background-image:url(/wp-content/uploads/background.jpg);
}

.section-2 {
    background-image:url(/wp-content/uploads/section2-bg.png);
}

:root {
    --color-white: #ffffff;
    --color-yellow: #e88c09;
    --color-yellow1: #ff9800;
    --color-gray: #777777;
    --color-blue: #373293;
    --color-blue1: #363394;
    --color-blue2: #181e5e;
    --color-blue3: #5049c1
}

:root {
    --font-josefin: "Josefin Sans"
}

* {
    margin: 0;
    padding: 0;
    outline: none
}

html body {
    margin: 0;
    padding: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    position: relative;
    color: var(--color-gray);
    font-weight: 300;
    font-size: 16px;
    font-family: var(--font-josefin)
}

body a {
    text-decoration: none;
    color: var(--color-yellow1)
}

section img {
    max-width: 100%
}

section {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 50px 0
}

textarea {
    padding: 5px
}

h2,h5,h6 {
    font-weight: 600!important
}

h2 {
    font: 28px/28px var(--font-josefin);
    color: var(--color-blue1)
}

h5 {
    font: 22px/28px var(--font-josefin);
    color: var(--color-yellow1)
}

p,.comment-author-admin span,.logged-in-as a {
    font: 400 16px/20px var(--font-josefin);
    color: var(--color-gray)
}

.logged-in-as a:hover {
    color: var(--color-gray)!important
}

h6 {
    font: 16px/28px var(--font-josefin);
    color: var(--color-yellow1)
}

img {
    border: none;
    max-width: 100%;
    height: auto
}

a:hover {
    color: var(--color-gray)!important
}

h1 {
    color: var(--color-blue1)
}

input[type=search] {
    padding: 10px;
    font-size: 15px;
    margin-bottom: 10px;
    color: #6c6c6c;
    border: solid 1px #e1e1e1;
    width: 100%
}


.comment-author-admin a {
    font: 400 14px/20px var(--font-josefin);
    color: var(--color-blue1)!important
}

.comment .comment-meta {
    margin-top: 2%
}

.comment .reply {
    margin-bottom: 2%
}

.vw-scroll {
    background-attachment: scroll
}

.vw-fixed {
    background-attachment: fixed
}

.blog #vw-header-menu {
    position: static;
    background: var(--color-blue1)!important
}

#vw-sidebar a {
    font: 400 18px/24px var(--font-josefin);
    color: var(--color-gray)!important;
    margin-left: 10px;
    align-self: center
}

.search-submit {
    filter: drop-shadow(0 0 24.5px rgba(232,140,9,0.27));
    background-color: var(--color-yellow);
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 9px;
    border-color: var(--color-yellow);
    color: #fff
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    border: unset
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border: unset
}

.nav-tabs {
    border-bottom: unset!important
}

.nav-tabs .nav-link {
    margin-bottom: unset!important
}

.nav-link {
    transition: unset!important
}

.nav-next span,.nav-previous span {
    font: 600 16px var(--font-josefin);
    color: var(--color-gray)
}

.theme_button {
    font: 600 18px/22px var(--font-josefin);
    text-align: center;
    padding: 13px 40px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: var(--color-white);
    background-color: var(--color-blue);
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: all .7s ease 0s
}

.theme_button:hover {
    color: var(--white)
}

.search-submit {
    filter: drop-shadow(0 0 24.5px rgba(232,140,9,0.27));
    background-color: var(--color-yellow);
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 9px;
    border-color: var(--color-yellow);
    color: var(--color-white)
}

.theme_button:before,.theme_button:after,.theme_button span:before,.theme_button span:after {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--color-yellow1);
    opacity: .6;
    position: absolute;
    top: -90px;
    left: 0;
    z-index: -1;
    transition: all .4s ease .2s
}

.theme_button:after {
    opacity: 1;
    z-index: -2;
    transition: all .4s ease .3s
}

.theme_button span:before,.theme_button span:after {
    opacity: .4;
    z-index: -2;
    transition: all .4s ease .1s
}

.theme_button span:after {
    opacity: .2;
    transition: all .4s ease 0s
}

.theme_button:hover:before,.theme_button:hover:after,.theme_button:hover span:before,.theme_button:hover span:after {
    top: 0
}

.slidemainbox {
    direction: ltr!important
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1110;
    overflow: hidden
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #16a085;
    animation: spin .9s linear infinite;
    z-index: 11
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    animation: spin-reverse .4s linear infinite
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    animation: spin .7s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes spin-reverse {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(-360deg)
    }
}

.archive .post_pic_inner .team-content {
    top: 14%;
    left: 14%
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: var(--color-blue2);
    z-index: 10
}

#loader-wrapper .loader-section.section-left {
    left: 0
}

#loader-wrapper .loader-section.section-right {
    right: 0
}

.loaded #loader-wrapper .loader-section.section-left {
    transform: translateX(-100%);
    transition: all .7s .3s cubic-bezier(.645,.045,.355,1)
}

.loaded #loader-wrapper .loader-section.section-right {
    transform: translateX(100%);
    transition: all .7s .3s cubic-bezier(.645,.045,.355,1)
}

.loaded #loader {
    opacity: 0;
    transition: all .3s ease-out
}

.loaded #loader-wrapper {
    visibility: hidden;
    transform: translateY(-100%);
    transition: all .1s .8s ease-out
}

#bubbles {
    padding: 0 0
}

.bubbles {
    padding: 0 0
}

.bubble {
    width: 20px;
    height: 20px;
    border-radius: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    position: absolute
}

.x1 {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
    opacity: 1;
    background: #caffbf;
    -webkit-animation: moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;
    -moz-animation: moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;
    -o-animation: moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate
}

.x2 {
    left: 200px;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    transform: scale(.6);
    opacity: 1;
    background: #e76f51;
    -webkit-animation: moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;
    -moz-animation: moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;
    -o-animation: moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate
}

.x3 {
    right: 350px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 1;
    background: #006d77;
    -webkit-animation: moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;
    -moz-animation: moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;
    -o-animation: moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate
}

.x4 {
    left: 470px;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    transform: scale(.75);
    opacity: 1;
    background: #48cae4;
    -webkit-animation: moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -moz-animation: moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;
    -o-animation: moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate
}

.x5 {
    right: 150px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 1;
    background: #8338ec;
    -webkit-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -moz-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -o-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate
}

.x6 {
    left: 150px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 1;
    background: #b08968;
    -webkit-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -moz-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -o-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate
}

.x7 {
    left: 150px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 1;
    background: #f0efeb;
    -webkit-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -moz-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -o-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate
}

.x8 {
    left: 150px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 1;
    background: #cddafd;
    -webkit-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -moz-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -o-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate
}

.x9 {
    right: 150px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 1;
    background: #f08080;
    -webkit-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -moz-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -o-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate
}

.x10 {
    right: 150px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 1;
    background: #00f5d4;
    -webkit-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -moz-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;
    -o-animation: moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate
}

@keyframes moveclouds {
    0% {
        top: 500px
    }

    100% {
        top: -500px
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: 10px
    }
}

@keyframes moveclouds {
    0% {
        top: 500px
    }

    100% {
        top: -500px
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: 10px
    }
}

@keyframes moveclouds {
    0% {
        top: 500px
    }

    100% {
        top: -500px
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: 50px
    }
}

.dot-spin {
    position: relative;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: transparent;
    color: transparent;
    box-shadow: 0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 transparent,0 18px 0 0 transparent,-12.72984px 12.72984px 0 0 transparent,-18px 0 0 0 transparent,-12.72984px -12.72984px 0 0 transparent;
    animation: dotSpin 1.5s infinite linear
}

@keyframes dotSpin {
    0%,100% {
        box-shadow: 0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 -5px transparent,0 18px 0 -5px transparent,-12.72984px 12.72984px 0 -5px transparent,-18px 0 0 -5px transparent,-12.72984px -12.72984px 0 -5px transparent
    }

    12.5% {
        box-shadow: 0 -18px 0 -5px transparent,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 #9880ff,0 18px 0 -5px transparent,-12.72984px 12.72984px 0 -5px transparent,-18px 0 0 -5px transparent,-12.72984px -12.72984px 0 -5px transparent
    }

    25% {
        box-shadow: 0 -18px 0 -5px transparent,12.72984px -12.72984px 0 -5px transparent,18px 0 0 0 #9880ff,12.72984px 12.72984px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 -5px transparent,-18px 0 0 -5px transparent,-12.72984px -12.72984px 0 -5px transparent
    }

    37.5% {
        box-shadow: 0 -18px 0 -5px transparent,12.72984px -12.72984px 0 -5px transparent,18px 0 0 -5px transparent,12.72984px 12.72984px 0 0 #9880ff,0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 -5px transparent,-12.72984px -12.72984px 0 -5px transparent
    }

    50% {
        box-shadow: 0 -18px 0 -5px transparent,12.72984px -12.72984px 0 -5px transparent,18px 0 0 -5px transparent,12.72984px 12.72984px 0 -5px transparent,0 18px 0 0 #9880ff,-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 -5px transparent
    }

    62.5% {
        box-shadow: 0 -18px 0 -5px transparent,12.72984px -12.72984px 0 -5px transparent,18px 0 0 -5px transparent,12.72984px 12.72984px 0 -5px transparent,0 18px 0 -5px transparent,-12.72984px 12.72984px 0 0 #9880ff,-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 0 #9880ff
    }

    75% {
        box-shadow: 0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 -5px transparent,18px 0 0 -5px transparent,12.72984px 12.72984px 0 -5px transparent,0 18px 0 -5px transparent,-12.72984px 12.72984px 0 -5px transparent,-18px 0 0 0 #9880ff,-12.72984px -12.72984px 0 0 #9880ff
    }

    87.5% {
        box-shadow: 0 -18px 0 0 #9880ff,12.72984px -12.72984px 0 0 #9880ff,18px 0 0 -5px transparent,12.72984px 12.72984px 0 -5px transparent,0 18px 0 -5px transparent,-12.72984px 12.72984px 0 -5px transparent,-18px 0 0 -5px transparent,-12.72984px -12.72984px 0 0 #9880ff
    }
}

.slidemainbox {
    direction: ltr
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: var(--color-blue3);
    height: 4px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before {
    left: 0;
    right: 0
}

.woocommerce-shop .main-navigation a,.woocommerce-shop .main-navigation a:hover {
    color: var(--color-white)!important
}

.woocommerce a,.woocommerce a:hover {
    color: var(--color-blue1)!important;
    font: 600 16px var(--font-josefin)
}

.woocommerce-account .addresses .title h3 {
    color: var(--color-blue1)!important
}

.woocommerce li {
    padding: 10px
}

.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea {
    padding: 10px
}

#FeatureSkill {
    direction: ltr
}

.vw-navigation .page-numbers,.meta-nav {
    background: var(--color-blue1);
    color: var(--color-white)!important;
    padding: 10px 16px;
    font: 600 16px var(--font-josefin)
}

.nav-next {
    margin-left: 10px
}

.post-navigation .nav-links {
    display: flex;
    padding: 0 5px 15px
}

.comments-area .comment-list li.comment span.says {
    display: none
}

.comments-area .comment-list li.comment .comment-author img {
    float: left;
    border-radius: 50%;
    position: absolute;
    left: 0;
    width: 12%
}

.comments-area .comment-list li.comment .comment-body {
    padding-bottom: 0;
    position: relative;
    padding-left: 98px;
    padding-bottom: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
    text-align: left
}

.section_bg_fixed {
    background-attachment: fixed;
    background-size: cover
}

.section_bg_scroll {
    background-attachment: scroll
}

:root {
    --color-white: #ffffff;
    --color-yellow: #e88c09;
    --color-yellow1: #ff9800;
    --color-gray: #777777;
    --color-blue: #373293;
    --color-blue1: #363394;
    --color-blue2: #181e5e;
    --color-blue3: #5049c1;
    --color-blue4: #383093
}

:root {
    --font-josefin: "Josefin Sans"
}

@media screen and (max-width: 991px) and (min-width:769px) {
    #vw-header-menu .menu .header-button {
        margin-top:13px!important
    }

    #vw-header-menu .menu .social-main-box {
        margin-top: 18px!important
    }

    #vw-main-menu {
        margin-top: 19px!important
    }
}

@media screen and (max-width: 1040px) and (min-width:1024px) {
    .otazky img.testi-boi {
        margin-top:30px;
        margin-bottom: -30px
    }

    #vw-header-menu .menu .header-button {
        margin-top: 10px!important
    }

    #vw-header-menu .menu .social-main-box {
        margin-top: 15px!important
    }

    #vw-main-menu {
        margin-top: 16px!important
    }

    #newsletter input[type=submit] {
        left: -14px!important
    }
}

@media screen and (max-width: 2500px) and (min-width:1921px) {
    #AboutUs {
        margin-top:-70%
    }

    #slider {
        background-size: 100% 65%
    }

    #slider h5 {
        font: 600 30px var(--font-josefin)
    }

    #slider h1 {
        font: 500 83px/145px var(--font-josefin)
    }

    #slider p {
        width: 80%
    }
}

@media screen and (max-width: 1920px) and (min-width:1400px) {
    #slider .carousel-caption figure {
        width:125%;
        margin: 2rem 0 0 -4rem
    }

    #slider h5 {
        font: 600 30px var(--font-josefin)
    }

    #slider h1 {
        font: 500 83px/145px var(--font-josefin)
    }

    #AboutUs {
        margin-top: -62%
    }

    #slider {
        background-size: 100% 77%
    }

    #slider p {
        width: 80%
    }

    .main-navigation a {
        font-size: 17px
    }

    #vw-header-menu .row.menu {
        align-items: center
    }

    #FreelanceAvailable p {
        font: 400 18px/20px var(--font-josefin)
    }

    .about-bg p {
        font: 400 18px/20px var(--font-josefin)
    }

    #MyBlog .post-one img,#MyBlog .post-three img,#MyBlog .post-two img {
        width: 100%
    }

    #AboutUs {
        background-size: 100% 100%;
        padding-bottom: 235px
    }

    #FeatureSkill {
        margin-top: -100px
    }
}

@media screen and (max-width: 1200px) {
    #AboutUs .cards {
        width:214px
    }

    #slider {
        background-size: 100% 90%
    }

    #AboutUs {
        margin-top: -55%
    }

    .textimonial-img i {
        padding: 22px
    }

    #MyBlog .post-two,#MyBlog .post-three {
        height: 257px
    }

    .post_pic_inner .team-content {
        left: 11%
    }
}

@media(min-width: 1441px) {
    #vw-footer {
        background-size:cover;
        padding: 25% 0 0;
    }

    .otazky {
        margin-bottom: -11.7%
    }
}

@media screen and (max-width: 1040px) {
    .home #vw-header-menu {
        z-index:unset;
        position: static;
        background: rgb(39 80 157)!important
    }

    .toggle-nav {
        display: block;
        text-align: right
    }

    .toggle-nav i {
        font-size: 29px;
        color: #fff!important
    }

    .sidenav .close-sidebar {
        position: absolute;
        top: -27px;
        left: 6em;
        font-size: 33px;
        display: block;
        color: #fff;
        cursor: pointer
    }

    .sticky .toggle-nav i {
        margin-right: 30px
    }

    .main-navigation ul li>ul {
        opacity: 1;
        display: block!important;
        visibility: visible!important;
        transform: none;
        box-shadow: unset;
        padding: 0;
        margin: 0
    }

    .main-navigation ul li a:before,.main-navigation ul li a:before {
        background-color: transparent
    }

    .main-navigation ul li:hover>ul {
        display: block!important;
        padding: 0;
        color: #000
    }

    .main-navigation ul li {
        height: 100%
    }

    .main-navigation ul li ul li ul {
        position: unset
    }

    .main-navigation ul ul li a:hover {
        transition: unset;
        padding: 12px
    }

    .headerbar {
        display: block!important;
        margin: 0
    }

    .main-navigation ul ul li {
        padding: 0 12px;
        margin: 0 0
    }

    .main-navigation ul ul li a {
        padding-left: 16px
    }

    .main-navigation ul li.current_page_item:after,.main-navigation ul li a:hover:after, .main-header .main-navigation,#slider .icon_img img {
        display: block;
    }

    .main-navigation,.main-navigation li {
        padding: 0;
        display: block;
        width: 250px
    }

    .main-navigation ul li a {
        padding: 12px 19px 12px 8px;
        display: block;
        border-bottom: 1px solid #e2e2e2;
        background: 0 0!important;
        text-align: left;
        margin: 0
    }

    #sidebar1 {
        height: 100%;
        width: 0;
        position: fixed!important;
        z-index: 9999999;
        top: 0;
        right: 0;
        background-color: rgb(0 50 143);
        background-image: linear-gradient(to bottom right,#005acb,#1b1638);
        overflow-x: hidden;
        transition: .9s;
        padding-top: 45px!important
    }

    #sidebar1 .main-navigation ul ul li a:hover:after {
        content: ""
    }

    .main-navigation ul ul,.main-navigation ul ul li {
        background: 0 0!important
    }

    .main-navigation ul ul {
        position: static;
        width: 100%;
        box-shadow: none
    }

    .main-navigation ul ul li {
        display: block;
        padding-left: 1px;
        border-bottom: none
    }

    .main-navigation ul ul ul li {
        padding-left: 15px
    }

    .main-navigation ul.sub-menu li a:before {
        content: none
    }

    iframe {
        width: 100%;
        height: auto
    }

    .content_boxes figure #instagram-embed-0 {
        height: 706px
    }

    .header-logo {
        position: unset
    }

    .main-navigation ul li ul,.main-navigation ul li ul {
        overflow: unset;
        position: unset;
        height: auto
    }

    .slidemainbox {
        margin-top: 0
    }

    #AboutUs .process_elements img {
        width: 70px!important
    }

    #AboutUs .post {
        font-size: 16px
    }

    #AboutUs .cards {
        padding: 50px 0;
        height: 256px;
        width: 200px
    }

    #OurAchievments h5 {
        font-size: 17px
    }

    #MyResume .icon-left-box i,#MyResume .icon-right-box i {
        margin-top: -16%
    }

    #newsletter p {
        width: 75%
    }

    #newsletter input[type=submit] {
        left: -2px
    }

    #MyBlog .post-two,#MyBlog .post-three {
        height: unset
    }

    .otazky {
        margin-bottom: -254px
    }

    #newsletter input[type=email] {
        width: unset
    }

    .textimonial-img i {
        padding: 22px
    }

    #vw-footer {
        padding: 19% 0 0
    }

    .banner-image {
        padding: 1px 0 25px
    }

    .one-col .post_pic_inner .team-content {
        left: 4%
    }

    .two-col .post_pic_inner .team-content {
        left: 7%
    }

    .page-template-blog-with-left-sidebar .post_pic_inner .team-content,.page-template-blog-with-right-sidebar .post_pic_inner .team-content {
        top: -4%;
        left: 17%
    }
}

@media screen and (max-width: 1024px) and (min-width:991px) {
    #slider h1 {
        font-size:60px
    }
}

@media screen and (max-width: 991px) {
    .toggle-nav {
        margin-top:2px
    }

    #slider p,.main-navigation ul li.current_page_item:after,.main-navigation ul li a:hover:after,.news-text {
        display: none
    }

    #slider h5 {
        font-size: 20px
    }

    #slider h1 {
        font-size: 44px
    }

    #AboutUs .process_elements img {
        width: 70px!important
    }

    #AboutUs .post {
        font-size: 16px
    }

    #AboutUs .cards {
        padding: 50px 0;
        height: 248px;
        width: 154px
    }

    #MyResume .icon-left-box i,#MyResume .icon-right-box i {
        margin-top: -22%
    }

    #HireMe .box {
        width: 100%
    }

    .aboutsection .box {
        width: 100%
    }

    #MyBlog .post-two,#MyBlog .post-three {
        height: unset
    }

    #MyBlog .post-two img,#MyBlog .post-three img {
        height: auto
    }

    #MyBlog h5 a {
        font-size: 18px
    }

    #newsletter p {
        width: unset;
        text-align: left
    }

    #vw-footer_box h3 {
        text-align: left
    }

    .otazky {
        margin-bottom: 0
    }

    #vw-footer {
        padding: 0
    }

    #vw-footer {
        background: #19133a;
        background-image:url(/wp-content/uploads/footer-bg.png);
}
    }

    .expert_box_head {
        font-size: 16px
    }

    .expert-number-box h4 {
        font-size: 20px
    }

    .expert-box {
        width: auto
    }

    .card-header a {
        font-size: 18px
    }

    #bubbles {
        display: none
    }

    .bubble {
        width: unset;
        height: unset
    }

    .post_pic_inner .team-content {
        top: 9%;
        left: 15%
    }

    .one-col .post_pic_inner .team-content {
        left: 5%
    }

    .two-col .post_pic_inner .team-content {
        left: 10%
    }

    .post-navigation .nav-links {
        display: block;
        padding: 0 0 15px
    }

    .nav-next {
        margin-left: 0;
        margin-top: 5%
    }


@media screen and (max-width: 768px) {
    #slider h1 {
        font-size:45px;
        line-height: 62px
    }

    #slider h5,#slider .topheading {
        font-size: 21px
    }

    #slider p {
        font-size: 12px;
        line-height: 18px
    }

    #slider .vw-slider-button1,#slider .vw-slider-button2 {
        font-size: 15px;
        line-height: 15px;
        padding: 11px 18px
    }

    .aboutsection .process_elements img {
        width: 70px!important
    }

    .aboutsection .post {
        font-size: 16px
    }

    .aboutsection .cards {
        padding: 50px 0;
        height: 248px;
        width: 154px
    }

    .aboutsection h6 {
        margin-top: 19%
    }

    #MyResume .icon-left-box i,#MyResume .icon-right-box i {
        margin-top: -9%
    }

    #MyResume .icon-left-box i {
        left: 21%
    }

    #MyResume .icon-right-box i {
        left: 74%
    }

    .services-card:nth-child(2) {
        top: -70px
    }
    

    .box:nth-child(even) {
        margin-left: 0
    }

    #MyBlog .post-two,#MyBlog .post-three {
        height: unset
    }

    .otazky .testi-icon i {
        left: 39%
    }

    #newsletter p {
        width: unset
    }

    .newsletter-shortcode p {
        text-align: left
    }

    .otazky {
        margin-bottom: 0
    }

    #WorkProcess .inner_work_process .owl-carousel {
        top: 43%
    }

    .inner_work_process .owl-carousel .owl-item :nth-child(odd) {
        margin-top: 37px
    }

    #vw-footer {
        padding: 0
    }

    #vw-footer {
        background: #19133a
    }

    .contact_box p {
        margin-bottom: auto!important
    }

    .card-header a {
        font-size: 18px
    }

    .comment-form-cookies-consent {
        display: inline-flex
    }

    .comment-form-cookies-consent label {
        margin-left: 3%
    }

    .post_pic_inner .team-content {
        top: 25%;
        left: 21%
    }
}

@media screen and (max-width: 767px) and (min-width:575px) {
    #slider p {
        display:none
    }

    #slider h5,#slider .topheading,.stickynavbar .header-button,.stickynavbar .social-main-box {
        display: none
    }

    #mask-image {
        padding: 6px;
        width: 81%
    }

    #mask-image img {
        width: 38px;
        height: 87px;
        margin-top: 16px
    }

    #slider h1 {
        font-size: 35px;
        line-height: 50px
    }

    #slider p {
        font-size: 12px;
        line-height: 16px
    }

    #slider .vw-slider-button1,#slider .vw-slider-button2 {
        font-size: 14px;
        line-height: 11px;
        padding: 8px 11px
    }

    #AboutUs h6 {
        margin-top: 15px
    }

    #AboutUs .icon {
        padding-left: revert
    }

    #FeatureSkill h5:after {
        position: static;
        text-align: center;
        margin: 0 auto;
        display: block;
        margin-top: 5px
    }

    #OurAchievments p {
        width: auto
    }

    #MyResume h5:after {
        position: static;
        text-align: center;
        margin: 0 auto;
        display: block;
        margin-top: 5px
    }

    #MyResume .left_card_uni,#MyResume .right_card_uni {
        margin: 0 auto
    }

    #MyResume .icon-left-box i,#MyResume .icon-right-box i {
        margin-top: -13%;
        left: 45%
    }

    #FreelanceAvailable p {
        width: 100%
    }

    .about-bg p {
        width: 100%
    }

    #HireMe .box img {
        width: 15%
    }

    #HireMe h2 {
        display: block
    }

    .box:nth-child(even) {
        margin-left: 0%
    }

    .aboutsection .box {
        width: 100%
    }

    .aboutsection .box img {
        width: 15%
    }

    .aboutsection h2 {
        display: block
    }

    .aboutsection .box {
        width: 100%
    }

    #WorkProcess .inner_work_process {
        padding: 0
    }

    #WorkProcess .inner_work_process .owl-carousel {
        top: 69%
    }

    #WorkProcess p {
        width: 100%
    }

    .inner_work_process .owl-carousel .owl-item :nth-child(odd),.inner_work_process .owl-carousel .owl-item:nth-child(even) {
        margin-top: 25px
    }

    .section-2 .Sponsor_inner_box {
        padding: 0;
        top: 27px
    }

    .section-2 .sponsor_inner_image.text-center {
        width: 50%;
        margin: 0 auto
    }

    .section-2 .sponsor_inner_image img {
        margin: 0 auto;
        text-align: center
    }

    #MyBlog .post-two,#MyBlog .post-three,#MyBlog .post-one {
        height: unset;
        text-align: center
    }

    .otazky .testi-icon i {
        left: 74%
    }

    #newsletter input[type=email] {
        padding: 14px 0;
        max-width: 210px
    }

    #newsletter p {
        width: 100%
    }

    .newsletter-shortcode p {
        width: 100%;
        text-align: center
    }

    #vw-footer {
        padding: 0
    }

    #vw-footer_box .footer1 img {
        width: auto
    }

    .otazky {
        margin-bottom: 0
    }

    #vw-footer {
        margin-top: 0;
        position: static;
        background: #19133a
    }

    .newsletter-shortcode {
        margin-left: 74px
    }

    .newsletter-shortcode h5 {
        margin-left: auto!important
    }

    #vw-footer_box,#vw-footer_box h3,#vw-footer_box .top_title {
        text-align: center
    }

    #vw-footer_box h3,#vw-footer_box .top_title {
        margin-top: 15px
    }

    #vw-footer_box .vw-footer-cols p {
        width: 100%!important
    }

    #vw-footer_box ul {
        padding-left: 0
    }

    #vw-footer_box ul li:before {
        display: none
    }

    #vw-footer_box ul li {
        text-align: center
    }

    .banner-image p {
        width: 100%;
        padding: 0 25%
    }

    .banner-image img {
        width: 55%
    }

    .contact-info-box h2:after,#faq h2:after {
        margin: 0 auto
    }

    .contact-info-box p {
        width: 100%!important
    }

    .contac_form input[type=submit] {
        text-align: center;
        margin: 0 auto;
        display: block
    }

    .expert_box_head {
        font-size: 20px
    }

    .expert-number-box h4 {
        font-size: 24px
    }

    .related-post-wrapper img {
        width: 25%
    }

    .post-single-text {
        font: 400 14px/20px var(--font-josefin)
    }

    .banner-image {
        padding: 30px 0 25px
    }

    .card-header a {
        font-size: 15px
    }

    .post_pic_inner .team-content {
        left: 23%
    }

    .post_ctg span,.socila_share {
        float: unset
    }

    ol,ul {
        padding-left: 0!important
    }

    .one-col .post_pic_inner .team-content,.two-col .post_pic_inner .team-content {
        left: 23%
    }

    .comments-area .comment-list li.comment .comment-author img {
        width: 25%
    }
}

@media screen and (max-width: 574px) {
    #vw-header-menu .header-button,#vw-header-menu .social-main-box {
        margin-top:16px!important
    }

    #AboutUs .nav-tabs {
        justify-content: center
    }

    #slider h5,#slider .topheading,.stickynavbar .header-button,.stickynavbar .social-main-box {
        display: none
    }

    #slider .slidesmalltext {
        display: none
    }

    #slider h5,#slider .topheading {
        font-size: 11px
    }

    #slider h1 {
        font-size: 25px;
        line-height: 60px
    }

    #slider .vw-slider-button1,#slider .vw-slider-button2 {
        font-size: 13px;
        line-height: 15px;
        padding: 8px 4px
    }

    #slider .vw-slider-button1 {
        margin-right: 6px
    }

    #AboutUs {
        background-image: none!important
    }

    #AboutUs .cards {
        padding: 32px 5px;
        height: 235px;
        width: 100%
    }

    .services-card:nth-child(2) {
        top: -70px
    }

    #AboutUs .post {
        font-size: 18px
    }

    #MyResume .icon-left-box i,#MyResume .icon-right-box i {
        margin-top: -18%
    }

    #MyResume .icon-right-box i,#MyResume .icon-left-box i {
        left: 41%
    }

    #FeatureSkill {
        margin-top: -126px
    }

    #FeatureSkill h5:after,#MyResume h5:after {
        position: static;
        text-align: center;
        margin: 0 auto;
        display: block;
        margin-top: 5px
    }

    #HireMe h2 {
        display: block
    }

    .hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before {
        display: none
    }

    #HireMe .box img {
        width: 15%
    }

    .aboutsection h2 {
        display: block
    }

    .aboutsection .box img {
        width: 15%
    }

    .inner_work_process .owl-carousel .owl-item :nth-child(odd),.inner_work_process .owl-carousel .owl-item:nth-child(even) {
        margin-top: 0
    }

    #MyPortfolio .project-tabs ul li {
        display: block
    }

    #WorkProcess p,#FreelanceAvailable p,.section-2 p {
        width: 100%
    }

    .about-bg p,.section-2 p {
        width: 100%
    }

    #WorkProcess svg {
        top: 100px
    }

    #WorkProcess .inner_work_process .owl-carousel {
        top: auto
    }

    .otazky .testi-icon i {
        left: 74%
    }

    .section-2 .Sponsor_inner_box {
        padding: 0;
        top: 33px
    }

    .section-2 .sponsor_inner_image.text-center {
        width: 50%;
        margin: 0 auto
    }

    .section-2 .sponsor_inner_image img {
        margin: 0 auto;
        text-align: center;
        padding-top: 4%
    }

    #newsletter input[type=email] {
        width: 120%
    }

    #newsletter input[type=submit] {
        left: 0
    }

    #vw-footer_box,#MyBlog .post-two,#MyBlog .post-three,#MyBlog .post-one {
        text-align: center
    }

    .banner-image p {
        width: 100%;
        padding: 0 4%
    }

    .newsletter-shortcode h5 {
        margin-left: auto!important
    }

    #vw-footer_box .top_title,#vw-footer_box h3 {
        text-align: center;
        margin-top: 5%
    }

    .banner-image {
        padding: 30px 0 25px
    }

    .post_pic_inner .team-content {
        left: 11%
    }

    .post_ctg span,.socila_share {
        float: unset
    }

    #vw-footer_box ul li:before {
        display: none
    }

    #vw-footer_box ul li {
        text-align: center
    }

    ol,ul {
        padding-left: 0!important
    }

    .one-col .post_pic_inner .team-content {
        left: 14%
    }

    .two-col .post_pic_inner .team-content {
        left: 13%
    }

    .comments-area .comment-list li.comment .comment-author img {
        width: 25%
    }
}

@media screen and (max-width: 375px) {
    #vw-header-menu .header-button,#vw-header-menu .social-main-box {
        margin-top:12px!important
    }

    #AboutUs .nav-tabs {
        justify-content: center
    }

    #slider h1 {
        font-size: 18px;
        line-height: 40px
    }

    #slider .vw-slider-button1,#slider .vw-slider-button2 {
        font-size: 9px;
        line-height: 15px;
        padding: 8px 3px
    }

    #AboutUs .cards {
        height: 225px;
        width: 100%
    }

    .single-post .content_page textarea#comment,textarea {
        width: 100%;
        margin-top: 1%
    }

    .one-col .post_pic_inner .team-content {
        left: 11%
    }
}

@media screen and (max-width: 320px) {
    #AboutUs .process_elements img {
        width:60px!important
    }

    #AboutUs .post {
        font-size: 16px
    }

    #AboutUs .cards {
        height: 220px;
        width: 100%
    }

    .card-header a {
        font-size: 15px
    }

    #newsletter input[type=email] {
        width: 125%
    }

    .nav-next {
        margin-top: 7%
    }
}

@media screen and (max-width: 767px) {
    #OurAchievments,#FreelanceAvailable,.section-2 {
        background-image:none!important;
        background-color: var(--color-blue1)
    }

    #OurAchievments,.about-bg,.section-2 {
        background-image:none!important;
        background-color: var(--color-blue1)
    }

    .otazky,#HireMe {
        background: 0 0!important;
        background-image: none!important
    }

    .aboutsection {
        background: 0 0!important;
        background-image: none!important
    }


    #MyResume {
        background-image: none!important
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px,0px,0px)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

 /* FAQ */
 .faq .faq-item {
    margin: 20px 0;
    padding: 20px 0;
    border-bottom: 1px solid #dde8f1;
  }
  
  .faq .faq-item i {
    color: #9bbbd7;
    font-size: 20px;
    float: left;
    line-height: 0;
    padding: 13px 0 0 0;
    margin: 0;
  }
  
  .faq .faq-item h4 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin: 0 0 10px 28px;
    font-family: "Poppins", sans-serif;
  }
  
  .faq .faq-item p {
    font-size: 15px;
  }

  /* IMG */
  .margin6 {
    margin-top: 6rem;
  }

  .text-white {
    color: #ffffff;
  }
  .column2 {
    column-count: 2;
  }

  .column3 {
    column-count: 3;
  }

  .aboutsection ol li {
    font: 400 15px/20px var(--font-josefin);
    color: var(--color-gray);
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

@media screen and (max-width: 1440px) and (min-width:769px) {
    #footer {
        background: var(--color-blue3);
        padding-top: 30px;
    }
    .otazky {
        margin-bottom: 0px;
    }
    .testi-outer-img {
        display: none;
    }
}

@media screen and (max-width: 1440px)  {
    .testi-outer-img {
        display: none;
    }
}

@media screen and (max-width: 991px)  {
    .testi-boi {
        display: none;
    }
}

/*Parent CSS */
@media screen and (max-width: 1040px){  
    .menubar .nav ul li a:focus,  a.closebtn.mobile-menu:focus{
      outline: 2px solid #1858cc;
    }
    .page-template-custom-home-page .home-page-header,
    .page-template-ibtana-page-template .home-page-header{
      position: static;
      background-image: linear-gradient(to right, #6629c8 , #2b90e6);
    }
    .toggle-nav {
      display: none;
      position: relative;
      cursor: pointer;
    }
    .toggle-nav i {
      font-size: 25px;
      color: #fff;
    }
    .toggle-nav button {
      background: #e88c09;
      border: none;
      padding: 0;
      border-radius: 10px 0 10px 0;
    }
    .sidenav {
      height: 100%;
      width: 100%;
      position: fixed;
      z-index: 999999;
      left: 0;
      top: -110%;
      overflow-x: hidden; 
      overflow-y: scroll;
      background: #fff ;
      visibility: hidden;
      transition: all 0.5s ease-in-out;
      cursor: zoom-in;
    }
    .sidenav.show {
      visibility: visible;
      top:0%;
    }
    .sidenav .closebtn {
      position: absolute;
      right: 25px;
      font-size: 36px;
      display: block !important;
      color: #000;
      padding: 0;
      top:0;
    }
    .sidenav #site-navigation {
      width: 100%;
    }
    .toggle-nav{
      display: block;
    }
    .main-navigation ul{
      position: relative;
      top: 25%;
      width: 100%;
      text-align: center; 
      margin-top: 0px;
      float: none;
    }
    .main-navigation ul ul li{
      display: block;
    }
    .menubar .nav ul li{
      border-top:1px #f1f1f1 solid; 
      display:block;
    }
    .main-navigation ul li a{
      padding: 8px;
      text-decoration: none;
      font-size: 15px;
      color: #000;
      display: block; 
      transition: 0.3s;
      float: none;
      margin: 5px 0;
      border-right: none;
    }
    .main-navigation a:hover {
      background: #fff !important;
      color: #373293 !important;
    }
    .main-navigation ul li ul li a:before{
      content:"\00BB \00a0";
    }
    .main-navigation ul.sub-menu a:hover{
      padding-left:20px !important;
      background: #fff !important;
    }
    .main-navigation ul ul{
      position: static;
      width: 100%;
      background: transparent;
      border-top-width: 0px;
      border-bottom-width: 0px;
      box-shadow: none;
      opacity: 1;
    }
    .main-navigation ul ul a{
      border-bottom: none;
      text-align: center;
      padding-left: 40px;
    }
    .main-navigation ul ul ul.sub-menu a{
      padding-left: 40px;
    }
    .main-navigation li{
      padding: 0;
      display: block;
      text-align: center;
    } 
    .main-navigation ul li:last-child{
      border-bottom: 1px #f1f1f1 solid;
    }
    .main-header-box{
      padding-bottom: 15px;
    }
    .main-menu {
      padding: 0em;
      padding-top: 50px;
    }
    .main-navigation ul.sub-menu>li>a:before {
      content: unset;
    }
    .main-navigation ul.sub-menu>li>a:hover:before {
      opacity: 0;
      left: 0px;
      width: 0px;
    }
    .sf-arrows .sf-with-ul:hover:after, .main-navigation ul li li:hover .sf-with-ul:after{
      content: '\f107';
      font-weight: 600;
      font-family: 'Font Awesome 5 Free';
      color: #000;
    }
    .sf-arrows .sf-with-ul:after{
      content: '\f106';
      position: absolute;
      height: 0;
      width: 0;
      border-top-color: #e1e1e1;
      color: #000;
      font-weight: 600;
      font-family: 'Font Awesome 5 Free';
      margin-top: 0px;
      font-size: 12px;
      padding: 0px 10px;
    }
    .admin-bar .home-page-header, .admin-bar #slider {
      margin-top: 45px;
    }
    .admin-bar #mySidenav{
       margin-top: 0px;
    }
  }
  
  @media screen and (max-width:720px) {
    .order-box2,.even-order2{
      order: 1;
    }
    .order-box1,.even-order1{
      order: 2;
    }
    #slider .carousel-caption h1{
      font-size: 25px;
    }
    #slider .carousel-caption,.slider-box {
      position: static;
      transform: none;
      text-align: center;
    }
    #slider .carousel-inner{
      background-image: linear-gradient(to right, #6629c8 , #2b90e6);
    }
    .slide-box{
      height: auto;
    }
    .even-service-box img{
      border-radius: 30px 0 0 0;
    }
    .products li, .related.products ul li {
      width: 100% !important;
    }
    .admin-bar .home-page-header{
      padding-top: 0;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1000px){
    .even-order2{
      order: 1;
    }
    .even-order1{
      order: 2;
    }
    .even-service-box img{
      border-radius: 30px 0 0 0;
    }
    p.site-title, .logo h1{
      font-size: 20px;
    }
    #slider .carousel-caption h1{
      font-size: 25px;
    }
    #slider .carousel-caption,.slider-box {
      position: static;
      transform: none;
    }
    #slider .carousel-caption{
      padding-left: 40px;
    }
    .slide-box {
      height: 450px;
    }
    .related.products ul li {
      width: 46% !important;
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1199px){
    .page-template-custom-home-page .home-page-header,.slider-box,#slider .carousel-caption,
    .page-template-ibtana-page-template .home-page-header{
      position: static;
      transform: none;
    }
    .page-template-custom-home-page .home-page-header,
    .page-template-ibtana-page-template .home-page-header{
      background-image: linear-gradient(to right, #6629c8 , #2b90e6);
    }
    .slide-box {
      height: 450px;
    }
    #slider .carousel-caption {
      padding-left: 100px;
    }
    #slider .carousel-caption h1{
      font-size: 35px;
    }
  }