/*



	Theme Name: Lotas



*/







/*------------------------------------*\



    MAIN



\*------------------------------------*/







/* global box-sizing */



*,



*:after,



*:before {



	-moz-box-sizing:border-box;



	box-sizing:border-box;



	-webkit-font-smoothing:antialiased;



	font-smoothing:antialiased;



	text-rendering:optimizeLegibility;



}



/* html element 62.5% font-size for REM use */



html {



	font-size:62.5%;



}



body {



	font-family: 'Open Sans', sans-serif;



	color:#444;



	font-size:16px;



	line-height:normal;



}



/* clear */



.clear:before,



.clear:after {



    content:' ';



    display:table;



}







.clear:after {



    clear:both;



}



.clear {



    *zoom:1;



}



img {



	max-width:100%;



	vertical-align:bottom;



}



a {



	color:#f7941e;



	text-decoration:none;



}



a:hover {



	color:#444;



text-decoration:none;



}



a:focus {



	outline:0;



text-decoration:none;



}



a:hover,



a:active {



	outline:0;



}



input:focus {



	outline:0;



	border:1px solid #04A4CC;



}



ul,li,h1,h2,h3,h4



{list-style-type:none;margin:0;padding:0}







/*------------------------------------*\



    STRUCTURE



\*------------------------------------*/







/* wrapper */



.container,.lsize{



	max-width:1170px;



	width:100%;



	margin:0 auto;



}



/* header */



.header {



    padding: 10px 0 25px;



}

.header .textwidget {

    text-align: center;

    color: #757575;

}

.header .textwidget  h2{

	color: #000;

    text-transform: uppercase;

    font-weight: bold;

	

}

.header-wight-area{



	display: inline-block;





text-align:left;



padding-top:25px;



width:100%;



}



.header-wight-area h3{font-size:16px;padding-bottom:5px;text-align:left;padding-left:15px;}



.header-wight-area input[type="email"] {



    padding: 10px 15px;



    border: 1px solid #d0d0d0;



    font-size: 14px;



    max-width: 250px;



    width: 100%;



  display: inline-block;



}



.header-wight-area input.newsletter-btn {



    max-width: 50px;



    width: 100%;



    display: inline-block;



    padding: 0;



    vertical-align: top;



    background: #000 url(../../../wp-content/uploads/2016/01/hart-icon.png) no-repeat center center;



    text-indent: -9999px;



    border: none;



    height: 41px;



}



.header-wight-area input.newsletter-btn:hover{



	background-color:#f26522;



}



/* logo */



.logo {







}



.logo-img {







}



/* nav */



.nav_area {



    border-top: 2px dashed #d6d6d6;



    border-bottom: 2px dashed #d6d6d6;



    margin-top: 20px;



}



.nav_area ul li{



	display:inline-block;



	    position: relative;



	



}



.nav_area ul li a {



    padding: 10px 10px;



    color: #000;



    font-size: 20px;



    font-weight: 600;



    display: block;



}



.nav_area ul li a:hover,



.nav_area ul li:hover a,



