/*
 Theme Name:   Ava Villas
 Description:  Child template of Simple Multimedia 
 Author:       Simple Multimedia
 Author URI:   https://www.simple.web.id
 Template:     simplewebmain
 Version:      2.0.0
 Text Domain:  simple-web-child
*/

@font-face{
    font-family:'Myriad Pro';
    src:url('fonts/myriad-pro/MyriadProRegular.eot');
    src:url('fonts/myriad-pro/MyriadProRegular.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriad-pro/MyriadProRegular.woff2') format('woff2'),
         url('fonts/myriad-pro/MyriadProRegular.woff') format('woff'),
         url('fonts/myriad-pro/MyriadProRegular.ttf') format('truetype'),
         url('fonts/myriad-pro/MyriadProRegular.svg#MyriadProRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body{
	font-size: 15px;
    font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
}

h1, h2, h3{
    font-weight: normal;
    font-family:'Myriad Pro';
}

#header{
	background: 1px rgba(0, 0, 0, 0.6);
}

/* css main menu */

.main_menu li a{
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}

.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a{
    text-transform: uppercase;
}

.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover{
    color: #000000 !important;
}

/* css banner */

.avia-slideshow-dots.avia-slideshow-controls{
    display: none;
}

.avia-slideshow-arrows a::before{
    background: none;
}

#top .avia-slideshow-arrows a{
	font-size: 50px !important;
}

#top .av_slideshow_full.av-control-default .avia-slideshow-arrows a{
    width: 200px;
}

/* css content */

@media(min-width: 768px){
	div .av_two_third{
	    margin-left: 3%;
	    width: 66%;
	}

	div .av_one_third{
	    margin-left: 3%;
	    width: 31%;
	}
}

.title-home h3{
	margin-bottom: 20px !important;
}

.title-home h3{
	overflow: hidden;
	text-align: center;
}

.title-home h3:before,
.title-home h3:after{
	background-color: #cfd8dd;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}

.title-home h3:before{
 	right: 0.5em;
	margin-left: -50%;
}

.title-home h3:after{
	left: 0.5em;
	margin-right: -50%;
}

.ava-row{
	margin-right: -15px;
	margin-left: -15px;
}

.ava-col-sm-4{
	position: relative;
 	min-height: 1px;
  	padding-right: 15px;
 	padding-left: 15px;
}

@media(min-width: 768px){
  .ava-col-sm-4{
  	width: 33.33333333%;
    float: left;
  }
}

.ava-features{
	background: #ffffff;
	margin-bottom: 62px;
}

@media(max-width: 767px){
	.ava-features{
		margin-bottom: 20px;
	}
}

.ava-img img{
	width: 100% !important;
}

a:hover .image-overlay .image-overlay-inside{
    display: none !important;
}

.image-overlay .image-overlay-inside::before{
    display: none !important;
}

.avia_transform a:hover .image-overlay{
    opacity: 0.2 !important;
}

.ava-content{
	color: #3e3e3e;
	padding: 20px 30px 55px 30px !important;
}

@media(max-width: 979px){
	.ava-content{
		padding: 15px 18px 30px 18px !important;
	}
}

.ava-title h3{
	color: #ff9900 !important;
	text-transform: uppercase;
}

.room-content h3{
	color: #f19200;
}

.avia-gallery-thumb{
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 13px;
}

#top #wrap_all .avia-gallery-thumb a{
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
}

@media(max-width: 767px){
	.avia-gallery-thumb{
	    margin-left: -3px;
	    margin-right: -3px;
	    margin-top: 10px;
	}

	#top #wrap_all .avia-gallery-thumb a{
	    padding-left: 3px;
	    padding-right: 3px;
	}
}

#top #wrap_all .avia-gallery-thumb a:hover{
	opacity: 0.8 !important;
}

#top div .avia-gallery img{
    border-color: #dbdbdb !important;
    background: #ffffff !important;
    padding: 10px !important;
}

@media(max-width: 767px){
	#top div .avia-gallery img{
	    padding: 5px !important;
	}
}

#top label{
    font-weight: normal !important;
}

input[type="submit"], #submit, .button{
    font-size: 14px;
}

.ava-btn{
	margin-top: 20px;
}

.ava-btn a{
	color: #3e3e3e;
	border: 2px solid #dddddd;
	text-decoration: none;
	padding: 10px 20px;
}

.ava-btn a:hover{
	color: #3e3e3e;
	opacity: 0.8;
}

/* css footer */

.ava-top .content{
	padding-top: 5px !important;
}

.ava-bottom{
	padding-bottom: 62px;
}

@media(max-width: 767px){
	.ava-bottom{
		padding-bottom: 20px;
	}
}

#footer{
    padding: 0px;
}

#footer .container{
    max-width: 1100px;
    margin: 0 auto;
}

#footer .widget{
    margin: 26px 0px;
}

#top #footer .widget_nav_menu li{
    display: inline-block;
    padding-right: 10px;
}

@media(max-width: 767px){
	#top #footer .widget_nav_menu li{
	    padding-right: 8px;
	}
}

#top #footer .widget_nav_menu a{
	text-transform: uppercase;
}

.footer-sosmed{
    float: right;
}

@media(max-width: 767px){
	.footer-sosmed{
	    float: none;
	}
}

#top .footer-sosmed .social_bookmarks{
	height: auto;
}

#top .footer-sosmed .social_bookmarks li{
	width: auto;
	clear: none;
	padding-right: 2px;
	padding-left: 2px;
}

#top #wrap_all .footer-sosmed .social_bookmarks li a{
	width: 35px;
	height: 35px;
	background: #fc9700;
	color: #1b1f23;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	font-size: 22px;
}

#top #wrap_all .footer-sosmed .social_bookmarks li a:hover{
	color: #ffffff;
	background: #000000;
}

[data-av_icon]::before{
    font-weight: bold;
}

#socket{
    text-align: center;
    font-size: 13px;
    padding: 30px 0px;
}

@media(max-width: 767px){
	#socket{
	    padding: 10px 0px;
	}
}

#socket .copyright{
    float: none;
}

.copyright a{
	text-decoration: none;
}

.copyright a:hover{
	color: #dddddd;
}