/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

* {
    cursor: none;
}

body {
    background: none;
}

.vc_row.inerbngleftcet.vc_row-has-fill {
    background-position: center left !important;
}

canvas#bgcan {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	filter: hue-rotate(215deg);
}
.site-content {
    background-color: transparent;
}
.thetop-slidert-text {
    margin: 0 0 50px 0;
}

.thetop-slidert-text h4 {
    margin-top: 0;
    font-size: 24px;
}

.thetop-slidert-text h2 {
    margin: 0 0 30px 0;
    font-size: 72px;
    font-family: 'Eksell Display Small';
    font-weight: 400;
    color: #000000;
    background: linear-gradient(136deg, #3844dd, #8800bf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative;
    line-height: 1;
}

.thetop-slidert-text h3 {
    margin: 0 0 0 0;
    font-family: 'Eksell Display Small';
    font-weight: 500;
    font-size: 40px;
    color: #000;
}
h1, h2, h3{
    font-family: 'Eksell Display Small';
    font-weight: 500;
	text-transform: capitalize;
}
#cpagespecial div.wpcf7 {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 0 60px rgb(0 0 0 / 3%);
}
.thetop-slidert-text a.btn.btn-outline {
    color: #5c1ccd;
    border-color: #5c1ccd;
    font-size: 16px;
    margin-top: 60px;
}

.thetop-slidert-text a.btn.btn-outline:hover {
    color: #fff;
}
#masthead a.btn.btn-small.btn-optional {
    background: #5c1ccd;
    border-color: #5c1ccd;
}
.fullsizeicon.icon-box .icon-box-icon img {
    max-width: 200px;
    max-height: 200px;
}

.fullsizeicon.icon-box .icon-box-icon {
    max-width: 600px;
    width: 200px;
    height: 200px;
}

.ohio-icon-box-sc.fullsizeicon {
    padding: 30px 65px;
    margin: 40px 20px 0;
    box-shadow: 0 0 46px rgb(0 0 0 / 5%);
    border-radius: 10px;
    background: #fff;
}
.btn-round-light .ion, .btn-round-light i {
    background: linear-gradient(136deg, #3844dd, #8800bf);
    color: #fff;
}
.vc_row.wpb_row.vc_row-fluid.clb__dark_section.vc_custom_1577180472602.vc_row-has-fill {
    background: linear-gradient(136deg, #3844dd, #8800bf);
}
.hamburger-holder ._shape {
    background: #fff;
}
.search-global.fixed {
    display: none;
}
a.btn.btn-outline {
    border-radius: 100px;
}
.hamburger-nav .menu .mega-menu-item > a {
    font-family: 'Eksell Display Small';
    text-transform: capitalize;
    font-weight: 400;
}

.hamburger-nav.type2 .menu li > a:before, .hamburger-nav.type3 .menu li > a:before {
    display: none;
}

.hamburger-nav.type2 .menu li:hover > a span.cloned, .hamburger-nav.type2 .menu li.active > a span.cloned, .hamburger-nav.type3 .menu li:hover > a span.cloned, .hamburger-nav.type3 .menu li.active > a span.cloned {
    opacity: 1;
    color: #fff;
}


.theservice-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    overflow: hidden;
    z-index: 1;
}

.theservice-bg-img.wpb_single_image img {
    max-width: 110%;
    transition: all cubic-bezier(.165,.84,.44,1) .8s;
    position: relative;
    left: 0%;
}

.the-service-dic-text {
    background: linear-gradient(136deg, #3844dd, #8800bf);
    position: relative;
    z-index: 0;
    height: 280px;
    width: 80%;
    color: #fff;
    margin: 0;
    overflow: hidden;
    padding: 30px 30px 30px 30px;
    margin-top: 80px;
    margin-left: 40px;
    transition: all cubic-bezier(.165,.84,.44,1) .8s;
    border-radius: 20px;
}

.the-service-dic-text h2 {
    color: #fff;
    margin: 0;
    white-space: nowrap;
    transform: rotate(-90deg);
    display: block;
    position: relative;
    right: -180px;
    opacity: 0;
    text-align: left;
    transition: all cubic-bezier(.165,.84,.44,1) .8s;
}

.marquee {
  box-sizing: border-box;
}

.marquee strong {
  display: inline-block;
  width: max-content;

  padding-left: 100%;
  /* show the marquee just outside the paragraph */
  will-change: transform;
  animation: marquee 15s linear infinite;
}

.marquee span:hover {
  animation-play-state: paused
}

.the-service-dic-text h4 {
    color: #fff;
    font-size: 22px;
    margin: 18px 0 0 0;
    transition: all cubic-bezier(.165,.84,.44,1) .8s;
    opacity: 0;
}

.the-service-dic-text p {
    font-size: 14px;
    margin: 125px 0 0 0;
    transition: all cubic-bezier(.165,.84,.44,1) .8s;
}

@keyframes marquee {
  0% { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}
.poridskservice .vc_col-sm-4:hover .theservice-bg-img.wpb_single_image img {
    left: -40px;
}

.poridskservice .vc_col-sm-4:hover  .the-service-dic-text {padding: 30px 110px 30px 30px;width: 85%;height: 360px;}

.poridskservice .vc_col-sm-4:hover .the-service-dic-text h2.marquee {
    opacity: 1;
}

.poridskservice .vc_col-sm-4:hover .the-service-dic-text h4 {opacity: 1;}
.hamburger-nav.type3 .hamburger-nav-details .details-column {
    font-size: 18px;
}
.portfolio-item-grid .portfolio-item-image {
    border-radius: 20px;
}

@media only screen and (max-width: 1080px) {

.thetop-slidert-text {
    text-align: center;
}

.thetop-slidert-text h3 {
    font-size: 20px;
}

.thetop-slidert-text h2 {
    font-size: 40px;
}

.thetop-slidert-text h4 {
    font-size: 15px;
}

.thetop-slidert-text .ohio-button-sc.btn-wrap.text-left.aos-init.aos-animate {
    text-align: center;
}

.thetop-slidert-text a.btn.btn-outline {
    margin-top: 30px;
}
.header .mobile-hamburger {
    position: absolute;
    right: 0;
}
	.the-service-dic-text h4 {
    font-size: 18px;
}

.the-service-dic-text p {
    font-size: 12px;
    margin-top: 350px;
}
}