.nav_area ul li.current_page_item a{color:#fff;background:#f26522}







.nav_area ul li.menu-item-has-children{



background:url(../../../wp-content/uploads/2016/01/arrow-down.png) no-repeat 98% center;



}



.sub-menu {



    display: none;



    position: absolute;



    background: #000;



    color: #fff;



    width: 100%;



    z-index: 999;



}



.nav_area ul li:hover .sub-menu{



	display:block;



}



.nav_area ul li .sub-menu li{



	display:block;



}



.nav_area ul li .sub-menu li a {



    color: #fff;



    padding: 8px 10px;



    border-bottom: 1px solid #fff;



}



.nav_area ul li .sub-menu li a:hover{background:#000;}



/* sidebar */



.sidebar {







}



/* footer */



footer .copyright {



font-size:18px;



font-weight:bold;



}



.copyright span{



	display:block;



	font-size:14px;



font-weight:normal;



}



footer.footer {



    padding-bottom: 15px;



}



.social-icons {



    text-align: right;



    display: inline-block;



    width: 70%;



    vertical-align: top;



}



.social-icons a {



    background: #000;



    display: inline-block;



    width: 40px;



    height: 40px;



    vertical-align: middle;



    border-radius: 100%;



    text-align: center;



    line-height:28px;



}



.social-icons a:hover{



	background:#f26522;



}



/*------------------------------------*\



    PAGES



\*------------------------------------*/



.rollover-main-box .wpb_wrapper {



    position: relative;



    max-width: 380px;



    margin: 0 auto;



}



.rollover-main-box:hover .rollover-img:after {



    background: rgba(0,0,0,0.8);



    content: "";



    position: absolute;



    z-index: 1;



    top: 0;



    bottom: 0;



    width: 100%;



    height: 100%;



    left: 0;



}



.rollover-main-box .rollover-details{



display:none;



 position: absolute;



    top: 0;



    color: #fff;



    z-index: 11;



    max-width: 225px;



    text-align: center;



    left: 50%;



    top: 50%;



    transform: translate(-50%,-50%);



    width: 100%;



font-size: 20px;



}



.rollover-main-box:hover .rollover-details {



   



display:block;



}







.rollover-main-box .rollover-details h2 {



    font-weight: bold;



    font-size: 30px;



    padding-bottom: 35px;



    text-transform: uppercase;



}



.rollover-main-box .rollover-details h3 {



    font-size: 28px;



    padding: 25px 0 20px;



}



.rollover-main-box .rollover-details a {



    background: #f26522;



    color: #fff;



    display: block;



    padding: 10px 15px;



    font-size: 20px;



}



.rollover-main-box .rollover-details a:hover{background:#00aeef;}



.drak-bg{padding:25px 0;color:#fff;}



.follows-pannel h2 {



    font-weight: lighter;



    font-size: 38px;



    text-transform: uppercase;



    text-align: center;



    margin-bottom: 10px;



}



.main-title.wpb_content_element{



	margin-bottom:15px;



}



.main-title h2 {



    text-align: center;



    font-size: 40px;



    font-weight: bold;



    text-transform: uppercase;



}



.happy-hrs-listing {



    max-width: 775px;



    margin-left: auto;



    font-size: 28px;



    width: 100%;



    border-top: 1px solid #fff;



    border-bottom: 1px solid #fff;



    margin-right: auto;



    padding: 25px 0;



}



.happy-hrs-listing ul{



	display:inline-block;



	    vertical-align: top;



	width:48%;



}



.happy-hrs-listing li {



    list-style-type: disc;



    margin-left: 30px;



}



.address-pannel h2{



	font-size:30px;



	border-bottom:1px solid #fff;



	margin-bottom:15px;



	max-width:90%;



}



.book-table .otw-minimal-light-style .otw-widget-title{



	font-size: 20px;



    font-weight: 700;



    color: #000;



}



.book-table .otw-minimal-light-style label, 



.book-table .otw-minimal-dark-style label {



    text-transform: none;



    font-size: 18px;



    color: #000;



}



.book-table .otw-button-wrap input{



    font-size: 20px;



    font-weight: 700;



}



.menu-accodion h3 {



    font-size: 30px !important;



    



    font-weight: bold !Important;



}



.menu-accodion h3 a{



color: #000!Important;



}



.wpb_accordion.menu-accodion .wpb_accordion_wrapper .wpb_accordion_header{



	margin:0;



	border-bottom:1px dashed #000;



}



.wpb_accordion.menu-accodion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon{



    width: 42px;



    height: 41px;



top: 15px;



}



.wpb_accordion_content {



    color: #000;



    background: #d7d7d7;



    padding: 0 !important;



}



.wpb_accordion_content .widget_text{



	    border-bottom: 1px dashed #000;



    padding: 15px 25px;



	text-transform: uppercase;



font-size:20px;



position: relative;



}



.wpb_accordion_content .widget_text h2{



	font-size:30px;



	padding-bottom:15px;



	font-weight:bold;



}



.wpb_accordion_content .widget_text .textwidget{



	width:90%;



}



.wpb_accordion.menu-accodion .wpb_content_element{



	margin-bottom:0;



}



.wpb_accordion_content .price {



    position: absolute;



    top:15px;



    right: 20px;



    font-size: 30px;



    line-height: 30px;



}



.contact-form-pannel {



    background: #fff;



    border-radius: 5px;



    color: #000;



    padding: 15px;



}



.contact-form-pannel input,.contact-form-pannel textarea {



    width: 100%;



    border: 1px solid #ddd;



    padding: 5px;



}



div.wpcf7 img.ajax-loader{display:none;}



.contact-form-pannel input[type="submit"] {



    color: #fff;



    background-color: #428bca;



    border-color: #357ebd;



    padding: 8px 12px;



    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);



    border-radius: 5px;



    font-size: 20px;



    font-weight: bold;



}



.contact-form-pannel input[type="submit"]:hover{



	background-color: #f26522;



	border-color: #f26522



}



.post-cat{width:95%;}



.post-cat article{



	border-bottom: 1px dashed #565654;



	padding-bottom:15px;



	margin-bottom:15px;



}



.post-cat article h2{padding:10px 0;}

.textwidget .no-padding{

	padding:0;

}

.widget_mc4wp_form_widget {

    float: right;

    padding-right: 0;

    padding-left: 0;

    text-align: right;

    width: 41.66666667%;

}



/*------------------------------------*\



    IMAGES



\*------------------------------------*/















/*------------------------------------*\



	TYPOGRAPHY



\*------------------------------------*/







@font-face {



	font-family:'Font-Name';



	src:url('fonts/font-name.eot');



	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),



		url('fonts/font-name.woff') format('woff'),



		url('fonts/font-name.ttf') format('truetype'),



		url('fonts/font-name.svg#font-name') format('svg');



    font-weight:normal;



    font-style:normal;



}







/*------------------------------------*\



    RESPONSIVE



\*------------------------------------*/



#toggle, .toggle,.menu-text {



    display: none;



}

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



.nav_area {



    background:#f26522;



    color: #fff;



    text-align: left;



    margin: 0 0 15px;



    width: 100%;



    padding: 15px 0px;



    position: relative;



    margin-top: 15px;



}



.nav_area  .menu {



    display: none;



    opacity: 0;



    width: 100%;



    position: absolute;



    right: 0;



    background: #000;



    z-index: 999;



    top: 48px;







}







.toggle {



    display: block;



    position: relative;



    cursor: pointer;



    color: #fff;



    width: 100%;



    height: 40px;



    line-height: 40px;



    position: absolute;



    right: 0;



    top: 7px;



    text-align: right;



    padding-right: 15px;



}



.menu-text {display:block;line-height: normal;padding-left: 15px;}



#toggle:checked ~ .menu {



    display: block;



    opacity: 1;



}



