/*
Theme Name: Supet
Theme URI: #
Author: meyzi8
Author URI: https://youtu.be/e5cv00YFENE
*/

.specialtitle {
	padding:10px;
	background-color:#19489a;
	color:#fff;
    height: 80px;
	border-radius:0px;
}
@media only screen and (min-width: 992px) {
.desktopnone {
display:none !important;
}	
}
.mobileform {
	background: #052c87 !important;
    padding: 20px;
}
.mobileform .specialbtn {
    width: 100%  !important;
    display: block !important;
    background-color: #e61c09;
    color: #fff;
}

.mobileform .specialbtn:hover {
	    width: 100%  !important;
    display: block !important;
    background-color: green !important;
    color: #fff;
}
/* Image Effect */

.inner-column-two:after {
    position: absolute;
    content: '';
    right: 55px;
    top: 60px;
    left: 82px;
    bottom: 30px;
    z-index: 1;
    border: 2px solid #e61c09;
    border-radius: 0.5rem;
}

.inner-column:after {
position: absolute;
content: '';
right: 160px;
top: -44px;
left: 27px;
bottom: -37px;
z-index: 1;
border: 2px solid #e61c09;
border-radius: 0.5rem;
}
.specialimage {
position:relative;
z-index:2;	
}
.image-animation::before {
position: absolute;
top: 0;
left: -75%;
z-index: 10;
display: block;
content: '';
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
@media only screen and (max-width: 992px) {
.inner-column:after {
position: absolute;
content: '';
right: 160px;
top: -42px;
left: 0px;
bottom: -60px;
z-index: 1;
border: 2px solid #e61c09;
border-radius: 0.5rem;
margin-bottom:40px;
}

.inner-column-two:after {
    position: absolute;
    content: '';
    right: 105px;
    top: 60px;
    left: 50px;
    bottom: 30px;
    z-index: 1;
    border: 2px solid #e61c09;
    border-radius: 0.5rem;
}

}
/* Image Effect */
/* Carousel */
.specialcarousel .owl-nav button {
position: absolute;
top: 50%;
background-color: #000;
color: #fff;
margin: 0;
transition: all 0.3s ease-in-out;
}
.specialcarousel .owl-nav button.owl-prev {
left: 0 !important;
display:none;   
}
.specialcarousel .owl-nav button.owl-next {
display:none; 
}
.specialcarousel .owl-dots {
text-align: center;
padding-top: 15px;
}
.specialcarousel .owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
.specialcarousel .owl-dots button.owl-dot.active {
background-color: #000;
}
.specialcarousel .owl-dots button.owl-dot:focus {
outline: none;
}
.specialcarousel .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.38) !important;
}
.owl-nav button:focus {
outline: none;
}
/* Carousel */

/* Slider Form */

.specialform .form-row {
display:block !important;	
}
.header-text {
    position: absolute;
    top: 10vh;
    background-color: #000;
    /* left: 0; */
    right: 17vh;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    width: 50%;
    background: #052c87;
    
}

@media screen and (max-width: 992px) {
  .header-text {
	display:none;
    position: absolute;
    top: 10vh;
    background-color: #000;
    /* left: 0; */
    right: 17vh;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    width: 50%;
    background: #052c87;
    
}
}

@media screen and (max-width: 1400px) and (min-width: 1280px) {
  .header-text {
    position: absolute;
    top: 5vh;
    background-color: #000;
    /* left: 0; */
    right: 10vh;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    width: 50%;
    background: #052c87;
    
}
}

.specialbtn {
	width: 100%  !important;
    display: block !important;
    background-color: #e61c09;
    color: #fff;
}

.specialbtn:hover {
	width: 100%  !important;
    display: block !important;
    background-color: green;
    color: #fff;
}

/* Slider Form */
