.elementor-widget-text-editor, .elementor-image-box-description { 
font-family: Poppins !important; 
}
h1, h2, h3, h4, h5, h6 {
font-family: Poppins !important;
}
.navbar a:active, .navbar a:focus, .navbar .miion-main-menu > .current-menu-item > a, .navbar .miion-main-menu > .current-menu-ancestor > a, .navbar a.active {
color:#0288d1 !important
}
.flip-box-image img {
width:150px !important
}
.image-border .elementor-image-box-img{
background: #FFFFFF;
width: 120px !important;
height: 100px !important;
border-radius: none;
margin-bottom: 10px !important;
padding: 20px 20px;
margin: 0 auto !important;
-moz-box-shadow: none;
-webkit-box-shadow:none;
box-shadow: none;
transition: all 0.3s ease-in-out 0s;
}
.image-border .elementor-image-box-img img{
width:100px;
}
.image-border{
transition: all 0.3s ease-in-out 0s;
}
.image-border:hover {
transform: scale(1.1);
}
.contact-details-form{
margin:0 0 15px 0;
padding:0;
width:100%;
float:left;
}
.contact-name{
margin:0;
padding:0;
width:33.33%;
float:left;
}
.icon-block .icon-edit .elementor-icon-box-icon i{
width: 70px;
height: 70px;
border: 3px solid #0cb5ff;
line-height: 67px!important;
border-radius: 50%;
box-shadow: inset 0 0 8px 4px #3992ba;
transition: .5s all ease;
}
.icon-block .icon-edit:hover i {
margin-top: -20px;
cursor: pointer;
transition: .5s all ease;
}
.elementor-icon-box-title:hover{
cursor: pointer;
}
.footer-middle-wrap {
padding: 20px 0px 10px;
}
.widget ul li{
padding:0;
}
.widget_media_image img{
width:50%;
} .circle_animation_content {margin:0; padding:0; float:left; width:100%;}
.services-graphic-outer{height:900px; position: relative;}
.triangle-outer{width:500px; height:430px; position: absolute; left:50%; top:44%; margin:-215px 0 0 -250px;}
.base-triangle{ border-bottom: solid 430px rgba(241, 241, 242, 0.2); border-right:solid transparent 250px; border-left:solid transparent 250px; height:1px; width:1px; position: absolute; }
.traingle-sticks-holder{width:0px; height:0px; position: absolute; left:50%; top: 288px; margin: -2px 0 0 -2px; background: #000;}
.triangle-stick{width:5px; height:300px; background: #48c1c5; position: absolute; bottom:0; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.triangle-stick:before{content:" "; width:14px; height:14px; border-radius:50%; background: #E64D3E; position: absolute; top:-4px; left:-4px;}
.triangle-stick.yellow, .triangle-stick.yellow:before{background:#c84974;}
.triangle-stick.green, .triangle-stick.green:before{background:#c84974;}
.triangle-stick.red, .triangle-stick.red:before{background:#c84974;}
.triangle-stick.stick1{-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.triangle-stick.stick2{-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);}
.triangle-stick.stick3{-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);}
.triangle-stick.stick4{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.triangle-stick.stick5{-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg);}
.triangle-stick.stick6{-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg);}
.main-circle{position: absolute; width:250px; height:250px; left:125px; top:161px; box-sizing: border-box; z-index: 5; opacity: 1; filter:alpha(opacity=100);}
.main-circle .circle{width:250px; height:250px; border:solid 0px #fff; background: #fff; border-radius:50%; position: absolute; left:50%; top:50%; margin:-125px 0 0 -125px; box-shadow:0 0 0 rgba(0,0,0,.0); -webkit-transition:all .3s .5s; transition:all .3s .5s;} .main-circle .circle span:first-child{display:block; border-radius:50%; box-sizing: border-box; width:200px; height:200px; border:solid 15px #38bfc3; border-right:solid 15px transparent; position:absolute; left:50%; top:50%; margin: -100px 0 0 -100px; -webkit-animation:rotate-clockwise 4s linear infinite; animation:rotate-clockwise 4s linear infinite; -webkit-transition:all .3s .5s; transition:all .3s .5s;}
.main-circle .circle span:last-child{display:block; border-radius:50%; box-sizing: border-box; width:230px; height:230px; border:solid 4px transparent; border-right:solid 4px #38bfc3; position:absolute; left:50%; top:50%; margin: -115px 0 0 -115px; -webkit-animation:rotate-anticlockwise 4s linear infinite; animation:rotate-anticlockwise 4s linear infinite; -webkit-transition:all .3s .5s; transition:all .3s .5s;}
.main-circle .circle h2{text-align: center; text-transform: lowercase; margin: 100px 0 0;}
.main-circle:hover .circle{ width:380px; height:380px; margin:-190px 0 0 -190px; box-shadow:0 0 20px rgba(0,0,0,.0); border:solid 5px #38bfc3; -webkit-transition:all .3s; transition:all .3s;} .main-circle:hover .circle span{opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s; transition:all .3s;}
.main-circle .service-content{text-align:center; position:absolute; width:260px; top:30px; left:50%; margin-left:-130px;}
.main-circle .service-content h2{position: absolute; width: 100%; font-size:22px; font-weight:bold; top:60px; text-transform:uppercase; -webkit-transition:all .5s .3s; transition:all .5s .3s;font-weight:500;    color: #000; padding:0 ;}
.main-circle .service-content p{margin: 0 0 1em; opacity: 0; filter:alpha(opacity=0); -webkit-transition:all .5s .0s ease-out; transition:all .5s .0s ease-out;}
.main-circle .service-content ul{list-style:none; margin:50px 0 0; padding:0; font-size:1.28em; opacity: 0; filter:alpha(opacity=0); 
-webkit-transition:all .5s 0s ease-out; transition:all .5s 0s ease-out; line-height: 1.5; }
.main-circle .service-content ul li {font-size:18px; line-height:30px;}
.main-circle .service-content ul a{ font-weight: normal;}
.main-circle .service-content ul a:hover{color:#000;}
.main-circle:hover .service-content h2{top:-35px; font-size:26px; color:#c84974; -webkit-transition:all .5s .0s; transition:all .5s .0s;font-weight:500; padding-left:0; padding-right:0;}
.main-circle:hover .service-content p{opacity: 1;filter:alpha(opacity=100); -webkit-transition:all .5s .3s ease-in; transition:all .5s .3s ease-in;}
.main-circle:hover .service-content ul{opacity:1;filter:alpha(opacity=100); -webkit-transition:all .5s .5s ease-in; transition:all .5s .5s ease-in;}
.service-circle{position: absolute; -webkit-transition:all .5s .5s; transition:all .5s .5s; z-index: 1; width:126px; height:126px; cursor: pointer;}
.service-circle .circle{background: #fff; border-radius:50%; box-sizing: border-box; width:126px; height:126px; border:solid 2px #e26749; position:absolute; left:50%; top:50%; margin: -63px 0 0 -63px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.service-circle .circle div{position:absolute; z-index: 1; border-radius:50%; box-sizing: border-box; width:118px; height:118px; border:solid 10px #e26749; left:50%; top: 50%; margin: -59px 0 0 -59px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;} .service-circle .circle div span{display:block; position:absolute; z-index: 1; border-radius:50%; box-sizing: border-box; width:118px; height:118px; left:50%; top:50%; margin:-59px 0 0 -59px; background: url(//www.tactproweb.com/wp-content/themes/images/service-circle-triangle-small-red.png) no-repeat 55% center; -webkit-animation:rotate-clockwise 20s linear infinite; animation:rotate-clockwise 20s linear infinite;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out;}
.service-circle.green .circle{border:solid 2px #c84974;}
.service-circle.green .circle div{border:solid 10px #c84974;}
.service-circle.green .circle div span{background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/02/wordpress.png) no-repeat 55% center;}
.service-circle.red .circle{border:solid 2px #c84974;}
.service-circle.red .circle div{border:solid 10px #c84974;}
.service-circle.red .circle div span{background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/02/php.png) no-repeat 55% center;}
.service-circle.yellow .circle{border:solid 2px #c84974;}
.service-circle.yellow .circle div{border:solid 10px #c84974;}
.service-circle.yellow .circle div span{background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/02/html5.png) no-repeat 55% center;}
.service-circle.icon1 .circle div span{background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/02/java.png) no-repeat 55% center;}
.service-circle.icon2 .circle div span{background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/02/net.core_.png) no-repeat 55% center;}
.service-circle.icon3 .circle div span{background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/02/python.png) no-repeat 55% center;}
.service-circle.service1{left:190px; top:-90px;}
.service-circle.service2{left:445px; top:70px;}
.service-circle.service3{left:445px; top:370px;}
.service-circle.service4{left:190px; top:515px;}
.service-circle.service5{left:-65px; top:370px;}
.service-circle.service6{left:-65px; top:70px;}
.service-circle .service-content{position: absolute; width:180px; height:65px; left: 50%; top:30px; margin-left:-90px; text-align: center; z-index: 5;}
.service-circle h3{position: absolute; top:90px; width:200px; position: absolute; left:50%; margin-left:-100px; text-align: center; text-transform:uppercase; opacity: 1; filter:alpha(opacity=100); -webkit-transition: all .2s; transition: all .2s; font-size: 1.3em; font-weight:normal;}
.service-circle.service1 h3 {font-size:18px;}
.service-circle.service1 h3{top:-90px;}
.service-circle .service-content p{font-size: 15px;opacity: 0;filter:alpha(opacity=0); -webkit-transition:all .3; transition:all .3; margin-top:15px;}
.service-circle:hover .circle{width:280px; height:280px; margin:-140px 0 0 -140px;}
.service-circle:hover .circle div{width:262px; height:262px; margin: -131px 0 0 -131px; border-width:17px;}
.service-circle:hover .circle div span{opacity: 0;filter:alpha(opacity=0);}
.service-circle:hover .service-content{}
.service-circle:hover .service-content h3{top:-45px;}
.service-circle:hover .service-content p{opacity:1;filter:alpha(opacity=100);}
.service-circle.pull-in{left:190px; top:225px; -webkit-transition:all .7s .2s; transition:all .7s .2s;}
@-webkit-keyframes rotate-clockwise{
0%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes rotate-clockwise{
0%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@-webkit-keyframes rotate-anticlockwise{
0%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg);
}
}
@keyframes rotate-anticlockwise{
0%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg);
}
} .grayscale-edit {
filter: grayscale(100%);
transition: all 0.3s;
cursor:pointer;
opacity:0.7;
}
.grayscale-edit:hover   {
filter: none;
-webkit-filter: grayscale(0%);
color:#2a3756;
opacity:1;
}
.grayscale-edit .elementor-widget-container:hover {
border-color: #444 !important;
opacity:1;
}
.grayscale-edit:hover h3.elementor-image-box-title{
color:#08b2f0!important;
opacity:1;
}
input[type="submit"]{
width: auto;
}
.contact-name span.wpcf7-form-control-wrap {
margin-bottom: 10px;
padding: 0 0 0 16px;
}
.form-block-part .wpcf7-form-control.wpcf7-submit{
margin:0;
}
.miion-page .page-title-wrap a {
color: #08b2f0;
}
.form-block-part input.wpcf7-form-control, .textarea.wpcf7-form-control  {
padding: 0 10px;
width: 91%;
height: 45px;
line-height: 45px;
border: 1px solid #eaeaea;
margin: 0 9% 0 0;
}
.contact-details-form .wpcf7-textarea {
padding: 0 10px;
width: 100%;
height: 150px;
line-height: 45px;
border: 1px solid #eaeaea;
margin: 0 0 0 0;
}
div .elementor-element .section-title-wrapper .sub-title {
color: #08b2f0 !important;
}
span.wpcf7-form-control-wrap{
padding:0 15px;
}
.wpcf7 input[type="submit"]{
padding: 0 30px;
border-radius: 20px;
}
.image-shadow .elementor-image-box-img img {
box-shadow: 0px 6px 6px #CCCCCC;
width: 80px;
height: 80px;
background: #5e3188;
padding: 15px;
border-radius: 10px;
}
.request-form-block{
margin:0;
padding:0;
width:100%;
float:left;
}
.request-form-name{
margin:0;
padding:0;
width:50%;
float:left;
}
.request-form-block span.wpcf7-form-control-wrap {
padding: 0 30px 0 0;
}
.request-form-block input.wpcf7-form-control, textarea.wpcf7-form-control, select.wpcf7-form-control{
background: #F8F8F8;
border: 1px solid #ddd;
}
.request-form-block .wpcf7-select option{
height: 45px !important;
padding: 15px 0 0 0;
}
.wpcf7-submit{
background:transparent !important;
border-radius:0 !important;
border: 1px solid #00afef !important;
color:#00afef !important;
font-size:16px !important;
text-align:center !important;
}
.wpcf7 label{
font-size:16px !important;
}
a:hover {
color: #ffffff;
}
.menu-btn a:hover{
background: #0288d1;
color: #fff !important;
padding: 0 10px;
padding-right: 10px !important;
}
.menu-btn a{
background: #E8204F;
color: #fff !important;
padding: 0 10px;
padding-right: 10px !important;
}
a.miion-sticky-trigger {
top:100px !important
}
.nav-link { 
line-height: 50px;
}
.nav.miion-main-menu{
margin: 15px 0 0 0;
}
.image-shadow .elementor-image-box-title{
font-size:18px;
}
.flip-box-title{
padding-bottom: 50px;
}
.flip-front .flip-content {
height: 60px;
overflow: hidden;
color: #000000;
}
.sticky-head.header-sticky {
box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .2);
-ms-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .2);
-moz-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .2);
-o-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .2);
}
.right-side-icons50 .elementor-image-box-img{
width:50%!important
}
.grayscale-edit h3.elementor-image-box-title { 
font-size: 15px !important;
}
.submenu.menu-item  a{
font-weight: bold !important;
font-size: 15px !important;
}
.miion-header ul.dropdown-menu li > ul.mega-child-dropdown-menu > li .nav-link{
line-height:15px;
font-weight: normal !important;
font-size: 12px !important;
color:#000
}
.footer-top-wrap {
display:none
}
.services-block .flip-box-wrapper .flip-box-inner .flip-back{
padding-top: 10px !important;
padding-bottom: 0 !important;
color: #ffffff;
background-color: #0288D1;
}
.services-block .flip-box-wrapper .flip-box-inner .flip-front{
padding-top: 10px !important;
padding-bottom: 10px !important;
padding: 0 30px;
}
.flip-box-image{
margin-bottom: 0 !important;
}
.footer-bottom{
padding-top: 10px;
padding-bottom: 10px;
}
.text-color a{
color: #ffffff;
}
.text-color a:hover{
color: #000000;
}
.miion-header ul.dropdown-menu li .nav-link{
padding:0 20px;
}
.owl-carousel .owl-dots { 
margin-top: 0 !important;
}
.portfolio-meta-list li:nth-child(2),
.portfolio-meta-list li:nth-child(3),
.portfolio-meta-list li:nth-child(5) {
display:none
} .book {
transform-style: preserve-3d;
position: relative;
height: 233px;
cursor: pointer;
backface-visibility: visible;
transform-style: preserve-3d; 
transform: rotate(-10deg);
}
.new-portfolio .book {
margin:0px 20% 50px 0;
padding:0;
float:right;
width:150px;
}
.front, .back, .page1, .page2, .page3, .page4, .page5, .page6 {
transform-style: preserve-3d;
position: absolute;
width: 100%;
height: 100%;
top: 0; left: 0;
transform-origin: left center;
transition: transform .5s ease-in-out, box-shadow .35s ease-in-out;
}
.front, .back {
background: #000;
}
.front, .page1, .page3, .page5 {
border-bottom-right-radius: .5em;
border-top-right-radius: .5em;
}
.back, .page2, .page4, .page6 {
border-bottom-right-radius: .5em;
border-top-right-radius: .5em;
}
.page1 { 
background: #efefef;
}
.page2 {
background: #efefef;
}
.page3 {
background: #f5f5f5;
}
.page4 {
background: #f5f5f5;
}
.page5 {
background: #00afef;
}
.page6 {
background: #fdfdfd;
}
.book:hover .front {
transform: rotateY(-160deg) scale(1.1);
box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}
.book:hover .page1 {
transform: rotateY(-150deg) scale(1.1);
box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}
.book:hover .page2 {
transform: rotateY(-30deg) scale(1.1);
box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}
.book:hover .page3 {
transform: rotateY(-140deg) scale(1.1);
box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}
.book:hover .page4 {
transform: rotateY(-40deg) scale(1.1);
box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}
.book:hover .page5 {
transform: rotateY(-130deg) scale(1.1);
box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}
.book:hover .page6 {
transform: rotateY(-50deg) scale(1.1);
box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
}
.book:hover .back {
transform: rotateY(-20deg) scale(1.1);
}
.item-demo.transition-2 a {
-webkit-transition: all 3.9s ease 0s;
-moz-transition: all 3.9s ease 0s;
-ms-transition: all 3.9s ease 0s;
-o-transition: all 3.9s ease 0s;
transition: all 3.9s ease 0s;
}
.item-demo a {
display: inline-block;
background-repeat: no-repeat;
background-position: center 20px;
background-size: 600px auto;
position: relative;
width: 100%;
float: left;
-webkit-transition: all 1.9s ease 0s;
-moz-transition: all 1.9s ease 0s;
-ms-transition: all 1.9s ease 0s;
-o-transition: all 1.9s ease 0s;
transition: all 1.9s ease 0s;
}
.item-demo a:hover {
background-position: center bottom;
}
.item-demo.transition-2 a {
-webkit-transition: all 10s ease 0s;
-moz-transition: all 10s ease 0s;
-ms-transition: all 10s ease 0s;
-o-transition: all 10s ease 0s;
transition: all 10s ease 0s;
}
.elementor-element-43dbbac.elementor-section{
padding: 0;
}
.elementor-element-2dedd35.elementor-section{
padding: 50px 0;
}
.elementor-element-43dbbac.elementor-section {
padding: 0;
}
.elementor-19 .elementor-element.elementor-element-cc05edb > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
margin-bottom: 0 !important;
}
.new-portfolio-part .elementor-widget-container {
margin: 50px 20% 0 0 !important;
padding: 0!important;
width: 150px!important;
float: right!important;
} 
.floating-ball-model-2  {
animation-name: floating-ball-model-2;
animation-duration: 24s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: floating-ball-model-2;
-webkit-animation-duration: 24s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: floating-ball-model-2;
-moz-animation-duration: 24s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: floating-ball-model-2;
-ms-animation-duration: 24s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: floating-ball-model-2;
-o-animation-duration: 24s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@keyframes floating-ball-model-2 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes floating-ball-model-2 {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes floating-ball-model-2 {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes floating-ball-model-2 {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
}
}
.services-block .flip-box-inner {
border: 1px solid #5e3188;
}
.floating-ball-model-4 span.floating-ball-1 {
position: absolute;
right: 11%;
top: -25px;
width: 48px;
z-index: 1;
height: 60px;
background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/04/10.png) center center no-repeat;
}
.floating-ball-model-4 span.floating-ball-2 {
position: absolute;
right: 0;
bottom: 4%;
z-index: 1;
width: 48px;
height: 49px;
background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/04/5.png) center center no-repeat;
}
.floating-ball-model-4 span.floating-ball-3 {
position: absolute;
right: 0px;
top: -30px;
z-index: 1;
width: 48px;
height: 49px;
background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/04/6.png) center center no-repeat;
}
.floating-ball-model-4 > span {
animation-name: floating-ball-model-4;
animation-duration: 24s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: floating-ball-model-4;
-webkit-animation-duration: 24s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: floating-ball-model-4;
-moz-animation-duration: 24s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: floating-ball-model-4;
-ms-animation-duration: 24s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: floating-ball-model-4;
-o-animation-duration: 24s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@keyframes floating-ball-model-4 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes floating-ball-model-4 {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes floating-ball-model-4 {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes floating-ball-model-4 {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
}
}
.service-circle h3  span{
color: #fff;
}
.service-circle:hover h3 span {
color:#000
}
.elementor-element-41d6872.form-block-part{
margin: 20px 0 0 0;
}
.form-block-part .wpcf7-submit{
color: #ffffff !important;
font-size: 19px !important;
text-align: center !important;
font-weight: 400;
text-transform: uppercase;
background-color: #0288d1  !important;
border-radius: 50px 50px 50px 50px !important;
padding: 0px 55px 0px 55px !important;
border:none !important;
width:auto !important
}
.form-block-part .wpcf7-submit:hover{
background-color: #000000 !important;
}
.vert-move {
-webkit-animation: mover 1s infinite  alternate;
animation: mover 1s infinite  alternate;
}
.vert-move {
-webkit-animation: mover 1s infinite  alternate;
animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
.vert-move2 {
-webkit-animation: mover2 1s infinite  alternate;
animation: mover2 1s infinite  alternate;
}
@-webkit-keyframes mover2 {
0% { transform: translateY(-10px); }
100% { transform: translateY(0); }
}
@keyframes mover2 {
0% { transform: translateY(-10px); }
100% { transform: translateY(0); }
}
.icon-edit .elementor-icon-box-description{
font-size: 1.125rem;
font-weight: 600 !important;
color:#000000 !important;
}
.icon-edit .elementor-icon-box-title{
font-size:16px!important;
font-weight: 400 !important;
color:#7a7a7a !important;
}
.image-shadow:hover .elementor-image-box-img  {
-webkit-animation-name: hvr-pulse;
animation-name: hvr-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes hvr-pulse {
25%{-webkit-transform:scale(1.1);transform:scale(1.1);}
75%{-webkit-transform:scale(0.9);transform:scale(0.9);}
}
@keyframes hvr-pulse {
25%{-webkit-transform:scale(1.1);transform:scale(1.1);}
75%{-webkit-transform:scale(0.9);transform:scale(0.9);}
}
.floating-ball-model-5 span.floating-ball-7 {
position: absolute;
left: -100px;
top: 50px;
width: 70px;
z-index: 1;
height: 70px;
background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/04/7.png) center center no-repeat;
}
.floating-ball-model-5 span.floating-ball-8 {
position: absolute;
right: -25%;
top: 150px;
z-index: 1;
width: 70px;
height: 70px;
background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/04/8.png) center center no-repeat;
}
.elementor-element-03ac36f .floating-ball-model-5 span.floating-ball-9 {
position: absolute;
left: 80px;
bottom: -20px;
z-index: 1;
width: 60px;
height: 60px;
background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/04/9.png) center center no-repeat;
}
.floating-ball-model-5 span.floating-ball-9 {
position: absolute;
left: 80px;
bottom: -70px;
z-index: 1;
width: 60px;
height: 60px;
background: url(https://www.akdezigns.com/demo/tactpro/wp-content/uploads/2020/04/9.png) center center no-repeat;
}
.floating-ball-model-5 > span {
animation-name: floating-ball-model-5;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: floating-ball-model-5;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: floating-ball-model-5;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: floating-ball-model-5;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: floating-ball-model-5;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
} @-webkit-keyframes floating-ball-model-5 {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@keyframes floating-ball-model-5 {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
.image-box:hover{
transition: all 0.5s ease;
border: 0px;
box-shadow: 0 15px 46px rgba(0, 0, 0, 0.20);
}
.footer-middle-wrap a:hover {
color: #0288d1;
}
.navbar .miion-main-menu > .current-menu-item > a,.navbar a:focus,.navbar a:hover, ul.dropdown-menu > li a:hover, .header-sticky ul.dropdown-menu > li a:hover, .navbar a:active, ul.dropdown-menu > li a:active, ul.mega-child-dropdown-menu > li a:active, .header-sticky ul.dropdown-menu > li a:active, .sticky-scroll.show-menu ul.dropdown-menu > li a:active, .header-sticky ul.mega-child-dropdown-menu > li a:active, .sticky-scroll.show-menu ul.mega-child-dropdown-menu > li a:active, ul.dropdown-menu > li.current-menu-item > a, ul.dropdown-menu > li.current-menu-parent > a, ul.dropdown-menu > li.current-menu-ancestor > a, ul.mega-child-dropdown-menu > li.current-menu-item > a, .navbar a:active, .navbar a:focus, .navbar .miion-main-menu > .current-menu-item > a, .navbar .miion-main-menu > .current-menu-ancestor > a, .navbar a.active{
color: #08b2f0 !important;
}
.menu-item-13415 a{
background-color: #08b2f0 !important;
border-radius: 50px !important;
padding: 0px 20px 0 20px !important;
border: none !important;
color: #ffffff !important;
}
.menu-item-13415 a:hover{
background-color: #000000 !important;
color:#ffffff !important;
}
.miion-content>.miion-content-inner{
padding:0;
} .banner-part {
font-size: 40px !important;
color: #fff !important;
line-height: 50px!important;
}
h1.banner-part span{
font-size: 20px  !important;
}
.banner-btn {
padding: 20px 50px !important;
border: 1px solid #fff !important;
background: transparent !important;
}
.banner-btn:hover { 
border: 1px solid #000 !important;
background: transparent !important;
color:#000 !important
}
.banner-btn:hover i {  
color:#000 !important
}
.insight-list .item { 
margin: 0 0 20px 0;
}
.banner-bg-1 {
-webkit-animation: rotation 10s infinite linear;
-o-animation: rotation 10s infinite linear;
-moz-animation: rotation 10s infinite linear;
-ms-animation: rotation 10s infinite linear;
animation: rotation 10s infinite linear;
}
.banner-bg-2 {
-webkit-animation: rotation2 8s infinite linear;
-o-animation: rotation2 8s infinite linear;
-moz-animation: rotation2 8s infinite linear;
-ms-animation: rotation2 8s infinite linear;
animation: rotation2 8s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-webkit-keyframes rotation2 {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-359deg);
}
} .swiper-slide {
padding: 10px 0;
}
.swiper-slide img {
box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}
.gray-font-ecom .elementor-image-box-content h3.elementor-image-box-title{
font-size:13px !important;
}
.shop-size .elementor-widget-container{
padding: 10px 10px 8px 10px !important;
}
.shop-size .elementor-image-box-title{
padding: 10px 0 0 0;
margin: 0 0 0 0;
}
.shop-size-one .elementor-widget-container{
padding: 10px 10px 8px 10px !important;
}
.shop-size-one .elementor-image-box-title{
padding: 6px 0 0 0;
margin: 0 0 0 0;
}
@media (max-width:500px) {
}
@media (min-width:501px) and  (max-width:767px) {
}
@media (max-width:767px){
.elementor-element-bc70341, .elementor-element-76c9b90, .elementor-element-da0366a, .elementor-element-f94966e, .elementor-element-704dd29, .elementor-element-763b28f {
padding:0 !important;
}
.elementor-element-4752f5d .elementor-widget-container{
margin: 0px 0 0 0 !important;
}
.elementor-12967 .elementor-element.elementor-element-a88566e, .elementor-12963 .elementor-element.elementor-element-a88566e, .elementor-12893 .elementor-element.elementor-element-a88566e, .elementor-12964 .elementor-element.elementor-element-a5ef6b9, .elementor-12965 .elementor-element.elementor-element-a88566e {
margin-top: 0px;
}
.service-second-block .elementor-element .elementor-widget-container{
padding:0 !important;
}
.service-first-block .section-title-wrapper, .service-first-block .title-wrap {
margin-bottom: 0 !important;
}
.service-first-block .elementor-element-4752f5d .elementor-widget-container{
margin:0 !important;
}
.floating-ball-model-5 span.floating-ball-7{
left: 0;
top: -33px;
}
.floating-ball-model-5 span.floating-ball-8{
right: 0;
top: 140px;
}
.floating-ball-model-5 span.floating-ball-9{
left: 220px;
top: 0px;
}
.service-second-block .elementor-element .elementor-text-editor{
font-size:16px !important;
padding: 10px;
}
.service-second-block .elementor-element-94b58e0 .elementor-text-editor{
font-size:16px !important;
}
.miion-content > .miion-content-inner{
padding:0 !important;
}
.elementor-element.elementor-element-7aab9ed .section-title-wrapper .section-title{
text-align: center;
}
.elementor-element-03ac36f .floating-ball-model-5 span.floating-ball-9 {
top: 7px;
}
.elementor-element.elementor-element-c31dffa, .elementor-12967 .elementor-element.elementor-element-aa6608c, .elementor-12966 .elementor-element.elementor-element-a88566e{
margin-top: 0px !important;
}
.elementor-element.elementor-element-593ebce > .elementor-widget-container, .elementor-12964 .elementor-element.elementor-element-896b6d0 > .elementor-widget-container, .elementor-12967 .elementor-element.elementor-element-717a388 > .elementor-widget-container, .elementor-12967 .elementor-element.elementor-element-8678a8b > .elementor-widget-container, .elementor-12967 .elementor-element.elementor-element-c608a79 > .elementor-widget-container, .elementor-12965 .elementor-element.elementor-element-896b6d0 > .elementor-widget-container, .elementor-element.elementor-element-77ccdc6 > .elementor-widget-container, .elementor-12966 .elementor-element.elementor-element-eb13e11 > .elementor-widget-container, .elementor-12966 .elementor-element.elementor-element-666dbed > .elementor-widget-container,.elementor-12966 .elementor-element.elementor-element-1222af5 > .elementor-widget-container, .elementor-12966 .elementor-element.elementor-element-896b6d0 > .elementor-widget-container, .elementor-12963 .elementor-element.elementor-element-eb13e11 > .elementor-widget-container, .elementor-12963 .elementor-element.elementor-element-666dbed > .elementor-widget-container, .elementor-12963 .elementor-element.elementor-element-1222af5 > .elementor-widget-container, .elementor-12963 .elementor-element.elementor-element-896b6d0 > .elementor-widget-container, .elementor-12893 .elementor-element.elementor-element-1222af5 > .elementor-widget-container{
padding: 30px 30px 30px 30px !important;
}
.elementor-element.elementor-element-dfa8fac, .elementor-12967 .elementor-element.elementor-element-8834903 {
padding: 50px 0px 0px 0px !important;
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { }
.elementor-element-72dcaa5 .elementor-text-editor h3{
font-size: 20px;
}
.elementor-element.elementor-element-72dcaa5 > .elementor-widget-container{
padding: 0px 0px 0px 30px !important;
}
.elementor-element-94b58e0 .elementor-text-editor p{
margin-bottom: 0;
}
.elementor-element-06f76aa .floating-ball-model-5 span.floating-ball-9 {
top: 16px;
}
.copyright-text-wrap{
font-size:12px;
}
.widget.widget_media_image img{
width: 200px;
}
.widget.zozo_social_widget{
margin-bottom: 0px;
}
.site-footer [class*="col-lg-"] {
margin-bottom: 20px;
}
.service-fifth-block .section-title{
font-size: 20px;
}
.service-fifth-block .elementor-text-editor{
font-size: 17px;
}
.elementor-element-82e2020 .elementor-widget-container, .elementor-element-29be5f2 .elementor-widget-container, .elementor-element-6e9eaec .elementor-widget-container, .elementor-element-e2266db .elementor-widget-container, .elementor-element-7920da3 .elementor-widget-container,.elementor-element-8a86772 .elementor-widget-container, .elementor-element-a97e566 .elementor-widget-container,.elementor-element-e5dc0bf .elementor-widget-container, .elementor-element-59ff7a3 .elementor-widget-container, .elementor-element-14cd1fc .elementor-widget-container, .elementor-element-d967785 .elementor-widget-container, .elementor-element-c090356 .elementor-widget-container{
padding: 0px 0px 0px 0px !important;
}
.elementor-element-88e339d .elementor-widget-container, .elementor-element-1605762 .elementor-widget-container, .elementor-element-b5e58db .elementor-widget-container, .elementor-element-42fdb1a .elementor-widget-container, .elementor-element-f35d6f4 .elementor-widget-container, .elementor-element-2269dd3 .elementor-widget-container {
padding: 0px 0px 10px 0px !important;
}
.pull-left {
float: right !important;
}
.mobile-header-items{
margin-left: 0px !important;
}
.mobile-header, .mobile-header-inner, .sticky-outer, .sticky-head{
height: 100px !important;
}
.mobile-logo img{
width: 140px;
}
.mobile-header-items > li{
line-height: 100px;
}
.elementor-19 .elementor-element.elementor-element-6e252824{
padding: 0px 0px 0px 0px;
}
.elementor-19 .elementor-element.elementor-element-311a0ea1, .elementor-19 .elementor-element.elementor-element-52d2919c, .elementor-19 .elementor-element.elementor-element-a500e73 {
width:100% !important;
}
.flip-front h4.flip-box-title{
font-size: 16px !important;
}
.flip-back h4.flip-box-title{
font-size: 16px !important;
}
.new-portfolio .book {
margin: 0px 30% 50px 0; 
}
.elementor-19 .elementor-element.elementor-element-254e450{
font-size: 30px;
text-align:center;
}
.elementor-19 .elementor-element.elementor-element-dacff18{
font-size: 17px;
text-align: center;
}
.elementor-element-254e450 .elementor-text-editor p {
margin-bottom: 0;
}
.elementor-19 .elementor-element.elementor-element-debd64f {
padding: 0px 0px 20px 0px;
}
.elementor-19 .elementor-element.elementor-element-ab3a413{
padding: 50px 0px 40px 0px;
}
.copyright-text-wrap{
font-size:12px;
}
.widget.widget_media_image img{
width: 200px;
}
.widget.zozo_social_widget{
margin-bottom: 0px;
}
.site-footer [class*="col-lg-"] {
margin-bottom: 20px;
}
.elementor-19 .elementor-element.elementor-element-33c351d > .elementor-widget-container {
padding: 0px 0px 0 0px;
}
.elementor-19 .elementor-element.elementor-element-33c351d a.elementor-button, .elementor-19 .elementor-element.elementor-element-33c351d .elementor-button{
font-size: 17px;
padding: 20px 40px 20px 40px;
}
.elementor-element-390aa60   {
padding:0 !important;
}
.floating-ball-model-4 span.floating-ball-1 {
left: 0;
}
.elementor-19 .elementor-element.elementor-element-6be1cd1e {
padding: 0px 0px 0px 0px;
}
.elementor-19 .elementor-element.elementor-element-db34382 > .elementor-widget-container {
padding: 0px 0px 0px 0px;
text-align: center;
}
.elementor-col-20{
width:50%;
}
.elementor-19 .elementor-element.elementor-element-ab3a413 {
padding: 0px 0px 0px 0px;
}
.elementor-19 .elementor-element.elementor-element-90cf323 .elementor-text-editor h3 {
text-align: center;
padding: 15px 0;
font-size: 24px;
}
.elementor-19 .elementor-element.elementor-element-9f4bf0d{
padding: 0px 0px 0px 0px;
}
.elementor-element-f852730 .elementor-widget-container, .elementor-element-879ae3a .elementor-widget-container {
padding:0 !important;
}
.elementor-element-439b21d .elementor-widget-container {
padding:20px 0 0 0 !important;
}
.elementor-element-879ae3a .elementor-widget-container{
padding:0 0 10px 0!important;
}
.elementor-element-63d81c8 .elementor-widget-container, .elementor-element-41d6872 .elementor-widget-container, .elementor-element-29df6b9 .elementor-widget-container, .elementor-element-d5b3d7f .elementor-widget-container, .elementor-element-7254484 .elementor-widget-container, .elementor-element-9be61ee .elementor-widget-container, .elementor-element-6b32013 .elementor-widget-container, .elementor-element-68fb529 .elementor-widget-container   {
padding:0 0 0px 0!important;
}
textarea{
height: 100px;
}
.elementor-19 .elementor-element.elementor-element-439b21d .elementor-heading-title {
font-size: 30px;
}
.elementor-element-0c03fe7 .section-title-wrapper {
margin-bottom: 0px;
}
.elementor-element-4a7ddfb .section-title{
padding:10px 0 0 0;
font-size: 23px;
}
.elementor-19 .elementor-element.elementor-element-8045ab4 {
padding: 0px 0px 0px 0px;
}
.elementor-19 .elementor-element.elementor-element-c850be5 {
padding: 0px 0px 30px 0px;
} .elementor-9474 .elementor-element.elementor-element-c8dd9fc{
padding: 50px 0px 20px 0px;
}
.elementor-element-2a1f170 {
padding: 20px 0 0 0;
} .elementor-element-7e0581a .elementor-column-wrap{
margin: 0 0 0 25px !important;
}
.request-form-name{
width:100%;
}
.elementor-13057 .elementor-element.elementor-element-b666f5e {
padding: 70px 0px 0px 0px;
}
.elementor-element-8c181ab{
padding-bottom:0;
}
.elementor-5156 .elementor-element.elementor-element-1c67283 {
padding: 0px 0px 40px 0px !important;
} .elementor-19 .elementor-element.elementor-element-bab6685 > .elementor-widget-container{
padding: 0 0 10px 0;
}
.elementor-19 .elementor-element.elementor-element-8377f49 > .elementor-widget-container{
padding:0;
}
.service-fifth-block .title-text-new .elementor-widget-container{
padding: 0px 0px 0px 0px !important;
margin:0px 0px 20px 0px!important;
}
.title-text-new .elementor-heading-title {
line-height: 26px;
font-size: 25px !important;
}
.form-block-part input.wpcf7-form-control{
width: 97%;
margin: 0 3% 0 0;
}
.contact-name span.wpcf7-form-control-wrap {
margin-bottom: 20px;
}
.contact-details-form{
margin: 0;
}
.wpcf7-form .contact-name{
width:100%;
}
.elementor-element-0fcb20e, .elementor-element-ecac337, .elementor-element-adeb49a, .elementor-element-3a0e460  {
margin:20px 0 0 0;
}
.floating-ball-model-4 span.floating-ball-2{
right: 127px;
}
.form-block-part .wpcf7-form-control.wpcf7-submit {
margin: 20px 0 0 0;
}
.grayscale-edit h3.elementor-image-box-title {
font-size: 11px !important;
line-height: 15px !important;
}
.elementor-element-94b58e0 .elementor-widget-container{
margin:0 !important;
padding: 0 !important;
}
.service-first-block .elementor-col-50 .elementor-element .elementor-widget-container{
margin: 10px 0 0 0 !important;
}
.grayscale-edit{
width:33.33%;
}
.elementor-12964 .elementor-element.elementor-element-dfb5ed3{
padding: 0px 0px 0px 0px !important;
}
.elementor-12964 .elementor-element.elementor-element-6050e35 > .elementor-widget-container{
padding: 30px 30px 20px 30px!important;
}
.elementor-12964 .elementor-element.elementor-element-0d79839{
margin-top:0!important;
}
.elementor-element.elementor-element-8850ba9 > .elementor-widget-container {
padding: 30px 30px 30px 30px !important;
}
.elementor-12967 .elementor-element.elementor-element-1bf9354 > .elementor-widget-container {
padding: 30px 30px 40px 30px !important;
}
.contact-second-left .wpcf7-submit{
width: 50% !important;
margin: 0 25% 0 25% !important;
}
.elementor-element-e7e9236 .wpcf7-submit{
width: 40% !important;
margin: 0 30% !important;
}
}
@media (min-width:768px){
}
@media (min-width:768px) and  (max-width:991px) {
.service-first-block h3.section-title{
font-size: 24px;
}
.service-first-block .elementor-image-box-title{
margin:0 !important;
}
.service-first-block .elementor-image-box-img{
margin-bottom: 0px !important;
}
.shop-size-one .elementor-image-box-title {
padding: 5px 0 0 0;
margin: 0 0 0 0;
}
.shop-size-one .elementor-widget-container {
padding: 10px 10px 1px 10px !important;
}
.shop-size .elementor-image-box-title {
padding: 3px 0 0 0;
margin: 10px 0 0 0;
}
.shop-size .elementor-widget-container {
padding: 10px 10px 0px 10px !important;
}
.elementor-element-93b13b0 .elementor-element-782e336 .elementor-image-box-content h3.elementor-image-box-title, .elementor-element-95ef607 .elementor-image-box-content h3.elementor-image-box-title, .elementor-element-35265ad .elementor-image-box-content h3.elementor-image-box-title, .elementor-element-b8c26ad .elementor-image-box-content h3.elementor-image-box-title, .elementor-element-d6586aa .elementor-image-box-content h3.elementor-image-box-title, .elementor-element-9796770 h3.elementor-image-box-title {
font-size:9px !important;
}
.elementor-12966 .elementor-element.elementor-element-94b58e0 > .elementor-widget-container {
padding: 0 0px 0px 0px;
}
.elementor-element-7958409 .floating-ball-model-5 span.floating-ball-7 {
left: 0;
top: -40px;
}
.elementor-12966 .elementor-element.elementor-element-b615892 > .elementor-widget-container{
padding: 0px 0px 40px 0px;
}
.elementor-element-95ef607.shop-size .elementor-image-box-title {
padding: 3px 0 0 0;
}
.floating-ball-model-5 span.floating-ball-8{
right: -26px;
top: 88px;
width: 100px;
}
.floating-ball-model-5 span.floating-ball-7{
left: 0;
top: 0px;
}
.elementor-12893 .elementor-element.elementor-element-dfa8fac, .elementor-12967 .elementor-element.elementor-element-8834903, .elementor-12965 .elementor-element.elementor-element-dfa8fac, .elementor-12963 .elementor-element.elementor-element-dfa8fac, .elementor-12964 .elementor-element.elementor-element-dfa8fac {
padding: 30px 0px 20px 0px !important;
}
.elementor-12966 .elementor-element.elementor-element-dfa8fac{
padding: 30px 0px 0px 0px !important;
}
.elementor-12965 .elementor-element.elementor-element-d6586aa > .elementor-widget-container, .elementor-12965 .elementor-element.elementor-element-9796770 > .elementor-widget-container, .elementor-12965 .elementor-element.elementor-element-b8c26ad > .elementor-widget-container, .elementor-12965 .elementor-element.elementor-element-4752f5d > .elementor-widget-container, .elementor-12965 .elementor-element.elementor-element-95ef607 > .elementor-widget-container, .elementor-12965 .elementor-element.elementor-element-35265ad > .elementor-widget-container {
padding: 8px 5px 0;
}
.elementor-element.elementor-element-94b58e0 {
font-size: 14px !important;
padding: 0 25px;
}
.elementor-element-f270dd3 .floating-ball-model-5 span.floating-ball-9 {
top: 12px !important;
}
.elementor-element-31c0e2c .floating-ball-model-5 span.floating-ball-9 {
left: 60px !important;
top: -30px !important;
}
.elementor-12967 .elementor-element.elementor-element-94b58e0{
padding: 0 0 50px 0;
}
.elementor-element-b615892 .floating-ball-9{
top:0 !important;
}
.service-first-block .elementor-image-box-content h3.elementor-image-box-title {
font-size: 11px !important;
}
.elementor-12893 .elementor-element.elementor-element-c31dffa, .elementor-12967 .elementor-element.elementor-element-aa6608c, .elementor-12965 .elementor-element.elementor-element-c31dffa, .elementor-12966 .elementor-element.elementor-element-c31dffa, .elementor-12963 .elementor-element.elementor-element-c31dffa, .elementor-12964 .elementor-element.elementor-element-c31dffa {
margin-top: 10px;
}
h3.section-title{
font-size: 22px;
}
.service-fifth-block .elementor-text-editor p{
font-size: 17px;
}
.elementor-12966 .elementor-element.elementor-element-896b6d0 > .elementor-widget-container, .elementor-12966 .elementor-element.elementor-element-593ebce > .elementor-widget-container, .elementor-12966 .elementor-element.elementor-element-1222af5 > .elementor-widget-container{
padding: 30px 30px 46px 30px !important;
}
.elementor-12964 .elementor-element.elementor-element-94b58e0 > .elementor-widget-container {
padding: 20px 0px 0px 0px;
}
.elementor-element-03ac36f .floating-ball-model-5 span.floating-ball-9{
left: 120px;
top: 0;
}
.service-third-block .elementor-text-editor h3{
font-size: 24px;
}
.elementor-element.elementor-element-72dcaa5 > .elementor-widget-container {
padding: 34px 0px 0px 20px !important;
}
.service-fourth-block .elementor-widget-container{
padding: 30px 0 10px 10px !important;
}
.image-shadow .elementor-image-box-title {
font-size: 16px;
}
.image-shadow .elementor-image-box-description{
font-size: 14px !important;
}
.image-shadow .elementor-image-box-img img{
width: 100px;
height: 70px;
}
.elementor-element-94b58e0 .elementor-text-editor p{
margin:0;
}
.elementor-element-c31dffa .elementor-element .elementor-image-box-img {
width: 70px !important;
height: 70px;
}
.widget_media_image img {
width: 20% !important;
}
.elementor-element.elementor-element-a88566e, .elementor-12964 .elementor-element.elementor-element-a5ef6b9{
margin-top: 20px !important;
}
.pull-left {
float: right !important;
}
.mobile-header-items{
margin-left: 0px !important;
}
.mobile-header, .mobile-header-inner, .sticky-outer, .sticky-head{
height: 100px !important;
}
.mobile-logo img{
width: 130px;
}
.mobile-header-items > li{
line-height: 100px;
}
.elementor-19 .elementor-element.elementor-element-311a0ea1, .elementor-19 .elementor-element.elementor-element-52d2919c, .elementor-19 .elementor-element.elementor-element-a500e73 {
width: 50% !important;
}
.flip-front h4.flip-box-title{
font-size: 20px !important;
}
.flip-back h4.flip-box-title{
font-size: 20px !important;
}
.new-portfolio .book {
margin: 0px -70% 50px 0; 
}
.elementor-19 .elementor-element.elementor-element-254e450{
font-size: 30px;
}
.elementor-19 .elementor-element.elementor-element-dacff18{
font-size: 17px;
}
.elementor-element-254e450 .elementor-text-editor p {
margin-bottom: 0;
}
.elementor-19 .elementor-element.elementor-element-debd64f {
padding: 0px 0px 20px 0px;
}
.elementor-19 .elementor-element.elementor-element-ab3a413{
padding: 50px 0px 40px 0px;
}
.copyright-text-wrap{
font-size:12px;
}
.widget.widget_media_image img{
width: 200px;
}
.widget.zozo_social_widget{
margin-bottom: 0px;
}
.site-footer [class*="col-lg-"] {
margin-bottom: 20px;
} .elementor-element-4fdcb2a.elementor-col-33, .elementor-element-894ad6f.elementor-col-33, .elementor-element-da1ab29.elementor-col-33 {
width: 33.33% !important;
}
.elementor-9474 .elementor-element.elementor-element-6b20201 > .elementor-widget-container{
padding: 35px 10px 10px 10px;
}
.elementor-9474 .elementor-element.elementor-element-3f2cfbd > .elementor-widget-container{
padding: 35px 35px 35px 20px;
}
.elementor-9474 .elementor-element.elementor-element-c8dd9fc{
padding: 60px 0px 50px 0px;
}
.elementor-element-7e0581a .elementor-column-wrap{
padding: 0 0 0 30px !important;
}
.stay-classy{
margin:0 !important;
}
.portfolio-meta-list>li > span, .portfolio-meta-list>li a{
font-size: 12px;
}
.portfolio-meta-title-wrap h6 {
font-size: 12px;
}
.elementor-5156 .elementor-element.elementor-element-1c67283 {
padding: 0px 0px 50px 0px;
}
.elementor-element-8c181ab{
padding-bottom:0;
}
.elementor-element-03ac36f {
margin: 24px 0;
}
}
@media (min-width:992px) and  (max-width:1199px) {
.elementor-element-041d808 .elementor-widget-container {
margin:0 !important
}
.floating-ball-model-5 span.floating-ball-8{
right: -26px;
top: 88px;
width: 100px;
}
.floating-ball-model-5 span.floating-ball-7{
left: 0;
top: 0px;
}
.elementor-12893 .elementor-element.elementor-element-dfa8fac, .elementor-12967 .elementor-element.elementor-element-8834903 {
padding: 50px 0px 30px 0px !important;
}
.elementor-element.elementor-element-94b58e0 {
font-size: 16px !important;
padding: 0 25px;
}
.elementor-element-f270dd3 .floating-ball-model-5 span.floating-ball-9 {
top: 12px !important;
}
.elementor-element-31c0e2c .floating-ball-model-5 span.floating-ball-9 {
left: 60px !important;
top: -30px !important;
}
.elementor-12967 .elementor-element.elementor-element-94b58e0{
padding: 0 0 50px 0;
}
.elementor-element-b615892 .floating-ball-9{
top:0 !important;
}
.service-first-block .elementor-image-box-content h3.elementor-image-box-title {
font-size: 12px !important;
}
.elementor-12893 .elementor-element.elementor-element-c31dffa, .elementor-12967 .elementor-element.elementor-element-aa6608c, .elementor-12965 .elementor-element.elementor-element-c31dffa, .elementor-12966 .elementor-element.elementor-element-c31dffa, .elementor-12963 .elementor-element.elementor-element-c31dffa, .elementor-12964 .elementor-element.elementor-element-c31dffa {
margin-top: 10px;
}
h3.section-title{
font-size: 22px;
}
.service-fifth-block .elementor-text-editor p{
font-size: 17px;
}
.elementor-12966 .elementor-element.elementor-element-896b6d0 > .elementor-widget-container, .elementor-12966 .elementor-element.elementor-element-593ebce > .elementor-widget-container, .elementor-12966 .elementor-element.elementor-element-1222af5 > .elementor-widget-container{
padding: 30px 30px 46px 30px !important;
}
.elementor-12964 .elementor-element.elementor-element-94b58e0 > .elementor-widget-container {
padding: 20px 0px 50px 0px;
}
.elementor-12964 .elementor-element.elementor-element-dfa8fac{
padding: 50px 0px 0px 0px !important;
} 
.mobile-header-items{
margin-left: 0px !important;
} 
.mobile-logo img{
width: 120px;
}
.mobile-header-items > li{
line-height: 100px;
}
.elementor-19 .elementor-element.elementor-element-311a0ea1, .elementor-19 .elementor-element.elementor-element-52d2919c, .elementor-19 .elementor-element.elementor-element-a500e73 {
width: 33.33%;
}
.flip-front h4.flip-box-title{
font-size: 20px !important;
}
.flip-back h4.flip-box-title{
font-size: 20px !important;
} .elementor-element-4fdcb2a.elementor-col-33, .elementor-element-894ad6f.elementor-col-33, .elementor-element-da1ab29.elementor-col-33 {
width: 33.33% !important;
}
.elementor-element-7e0581a .elementor-column-wrap{
padding: 0 0 0 30px !important;
}
.stay-classy{
margin:0 !important;
}
.elementor-element-db23f0f.elementor-col-50, .elementor-element-204b261.elementor-col-50, .elementor-element-8ab2fa6.elementor-col-50, .elementor-element-7f4f711.elementor-col-50 {
width:50% !important;
}
.elementor-5156 .elementor-element.elementor-element-1c67283 {
padding: 0px 0px 50px 0px;
}
}
@media (min-width:1200px){
.floating-ball-model-5 span.floating-ball-8{
right: -26px;
top: 107px;
}
.floating-ball-model-5 span.floating-ball-7{
left: 0;
top: 0px;
}
.elementor-element.elementor-element-dfa8fac {
padding: 50px 0px 50px 0px !important;
}
.new-portfolio .book {
margin: 0px 30% 50px 0;
}
.stay-classy{
margin:0 !important;
}
}
.elementor-element-e7e9236 .wpcf7 .wpcf7-submit{
background-color: #0288d1 !important;
border-radius: 50px !important;
padding: 0px 30px 0px 30px !important;
border: none !important;
color: #ffffff !important;
}
.elementor-element-e7e9236 .wpcf7 .wpcf7-submit:hover{
background-color: #000000 !important;
}
.elementor-element-e7e9236 .wpcf7-submit{
width:15%;
margin:0 85% 0 0;
}
.custom-post-nav .next-nav-link, .custom-post-nav .prev-nav-link {
margin-top: 30px;
margin-bottom: 30px;
}
.custom-post-nav {
margin-top: 0px;
}
.team-name a {
pointer-events:none
}
.team-name a:hover {
color:#08b2f0 !important
}
.theme-color-bg {
background-color: #08B2F0;
} [class*=' imghvr-'],
[class^=imghvr-] {
position: relative;
margin: 0;
max-width: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
[class*=' imghvr-'] .flip-back,
[class^=imghvr-] .flip-back {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
[class*=' imghvr-'] a,
[class^=imghvr-] a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1
}
[class*=' imghvr-'],
[class*=' imghvr-'] *,
[class*=' imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class*=' imghvr-']:before,
[class^=imghvr-],
[class^=imghvr-] *,
[class^=imghvr-]:after,
[class^=imghvr-]:before,
[class^=imghvr-]:after,
[class^=imghvr-]:before {
box-sizing: border-box;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
transition: all .35s ease
}
[class*=' imghvr-fade'] .flip-back,
[class*=' imghvr-fade']:hover>.flip-front,
[class^=imghvr-fade] .flip-back,
[class^=imghvr-fade]:hover>.flip-front {
opacity: 0
}
[class*=' imghvr-fade']:hover .flip-back,
[class^=imghvr-fade]:hover .flip-back {
opacity: 1
}
[class*=' imghvr-fade']:hover .flip-back,
[class*=' imghvr-fade']:hover>.flip-front,
[class^=imghvr-fade]:hover .flip-back,
[class^=imghvr-fade]:hover>.flip-front {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.imghvr-fade-in-up .flip-back {
-webkit-transform: translate(0, 15%);
-moz-transform: translate(0, 15%);
-ms-transform: translate(0, 15%);
-o-transform: translate(0, 15%);
transform: translate(0, 15%)
}
.imghvr-fade-in-down .flip-back {
-webkit-transform: translate(0, -15%);
-moz-transform: translate(0, -15%);
-ms-transform: translate(0, -15%);
-o-transform: translate(0, -15%);
transform: translate(0, -15%)
}
.imghvr-fade-in-left .flip-back {
-webkit-transform: translate(-15%, 0);
-moz-transform: translate(-15%, 0);
-ms-transform: translate(-15%, 0);
-o-transform: translate(-15%, 0);
transform: translate(-15%, 0)
}
.imghvr-fade-in-right .flip-back {
-webkit-transform: translate(15%, 0);
-moz-transform: translate(15%, 0);
-ms-transform: translate(15%, 0);
-o-transform: translate(15%, 0);
transform: translate(15%, 0)
}
[class*=' imghvr-push-']:hover .flip-back,
[class^=imghvr-push-]:hover .flip-back {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.imghvr-push-up .flip-back {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.imghvr-push-down .flip-back,
.imghvr-push-up:hover>.flip-front {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.imghvr-push-down:hover>.flip-front {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.imghvr-push-left .flip-back {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.imghvr-push-left:hover>.flip-front,
.imghvr-push-right .flip-back {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.imghvr-push-right:hover>.flip-front {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
[class*=' imghvr-slide-']:hover .flip-back,
[class^=imghvr-slide-]:hover .flip-back {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.imghvr-slide-up .flip-back {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.imghvr-slide-down .fli p-back {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.imghvr-slide-left .flip-back {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.imghvr-slide-right .flip-back {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.imghvr-slide-top-left .flip-back {
-webkit-transform: translate(-100%, -100%);
-moz-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
-o-transform: translate(-100%, -100%);
transform: translate(-100%, -100%)
}
.imghvr-slide-top-right .flip-back {
-webkit-transform: translate(100%, -100%);
-moz-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
-o-transform: translate(100%, -100%);
transform: translate(100%, -100%)
}
.imghvr-slide-bottom-left .flip-back {
-webkit-transform: translate(-100%, 100%);
-moz-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
-o-transform: translate(-100%, 100%);
transform: translate(-100%, 100%)
}
.imghvr-slide-bottom-right .flip-back {
-webkit-transform: translate(100%, 100%);
-moz-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
-o-transform: translate(100%, 100%);
transform: translate(100%, 100%)
}
[class*=' imghvr-reveal-']:before,
[class^=imghvr-reveal-]:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: ''
}
[class*=' imghvr-reveal-'] .flip-back,
[class^=imghvr-reveal-] .flip-back {
opacity: 0
}
[class*=' imghvr-reveal-']:hover:before,
[class^=imghvr-reveal-]:hover:before {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
[class*=' imghvr-reveal-']:hover .flip-back,
[class^=imghvr-reveal-]:hover .flip-back {
opacity: 1;
-webkit-transition-delay: .21s;
-moz-transition-delay: .21s;
transition-delay: .21s
}
.imghvr-reveal-up:before {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.imghvr-reveal-down:before {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.imghvr-reveal-left:before {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.imghvr-reveal-right:before {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.imghvr-reveal-top-left:before {
-webkit-transform: translate(-100%, -100%);
-moz-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
-o-transform: translate(-100%, -100%);
transform: translate(-100%, -100%)
}
.imghvr-reveal-top-right:before {
-webkit-transform: translate(100%, -100%);
-moz-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
-o-transform: translate(100%, -100%);
transform: translate(100%, -100%)
}
.imghvr-reveal-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
-moz-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
-o-transform: translate(-100%, 100%);
transform: translate(-100%, 100%)
}
.imghvr-reveal-bottom-right:before {
-webkit-transform: translate(100%, 100%);
-moz-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
-o-transform: translate(100%, 100%);
transform: translate(100%, 100%)
}
[class*=' imghvr-hinge-'],
[class^=imghvr-hinge-] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em
}
[class*=' imghvr-hinge-'] .flip-back,
[class^=imghvr-hinge-] .flip-back {
opacity: 0;
z-index: 1
}
[class*=' imghvr-hinge-']:hover .flip-front,
[class^=imghvr-hinge-]:hover .flip-front {
opacity: 0
}
[class*=' imghvr-hinge-']:hover .flip-back,
[class^=imghvr-hinge-]:hover .flip-back {
opacity: 1;
-webkit-transition-delay: .21s;
-moz-transition-delay: .21s;
transition-delay: .21s
}
.imghvr-hinge-up .flip-fro nt {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.imghvr-hinge-up .flip-back {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.imghvr-hinge-up:hover>.flip-front {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg)
}
.imghvr-hinge-up:hover .flip-back {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0)
}
.imghvr-hinge-down .flip-front {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.imghvr-hinge-down .flip-back {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% -50%;
-moz-transform-origin: 50% -50%;
-ms-transform-origin: 50% -50%;
-o-transform-origin: 50% -50%;
transform-origin: 50% -50%
}
.imghvr-hinge-down:hover>.flip-front {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0
}
.imghvr-hinge-down:hover .flip-back {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0)
}
.imghvr-hinge-left .flip-front {
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.imghvr-hinge-left .flip-back {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.imghvr-hinge-left:hover>.flip-front {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg)
}
.imghvr-hinge-left:hover .flip-back {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0)
}
.imghvr-hinge-right .flip-front {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.imghvr-hinge-right .flip-back {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.imghvr-hinge-right:hover>.flip-front {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg)
}
.imghvr-hinge-right:hover .flip-back {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0)
} .imghvr-flip-horiz {
perspective: 1000px;
overflow: inherit;
}
.imghvr-flip-horiz .flip-front, .imghvr-flip-horiz .flip-back {
transition: transform 0.8s;
transform-style: preserve-3d;
}
.imghvr-flip-horiz:hover .flip-front {
transform: rotateY(-180deg);
backface-visibility: hidden;
}
.imghvr-flip-horiz .flip-front {
transform: rotateY(0deg);
}
.imghvr-flip-horiz .flip-back {
transform: rotateY(180deg);
backface-visibility: hidden;
}
.imghvr-flip-horiz:hover .flip-back {
transform: rotateY(0);
} .imghvr-flip-vert {
perspective: 1000px;
overflow: inherit;
}
.imghvr-flip-vert .flip-front, .imghvr-flip-vert .flip-back {
transition: transform 0.8s;
transform-style: preserve-3d;
}
.imghvr-flip-vert:hover .flip-front {
transform: rotateX(-180deg);
backface-visibility: hidden;
}
.imghvr-flip-vert .flip-front {
transform: rotateX(0deg);
}
.imghvr-flip-vert .flip-back {
transform: rotateX(180deg);
backface-visibility: hidden;
}
.imghvr-flip-vert:hover .flip-back {
transform: rotateX(0);
} .imghvr-flip-3d-horz {
perspective: 1000px;
overflow: inherit;
}
.imghvr-flip-3d-horz .flip-front, .imghvr-flip-3d-horz .flip-back {
transition: transform 1s;
transform-style: preserve-3d;
}
.imghvr-flip-3d-horz:hover .flip-front {
transform: rotateY(-180deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.imghvr-flip-3d-horz .flip-front {
transform: rotateY(0deg);
}
.imghvr-flip-3d-horz .flip-back {
transform: rotateY(180deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.imghvr-flip-3d-horz:hover .flip-back {
transform: rotateY(0);
}
.imghvr-flip-3d-horz .flip-back > * ,
.imghvr-flip-3d-horz .flip-front > * {
-webkit-transform: translateZ(70px) scale(.86);
-moz-transform: translateZ(70px) scale(.86);
-o-transform: translateZ(70px) scale(.86);
transform: translateZ(70px) scale(.86);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
} .imghvr-flip-3d-vert {
perspective: 1000px;
overflow: inherit;
}
.imghvr-flip-3d-vert .flip-front, .imghvr-flip-3d-vert .flip-back {
transition: transform 1s;
transform-style: preserve-3d;
}
.imghvr-flip-3d-vert:hover .flip-front {
transform: rotateX(-180deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.imghvr-flip-3d-vert .flip-front {
transform: rotateX(0deg);
}
.imghvr-flip-3d-vert .flip-back {
transform: rotateX(180deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.imghvr-flip-3d-vert:hover .flip-back {
transform: rotateX(0);
}
.imghvr-flip-3d-vert .flip-back > * ,
.imghvr-flip-3d-vert .flip-front > * {
-webkit-transform: translateZ(70px) scale(.86);
-moz-transform: translateZ(70px) scale(.86);
-o-transform: translateZ(70px) scale(.86);
transform: translateZ(70px) scale(.86);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.imghvr-flip-diag-1 .flip-back {
-webkit-transform: rotate3d(1, -1, 0, 100deg);
-moz-transform: rotate3d(1, -1, 0, 100deg);
-ms-transform: rotate3d(1, -1, 0, 100deg);
-o-transform: rotate3d(1, -1, 0, 100deg);
transform: rotate3d(1, -1, 0, 100deg)
}
.imghvr-flip-diag-1:hover>.flip-front {
-webkit-transform: rotate3d(-1, 1, 0, 100deg);
-moz-transform: rotate3d(-1, 1, 0, 100deg);
-ms-transform: rotate3d(-1, 1, 0, 100deg);
-o-transform: rotate3d(-1, 1, 0, 100deg);
transform: rotate3d(-1, 1, 0, 100deg)
}
.imghvr-flip-diag-1:hover .flip-back {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
.imghvr-flip-diag-2 .flip-back {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-ms-transform: rotate3d(1, 1, 0, 100deg);
-o-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg)
}
.imghvr-flip-diag-2:hover>.flip-front {
-webkit-transform: rotate3d(-1, -1, 0, 100deg);
-moz-transform: rotate3d(-1, -1, 0, 100deg);
-ms-transform: rotate3d(-1, -1, 0, 100deg);
-o-transform: rotate3d(-1, -1, 0, 100deg);
transform: rotate3d(-1, -1, 0, 100deg)
}
.imghvr-flip-diag-2:hover .flip-back {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg)
}
[class*=' imghvr-shutter-out-']:before,
[class^=imghvr-shutter-out-]:before {
position: absolute;
content: '';
-webkit-transition-delay: 105ms;
-moz-transition-delay: 105ms;
transition-delay: 105ms
}
[class*=' imghvr-shutter-out-'] .flip-back,
[class^=imghvr-shutter-out-] .flip-back {
opacity: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s
}
[class*=' imghvr-shutter-out-']:hover:before,
[class^=imghvr-shutter-out-]:hover:before {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s
}
[class*=' imghvr-shutter-out-']:hover .flip-back,
[class^=imghvr-shutter-out-]:hover .flip-back {
opacity: 1;
-webkit-transition-delay: 105ms;
-moz-transition-delay: 105ms;
transition-delay: 105ms
}
.imghvr-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0
}
.imghvr-shutter-out-horiz:hover:before {
left: 0;
right: 0
}
.imghvr-shutter-out-vert:before {
top: 50%;
bottom: 50%;
left: 0;
right: 0
}
.imghvr-shutter-out-vert:hover:before {
top: 0;
bottom: 0
}
.imghvr-shutter-out-diag-1:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.imghvr-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%
}
.imghvr-shutter-out-diag-2:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.imghvr-shutter-out-diag-2:hover:before {
top: -35%;
bottom: -35%
}
[class*=' imghvr-shutter-in-']:after,
[class*=' imghvr-shutter-in-']:before,
[class^=imghvr-shutter-in-]:after,
[class^=imghvr-shutter-in-]:before {
position: absolute;
content: ''
}
[class*=' imghvr-shutter-in-']:after,
[class^=imghvr-shutter-in-]:after {
top: 0;
left: 0
}
[class*=' imghvr-shutter-in-']:before,
[class^=imghvr-shutter-in-]:before {
right: 0;
bottom: 0
}
[class*=' imghvr-shutter-in-'] .flip-back,
[class^=imghvr-shutter-in-] .flip-back {
opacity: 0;
z-index: 1
}
[class*=' imghvr-shutter-in-']:hover .flip-back,
[class^=imghvr-shutter-in-]:hover .flip-back {
opacity: 1;
-webkit-transition-delay: .21s;
-moz-transition-delay: .21s;
transition-delay: .21s
}
.imghvr-shutter-in-horiz:after,
.imghvr-shutter-in-horiz:before {
width: 0;
height: 100%
}
.imghvr-shutter-in-horiz:hover:after,
.imghvr-shutter-in-horiz:hover:before {
width: 50%
}
.imghvr-shutter-in-vert:after,
.imghvr-shutter-in-vert:before {
height: 0;
width: 100%
}
.imghvr-shutter-in-vert:hover:after,
.imghvr-shutter-in-vert:hover:before {
height: 50%
}
.imghvr-shutter-in-out-horiz:after,
.imghvr-shutter-in-out-horiz:before {
width: 0;
height: 100%;
opacity: .75
}
.imghvr-shutter-in-out-horiz:hover:after,
.imghvr-shutter-in-out-horiz:hover:before {
width: 100%
}
.imghvr-shutter-in-out-vert:after,
.imghvr-shutter-in-out-vert:before {
height: 0;
width: 100%;
opacity: .75
}
.imghvr-shutter-in-out-vert:hover:after,
.imghvr-shutter-in-out-vert:hover:before {
height: 100%
}
.imghvr-shutter-in-out-diag-1:after,
.imghvr-shutter-in-out-diag-1:before {
width: 200%;
height: 200%;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
transition: all .6s ease;
opacity: .75
}
.imghvr-shutter-in-out-diag-1:after {
-webkit-transform: skew(-45deg) translateX(-150%);
-moz-transform: skew(-45deg) translateX(-150%);
-ms-transform: skew(-45deg) translateX(-150%);
-o-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%)
}
.imghvr-shutter-in-out-diag-1:before {
-webkit-transform: skew(-45deg) translateX(150%);
-moz-transform: skew(-45deg) translateX(150%);
-ms-transform: skew(-45deg) translateX(150%);
-o-transform: skew(-45deg) translateX(150%);
transform: skew(-45deg) translateX(150%)
}
.imghvr-shutter-in-out-diag-1:hover:after {
-webkit-transform: skew(-45deg) translateX(-50%);
-moz-transform: skew(-45deg) translateX(-50%);
-ms-transform: skew(-45deg) translateX(-50%);
-o-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%)
}
.imghvr-shutter-in-out-diag-1:hover:before {
-webkit-transform: skew(-45deg) translateX(50%);
-moz-transform: skew(-45deg) translateX(50%);
-ms-transform: skew(-45deg) translateX(50%);
-o-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%)
}
.imghvr-shutter-in-out-diag-2:after,
.imghvr-shutter-in-out-diag-2:before {
width: 200%;
height: 200%;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
transition: all .6s ease;
opacity: .75
}
.imghvr-shutter-in-out-diag-2:after {
-webkit-transform: skew(45deg) translateX(-100%);
-moz-transform: skew(45deg) translateX(-100%);
-ms-transform: skew(45deg) translateX(-100%);
-o-transform: skew(45deg) translateX(-100%);
transform: skew(45deg) translateX(-100%)
}
.imghvr-shutter-in-out-diag-2:before {
-webkit-transform: skew(45deg) translateX(100%);
-moz-transform: skew(45deg) translateX(100%);
-ms-transform: skew(45deg) translateX(100%);
-o-transform: skew(45deg) translateX(100%);
transform: skew(45deg) translateX(100%)
}
.imghvr-shutter-in-out-diag-2:hover:after,
.imghvr-shutter-in-out-diag-2:hover:before {
-webkit-transform: skew(45deg) translateX(0);
-moz-transform: skew(45deg) translateX(0);
-ms-transform: skew(45deg) translateX(0);
-o-transform: skew(45deg) translateX(0);
transform: skew(45deg) translateX(0)
}
[class*=' imghvr-fold'],
[class^=imghvr-fold] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em
}
[class*=' imghvr-fold'] .flip-front,
[class^=imghvr-fold] .flip-front {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
[class*=' imghvr-fold'] .flip-back,
[class^=imghvr-fold] .flip-back {
z-index: 1;
opacity: 0
}
[class*=' imghvr-fold']:hover>.flip-front,
[class^=imghvr-fold]:hover>.flip-front {
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0
}
[class*=' imghvr-fold']:hover .flip-back,
[class^=imghvr-fold]:hover .flip-back {
-webkit-transform: rotateX(0) translate3d(0, 0, 0) scale(1);
-moz-transform: rotateX(0) translate3d(0, 0, 0) scale(1);
-ms-transform: rotateX(0) translate3d(0, 0, 0) scale(1);
-o-transform: rotateX(0) translate3d(0, 0, 0) scale(1);
transform: rotateX(0) translate3d(0, 0, 0) scale(1);
opacity: 1;
-webkit-transition-delay: .21s;
-moz-transition-delay: .21s;
transition-delay: .21s
}
.imghvr-fold-up>.flip-front {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.imghvr-fold-up .flip-back {
-webkit-transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
-moz-transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
-ms-transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
-o-transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.imghvr-fold-up:hover>.flip-front {
-webkit-transform: rotateX(90deg) scale(.6) translateY(50%);
-moz-transform: rotateX(90deg) scale(.6) translateY(50%);
-ms-transform: rotateX(90deg) scale(.6) translateY(50%);
-o-transform: rotateX(90deg) scale(.6) translateY(50%);
transform: rotateX(90deg) scale(.6) translateY(50%)
}
.imghvr-fold-down>.flip-front {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.imghvr-fold-down .flip-back {
-webkit-transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
-moz-transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
-ms-transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
-o-transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.imghvr-fold-down:hover>.flip-front {
-webkit-transform: rotateX(-90deg) scale(.6) translateY(-50%);
-moz-transform: rotateX(-90deg) scale(.6) translateY(-50%);
-ms-transform: rotateX(-90deg) scale(.6) translateY(-50%);
-o-transform: rotateX(-90deg) scale(.6) translateY(-50%);
transform: rotateX(-90deg) scale(.6) translateY(-50%)
}
.imghvr-fold-left>.flip-front {
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.imghvr-fold-left .flip-back {
-webkit-transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
-moz-transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
-ms-transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
-o-transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.imghvr-fold-left:hover>.flip-front {
-webkit-transform: rotateY(-90deg) scale(.6) translateX(50%);
-moz-transform: rotateY(-90deg) scale(.6) translateX(50%);
-ms-transform: rotateY(-90deg) scale(.6) translateX(50%);
-o-transform: rotateY(-90deg) scale(.6) translateX(50%);
transform: rotateY(-90deg) scale(.6) translateX(50%)
}
.imghvr-fold-right>.flip-front {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.imghvr-fold-right .flip-back {
-webkit-transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
-moz-transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
-ms-transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
-o-transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.imghvr-fold-right:hover>.flip-front {
-webkit-transform: rotateY(90deg) scale(.6) translateX(-50%);
-moz-transform: rotateY(90deg) scale(.6) translateX(-50%);
-ms-transform: rotateY(90deg) scale(.6) translateX(-50%);
-o-transform: rotateY(90deg) scale(.6) translateX(-50%);
transform: rotateY(90deg) scale(.6) translateX(-50%)
}
.imghvr-zoom-in .flip-back {
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5)
}
.imghvr-zoom-in:hover .flip-back {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
[class*=' imghvr-zoom-out'] .flip-back,
[class^=imghvr-zoom-out] .flip-back {
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0
}
[class*=' imghvr-zoom-out'].hover .flip-back,
[class*=' imghvr-zoom-out']:hover .flip-back,
[class^=imghvr-zoom-out].hover .flip-back,
[class^=imghvr-zoom-out]:hover .flip-back {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: .35s;
-moz-transition-delay: .35s;
transition-delay: .35s
}
.imghvr-zoom-out:hover>.flip-front {
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
opacity: 0
}
.imghvr-zoom-out-up.hover>.flip-front,
.imghvr-zoom-out-up:hover>.flip-front {
-webkit-animation: imghvr-zoom-out-up .4025s linear;
-moz-animation: imghvr-zoom-out-up .4025s linear;
animation: imghvr-zoom-out-up .4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@-webkit-keyframes imghvr-zoom-out-up {
50% {
-webkit-transform: scale(.8) translateY(0);
-moz-transform: scale(.8) translateY(0);
-ms-transform: scale(.8) translateY(0);
-o-transform: scale(.8) translateY(0);
transform: scale(.8) translateY(0);
opacity: .5
}
100% {
-webkit-transform: scale(.8) translateY(-150%);
-moz-transform: scale(.8) translateY(-150%);
-ms-transform: scale(.8) translateY(-150%);
-o-transform: scale(.8) translateY(-150%);
transform: scale(.8) translateY(-150%);
opacity: .5
}
}
@keyframes imghvr-zoom-out-up {
50% {
-webkit-transform: scale(.8) translateY(0);
-moz-transform: scale(.8) translateY(0);
-ms-transform: scale(.8) translateY(0);
-o-transform: scale(.8) translateY(0);
transform: scale(.8) translateY(0);
opacity: .5
}
100% {
-webkit-transform: scale(.8) translateY(-150%);
-moz-transform: scale(.8) translateY(-150%);
-ms-transform: scale(.8) translateY(-150%);
-o-transform: scale(.8) translateY(-150%);
transform: scale(.8) translateY(-150%);
opacity: .5
}
}
.imghvr-zoom-out-down.hover>.flip-front,
.imghvr-zoom-out-down:hover>.flip-front {
-webkit-animation: imghvr-zoom-out-down .4025s linear;
-moz-animation: imghvr-zoom-out-down .4025s linear;
animation: imghvr-zoom-out-down .4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@-webkit-keyframes imghvr-zoom-out-down {
50% {
-webkit-transform: scale(.8) translateY(0);
-moz-transform: scale(.8) translateY(0);
-ms-transform: scale(.8) translateY(0);
-o-transform: scale(.8) translateY(0);
transform: scale(.8) translateY(0);
opacity: .5
}
100% {
-webkit-transform: scale(.8) translateY(150%);
-moz-transform: scale(.8) translateY(150%);
-ms-transform: scale(.8) translateY(150%);
-o-transform: scale(.8) translateY(150%);
transform: scale(.8) translateY(150%);
opacity: .5
}
}
@keyframes imghvr-zoom-out-down {
50% {
-webkit-transform: scale(.8) translateY(0);
-moz-transform: scale(.8) translateY(0);
-ms-transform: scale(.8) translateY(0);
-o-transform: scale(.8) translateY(0);
transform: scale(.8) translateY(0);
opacity: .5
}
100% {
-webkit-transform: scale(.8) translateY(150%);
-moz-transform: scale(.8) translateY(150%);
-ms-transform: scale(.8) translateY(150%);
-o-transform: scale(.8) translateY(150%);
transform: scale(.8) translateY(150%);
opacity: .5
}
}
.imghvr-zoom-out-left.hover>.flip-front,
.imghvr-zoom-out-left:hover>.flip-front {
-webkit-animation: imghvr-zoom-out-left .4 025s linear;
-moz-animation: imghvr-zoom-out-left .4025s linear;
animation: imghvr-zoom-out-left .4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@-webkit-keyframes imghvr-zoom-out-left {
50% {
-webkit-transform: scale(.8) translateX(0);
-moz-transform: scale(.8) translateX(0);
-ms-transform: scale(.8) translateX(0);
-o-transform: scale(.8) translateX(0);
transform: scale(.8) translateX(0);
opacity: .5
}
100% {
-webkit-transform: scale(.8) translateX(-150%);
-moz-transform: scale(.8) translateX(-150%);
-ms-transform: scale(.8) translateX(-150%);
-o-transform: scale(.8) translateX(-150%);
transform: scale(.8) translateX(-150%);
opacity: .5
}
}
@keyframes imghvr-zoom-out-left {
50% {
-webkit-transform: scale(.8) translateX(0);
-moz-transform: scale(.8) translateX(0);
-ms-transform: scale(.8) translateX(0);
-o-transform: scale(.8) translateX(0);
transform: scale(.8) translateX(0);
opacity: .5
}
100% {
-webkit-transform: scale(.8) translateX(-150%);
-moz-transform: scale(.8) translateX(-150%);
-ms-transform: scale(.8) translateX(-150%);
-o-transform: scale(.8) translateX(-150%);
transform: scale(.8) translateX(-150%);
opacity: .5
}
}
.imghvr-zoom-out-right.hover>.flip-front,
.imghvr-zoom-out-right:hover>.flip-front {
-webkit-animation: imghvr-zoom-out-right .4025s linear;
-moz-animation: imghvr-zoom-out-right .4025s linear;
animation: imghvr-zoom-out-right .4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@-webkit-keyframes imghvr-zoom-out-right {
50% {
-webkit-transform: scale(.8) translateX(0);
-moz-transform: scale(.8) translateX(0);
-ms-transform: scale(.8) translateX(0);
-o-transform: scale(.8) translateX(0);
transform: scale(.8) translateX(0);
opacity: .5
}
100% {
-webkit-transform: scale(.8) translateX(150%);
-moz-transform: scale(.8) translateX(150%);
-ms-transform: scale(.8) translateX(150%);
-o-transform: scale(.8) translateX(150%);
transform: scale(.8) translateX(150%);
opacity: .5
}
}
@keyframes imghvr-zoom-out-right {
50% {
-webkit-transform: scale(.8) translateX(0);
-moz-transform: scale(.8) translateX(0);
-ms-transform: scale(.8) translateX(0);
-o-transform: scale(.8) translateX(0);
transform: scale(.8) translateX(0);
opacity: .5
}
100% {
-webkit-transform: scale(.8) translateX(150%);
-moz-transform: scale(.8) translateX(150%);
-ms-transform: scale(.8) translateX(150%);
-o-transform: scale(.8) translateX(150%);
transform: scale(.8) translateX(150%);
opacity: .5
}
}
.imghvr-zoom-out-flip-horiz {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em
}
.imghvr-zoom-out-flip-horiz .flip-back {
opacity: 0;
-webkit-transform: rotateX(90deg) translateY(-100%) scale(.5);
-moz-transform: rotateX(90deg) translateY(-100%) scale(.5);
-ms-transform: rotateX(90deg) translateY(-100%) scale(.5);
-o-transform: rotateX(90deg) translateY(-100%) scale(.5);
transform: rotateX(90deg) translateY(-100%) scale(.5)
}
.imghvr-zoom-out-flip-horiz.hover>.flip-front,
.imghvr-zoom-out-flip-horiz:hover>.flip-front {
-webkit-transform: rotateX(-100deg) translateY(50%) scale(.5);
-moz-transform: rotateX(-100deg) translateY(50%) scale(.5);
-ms-transform: rotateX(-100deg) translateY(50%) scale(.5);
-o-transform: rotateX(-100deg) translateY(50%) scale(.5);
transform: rotateX(-100deg) translateY(50%) scale(.5);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0
}
.imghvr-zoom-out-flip-horiz.hover .flip-back,
.imghvr-zoom-out-flip-horiz:hover .flip-back {
-webkit-transform: rotateX(0) translateY(0) scale(1);
-moz-transform: rotateX(0) translateY(0) scale(1);
-ms-transform: rotateX(0) translateY(0) scale(1);
-o-transform: rotateX(0) translateY(0) scale(1);
transform: rotateX(0) translateY(0) scale(1);
opacity: 1;
-webkit-transition-delay: .35s;
-moz-transition-delay: .35s;
transition-delay: .35s
}
.imghvr-zoom-out-flip-vert {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em
}
.imghvr-zoom-out-flip-vert .flip-back {
opacity: 0;
-webkit-transform: rotateY(90deg) translate(50%, 0) scale(.5);
-moz-transform: rotateY(90deg) translate(50%, 0) scale(.5);
-ms-transform: rotateY(90deg) translate(50%, 0) scale(.5);
-o-transform: rotateY(90deg) translate(50%, 0) scale(.5);
transform: rotateY(90deg) translate(50%, 0) scale(.5)
}
.imghvr-zoom-out-flip-vert.hover>.flip-front,
.imghvr-zoom-out-flip-vert:hover>.flip-front {
-webkit-transform: rotateY(-100deg) translateX(50%) scale(.5);
-moz-transform: rotateY(-100deg) translateX(50%) scale(.5);
-ms-transform: rotateY(-100deg) translateX(50%) scale(.5);
-o-transform: rotateY(-100deg) translateX(50%) scale(.5);
transform: rotateY(-100deg) translateX(50%) scale(.5);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0
}
.imghvr-zoom-out-flip-vert.hover .flip-back,
.imghvr-zoom-out-flip-vert:hover .flip-back {
-webkit-transform: rotateY(0) translate(0, 0) scale(1);
-moz-transform: rotateY(0) translate(0, 0) scale(1);
-ms-transform: rotateY(0) translate(0, 0) scale(1);
-o-transform: rotateY(0) translate(0, 0) scale(1);
transform: rotateY(0) translate(0, 0) scale(1);
opacity: 1;
-webkit-transition-delay: .35s;
-moz-transition-delay: .35s;
transition-delay: .35s
}
.imghvr-blur .flip-back {
opacity: 0
}
.imghvr-blur:hover>.flip-front {
-webkit-filter: blur(30px);
filter: blur(30px);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0
}
.imghvr-blur:hover .flip-back {
opacity: 1;
-webkit-transition-delay: .21s;
-moz-transition-delay: .21s;
transition-delay: .21s
} .elementor-element-27f7dae4 .elementor-widget:not(:last-child) {
margin-bottom: 30px;
}
.elementor-element-d43ce85 {
padding:0;
}
.service-new-block .flip-box-wrapper  {
box-shadow: 0 15px 46px rgba(0, 0, 0, 0.06);
}
.social-part-b{
margin:15px 0 0 0;
padding:0;
width:100%;
float:left;
}
.social-part-f{
margin:0 2% 0 0;
padding:0;
width:48%;
float:left;
text-align: right;
}
.social-part-f i, .social-part-l i{
border: 1px solid #eaeaea;
border-radius: 50%;
font-size: 15px;
line-height: 22px;
padding: 5px;
width: 33px;
height: 33px;
text-align: center;
font-weight: 600;
color: #000;
}
.social-part-l{
margin:0;
padding:0;
width:50%;
float:left;
}
.team-block .elementor-image-box-img{
width: 150px !important;
height: 150px;
}
.team-block .elementor-image-box-img img{
border-radius:50%;
border: 8px solid #ffffff;
box-shadow: 0 0 50px rgba(57, 59, 102, 0.09);
-webkit-box-shadow: 0 0 50px rgba(57, 59, 102, 0.09);
}
.team-block .elementor-column-wrap{
box-shadow: 0 0 10px rgba(57, 59, 102, 0.07);
-webkit-box-shadow: 0 0 10px rgba(57, 59, 102, 0.07);
} 
.image-effect .elementor-image-box-description{
position:relative;
padding: 10px 0 0 0;
}
.image-effect .elementor-image-box-description:before{
content:"";
position:absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 30px;
height: 1px;
background: #0288d1;
filter: drop-shadow(0 1px 2px rgba(2,136,209,0.5));
}
.search-toggle-wrap {
display: none;
}
.image-effect .elementor-image-box-title{
font-size:20px;
}
.about-color{
color:#08B2F0 !important;
}
.image-dotted .elementor-image:before{
top: -13px;
}
.elementor-progress-bar{
height: 6px;
border-radius: 5px;
}
.elementor-progress-percentage{
position: relative;
top: -25px;
}
.elementor-5156 .elementor-element.elementor-element-61dc1b8{
padding: 180px 0px 130px 0px;
}
.text-color .elementor-text-editor  {
color:#ffffff !important;
}
.image-shadow .elementor-image-box-img img {
background: #0288d1 !important;
}
.form-block-part .wpcf7-submit:hover {
background-color: #000000 !important;
}
.contact-top .icon-icon-light.fbox-icon-middle {
font-size: 28px;
width: 80px;
height: 80px;
line-height: 80px;
background-color: #08B2F0;
display: inline-block;
color: #fff;
margin: 0 0 20px 0;
}
.contact-top .feature-box-title {
color:#000
}
.contact-top .feature-box-wrapper {
margin: 0px 0px 0px 0px;
padding: 35px 35px 49px 35px;
background-color: #ffffff;
box-shadow: 0px 0px 42px 10px rgba(112,112,112,0.08);
}
.contact-second .feature-box-wrapper {
margin: 0px 0px 35px 0px;
padding: 15px 15px 15px 15px;
background-color: #ffffff;
box-shadow: 0px 0px 42px 10px rgba(112,112,112,0.08)
}
.contact-second .media-icon-part {
margin-right: 30px;
}
.contact-second .fbox-icon-middle{
font-size: 20px;
width: 50px;
height: 50px;
line-height: 50px;
background-color: #08B2F0;
display: inline-block;
color: #fff;
}
.contact-second-left .elementor-widget-container{
padding: 50px 50px 20px 50px;
background-color: #ffffff;
box-shadow: 0px 0px 42px 10px rgba(112,112,112,0.08);
}
.contact-second-left input.wpcf7-form-control {
width: 100%;
height: 45px;
line-height: 45px;
border: 1px solid #eaeaea;
}
.portfolio-date-block span.portfolio-meta-icon, .portfolio-date-block .portfolio-meta-title-wrap, .portfolio-date-block .portfolio-categories.nav li a, .portfolio-date-block .entry-date, .portfolio-date-block .portfolio-meta-title-wrap-one{
color: #ffffff;
}
.portfolio-date-block ul.social-icons>li>a i{
background: #f7f7f7;
padding: 7px;
border-radius: 5px;
}
.portfolio-date-block span.portfolio-meta-icon{
margin: 0 10px 0 0;
}
.portfolio-date-block li{
color: #0288d1;
}
.portfolio-date-block .portfolio-meta-title-wrap h6, .portfolio-date-block .portfolio-meta-title-wrap-one h6{
text-decoration: underline;
text-decoration-style: dashed;
text-decoration-color: #dee2e6;
font-weight: 500;
}
.portfolio-date-block .portfolio-meta-title-wrap , .portfolio-date-block li, .portfolio-date-block .social-icons{
display: inline-block;
}
.portfolio-date-block .portfolio-categories li a{
margin:0 26px;
}
.portfolio-date-block .social-icons li a{
margin:0;
padding: 0 0 0 10px;
}
.portfolio-meta-title-wrap-one, .portfolio-date-block li{
margin:10px 0 0 0;
}
.request-form-name label, .request-form-block label{
width: 100%;
display: block;
margin-bottom: 25px;
}
.request-form-name input{
width:100%;
}
input.wpcf7-form-control {
width: 100%;
height: 45px;
line-height: 45px;
}
select.wpcf7-form-control {
padding: 0 10px;
width: 100%;
height: 45px;
line-height: 45px;
}
.elementor-element-e7e9236 .briefprojectdescription textarea, .elementor-element-e7e9236 .additionalinformation .wpcf7-textarea{
width: 100%;
height: 140px;
}
.request-form-block span.wpcf7-form-control-wrap {
padding: 0 30px 0 0;
}
.wpcf7-form-control-wrap {
position: relative;
height: 40px;
line-height: 40px;
display: inline-block;
width: 100%;
}
.elementor-element-e7e9236 .wpcf7-form-control {
margin-top: 5px;
}
.contact-second-left .wpcf7-form p label {
width:100%;
}
.contact-second-left .wpcf7-form textarea {
width: 100%;
height: 140px;
}
.contact-second-left .wpcf7-submit{
width: 25%;
margin: 0 75% 0 0;
background-color: #08b2f0 !important;
border-radius: 50px !important;
color: #ffffff !important;
}
.contact-second-left .wpcf7-submit:hover{
background-color: #000000 !important;
}
.media-body .feature-box-title{
color: #000000;
}
.contact-top .feature-box-wrapper.shortcode-rand-3 {
padding: 35px 35px 20px 35px !important;
}
.image-dotted .elementor-image:before {
right:0 !important
}
.team-block .elementor-column-wrap .image-effect  {
box-shadow: 0 0 10px rgba(57, 59, 102, 0.1);
-webkit-box-shadow: 0 0 10px rgba(57, 59, 102, 0.1);
}
.team-block .elementor-column-wrap   {
box-shadow: none;
-webkit-box-shadow: none;
}
.contact-social a {
background: #000;
border-radius: 50%;
color: #fff;
}
.contact-social a:hover {
background: #0288d1;
color: #fff;
}
.navbar .miion-main-menu > #menu-item-13415.current-menu-item > a {
color:#fff !important;
}
@media (max-width:500px) {
.banner-part {
line-height: 30px!important;
max-width: 300px;
font-size: 30px !important;
}
h1.banner-part span {
font-size: 14px !important;
float: left;
max-width: 300px;
line-height: 22px !important;
margin: 20px 0 0 0 !important;
}
.banner-btn {
padding: 13px 28px !important;
}
.form-block-part .contact-name,
.form-block-part input.wpcf7-form-control, .textarea.wpcf7-form-control {
width:100%
}
}
@media (min-width:501px) and (max-width:767px){
.elementor-element-93b13b0 .elementor-column,
.elementor-element-a88566e  .elementor-column{
width: 33.33%;
}
.banner-part {
line-height: 30px!important;
max-width: 300px;
font-size: 30px !important;
}
h1.banner-part span {
font-size: 16px !important;
float: left;
max-width: 300px;
line-height: 22px !important;
margin: 20px 0 0 0 !important;
}
}
@media (max-width:767px) {
.elementor-19 .elementor-element.elementor-element-6e252824 {
padding: 0 0 0;
}
.elementor-19 .elementor-element.elementor-element-5144a72.elementor-widget-heading .elementor-heading-title{
color: #000000;
font-size: 20px;
margin: 20px 0 0 0;
} 
.elementor-heading-title,
.elementor-19 .elementor-element.elementor-element-f48ce48 .elementor-heading-title{
color: #000000;
font-size: 20px; 
}
.mobile-header-inner .mobile-logo img {
max-height: initial !important;
}.header-sticky .mobile-header-items > li, .show-menu .mobile-header-items > li, .mobile-header-items > li {
height: auto !important; 
}
.mobile-header-items.nav.pull-left{
float:right
}
.full-search-toggle {
display:none
}
a.mobile-bar-toggle:hover {
color:#000
}
.elementor-element-988f589 {
display:none
}
.elementor-element-516d8b3, .elementor-element-1a533c1 {
display:none
}
#wpcf7-f12847-p19-o1 .contact-name {
width:100%
}
.grayscale-edit {
filter: grayscale(0%);
}
.grayscale-edit  .elementor-image-box-title{
color:#000
}
.service-fourth-block .elementor-image-box-title {text-align:left; line-height:normal;}
.sticky-outer {
height: auto !important;
}
.elementor-19 .elementor-element.elementor-element-254e450	{
line-height: 26px;
font-size: 25px !important;
}
}
@media (min-width:768px) {
}
@media (min-width:768px) and (max-width:991px){
.elementor-element-5144a72  .elementor-image-box-title, .elementor-element-40fa1e7  .elementor-image-box-title  {
font-size:12px;
text-align:center
}
.container {
width: 750px !important;
}
.mobile-header-inner .mobile-logo img {
max-height: initial !important;
}.header-sticky .mobile-header-items > li, .show-menu .mobile-header-items > li, .mobile-header-items > li {
height: auto !important; 
}
.mobile-header-items.nav.pull-left {
float:right
}
.full-search-toggle {
display:none
}
a.mobile-bar-toggle:hover {
color:#000
}
.title_web_quote .elementor-text-editor {font-size:29px;}
.sticky-outer {
height: auto !important;
}
}
@media (min-width: 992px) and (max-width:1199px) {
.container {
width: 960px !important;
}
.mobile-header-inner .mobile-logo img {
max-height: initial;
}
.header-sticky .mobile-header-items > li, .show-menu .mobile-header-items > li, .mobile-header-items > li {
height: auto !important; 
}
.mobile-header-items.nav.pull-left {
float:right
}	
.full-search-toggle {
display:none
}
a.mobile-bar-toggle:hover {
color:#000
}
.elementor-19 .elementor-element.elementor-element-2550fb6 > .elementor-widget-container,
.elementor-19 .elementor-element.elementor-element-9581bc3 > .elementor-widget-container,	
.elementor-19 .elementor-element.elementor-element-b1a250e > .elementor-widget-container{
margin:0 !important
}
}
@media (min-width:1200px) {
}
.elementor-element-65011b3  .elementor-image-box-content h3,
elementor-element-f651509 .elementor-image-box-content h3{
text-align: left;
}  
.mobile-header .sticky-head, .mobile-header .header-sticky, .mobile-header .sticky-scroll, .mobile-header .sticky-scroll.show-menu {
height:auto !important
}
.mobile-header .mobile-bar-toggle{
background: #08b2f0;
padding: 0 15px;
border-radius: 5px;
color: #fff;
margin: 20px 0 0 0;
float: left;
line-height: 45px;
}
.portfolio-categories li {
color:#fff
}
.page-id-13971 .miion-page .page-title-wrap-inner,
.page-id-12966 .miion-page .page-title-wrap-inner {
background-image: url(https://www.tactproweb.com/wp-content/uploads/2020/04/inner-banne8.jpg);
}
.page-id-13657 .miion-page .page-title-wrap-inner,
.page-id-12893 .miion-page .page-title-wrap-inner {
background-image: url(https://www.tactproweb.com/wp-content/uploads/2020/04/inner-banner6.jpg);
}
.page-id-13972 .miion-page .page-title-wrap-inner,
.page-id-13057 .miion-page .page-title-wrap-inner {
background-image: url(https://www.tactproweb.com/wp-content/uploads/2020/04/inner-banne6.jpg);
}
.page-id-13942 .miion-page .page-title-wrap-inner  {
background-image: url(https://www.tactproweb.com/wp-content/uploads/2020/04/inner-banne5.jpg);
}
.page-id-9474 .miion-page .page-title-wrap-inner  {
background-image: url(https://www.tactproweb.com/wp-content/uploads/2020/04/inner-banner9.jpg);
}
.page-id-12967 .miion-page .page-title-wrap-inner {
background-image: url(https://www.tactproweb.com/wp-content/uploads/2020/04/banner10.jpg);
}
.page-id-12965 .miion-page .page-title-wrap-inner {
background-image: url(https://www.tactproweb.com/wp-content/uploads/2020/04/banner11.jpg);
}
.team-block-new h3.elementor-image-box-title{
text-align:center !important
}
.footer-middle-wrap {
padding: 20px 0 10px !important;
}
.header-inner .sticky-outer {
height:auto !important;
}
.miion-page .page-title-wrap-inner {
padding-bottom: 50px !important;
padding-top: 100px !important;
}
.page-loader {
display: inline-flex;
flex-direction: column;
justify-content: center;
}
.page-loader img {
width: 80px;
}
.search-form {
display:none !important
}
.elementor-5156 .elementor-element.elementor-element-acd8e94 .elementor-heading-title {
margin: 25px 0 0 0;
}
.miion-page .page-title-wrap a {
color: #08b2f0 !important;
}
.portfolio-date-block .portfolio-meta-title-wrap h6, .portfolio-date-block .portfolio-meta-title-wrap-one h6 {
text-decoration:none
}
.elementor-element-44bb9f9 {
color:#000
}
@media (max-width:1025px) {
.miion-header {
display:none
}
.mobile-header {
display:block;
}
}
@media (min-width:1025px) {
.miion-header {
display:block
}
.mobile-header {
display:none;
}
}
.nav .post-author {
display:none !important;
}
.miion-single-post .page-title-wrap-inner {
padding-top: 50px !important;
padding-bottom: 50px!important;
}
.miion-single-post .page-title-wrap a {
color: #08b2f0!important;
}
.bdp-post-date .bdp-user-img {
display:none
}
.bdp-post-grid-content  .bdp-post-date {
color:#fff !important
}
.main-logo > * , .sticky-logo a , .mobile-logo a{
line-height: 1;
display: block;
background: url(https://www.tactproweb.com/wp-content/uploads/2020/04/tactpro-web.png);
width: 110px;
height: 80px;
background-size: contain;
background-repeat: no-repeat !important;
}
.header-inner .main-logo img , .header-inner .sticky-logo img , .mobile-logo img{
display:none ;
}
.sticky-outer .header-sticky .sticky-logo{
vertical-align: middle;
}
.elementor-element-78c78b9.elementor-section , .elementor-element-ab9e261.elementor-section{
padding:0px !important;
}
.mobile-header:first-child , .footer-bottom {
display:none;
}
@media(max-width:991px){
#miion-main-menu:first-child{
display:none;
}
.item-demo a{
background-size:80% auto !important;
}
.alink img{
width:90%;
}
}
.item-demo.transition-2 a {
-webkit-transition: all 3.9s ease 0s;
-moz-transition: all 3.9s ease 0s;
-ms-transition: all 3.9s ease 0s;
-o-transition: all 3.9s ease 0s;
transition: all 3.9s ease 0s;
}
.item-demo a {
display: inline-block;
background-repeat: no-repeat;
background-position: center 20px;
background-size: 600px auto;
position: relative;
width: 100%;
float: left;
-webkit-transition: all 1.9s ease 0s;
-moz-transition: all 1.9s ease 0s;
-ms-transition: all 1.9s ease 0s;
-o-transition: all 1.9s ease 0s;
transition: all 1.9s ease 0s;
}
.item-demo a:hover {
background-position: center bottom;
}
.item-demo.transition-2 a {
-webkit-transition: all 10s ease 0s;
-moz-transition: all 10s ease 0s;
-ms-transition: all 10s ease 0s;
-o-transition: all 10s ease 0s;
transition: all 10s ease 0s;
}
a.scrollup.show {
bottom: 100px;
}
@media (max-width: 1500px) and (min-width: 1200px) {
.item-demo a {
background-size: 600px auto;
}
}
.green-bg-box-class .elementor-image a{
transform: rotateX(-44deg) rotateY(15deg);
transform-style: preserve-3d;
box-shadow: 0 0 4px rgb(0 0 0 / 40%);
display: inline-block;
vertical-align: top;
max-width: 100%;
transition: 0.5s all;
}
.green-bg-box-class img {
max-width: 100%;
width: 230px;
height: 260px;
object-fit: contain;
transform: rotateX(85deg) translateZ(0em);
transition: 0.5s all;
}
.green-bg-box-class:hover .elementor-image a{
transform: rotateX(0) rotateY(0deg);
box-shadow:none;
transition: 0.5s all;
}
.green-bg-box-class:hover img {
transform: rotateX(20deg) translateZ(0em) scale(1.1);
transition: 0.5s all;
}