.nav_area ul li {



    display: block;



}



.nav_area ul li a {



    padding: 15px;



    color: #FFF;



    border-bottom: 1px solid #fff;



    text-decoration: none;



    display: block;



    line-height: normal;



    float: none;



    clear: both;



}



.nav_area ul li a:hover {



    color: #fff;



}







.wpb_accordion_content .widget_text h2{



	font-size:25px;



	width:85%;



}



.wpb_accordion_content .price{top:10px;font-size:25px;}



.logo,



.text-right,



footer.footer ,



.social-icons{



    text-align: center;



}



.post-cat{width:100%;}



.rollover-main-box .rollover-details {



    display: block;



}



.rollover-main-box .rollover-details {



    position: relative;



    top: 0;



    color: #000;



    z-index: 11;



    max-width: 225px;



    text-align: center;



    left: 0;



    top: 0;



    transform: translate(0,0);



    width: 100%;



    font-size: 20px;



    margin: 0 auto;



padding-bottom: 20px;



}



.rollover-main-box:hover .rollover-img:after{



display:none;



}



.wpb_single_image.vc_align_center {



    text-align: center;



    margin-bottom: 10px;

}

.textwidget .no-padding{

	margin:10px 0;

}

.widget_mc4wp_form_widget{

	width:100%;

	text-align: center;

	margin:10px 0;

}

.header-wight-area h3{

	text-align:center;

}



}



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



.header-wight-area input[type="email"]{



	max-width:207px;



}



.main-title h2{font-size:30px;padding-top:20px;}



