MAINHACK

Viewing / Editing File: style.css

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{  vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{   display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #25292f; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12px rgb(0 0 0 / 18%); }
@font-face{
font-family: "Abel-Regular";
src:url(../fonts/Abel-Regular.ttf);
}

@font-face{
font-family: "BlackOpsOne-Regular";
src:url(../fonts/BlackOpsOne-Regular.ttf);
}

body{ width:100%; font-family: "Abel-Regular";  background-size: cover; position: relative; }

/*HEADER*/
.header{ width: 100%; position: absolute;  top: 0px;  background: rgba(0,0,0,0.5) ; padding:0px 0 0; height: 140px;  z-index: 9999999999999; }
.header .top-header-up{ width: 100%; padding: 0; margin: 0;  background: rgba(0,0,0,0.5) ; text-align: center; }
.header .top-header-up ul.nav-top{ width: 100%; padding: 0; margin: 0;color: #ccc; }
.header .top-header-up ul.nav-top li{    padding:10px 20px; margin: 0; display: inline-block; }
.header .top-header-up ul.nav-top li a{ padding: 0; margin: 0; color: #ffc100;font-family: fantasy; letter-spacing: 1px; font-size: 15px; }
.header .top-header-up ul.nav-top li a:hover{   color: #e7e7e7;}

.header .top-header{ width: 100%; padding: 0; margin: 0;  }
.header .top-header .top-left-box{ width: 100%; padding:15px 0 0; margin: 0;  }
.header .top-header .top-left-box h4{ font-family: fangsong; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 20px; line-height: 25px; padding: 0; margin: 0; }
.header .top-header .top-left-box h4 i.fa{color: #ffc200; font-size: 25px; padding: 0 10px 0 0px;}
.header .top-header .top-left-box ul{     padding: 10px 0 0 30px; margin: 0; }
.header .top-header .top-left-box ul li{ list-style: none; display: inline-block; padding: 0; margin: 0;    color: #ffc200; }
.header .top-header .top-left-box ul li a{ color: #fff; font-size: 15px; font-family: monospace; }
.header .top-header .top-midel-box{ width: 100%; padding: 0; margin: 0; text-align: center;  }
.header .top-header .top-midel-box img.logo{ width: 25%;  }
.header .top-header .top-right-box{ width: 100%; padding:7px 0 0; margin: 0;  }
.header .top-header .top-right-box h4 { font-family: fangsong; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 20px; line-height: 25px; padding: 0; margin: 0; }
.header .top-header .top-right-box h4 i.fa{    color: #ffc200; font-size: 25px; padding: 0 10px 0 0px; }
.header .top-header .top-right-box ul{ color: #ccc;   padding: 10px 0 0 30px; margin: 0;  }
.header .top-header .top-right-box ul li{  list-style: none; display: inline-block; padding: 0; margin: 0;  }
.header .top-header .top-right-box ul li a{ color: #fff; font-size: 15px; font-family: monospace; }

.header .bottom-header{    width: 100%; padding: 0; margin: 0; background: #fff; border-radius: 5px; }
.header .bottom-header .navbar-inverse { background-color: #fff; background: #25292f; border-color: #464646; border-radius: 4px; }
.header .bottom-header .navbar-inverse ul.navbar-nav{ float: left; text-align: center;  }
.header .bottom-header .navbar-inverse ul.navbar-nav li{ padding: 0;  }
.header .bottom-header .navbar-inverse ul.navbar-nav li a{ color: #ffc200; font-size: 17px; text-align: center; text-transform: uppercase; font-family: fantasy; letter-spacing: 1px; font-weight: lighter; padding: 15px 25px; margin: 0;  }
.header .bottom-header .navbar-inverse ul.navbar-nav li a:hover{  background-color: #080808; border-radius: 11px; background: linear-gradient( 90deg, rgb(255 193 0) 15%, rgb(255 255 255) 15%); border: 1px solid #000; color: #25292f !important; }
.navbar-inverse .navbar-nav>.active>a{ background-color: #080808; border-radius: 11px; background: linear-gradient( 90deg, rgb(255 193 0) 15%, rgb(255 255 255) 15%); border: 1px solid #000; color: #25292f !important; }
.header .bottom-header .navbar-inverse ul.socal-icon{ float: right; text-align: center; margin: 6px 0 0; }
.header .bottom-header .navbar-inverse ul.socal-icon li{ list-style: none; display: inline-block; padding: 0 5px; margin: 0; background: #000; border-radius: 50%; width: 40px; height: 40px; }
.header .bottom-header .navbar-inverse ul.socal-icon li a{  color: #ffc100; font-size: 20px; line-height: 45px;}
.header .bottom-header .navbar-inverse ul.socal-icon li a:hover{  color: #fff; }
.header .bottom-header .navbar-inverse ul.log li{     background: none; width: 100%; height: 100%; border-radius: 0; border: none; }
.header .bottom-header .navbar-inverse ul.log li a{ color: #ffc100; font-size: 18px; line-height: 45px; padding: 0 20px; text-decoration: none; }
.header .bottom-header .navbar-inverse ul.log li a:hover{  color: #fff; background: #000;}

/*sing-up*/
.sing-up{ width: 100%; height: 100% !important; background: #fff; padding:250px 0px 30px; margin: 0px 0; overflow: hidden;}
.sing-up .sing-up-text{  width: 50%; margin: 0 auto; overflow: hidden; padding: 0; }
.sing-up .sing-up-text h3{ text-align: center; font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 40px; color: #0a153c; padding: 0 0 10px; margin: 0;}
.sing-up .sing-up-text h5{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 22px; line-height: 40px; color: #000; }
.sing-up .sing-up-text h6{ text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 19px; line-height: 40px; color: #000; }
.sing-up .sing-up-text h5 a{ text-decoration: none; font-weight: bold; }
.sing-up .sing-up-text .sing-up-form{     width: 50%; float: left; padding: 0 0 0; margin: 50px 0 0; }
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l{    width: 100%;  padding: 0; margin: 0 0 30px; }
.sing-up .sing-up-text .sing-up-form .form-left-to-w3l input{ width: 100%; outline: none; border: none; border-bottom: 1px solid #ccc; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; font-size: 18px; line-height: 40px; color: #000; padding: 0 0 0 10px; margin: 0; }
.sing-up .sing-up-text .sing-up-form .form-sub-acc{     margin: 50px 0 0;  width: 50%; }
.sing-up .sing-up-text .sing-up-form .form-sub-acc .form-sub{ width: 100%; text-align: center; background: #ffc100; color: #fff; border: 1px solid #ffc100; border-radius: 25px; font-size: 24px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight: 300; padding:0 0 10px; }
.sing-up .sing-up-text .sing-up-form .form-sub-acc .form-sub input{ width: 100%; outline: none; border: none; background: none; font-size: 20px; line-height: 30px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.sing-up .sing-up-text .sing-up-form .form-sub-acc .form-sub:hover{ background:none;  color: #3483ff;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out;}
.sing-up .sing-up-text .sing-up-social{ width: 40%; float: right; border-left: 1px solid #ccc; padding: 0 0 0 0; margin: 50px 0 0 0; height: 100%; }
.sing-up .sing-up-text .sing-up-social img.facebook-img{ padding: 100px 0 20px; width: 80%; text-align: right; float: right;  }
.sing-up .sing-up-text .sing-up-social img.google-img{ width: 80%; text-align: right; float: right;  padding: 0 0 100px 0; }

.sing-up .sing-up-text .sing-up-social img.facebook-log-img{ padding: 30px 0 20px; width: 80%; text-align: right; float: right;  }
.sing-up .sing-up-text .sing-up-social img.google-log-img{ width: 80%; text-align: right; float: right;  padding: 0 0 50px 0; }
a.forget{ font-family: HelveticaNeueW01-55Roma,HelveticaNeueW02-55Roma,HelveticaNeueW10-55Roma,Helvetica,Arial,sans-serif; font-weight: 400; font-size: 14px; text-align: right; display: block; color: #3483ff; }

.reset{  width: 70% !important; margin: 50px auto !important; display: block; float: none !important; text-align: center; }

/*side-bar-two*/

.side-bar-two{     background: #1c1e21; position: relative; display: inline-block; width: 100%; padding: 20px 20px; }
.side-bar-two i.fa{color: #ffc200; font-size: 40px;}    
.side-bar-two p{color: #ffc200; font-size: 20px;}  
.side-bar-two h4{    font-size: 20px; padding: 5px 0 0; color: #ffffff; font-family: 'Marck Script';}    
.category{ position: relative; display: inline-block; width: 100%; margin: 0px 0 0; webkit-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); -moz-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); box-shadow: 1px 1px 11px 0px rgb(204 204 204 / 60%); padding: 20px; background: #ffffff; border-bottom: 3px solid #e9e9e9; }

.category ul li a{     text-decoration: none; color: #000; font-size: 18px; line-height: 35px; font-weight: 600; text-transform: uppercase; background: #ffc200; display: block; border-radius: 10px; padding: 0 0 0 20px; font-family: monospace; margin: 0 0 10px 0; }
.category ul li a:hover{    background: #1c1e21; color:#ffc200;}

/*.profile-form / PROFILE*/

.profile-form{    border-top: 3px solid #ededed;  background: none; position: relative; display: inline-block; width: 95%; padding: 10px 0 10px 20px; webkit-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%);
-moz-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); box-shadow: 1px 1px 11px 0px rgb(204 204 204 / 60%); padding: 20px; background: #ffffff;margin: 0 0 0 40px;}
.profile-form form .form-left-to-w3l{ position: relative; width: 100%; }
.profile-form form .form-left-to-w3l label { font-family: fangsong; color: #4a4c50; font-size: 19px; font-weight: bold; padding: 0; margin: 0 0 0px; width: 30%; line-height: 35px;}
.profile-form form .form-left-to-w3l input { width: 69%; font-family: fangsong; color: #040013; border: none; padding: 7px 10px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 17px; border-radius: 15px; font-weight: normal; outline: none; }

.profile-form form .form-left-to-w3l textarea { width: 69%; font-family: fangsong; color: #040013; border: none; padding: 7px 10px; letter-spacing: 0px; text-align: left; margin: 0; background: none; font-size: 17px; border-radius: 15px; font-weight: normal; outline: none; }
.profile-form form .form-left-to-w3l:hover input[type="submit"] {    color: #1c1e21;width: 18%;background: #ffc200;}

.profile-form form .form-left-to-w3l input[type="submit"] {text-align: center;outline: none;padding: 10px 35px;font-size: 14px;color: #ffc200;width: 18%;background: #1c1e21;border: none;text-transform: uppercase;margin: 30px 0 0; font-size: 19px; font-weight: bold;}
.profile-form h4{     background: #000; display: inline-block; border-radius: 7px; padding: 5px 30px; color: #fffbee; font-weight: bold; font-size: 20px; margin: 0 0 20px; }

/*BANNER*/
.w3l-main-slider { width: 100%; position: relative;      margin: -20px 0 0;}
.w3l-main-slider::after{     position: absolute; content: ""; /* background: url(../images/dot.png) repeat; */ z-index: 9999999; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); }
img.ban-ho-im{ width: 100%; height: auto; position: relative;}

/*--main-slider--*/
.w3l-main-slider li {
list-style: none;
}

.w3l-main-slider .banner-info-bg {
max-width: 100%;
margin-top: 200px;
margin: 0 auto;
}

.w3l-main-slider .banner-info-bg h5 {
font-size: 80px;
line-height: 86px;
color: #fff;
margin: 16px 0 30px 0;
/* font-family: 'Monoton', cursive;
font-family: 'Big Shoulders Inline Display', cursive;*/
}

.w3l-main-slider .banner-info-bg h4.sub-font {
font-size: 20px;
line-height: 40px;
color: #ffac41;
text-transform: capitalize;
}

.w3l-main-slider .banner-slider {
position: relative;
z-index: 1;
}

.w3l-main-slider .slider-info a img {
transition: 0.3s ease-in;
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
}

.w3l-main-slider .banhny-timing {
transform: matrix3d(0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
visibility: visible;
text-align: left;
letter-spacing: 5px;
font-weight: 400;
font-size: 16px;
border-style: none;
margin: 0px;
border-radius: 0px;
padding: 0px;
color: rgb(255, 255, 255);
text-decoration: none;
opacity: 1;
position: absolute;
right: -9%;
bottom: 50%;
z-index: 99999999;
}

.w3l-main-slider .banhny-left-botm {
letter-spacing: 2px;
font-weight: 600;
font-size: 19px;
margin: 0px;
color: #fff;
text-decoration: none;
opacity: 0.8;
position: absolute;
left: 30px;
bottom: 50px;
z-index: 99999999;

}

.w3l-main-slider .scrollhny-btn {
position: absolute;
left: 50%;
bottom: 10%;
z-index: 99999999;
}

.scroll-arrow {
width: 12px;
height: 12px;
transform: rotate(45deg);
border-right: 2px solid white;
border-bottom: 2px solid white;
animation: arrow-wave 1s infinite;
animation-direction: alternate;
}

.scroll-arrow:nth-child(1) {
animation-delay: 0.1s;
}

.scroll-arrow:nth-child(2) {
animation-delay: 0.2s;
}

.scroll-arrow:nth-child(3) {
animation-delay: 0.3s;
}

@keyframes arrow-wave {
0% {
opacity: 0;
}

50% {
opacity: .5;
}

100% {
opacity: 1;
}
}

/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}

.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}

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

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

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

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

.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}

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

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block;
}

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

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
border: none;
}

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

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

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

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

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

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

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

.owl-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

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

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

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

@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}

100% {
opacity: 0;
}
}

@keyframes fadeOut {
0% {
opacity: 1;
}

100% {
opacity: 0;
}
}

.owl-height {
transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease;
}

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

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

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

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

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

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

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

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

@media (max-width:600px) {

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

.owl-theme .owl-dots .owl-dot span {
width: 14px;
height: 14px;
}
}

/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
display: none;
}

.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}

.owl-dots {
margin-top: 0px;
position: absolute;
right: 30px;
bottom: 30px;
background: none;
}

.owl-theme .owl-nav [class*=owl-] {
color: #fff;
font-size: 35px;
margin: 0px;
width: 50px;
background: none;
display: inline-block;
cursor: pointer;
transition: 0.3s ease-in-out;
height: 50px;
line-height: 50px;
border-radius: 50%;
}

.owl-theme .owl-nav [class*=owl-]:hover {
background: none;
opacity: 1;
text-decoration: none;
outline: none;
box-shadow: none;
transition: 0.3s ease-in-out;
color: #ff0000;
}

.owl-theme .owl-nav [class*=owl-]:focus,
.owl-theme:focus,
.owl-dots:focus,
.owl-dot:focus {
outline: none;
box-shadow: none;
}

.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 30px;
}

.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
background: transparent;
}

.owl-theme .owl-dots .owl-dot span {
width: 8px;
height: 8px;
margin: 5px 2px;
background: #fff;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 50%;
position: relative;
border: 8px solid #fff;
}

button.owl-next,
button.owl-prev {
position: absolute;
bottom: 50%;
}

button.owl-prev {
left: 10px;
}

button.owl-next {
right: 10px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #ccc;
border: 8px solid #03c418; transition: all 500ms ease-in-out;
}

.search-in { padding: 30px 0 40px; position: relative; width: 100%; margin: 0; background: linear-gradient(90deg, rgb(42, 170, 6) 28%, rgb(14, 189, 41) 28%);overflow: hidden; }
.search-in p { font-size: 25px; color: #ffffff; position: relative; text-align: center; padding: 0px; margin: 0; font-weight: bold; font-family: 'Spartan', sans-serif; font-family: 'Federo', sans-serif; }
.search-in label { font-family: 'Josefin Sans', sans-serif; color: #606165; font-size: 15px; line-height: 20px; width: 100%; height: 30px; text-align: left; padding: 10px 10px 0 0; }
.search-in form input[type="date"] { background: #fff url(../images/calendar.png) no-repeat 96% 50%; }
.search-in form input[type="date"] { font-family: inherit !important; font-size: 14px !important; line-height: inherit !important; padding: 8px !important; color: #000 !important; width: 100% !important; float: left; letter-spacing: 0; border: none; overflow: hidden; outline: none; margin: 10px 0 0; border-radius: 5px; }
.search-in form select { font-family: inherit !important; font-size: 14px !important; line-height: inherit !important; padding: 8px !important; background: #fff; color: #000 !important; width: 100% !important; float: left; letter-spacing: 0; border: none; overflow: hidden; outline: none; margin: 10px 0 0; border-radius: 5px; }
.search-in form input[type="submit"] { outline: none; border: none; cursor: pointer; font-size: 15px; color: #ffffff; background: #0f2453; padding: 6px 40px; letter-spacing: 1px; border-radius: 4px; display: inline-block; transition: all 600ms ease-in-out; text-align: center; width: 100%; text-transform: uppercase; font-weight: bold; margin: 5px 0 0; }
.search-in label { font-family: 'Josefin Sans', sans-serif; color: #fff; font-size: 18px; line-height: 20px; width: 100%; height: 30px; text-align: left; padding: 10px 10px 0 0; font-weight: bold; }

/*about-home*/
.about-home{ position: relative; width: 100%; overflow: hidden; padding:30px 0; margin: 0; background: #fff;  }
.about-home .ab-video-text{ position: relative; width: 100%; overflow: hidden; }
.about-home .ab-video-text h2{ font-family: 'Marck Script', cursive; font-size: 37px; line-height: 45px; color: #211900; font-weight: bold; padding: 0; margin: 0; }
.about-home .ab-video-text h5{ color: #05a817; font-size: 20px; font-weight: bold; font-style: italic; line-height: 30px; padding: 0 0 10px; margin: 0; }
.about-home .ab-video-text p{ font-family: 'Handlee', cursive; font-size: 17px; line-height: 28px; text-align: justify; color: #000; font-style: italic; padding: 0 0; margin: 0;}
.about-home .ab-video-text a{ display: inline-block; padding: 10px 27px; background: #05a817; background: linear-gradient( 90deg, rgb(14, 189, 41) 10%, rgb(42, 170, 6) 10%); border: 3px solid #05a817; color: #ffffff; margin: 20px 0 0; transition: all 500ms ease-in-out; text-decoration: none; font-weight: bold; border-radius: 5px; }
.about-home .ab-video-text a:hover{    background: linear-gradient( 90deg, rgb(14, 189, 41) 10%, rgb(33, 134, 5) 10%); border: 3px solid #05a817; transition: all 500ms ease-in-out;}
.about-home .ab-video{ overflow: hidden; width: 100%; margin: 0px 0 0 0; position: relative; border: 8px solid #ffffff; box-shadow: -1px 6px 10px 0px rgb(154 154 154 / 60%); }

/*room-home*/
.room-home{ position: relative; width: 100%; overflow: hidden; padding:40px 0 30px; margin: 0; background: #f7fbfd;  }
.room-home h2{ text-align: center; font-size: 37px; line-height: 45px; color: #211900; font-weight: bold; padding: 0; margin: 0; }
.room-home h6{ text-align: center; font-family: 'Handlee', cursive; font-style: italic; color: #0d2702; font-weight: bold; font-size: 18px; padding: 5px 0 40px; }
.room-home .price-block{ position: relative; width: 100%; box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 15%); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; margin: 0 0 40px; }
.room-home .price-block .price-gd-top{position: relative;  width: 100%; height: 250px; overflow: hidden; }
.room-home .price-block .price-gd-top img{ width: 100%; height: 250px; }
.room-home .price-block .price-gd-top h4{ font-size: 20px; color: #fff; padding: 0.4em 1em; background: #03c418; font-weight: bold; position: absolute; top: 0; right: 0; }
.room-home .price-block p.text-rom{ font-family: 'Handlee', cursive; font-size: 15px; line-height: 22px; text-align: justify; color: #000; font-style: italic; padding: 10px; }
.room-home .price-block .price-gd-bottom{ width: 100%;  }
.room-home .price-block .price-gd-bottom .price-selet{ width: 60%; float: left; padding: 0 0 0 10px; }
.room-home .price-block .price-gd-bottom .price-selet  h3{     color: #000; font-weight: bold; font-size: 18px; padding: 0; margin: 0; }
.room-home .price-block .price-gd-bottom .price-selet  h3 span{     color: #00524a;  font-size: 22px;}
.room-home .price-block .price-gd-bottom .wedding-review{ width: 40%; float: right;  }
.room-home .price-block .price-gd-bottom .wedding-review a{ background: linear-gradient(  90deg, rgb(75 255 0) 10%, rgb(0 0 0) 10%); border: 1px solid #4bff00; color: #4bff00; margin: 0; transition: all 500ms ease-in-out; text-decoration: none; display: inline-block; padding: 7px 30px;  }
.room-home .price-block .price-gd-bottom .wedding-review a{  background: linear-gradient( 90deg, rgb(3, 196, 24) 10%, rgb(6, 153, 15) 10%); border: 1px solid #00c23a; margin: 0; transition: all 500ms ease-in-out; text-decoration: none; display: inline-block; padding: 7px 30px; font-weight: bold; }

/*gallery-home*/
.gallery-home{ position: relative; width: 100%; overflow: hidden; padding:40px 0 30px; margin: 0; background: #f7fbfd;  }
.gallery-home h2{ text-align: center; font-size: 37px; line-height: 45px; color: #211900; font-weight: bold; padding: 0; margin: 0; }
.gallery-home h6{ text-align: center; font-family: 'Handlee', cursive; font-style: italic; color: #0d2702; font-weight: bold; font-size: 18px; padding: 5px 0 40px; }
.gallery-home .item-gall-box{ width: 100%; padding: 0; height: 300px; overflow: hidden;     background: #fff; border: 1px solid #ededed;}
.gallery-home .item-gall-box img.pro-img{  width: 100%; height: 250px; }
.gallery-home .item-gall-box h5{ text-align: center; font-size: 20px; font-family: 'Handlee', cursive; font-style: italic; color: #000000; line-height: 30px; padding: 0; margin: 0; }
.gallery-home .item-gall-box a{ display: inline-block; padding: 7px 20px; background: #000; background: linear-gradient( 90deg, rgb(75 255 0) 10%, rgb(0 0 0) 10%); border: 1px solid #4bff00; color: #4bff00; margin: 20px 0 0; transition: all 500ms ease-in-out; text-decoration: none;  }

/*rest-in*/
.rest-in{ position: relative; width: 100%; overflow: hidden; padding:40px 0 30px; margin: 0; background: #f7fbfd;  }
.rest-in h2{ text-align: center; font-size: 37px; line-height: 45px; color: #211900; font-weight: bold; padding: 0; margin: 0; }
.rest-in h6{ text-align: center; font-family: 'Handlee', cursive; font-style: italic; color: #0d2702; font-weight: bold; font-size: 18px; padding: 5px 0 40px; }
.rest-in .item-rest-box{ width: 100%; padding: 0; height: 250px; overflow: hidden;     background: #fff; border: 1px solid #ededed;}
.rest-in .item-rest-box img.pro-img{  width: 100%; height: 250px; }

/*Detels-home*/
.all-detles-home{ position: relative; width: 100%; overflow: hidden; padding:0px 0 0px; margin: 0; background: #f7fbfd;    height: 500px; background: #fff;}
.all-detles-home .all-detles-text{position: absolute; top: 0; z-index: 99; padding: 0; margin: 0; left: 0; width: 100%; background: rgba(0,0,0,0.9); height: 100%;
    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% -640px, 0 265%);
    clip-path: polygon(0 0%, 100% 0%, 100% -640px, 0 265%);}
.all-detles-home .all-detles-text h2{ text-align: left; font-size: 30px; line-height: 45px; color: #fff; font-weight: bold; padding: 40px 0 5px 0; margin: 0; }
.all-detles-home .all-detles-text h4{ color: #fff; font-size: 28px; line-height: 35px; padding: 20px 0 10px; font-weight: normal; margin: 0;  }
.all-detles-home .all-detles-text h5{color: #fff; font-family: 'Handlee', cursive; font-size: 16px; line-height: 28px; text-align: justify; font-style: italic; padding: 0 0; margin: 0;  }
.all-detles-home .all-detles-text h6{ color: #fff; text-align: left; font-size: 16px; padding: 0 0 15px 0px; line-height: 20px; }
.all-detles-home .all-detles-text p{  color: #fff; text-align: left; font-size: 15px; padding: 0 0 0 0; line-height: 19px; display: inline-block; }
.all-detles-home .all-detles-text h5 a{color: #ffc100; }
ul.menu-r{  position: absolute; top:0px; left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center; }
ul.menu-r li{     font-size: 16px; font-family: 'Handlee'; color: #000; text-align: justify; padding: 0 0 5px 0; line-height: 23px;}
ul.menu-r li span{    color: #ffba00; font-weight: bold; font-family: auto; }

/*Detels-home*/
.testmonial{  position: relative;width: 100%;overflow: hidden;padding: 30px 0px;margin: 0; background: linear-gradient( 90deg, rgb(224 224 224) 42%, rgb(255 255 255) 10%);color: #ffc100; background: #fff; display: inline-block; }
.testmonial h2{ text-align: center; font-size: 37px; line-height: 45px; color: #211900; font-weight: bold; padding: 0; margin: 0; }
.testmonial h6{ text-align: center; font-family: 'Handlee', cursive; font-style: italic; color: #0d2702; font-weight: bold; font-size: 18px; padding: 5px 0 20px; }

.testmonial .testmo-box{ position: relative; width: 100%; overflow: hidden; text-align: center; }
.testmonial .testmo-box img.test-icon{ width: 6%; }
.testmonial .testmo-box h5{  font-family: 'Handlee', cursive; color: #000; font-size: 22px; line-height: 35px; }
.testmonial .testmo-box p{     font-family: 'Handlee', cursive; font-size: 17px; line-height: 28px; text-align: center; color: #000; font-style: italic; padding: 0 10%; margin: 0; }

/*inn-banner*/
.inn-banner{ position: relative; width: 100%; overflow: hidden; padding: 0;margin: -20px 0 0; background: #fff;  }
.inn-banner .dec-text{ position: absolute; top: 25%; width: 100%; padding: 0; margin: 0; left: 0; z-index: 99;}
.inn-banner .dec-text p{    text-align: center; font-size: 50px; font-family: 'Handlee'; color: #fff; font-weight: bold; text-shadow: 2px 2px #000000; line-height: 90px; }
.inn-banner .dec-text a{ text-align: center; display: block; color: #fff; background: #000; width: 15%; margin: 30px auto; padding: 10px 0; border-radius: 7px; border: 1px solid #ccc; font-family: sans-serif; letter-spacing: 1px; text-decoration: none; }
.inn-banner .dec-text a:hover{color: #000;     background: #f2b90f; }

/*inn-banner-booking*/
.inn-banner-booking{ position: relative; width: 100%; overflow: hidden; padding: 0;margin: 0px 0 0; background: #fff;  height: 100%; }
.inn-banner-booking .booking-form{ position: absolute; top: 30%; width: 100%; padding: 0; margin: 0; left: 0; z-index: 99; }
.inn-banner-booking .booking-form form{ display: grid; width: 60%; background: rgba(0,0,0,0.5); margin: 0 auto; border: 8px solid #5f9404; box-shadow: -1px 6px 10px 0px rgb(154 154 154 / 60%); padding: 20px; }
.inn-banner-booking .booking-form form p.legend{ text-align: center; font-size: 20px; line-height: 30px; padding: 4px 0; border-radius: 10px; text-transform: uppercase; color: #d4d4d4; font-weight: bold; width: 42%; margin: 10px auto 30px; border-bottom: 5px solid #d8d8d8;}
.inn-banner-booking .booking-form form .input{ width: 100%; padding: 0; margin: 0; }
.inn-banner-booking .booking-form form .input label{ width: 45%; float: left; color: #fff; font-size: 20px; line-height: 30px; }
.inn-banner-booking .booking-form form .input input{     width: 55%; float: right; color: #fff; font-size: 20px; line-height: 30px; background: none; border: none; outline: none; border-bottom: 1px solid #5b5b5b; }

/*inn-banner-single*/
.inn-banner-single{ position: relative; width: 100%; overflow: hidden; padding: 0;margin: 0px 0 0; background: #fff;  height: 400px; }

/*inn-banner-about*/
.inn-banner-about{ position: relative; width: 100%; overflow: hidden; padding: 0;margin: 0px 0 0; background: #fff;  height: 350px; }

/*inn-about*/
.inn-about{ position: relative; width: 100%; overflow: hidden; padding:30px 0px; margin: 0; background: #fff;  }
.inn-about h2{ text-align: center; font-size: 37px; line-height: 45px; color: #211900; font-weight: bold; padding: 0; margin: 0; }
.inn-about h6{ text-align: center; font-family: 'Handlee', cursive; font-style: italic; color: #0d2702; font-weight: bold; font-size: 18px; padding: 5px 0 20px; }
.inn-about .ab-inner-text{ position: relative; width: 100%; overflow: hidden; }
.inn-about .ab-inner-text h3{ font-family: 'Marck Script', cursive; font-size: 37px; line-height: 45px; color: #211900; font-weight: bold; padding: 0; margin: 0; }
.inn-about .ab-inner-text h5{ color: #14ad00; font-size: 20px; font-weight: bold; font-style: italic; line-height: 30px; padding: 0 0 10px; margin: 0; }
.inn-about .ab-inner-text p{ font-family: 'Handlee', cursive; font-size: 17px; line-height: 28px; text-align: justify; color: #000; font-style: italic; padding: 0 0; margin: 0;}

/*inn-contact*/
.inn-contact{ position: relative; width: 100%; overflow: hidden; padding:30px 0px; margin: 0; background: #fff;  }
.inn-contact h2{ text-align: center; font-size: 37px; line-height: 45px; color: #211900; font-weight: bold; padding:0 0 40px; margin: 0; }
.inn-contact h6{ text-align: center; font-family: 'Handlee', cursive; font-style: italic; color: #0d2702; font-weight: bold; font-size: 18px; padding: 5px 0 8px; }
.inn-contact .conta-inner-text{  padding: 35px 30px; margin: 0 0; }
.inn-contact .conta-inner-text ul.cont-d{ padding: 0 0; margin: 0 0; }
.inn-contact .conta-inner-text ul.cont-d li{ padding: 0 0; margin: 0 0; font-size: 19px; line-height: 25px; }
.inn-contact .conta-inner-text ul.cont-d li i{ background: linear-gradient( 90deg, rgb(255 193 0) 10%, rgb(0 0 0) 10%); border: 1px solid #ffc100; color: #ffc100; padding: 10px 10px; width: 10%; text-align: center; border-radius: 5px; }
.inn-contact .conta-inner-text ul.cont-d li a{padding: 0 0 0 0px; margin: 0 0; font-size: 18px; line-height: 28px; color: #363535; }
.inn-contact .conta-inner-text ul.cont-d li a:hover{  }
.inn-contact form{  padding: 35px 30px; margin: 0 0;  }
.inn-contact form .input-cont{  width: 100%; padding: 0; margin: 0; display: block; }
.inn-contact form .input-cont label{ width: 40%; float: left; font-size: 20px; line-height: 27px; padding: 5px 10px; margin: 0; }
.inn-contact form .input-cont input{ background:none;  width: 60%; float: right; outline: none; border: none; font-size: 18px; line-height: 29px; padding: 5px 10px; margin: 0; }
.inn-contact form .input-cont textarea{  background:none; width: 60%; float: right; outline: none; border: none; font-size: 18px; line-height: 29px; padding: 5px 10px; margin: 0; }

/*inn-restunt-menu*/
.inn-restunt-menu{ position: relative; width: 100%; overflow: hidden;  padding: 30px 0 30px; margin: 0px 0 0; background: #f1f1f1; }
.inn-restunt-menu-box { position: relative; width: 100%; padding: 0; margin: 0 0 30px; float: left; overflow: hidden; }
.inn-restunt-menu-box img.pho-gall{ width:100%; height: auto; }
.inn-restunt-menu-box:hover{-webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);}
.inn-restunt-menu-box .view-caption {     position: absolute; top: -140%; width:100%; text-align: center; padding: 100px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: rgba(0, 0, 0, 0.82); }
.inn-restunt-menu-box .view-caption p {width: 50%; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #d9ffcc; padding: 9px 15px; color: #052985 !important; margin: 25px auto 0; text-transform: uppercase; border: 1px solid #303030; }
.inn-restunt-menu-box:hover .view-caption { top: 0%; height:100%;}

/*inn-gallery*/
.inn-gallery h2{ text-align: center; font-size: 37px; line-height: 45px; color: #211900; font-weight: bold; padding:0 0 8px; margin: 0; }
.inn-gallery h6{ text-align: center; font-family: 'Handlee', cursive; font-style: italic; color: #0d2702; font-weight: bold; font-size: 18px; padding: 5px 0 20px; }
.inn-gallery{ position: relative; width: 100%; overflow: hidden;  padding: 30px 0 30px; margin: 0px 0 0; background: #fff; }
.inn-gallery .inn-restunt-menu-box { position: relative; width: 100%; padding: 0; margin: 0 0 30px; float: left; overflow: hidden; }
.inn-gallery .inn-restunt-menu-box img.pho-gall{ width:100%; height: auto; }
.inn-gallery .inn-restunt-menu-box:hover{-webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);}
.inn-gallery .inn-restunt-menu-box .view-caption {     position: absolute; top: -140%; width:100%; text-align: center; padding: 100px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: rgba(0, 0, 0, 0.82); }
.inn-gallery .inn-restunt-menu-box .view-caption p {width: 50%; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #d9ffcc; padding: 9px 15px; color: #052985 !important; margin: 25px auto 0; text-transform: uppercase; border: 1px solid #303030; }
.inn-gallery .inn-restunt-menu-box:hover .view-caption { top: 0%; height:100%;}

/*inn-book-table*/
.inn-book-table{ position: relative; width: 100%; overflow: hidden; padding: 30px 0;margin: 0px 0 0; background: #fff; background: url(../images/baook-a-tabil.jpg) no-repeat left top; background-size: cover; background-attachment: fixed; }
.inn-book-table form{ display: grid; width: 60%; background: rgba(0,0,0,0.8); margin: 0 auto; border: 8px solid #fff; box-shadow: -1px 6px 10px 0px rgb(154 154 154 / 60%); padding: 20px; }
.inn-book-table form p.legend{ text-align: center; font-size: 20px; line-height: 30px; padding: 4px 0; border-radius: 10px; text-transform: uppercase; color: #d4d4d4; font-weight: bold; width: 42%; margin: 10px auto 30px; border-bottom: 5px solid #d8d8d8;}
.inn-book-table form .input{ width: 100%; padding: 0; margin: 0; }
.inn-book-table form .input label{ width: 45%; float: left; color: #fff; font-size: 20px; line-height: 30px; }
.inn-book-table form .input input{     width: 55%; float: right; color: #fff; font-size: 20px; line-height: 30px; background: none; border: none; outline: none; border-bottom: 1px solid #5b5b5b; }

.testmonial form{display: grid; width: 100%; background: rgb(255 255 255 / 80%); margin: 0 auto; border: 8px solid #e0e0e0; box-shadow: -1px 6px 10px 0px rgb(154 154 154 / 60%); padding: 10px; }
.testmonial form p.legend{ text-align: center; font-size: 20px; line-height: 30px; padding: 4px 0; border-radius: 10px; text-transform: uppercase; color: #d4d4d4; font-weight: bold; width: 42%; margin: 10px auto 30px; border-bottom: 5px solid #d8d8d8;}
.testmonial form .input{ width: 100%; padding: 0; margin: 0; }
.testmonial form .input label{ width: 45%; float: left; color: #01576b; font-size: 18px; line-height: 30px; }
.testmonial form .input input{     width: 55%; float: right; color: #5b5b5b; font-size: 17px; line-height: 28px; background: none; border: none; outline: none; border-bottom: 1px solid #e2e2e2; }

/*inn-why-we*/
.inn-why-we{ position: relative; width: 100%; overflow: hidden; padding: 25px 0 30px;margin: 0px 0 0; background: #fff;  }
.inn-why-we h3{     text-align: center; font-size: 35px; line-height: 45px; padding: 0 0 10px; margin: 0; font-weight: bold; color: #000; }
.inn-why-we p{ font-family: 'Handlee', cursive; font-size: 17px; line-height: 28px; text-align: center; color: #000; font-style: italic; padding: 0 10%; margin: 0; }

/*-- Single-Page-Styling --*/
p.legend-add{ text-align: center; font-size: 20px; line-height: 30px; padding: 10px 0; background: rgb(255 255 255 / 129%); border-radius: 10px; text-transform: uppercase; color: #4e5357; font-weight: bold; width: 42%; margin: 20px auto; border-bottom: 5px solid #77787a; }
.w3aitssinglewthree { padding: 50px 0; background-color: #F5F5F5; }
.single-top-right h1 { font-size: 16px; margin-bottom: 15px; text-align: left; }
.single-top-right h4 { font-size: 18px; margin: 0; font-family: 'Federo', sans-serif; font-weight: 600; margin-bottom: 15px; text-align: left; }
.single-top-right h1 span{ font-size: 23px; margin-bottom: 30px; text-align: left; display: block; color: #f00; font-weight: normal; padding: 10px 0 0; }
.single-top-left { width: 40%; margin-left: 7%; }
.single-top-right { padding-left: 5em; }
.single-top-right form label { font-size: 16px; line-height: 23px; display: block; color: #535353; font-weight: bold; }
.single-top-right form input[type="date"]{border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-bottom: 3px solid #dba705; border-radius: 6px; padding: 8px 5px; font-size: 14px; line-height: 20px; color: #000; outline: none; width: 100%;}
.single-price ul li { font-size: 16px; line-height: 40px; display: block; color: #000; }
.single-price ul li:nth-child(1) { font-size: 25px; font-weight: bold; padding: 10px 0 0; }
.single-price ul li:nth-child(1) small { font-size: 20px; color: #c41228; }
.single-price ul li:nth-child(4) a i.fa { margin-right: 10px; } 
.single-price ul li a { color: #31708f; } 
.single-price ul li a:hover { color: #c41228; } 
p.single-price-text { margin: 8px 0 20px 0; line-height: 25px; text-align: justify; }
a.book-single{ font-size: 15px; padding: 3px 20px; background: #ff9017; color: #fff; border-radius: 5px; line-height: 30px; display: inline-block; border-bottom: 3px solid #8e8e8e; text-transform: uppercase; font-weight: bold; }
a.book-single:hover{   background: #ef9348;     border-bottom: 3px solid #fff100; }
.single-top-right form { display: inline; }
.aitssinglew3 { width: 100%; border: none; }
.aitssinglew3 .agileits.my-cart-btn { background-color: #31708f!important; border: none!important; outline: none!important; color: #FFF!important; width: 48%!important; font-weight: 300!important; padding: 10px 0!important; font-size: 14px!important; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; transition: .5s all; display: inline-block!important; float: left; }
.single-top-right i.fa { margin-right: 5px; font-size: 20px; color: #f00; }
.aitssinglew3 .agileits.my-cart-btn:hover { background: #c41228!important; }
.single-top-right .agilesocialwthree { width: 100%; text-align: left; margin-top: 50px; }
.agilesocialwthree h4 { text-align: left; margin-bottom: 10px; color: #c41228; }
.aitsaccordionw3layouts { margin-top: 50px; }
.aitsaccordionw3layouts .panel-heading { padding: 15px; background-color: #31708f; border: none; color: #FFF; border-radius: 0; }
.aitsaccordionw3layouts .panel-title { text-align: left; }
.aitsaccordionw3layouts .panel-heading .panel-title > a { color: #FFF; }
.aitsaccordionw3layouts .panel-heading .collapsed span, .pa_italic i { left: 0; font-size: 15px; float: right; }
.aitsaccordionw3layouts .panel-collapse { background-color: #FFF; }
.ac-img { width: 50%; float: left; text-align: center; }
.accordion-image img { width: 40%; }
.aitsaccordionw3layouts div#collapseThree { padding: 30px 30px 50px; }
.aitsaccordionw3layouts div#collapseThree h3 { margin-bottom: 20px; }
.aitsaccordionw3layouts div#collapseThree h4 { text-align: left; font-size: 16px; color: #F44336; margin-bottom: 10px; }
.aitsaccordionw3layouts div#collapseThree p { margin-bottom: 20px; }
.aitsaccordionw3layouts div#collapseThree span { background: url("../images/5stars.png") no-repeat 0px 0px; color: #31708f; font-weight: 500; padding-left: 140px; padding-top: 4px; }
.aitsaccordionw3layouts div#collapseFour { padding: 30px; }
.aitsaccordionw3layouts ul.ship { margin-left: 20px; }
.aitsaccordionw3layouts ul.ship li { font-size: 16px; line-height: 30px; display: block; color: #000; }
.aitsaccordionw3layouts ul.ship li i.fa { margin-right: 10px; }
.aitsaccordionw3layouts ul.ship li i.fa.fa-male { margin-right: 18px; }
.aitsaccordionw3layouts a.next { float: right; margin: 30px 30px 0 0; color: #F44336; font-size: 18px; font-weight: 500; }
img.img-zom{width: 100%; border: 8px solid #e2e2e2; box-shadow: -1px 6px 10px 0px rgb(154 154 154 / 60%);}
.book-single{ display: inline-block; padding: 7px 20px; background: #000; background: linear-gradient(  90deg, rgb(75 255 0) 10%, rgb(0 0 0) 10%); border: 1px solid #4bff00; color: #4bff00; margin: 20px 0 0; transition: all 500ms ease-in-out; text-decoration: none;     background: linear-gradient( 90deg, rgb(255 193 0) 10%, rgb(21 24 29) 10%); border: 1px solid #ffc201; color: #ffc100; }
.book-single:hover{     background: linear-gradient(  90deg, rgb(255 144 23) 10%, rgb(0 0 0) 10%); border: 1px solid #ff9017; color: #ff9017; transition: all 500ms ease-in-out;}

/*-- //Single-Page-Styling --*/
/*services-hotel*/
.services-hotel{ position: relative; width: 100%; overflow: hidden; padding:15px 0 30px;margin: 0px 0 0; background: #fff; background: #f9f9f9; }
.services-hotel img.suport-icon{width: 50%; text-align: center; margin: 0 auto; display: block;-webkit-filter: grayscale(100%); filter: grayscale(100%); }
.services-hotel img.suport-icon:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%);}

/*inn-land*/
.inn-land{ position: relative; width: 100%; overflow: hidden; padding:30px 50px 0;margin: 0px 0 0; background: #fff; }
.inn-land .land-box{ position: relative; width: 100%; overflow: hidden; box-shadow: 0 0 8px 0 rgb(212 212 212); background: #fbfbfb; padding: 0 0 20px 20px; margin: 0 0 40px; }
.inn-land .land-box h4{ text-align: left; font-size: 30px; line-height: 45px; color: #2d2d2b; font-weight: bold; padding: 0; margin: 0 0 5px; }
.inn-land .land-box .land-box-lt{  width: 30%; float: left; padding: 10px; background: #fff; box-shadow: 0 0 8px 0 rgb(152 152 152 / 60%); border: 2px solid #e4e4e4; }
.inn-land .land-box .land-box-lt img{ }
.inn-land .land-box .land-box-lt h3{ font-weight: bold; color: #312e2e; font-size: 15px; line-height: 25px; padding: 0px; background: none; text-decoration: none; border: none; font-family: fantasy; }
.inn-land .land-box .land-box-lt h3 span{ color: #f00; font-size: 16px; padding: 0 1px 0 10px; margin: 0; }
.inn-land .land-box .land-box-rt{     width: 68%; float: right; padding: 10px; background: none; }
.inn-land .land-box .land-box-rt h4{ text-align: left; font-size: 25px; line-height: 35px; color: #041740; font-weight: bold; padding: 0; margin: 0 0 15px; }
.inn-land .land-box .land-box-rt h5{ text-align: left; font-size: 16px; line-height: 35px; color: #333435; font-weight: bold; padding: 0; margin: 0 0 10px; }
.inn-land .land-box .land-box-rt p{   color: #000; font-size: 15px; line-height: 24px; margin: 0 0 10px; font-family: emoji; }
.inn-land .land-box .land-box-rt ul{ padding: 0; margin: 0; }
.inn-land .land-box .land-box-rt ul li{ list-style: none; display: inline-block; padding: 0 20px 0 0; margin: 0; }
.inn-land .land-box .land-box-rt ul li a{ font-weight: bold; color: #000; font-size: 15px; line-height: 25px; padding: 5px 15px; background: #dddc; text-decoration: none; border: 1px solid #c8c8c8; font-family: unset; }
.inn-land .land-box .land-box-rt ul li a:hover {background: #00bf54; color: #fff;}
.in-land-box{ padding: 10px; background: #fff; box-shadow: 0 0 8px 0 rgb(152 152 152 / 60%); border: 2px solid #e4e4e4; }
.in-land-box img.land-sale-icon{ width:100%; height:auto; }
.in-land-box h3{ font-weight: bold; color: #312e2e; font-size: 15px; line-height: 25px; padding: 0px; background: none; text-decoration: none; border: none; font-family: fantasy; }
.in-land-box  h3 span{ color: #f00; font-size: 16px; padding: 0 1px 0 10px; margin: 0; }

/*inn-hotel*/
.inn-hotel{ position: relative; width: 100%; overflow: hidden; padding:30px 0 0;margin: 0px 0 0; background: #fff; background: #ebebeb; }
.inn-hotel h2{ text-align: center; font-size: 37px; line-height: 45px; color: #211900; font-weight: bold; padding: 0; margin: 0 0 15px; }
.inn-hotel p{   font-family: 'Handlee', cursive; font-size: 17px; line-height: 28px; text-align: center; color: #000; font-style: italic; padding: 0 10%; margin: 0; }
.inn-hotel .in-hotel-box{ width: 80%; border: 8px solid #e2e2e2; box-shadow: -1px 6px 10px 0px rgb(154 154 154 / 60%); overflow: hidden; margin: 30px auto; }
.inn-hotel .in-hotel-box img.hotel-icon{ width: 100%; }
.inn-hotel .in-hotel-box p{  }

/*footer-menu*/
footer{ width: 100%; position: relative; background: url(../images/gif-body.gif) no-repeat right top; background-size: cover; padding: 0; margin: 0;  }
footer .footer-box{ width: 100%; }
footer .footer-box h2{ padding: 50px 0 10px; color: #fff; font-size: 23px; line-height: 30px; }
footer .footer-box p{ font-family: 'Handlee', cursive; font-size: 14px; line-height: 24px; text-align: justify; color: #d6d6d6; font-style: italic; }
footer .footer-box p a{color: #ffc200;}
footer .footer-box p a:hover{color: #fff;}
footer .footer-box ul{ padding: 0; margin: 0; }
footer .footer-box ul li{     color: #ffc200; font-size: 18px; line-height: 25px; }
footer .footer-box ul li a{     color: #b3b3b3; font-size: 16px; line-height: 24px; padding: 0; margin: 0; }
footer .footer-box ul li a:hover{color: #fff;}
.cpy-right{margin: 50px 0 0; background: rgb(255 255 255 / 10%); padding: 20px 20px 15px;  }
.cpy-right p{ text-align: center; color: #FFF; }
.cpy-right p a{ text-decoration: none;color: #ffc100; }
.cpy-right p a:hover{ text-decoration: none;color: #03c418; }

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info