.wpb_accordion_content .widget_text{font-size:15px;}



.wpb_accordion_content .widget_text h2 {



    font-size: 16px;



    width: 75%;



}



.wpb_accordion_content .price {



    top: 8px;



    font-size: 18px;



}



.happy-hrs-listing ul {



    display: block;



    vertical-align: top;



    width: 100%;



}







}



@media only screen and (min-width:320px) {



.menu-accodion h3 {



    font-size: 20px !important;



    



    font-weight: bold !Important;

	height:60px;



}



ui-accordion-header-icon ui-icon ui-icon-triangle-1-e



{

    height: 41px;

    top: 8px;

    width: 42px;

}



.social-icons {



    text-align: center;



    display: inline-block;



    width: 80%;



    vertical-align: top;

	padding-top:20px;



}



.social-icons a {



    background: #000;



    display: inline-block;



    width: 40px;



    height: 40px;



    vertical-align: middle;



    border-radius: 100%;



    text-align: center;



    line-height:28px;



}



.social-icons a:hover{



	background:#f26522;



}



}



@media only screen and (min-width:1024px) {







}



@media only screen and (min-width:1140px) {







}



@media only screen and (min-width:1280px) {







}



@media only screen and (-webkit-min-device-pixel-ratio:1.5),



	   only screen and (min-resolution:144dpi) {







}







/*------------------------------------*\



    MISC



\*------------------------------------*/







::selection {



	background:#04A4CC;



	color:#FFF;



	text-shadow:none;



}



::-webkit-selection {



	background:#04A4CC;



	color:#FFF;



	text-shadow:none;



}



::-moz-selection {



	background:#04A4CC;



	color:#FFF;



	text-shadow:none;



}







/*------------------------------------*\



    WORDPRESS CORE



\*------------------------------------*/







.alignnone {



	margin:5px 20px 20px 0;



}



.aligncenter,



div.aligncenter {



	display:block;



	margin:5px auto 5px auto;



}



.alignright {



	float:right;



	margin:5px 0 20px 20px;



}



.alignleft {



	float:left;



	margin:5px 20px 20px 0;



}



a img.alignright {



	float:right;



	margin:5px 0 20px 20px;



}



a img.alignnone {



	margin:5px 20px 20px 0;



}



a img.alignleft {



	float:left;



	margin:5px 20px 20px 0;



}



a img.aligncenter {



	display:block;



	margin-left:auto;



	margin-right:auto;



}



.wp-caption {



	background:#FFF;



	border:1px solid #F0F0F0;



	max-width:96%;



	padding:5px 3px 10px;



	text-align:center;



}



.wp-caption.alignnone {



	margin:5px 20px 20px 0;



}



.wp-caption.alignleft {



	margin:5px 20px 20px 0;



}



.wp-caption.alignright {



	margin:5px 0 20px 20px;



}



.wp-caption img {



	border:0 none;



	height:auto;



	margin:0;



	max-width:98.5%;



	padding:0;



	width:auto;



}



.wp-caption .wp-caption-text,



.gallery-caption {



	font-size:11px;



	line-height:17px;



	margin:0;



	padding:0 4px 5px;



}



.sticky {







}



.bypostauthor {







}







/*------------------------------------*\



    PRINT



\*------------------------------------*/







@media print {



	* {



		background:transparent !important;



		color:#000 !important;



		box-shadow:none !important;



		text-shadow:none !important;



	}



	a,



	a:visited {



		text-decoration:underline;



	}



	a[href]:after {



		content:" (" attr(href) ")";



	}



	abbr[title]:after {



		content:" (" attr(title) ")";



	}



	.ir a:after,



	a[href^="javascript:"]:after,



	a[href^="#"]:after {



		content:"";



	}



	pre,blockquote {



		border:1px solid #999;



		page-break-inside:avoid;



	}



	thead {



		display:table-header-group;



	}



	tr,img {



		page-break-inside:avoid;



	}



	img {



		max-width:100% !important;



	}



	@page {



		margin:0.5cm;



	}



	p,



	h2,



	h3 {



		orphans:3;



		widows:3;



	}



	h2,



	h3 {



		page-break-after:avoid;



	}



}