/*-----------------------------------------------------------------------------------

	Theme Name: Bentuestu
	Theme URI: http://www.demo.mesathemes.com
	Description: Bentuestu One page Wordpress Theme perfect for renting out house, B&B, guest house and small hotel. WPML and Booking System Pro Supported.
	Author: Mesacreativa
	Author URI: http://www.mesathemes.com
	Version: 2.6.1
	License: GNU General Public License version 3.0 & Envato Regular License
	License URI:  http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
	Text Domain: bentuestu

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
	2.	Header Styles
	3.	Main Content Styles
	4.	Post Content Styles
	5.	Comments
	6.	Pagination
	7.	Footer Styles
	8.	Page & Page Templates
	9.	Widgets
	10.	Animation Modules Settings
	11. Retina support
	12. Shortcodes
	13.	Plugins styles
	14. Media Queries

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

html {
  font-size: 62.5%; /* Sets up the Base 10 stuff */
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.4rem;
	line-height: 24px;
	font-weight: normal;
	color: #7f8c8d;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    text-transform: uppercase;
}

h1 {
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 32px;
    letter-spacing: 0.1em;
    padding-left: -0.1em;
    margin-bottom: 25px;
}

h2 {
    font-size: 1.8rem;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 25px;
    letter-spacing: 0.1em;
    padding-left: -0.1em;
}

h3 {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 2.6rem;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
    padding-left: -0.1em;
}

h4 {
    font-size: 1.4rem;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
    padding-left: -0.1em;
}

h5 {
    font-size: 1.4rem;
    line-height: 18px;
    text-transform: none;
    margin-bottom: 20px;
}

h6 {
    font-size: 1.2rem;
    line-height: 16px;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
    padding-left: -0.05em;
}

.h2-divider {
    height: 1px;
    width: 120px;
    background: #000;
    display: block;
    margin: 0 auto 80px auto;
}

a, a:hover, a:visited, a:active, a:focus { 
    color: #446db2;
    text-decoration: none;
    font-weight: normal;
}

a img { border: none; }

a > img { vertical-align: bottom; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-thumb,
.video-thumb,
.audio-thumb,
.author-bio { margin-bottom: 20px; }

p,
address {
    line-height: 24px;
}

hr {
    margin-bottom: 40px;
    border-color: #e9ecec;
}

pre {
    border: 1px solid #dddddd;
    padding: 20px !important;
    background: #f1f1f1;
    margin-bottom: 30px !important;
    margin-top: 20px !important;
    white-space: pre-wrap;
	font-family: monospace, serif;
	font-size: 16px;
	color: #999;
}

/* subtitle */
.subtitle {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    color: #666;
    font-size: 1.8rem;
    line-height: 30px;
    margin-top: -65px;
    margin-bottom: 65px;
}

/* check list */
.check-list {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.check-list:before,
.check-list:after {
    content: " ";
    display: table;
}

.check-list:after {
    clear: both;
}

.check-list li {
    height: 28px;
    line-height: 28px;
    margin-bottom: 13px;
}

.check-list li i {
	font-size: 28px;
	float: left;
	margin-right: 17px;
	color: #33BA9C;
}

.check-list li.floated {
    float: left;
    width: 33.333333%;
}

.check-list li.disabled i {
	color: #D7DCDE;
}

/* check list inline */
.check-list.inline li {
    float: left;
    width: 50%;
}

/* property details */
.details-list {
    margin: 0 0 40px 0;
    padding-left: 0;
    list-style: none;
}

.details-list:before,
.details-list:after {
    content: " ";
    display: table;
}

.details-list:after {
    clear: both;
}

.details-list li {
    width: 25%;
    height: 36px;
    line-height: 36px;
    margin-bottom: 25px;
    display: inline-block;
    float: left;
}

.details-list i {
    font-size: 32px;
    color: #61AEE0;
    padding-right: 20px;
    display: inline-block;
    height: 32px;
    float: left;
}

.details-list span {
    display: inline-block;
    float: left;
    height: 32px;
    line-height: 32px;
}

/* collapse */
.collapse {
    height: 0;
    visibility: hidden;
}

.in {
    visibility: visible;
}

/* pull classes */
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

/* back to top */
#back_to_top {
    position: fixed;
    right: 20px;
    top: 85%;
    z-index: 99;
    display: none;
    margin: 0;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #666 url(img/back_top.png) center center no-repeat;
    opacity: 0.25;
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    -moz-transition: opacity 0.15s ease-in-out 0s;
    -o-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

#back_to_top:hover {
    opacity: 1;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 999;
    display: none;
}

/* Structure --------------------------------------------------------------*/
.block {
    padding: 80px 0;
}

.block.gray {
    background: #f6f8f8;
}

/* Collapsible contents ---------------------------------------------------*/
.collapsible-container:before,
.collapsible-container:after {
    content: " ";
    display: table;
}

.collapsible-container:after {
  clear: both;
}

.collapsible-header {
    display: none;
}

.collapsible-content,
.collapsible-content.open {
    height: auto;
    overflow: inherit;
}

/* Buttons ----------------------------------------------------------------*/
.button-primary {
    display: inline-block;
    padding: 12px 20px;
	background-color: #1ABC9C;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14.5px;
    cursor: pointer;
	
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	
	-webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    
	-webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
}

/* Button States */
.button-primary:hover,
.button-primary:active,
.button-primary:focus,
.button-primary:visited {
    background-color: #1ABC9C;
	color: #FFFFFF;
}

/* Button Sizes */
.button-primary.button-large {
    padding: 16px 30px;
    font-size: 16.5px;
}

.button-primary.button-small {
    padding: 8px 18px;
    font-size: 12.5px;
}

.button-primary.button-mini {
    padding: 4px 12px;
    font-size: 11.5px;
}

.button-primary.button-block {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}

.button-primary + .button-primary {
    margin-left: 10px;
}

/* Button Inverted */
.button-primary.inverted {
    background-color: #5DADE2;
}

.button-primary.inverted:hover,
.button-primary.inverted:active,
.button-primary.inverted:focus {
    background-color: #5DADE2;
	color: #FFFFFF;
}

/* Button + icon */
.button-primary i {
    position: relative;
    top: 1px;
    left: -2px;
    margin-right: 5px;
}

/* Divider ----------------------------------------------------------------*/
.blank_divider {
    width: 100%;
    height: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Header Styles
/*-----------------------------------------------------------------------------------*/

/* header */
.header-wrapper {
    height: auto; /* 110px */
    padding: 20px 0;
}

.header-wrapper [class^="col-"] {
	z-index: 999; /* 99 */
}


/* Site Header Wrapper */
.site-header-wrapper {
	position: relative;
}

/* Site Branding */
.site-branding {
	float: left; 
	height: auto; 
	margin-right: 35px; 
	display: inline-block;
}

.header-wrapper #logo {
    display: block;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 60px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000;
}

.header-wrapper #logo:hover,
.header-wrapper #logo:focus,
.header-wrapper #logo:active {
    color: #000;
}

.header-wrapper #logo.logo-img {
}

.header-wrapper #logo img {
    width: auto;
    opacity: 1;
    vertical-align: top;
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    -moz-transition: opacity 0.15s ease-in-out 0s;
    -o-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

#logo img.standard {
    display: block;
}

#logo img.retina {
    display: none;
}

/* Main Menu Container */
.main-menu-container {
	float: right; 
	position: relative; 
	display: block;	
}

#main-nav {
    width: auto;
    height: 110px;
    float: right;
}

#main-nav ul {
    line-height: 110px;
    margin-bottom: 0;
}

#main-nav li {
    display: inline;
    margin-right: 25px;
}

#main-nav li:last-child {
    margin-right: 0;
}

#main-nav li a {
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #7f8c8d;
}

/* Language selector */
.site-tools {
	position: absolute;
	right: 0;
	padding: 10px 0;
	z-index: 3;
	float: right;
}

.lang_selector {
	margin-bottom: 0;
	padding: 0;
	z-index: 3;
}

.lang_selector li {
	list-style: none;
}

.lang_selector li a {
	background-color: #00BD9C;
	display: inline-block;
	width: 43px;
	height: 43px;
	line-height: 43px;
	border-radius: 999px;
	text-align: center;
	color: #FFF;
}

.lang_selector li:hover > ul.sub-menu {
	display: block;
}

.lang_selector .sub-menu {
	display: none;
	padding-left: 0;
	padding-top: 10px;
}


/*-----------------------------------------------------------------------------------*/
/*	3.	Main Content Styles
/*-----------------------------------------------------------------------------------*/

/* Gallery ----------------------------------------------------------------*/
#gallery, .rev-slider-gallery {
    min-height: 350px;
    padding: 0;
    background: #f5f5f5;
    position: relative;
}

/* Revolution slider controls */
#gallery .tp-bullets.simplebullets.round .bullet,
#gallery .tp-bullets.simplebullets.round .bullet:hover,
.rev-slider-gallery .tp-bullets.simplebullets.round .bullet,
.rev-slider-gallery .tp-bullets.simplebullets.round .bullet:hover {	
    background: url(img/pager.png) no-repeat top left;	
    width: 21px;	
    height: 21px;  
    margin-left: 4px;
}

#gallery .tp-bullets.simplebullets.round .bullet.selected,
.rev-slider-gallery .tp-bullets.simplebullets.round .bullet.selected {	
    background-position: bottom left; 
}

#gallery .tp-leftarrow.default,
.rev-slider-gallery .tp-leftarrow.default {	
    background: url(img/slider-controls.png) no-repeat 0 0;	
    width: 60px;	
    height: 60px;
}

#gallery .tp-rightarrow.default,
.rev-slider-gallery .tp-rightarrow.default {	
    background: url(img/slider-controls.png) no-repeat 0 -60px;		
    width:60px;	
    height:60px;
}

/* Reservation ------------------------------------------------------------*/
#reservation {
    padding-bottom: 0;
}

/* Calendar ---------------------------------------------------------------*/
#calendar {
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    height: 0;
    overflow: hidden;
}

.subtitle.calendar {
    margin-bottom: 30px;
}

.calendar-inner {
    position: relative;
}

.calendar-inner a.toggle-calendar {
    position: absolute;
    right: 20px;
    top: 20px;
    background: transparent url(img/close_calendar.png) top right no-repeat;
    display:block;
    width: 39px;
    height: 39px;
    text-indent: -999em;
    overflow: hidden;
}

/* check list inline */
#calendar .check-list.inline {
    margin: 88px 0 20px 0; /* 50px 0 20px 0 */
}

#calendar .check-list.inline li i {
    margin-right: 15px;
    padding-top: 3px;
}

/* available */
#calendar .check-list.inline li.availability.available i {
    color: #29bb9c;
}

/* booked */
#calendar .check-list.inline li.availability.booked i {
    color: #dd6464;
}

/* promo */
#calendar .check-list.inline li.availability.promo i {
    color: #ba68ba;
}

/* Booking ----------------------------------------------------------------*/
#booking {
    margin-top: 35px;
    padding-top: 0;
    padding-bottom: 62px;
}

#booking .media {
    min-height: 70px;
    position: relative;
}

#booking .date {
    line-height: 24px;
}

#booking .media > .pull-left {
    margin-right: 18px;
}

#booking .title {
    display: block;
    margin-top: 12px;
    font-size: 1.8rem;
    color: #000;
}

#booking .date-picker {
    background: #1abc9c;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    display: inline-block;
    
    font-size: 2.8rem;
    color: #fff;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    box-shadow: 0 3px 0 0px #16A085;
}

#booking .setDate {
    background-image: url(img/set-date.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#booking .date-picker.blue {
    background: #5dade2;
    box-shadow: 0 3px 0 0px #2980B9;
}

/* price */
#booking .price {
    height: 65px;
    line-height: 60px;
    display: inline-block;
    padding: 0 15px;
    
    font-size: 2.6rem;
    color: #1abc9c;
    
    border: 3px solid #1abc9c;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#booking .price small {
    display: none;
    /*font-size: 1.8rem;*/
}

#booking .btn {
    background: #1abc9c;
    color: #fff;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 15px 60px;
    box-shadow: 0 3px 0 0px #16A085!important;
    margin: 40px auto 0 auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Property details -------------------------------------------------------*/
#property-details.block {
    padding-bottom: 0;
}

/* Details Gallery --------------------------------------------------------*/
.details-gallery {
    margin: 60px 0 0 0; 
    padding: 0;
}

.gallery-item {
    width: 25%;
    min-height: 100px; 
    margin: 0;
    display: inline-block;
    float: left;
    overflow: hidden;
    position: relative;
}

.gallery-item .hover-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.gallery-item img {
    width: 100%;
}

/* Thumb transitions */
.gallery-item img {
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
    	   transition: all 0.4s ease;
}

.gallery-item:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

.gallery-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
	right: 0;
	bottom: 0;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    
    background-color: rgba(1, 188, 158, .75);
    background-image: url(img/zoom.png);
    background-position: center 40%;
    background-repeat: no-repeat;
	
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    -moz-transition: opacity 0.15s ease-in-out 0s;
    -o-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

.gallery-item:hover .overlay {
	opacity: 1;
    filter: alpha(opacity=1);
}

.gallery-item .overlay-meta {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.gallery-item .overlay-meta h3 {
    font-size: 1.4rem;
    color: #fff;
    font-weight: normal;
    margin-bottom: 0;
}

.gallery-item .overlay-meta .caption {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    color: #fff;
    font-size: 1.6rem;
    line-height: 28px;
}

/* Owners -----------------------------------------------------------------*/
#owners .media .media-heading {
    font-size: 1.6rem;
    font-weight: normal;
    text-transform: uppercase;
    color: #666;
    margin: 15px 0 5px 0;
}

#owners .media .subtitle {
    margin: 0 0 10px 0;
}

#owners .media img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

/* Experiences ------------------------------------------------------------*/
#experiences .card-list {
	list-style: none;
	margin-top: 65px;
	margin-bottom: 0;
	padding-left: 0;
}

#experiences .card-item {
	background-color: #f0f0f0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}

#experiences .card-item .card-heading {
    min-height: 150px;
    background-position: center center;
    background-size: 120%;
}

#experiences .card-item .card-heading.placeholder {
	background-color: #D7DCDE;
	text-align: center;
	color: #FFF;
}

#experiences .card-item .card-heading.placeholder i {
	font-size: 50px;
	display: inline-block;
	margin-top: 20%;
}

#experiences .card-item .card-meta {
    padding: 25px 28px;
}

#experiences .card-meta h4 {
	color: #464646;
	margin-bottom: 10px;
	font-style: normal;
}

#experiences .card-meta p {
	font-family: 'Old Standard TT', serif;
	font-style: italic;
	color: #737575;
	height: 72px;
}

#experiences .card-meta a,
#experiences .card-meta a:hover,
#experiences .card-meta a:visited,
#experiences .card-meta a:active {
	font-family: 'Old Standard TT', serif;
	font-style: italic;
	font-size: 16px;	
	color: #0e0e0e;
}

#experiences .owl-controls {
	margin-top: 20px;
	text-align: center;
}

#experiences .owl-carousel .owl-controls .owl-dot.active {
	background: #919292;
}


/* Weather ----------------------------------------------------------------*/
#weather .weather-stats {
	padding: 60px 0;
}

#weather .weather-stats .row {
	margin: 0;
}

/* Select */
#weather .fancy-select {
	float: none;
	display: inline-flex; /* check */
	width: auto;
	z-index: 999;
}

#weather div.fancy-select div.trigger {
	background: transparent;
	padding: 0 15px 0 0;
	font-size: inherit;
	color: #446DB2;
	height: auto;
	line-height: inherit;
	box-shadow: none;
	-webkit-box-shadow: none;
	width: auto;
	border-radius: 0;
	
	overflow: visible; /* CHECK per ARROW */
}

div.fancy-select i {
	display: none!important;
}

#weather div.fancy-select i {
	font-size: 10px;
	padding-left: 5px;
	color: #446DB2;
	position: absolute;
	right: 0;
	padding-top: 2px;
	display: inline-block!important;
}

#weather div.fancy-select ul.options {
	background-color: #FFF!important;
	padding: 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
	top: 40px;
	left: -65px;
	width: 170px;
	border: 0;
	
	height: 165px;
	max-height: 165px;
	overflow-y: scroll;
}

#weather div.fancy-select div.trigger.open::before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 10px;
	top: 20px;
	border: 10px solid;
	border-color: transparent transparent #f0f0f0 transparent;
}

#weather div.fancy-select ul.options li {
	font-family: 'Montserrat', sans-serif!important;
	font-style: normal;
	color: #666;
	padding: 8px 0;
	font-size: 14px;
	background-color: #F0F0F0;
	border-bottom: 1px solid #FFF;
	margin: 0;
}

#weather div.fancy-select ul.options li.selected {
	background-color: #61aee0!important;
	color: #FFF;
}

#weather div.fancy-select ul.options li:last-child {
	border: 0;
}

/* Left area*/
#weather .degree i {
	font-size: 100px;
	color: #61AEE0;
	float: left;
}

#weather .degree p {
	float: left;
	margin-top: 23px;
	margin-left: 20px;
	text-transform: uppercase;
}

#weather .degree .value {
	display: block;
	font-size: 32px;
	padding-top: 3px;
}

/* Right area */
#weather .summary ul {
	list-style: none;
	padding: 0;
	margin-top: 23px;
	margin-bottom: 0;
}

#weather .summary i {
	float: left;
	font-size: 24px;
	padding-right: 16px;
	line-height: 30px;
	color: #61AEE0;
}

#weather .data-info {
	font-family: 'Old Standard TT', serif;
	font-style: italic;
	color: #999;
	text-align: center;
	font-size: 14px;
}

#weather .data-info i {
	float: left;
	font-size: 16px;
	line-height: 26px;
	padding-right: 10px;
}

#weather .data-info p {
	display: inline-block;
	margin: 0;
}


/* Directions -------------------------------------------------------------*/
#directions {
    position: relative;
}

.map-arrow {
    position: absolute;
    bottom: -28px;
    z-index: 999;
    width: 100%;
    height: 28px;
    background: transparent url(img/map-arrow.png) top center no-repeat;
}

/* map */
#map {
    padding: 0;
    height: 430px; /* 385px; */
    background: #fff;
    position: relative;
}

/* Contacts ---------------------------------------------------------------*/
#contacts .h2-divider {
    margin: 0 0 25px 0;
}


/*-----------------------------------------------------------------------------------*/
/*	4.	Post Content Styles
/*-----------------------------------------------------------------------------------*/

.post-container {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e9ecec;
}

.entry-meta .published {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    color: #666;
    font-size: 1.6rem;
    line-height: 30px;
    display: inline-block;
    margin-bottom: 10px;
}

.entry-meta .comment-count a,
.entry-meta a.post-edit-link {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    font-size: 1.6rem;
    line-height: 30px;
}

.entry-title a, 
.entry-title a:hover,
.entry-title a:visited {
    color: #000;
    text-decoration: none;
}

.post-thumb img {
    width: 100%;
    height: auto;
}

.more-link {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    font-size: 1.8rem;
    line-height: 30px;
    display: block;
    margin-top: 10px;
}

/* Post Contents Styles ---------------------------------------------------*/
.post-link,
.post-quote {
    background: #FBFBFB;
    padding: 30px;
    margin-bottom: 20px;
    text-align: center;
} 

.quote-author {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    font-size: 1.6rem;
    line-height: 30px;
    margin-bottom: 0;
}

.audio-thumb {
    margin-top: 10px;
}

/* Editor styles ----------------------------------------------------------*/
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eee;
}

blockquote p {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    color: #333;
    font-size: 1.8rem;
    line-height: 30px;
}

ul, ol {
    padding-left: 20px;
    margin-bottom: 40px;
}

ul {
    list-style: disc inside;
}

ol {
    list-style: decimal inside;
}

li {
    margin-bottom: 10px;
}

.post-container li {
    line-height: 24px;
}

.dropcap {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    color: #333;
    font-size: 3.8rem;
    line-height: 38px;
    display: block;
    float: left;
    margin: 4px 12px 0 0;
}

.highlight-text {
    padding: 0 4px;
    background-color: #57AEDD;
    color: #FFFFFF;
}

.special-heading {
	padding: 0 0 15px 0;
	margin: 0;
	width: 100%;
	line-height: 1em;
	overflow: hidden;
}

.special-heading:before, .special-heading:after{
	content: "";
	width: 200%;
	height: 1px;
	display: inline-block;
	background-color: #ecf0f1;
	position: relative;
	vertical-align: bottom;
	margin: 0 -200% 0 0;
	left: 20px;
	bottom: 6px;
}

.special-heading:before{
	left: -20px;
	margin: 0 0 0 -200%;
}

/* default Wp editor styles */
.wp-caption {
	font-size: 100%;
}
.wp-caption-text {
	font-size: 100%;
}
.sticky {
	font-size: 100%;
}
.gallery-caption {
	font-size: 100%;
}
.bypostauthor {
	font-size: 100%;
}
.alignright {
	float: right;
	padding-left: 20px;
}
.alignleft {
	float: left;
	padding-right: 20px;
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-bottom: 20px;
}
.alignnone {
	display: inline-block;
	padding: 0 10px;
}


/* Mediaelement styles ----------------------------------------------------*/
audio, canvas, video {
    outline: none;
}

.mejs-container {
    position: relative;
    min-width: 150px;
    width: 100% !important;
    outline: none;
    background: none;
    vertical-align: top;
    text-align: left;
    text-decoration: none;
    font-family: sans-serif;
}

.me-plugin {
    position: absolute;
}

.mejs-embed, .mejs-embed body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.mejs-container-fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%;
    background: #000000;
}

/* Layers */
.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.mejs-poster img {
    display: block;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border: 0;
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.mejs-overlay-play {
    width: 100% !important;
    height: 100% !important;
    cursor: pointer;
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    background-color: rgba(0,0,0,0.5);
    background-image: url(img/mediaelement/bigplay.png);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: background 0.15s ease-in-out 0s;
    -moz-transition: background 0.15s ease-in-out 0s;
    -o-transition: background 0.15s ease-in-out 0s;
    transition: background 0.15s ease-in-out 0s;
}

.mejs-overlay:hover .mejs-overlay-button {
    background-color: #1ABC9C;
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px;
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: #3A3C3D url(img/mediaelement/loading.gif) 50% 50% no-repeat;
}

/* Control Bar */
.mejs-container .mejs-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    padding: 10px;
    width: 100%;
    height: 50px;
    background: #333;
    list-style: none;
    
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/* Format video */
.format-video .mejs-container .mejs-controls {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    bottom: -4px;
}

.mejs-container .mejs-controls div {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 30px;
    list-style-type: none;
    font-size: 11px;
    font-family: sans-serif;
    line-height: 11px;
}

.mejs-controls .mejs-button button {
    position: absolute;
    display: block;
    margin: 7px 7px 0 9px;
    padding: 0;
    width: 15px;
    height: 16px;
    border: 0;
    background: transparent url(img/mediaelement/controls.png) no-repeat;
    text-decoration: none;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
}

/* Time lenght information */
.mejs-container .mejs-controls .mejs-time {
    display: block;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 8px 8px 5px 10px;
    /*width: auto;*/
    height: 17px;
    color: #FFFFFF;
    text-align: center;
}

.mejs-container .mejs-controls .mejs-time span {
    display: block;
    float: left;
    margin: 2px 2px 0 2px;
    width: auto;
    color: #DDDDDD;
    font-size: 11px;
    line-height: 12px;
}

.mejs-time.mejs-currenttime-container {
    display: none !important;
}

/* Controls - Play / Pause */
.mejs-container .mejs-controls .mejs-playpause-button {
    width: 30px;
    background: none;
    cursor: pointer;
}

.mejs-controls .mejs-playpause-button button {
    margin: 7px 8px;
}

.mejs-controls .mejs-play button {
    background-position: 0 0;
}

.mejs-controls .mejs-play:hover button {
    background-position: 0 -32px;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}

.mejs-controls .mejs-pause:hover button {
    background-position: 0 -48px;
}

/* Controls - Stop */
.mejs-controls .mejs-stop button {
    background-position: -112px 0;
}

.mejs-controls .mejs-stop:hover button {
    background-position: -112px -32px;
}

/* Progress Bar */
.mejs-controls div.mejs-time-rail {
    width: 200px;
}

.mejs-controls .mejs-time-rail span {
    position: absolute;
    display: block;
    width: 180px;
    height: 7px;
    background: #3B3D3D;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 11px 8px 0 10px;
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    z-index: 1;
    width: 100%;
    background: #3B3D3D;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    width: 0;
    background: #3B3D3D;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    z-index: 1;
    width: 0;
    background: #1ABC9C;
    
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    position: absolute;
    top: 1px;
    z-index: 1;
    display: none;
    margin: 0;
    width: 5px;
    background: transparent;
    text-align: center;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    top: -26px;
    display: none !important;
    margin-left: -18px;
    width: 36px;
    height: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #C2C8CF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    color: #111;
    text-align: center;
}

.mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float {
    display: none !important;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    left: 0;
    display: block;
    margin: 3px;
    width: 30px;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    top: 17px;
    left: 13px;
    display: block;
    width: 0;
    height: 0;
    border: solid 4px #C2C8CF;
    border-color: #C2C8CF transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 0;
}

/* Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px;
}

/* Controls - Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}

.mejs-controls .mejs-mute button:hover {
    background-position: -16px -48px;
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}

.mejs-controls .mejs-unmute button:hover {
    background-position: -16px -32px;
}

.mejs-controls .mejs-volume-button {
    position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    position: absolute;
    top: -68px;
    left: 1px;
    z-index: 1;
    display: none;
    margin: 0;
    width: 32px;
    height: 68px;
    background: #000;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    top: 8px;
    left: 13px;
    margin: 0;
    padding: 0;
    width: 7px;
    height: 46px;
    background: #373A3A;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    top: 6px;
    left: 13px;
    margin: 0px;
    width: 7px;
    height: 50px;
    background: #1ABC9C;
    background-position: bottom;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    top: 16px;
    left: 14px;
    margin: 0;
    width: 5px;
    height: 5px;
    background: transparent;
}


/* Controls - Volume horizontal */
.mejs-controls div.mejs-horizontal-volume-slider {
    position: relative;
    width: 62px;
    height: 26px;
    background: none;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    top: 11px;
    left: 0;
    margin: 0;
    padding: 1px;
    width: 50px;
    height: 7px;
    background: #373A3A;
    font-size: 1px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    top: 11px;
    left: 0;
    padding: 0;
    width: 50px;
    height: 7px;
    background: #1ABC9C;
    font-size: 1px;
    
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

/* Track - Captions and Chapters */
.mejs-controls .mejs-captions-button {
    position: relative;
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0;
}

.mejs-controls .mejs-captions-button:hover button {
    background-position: -48px -32px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    position: absolute;
    right: -10px;
    bottom: 30px;
    visibility: hidden;
    overflow: hidden;
    padding: 10px;
    width: 130px;
    height: 100px;
    border: solid 1px transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #3A3C3D;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    display: block;
    overflow: hidden;
    margin: 0 0 6px 0;
    padding: 0;
    color: #fff;
    list-style-type: none !important;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    float: left;
    clear: both;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    float: left;
    padding: 4px 0 0 0;
    width: 100px;
    font-size: 10px;
    font-family: sans-serif;
    line-height: 15px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    margin: 0 0 5px 0;
    font-size: 10px;
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 10000px;
    -xborder-right: solid 1px #FFFFFF;
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    overflow: hidden;
    border: 0;
    background: #3A3C3D;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    display: block;
    padding: 5px;
    border-right: solid 1px #313335;
    border-right: solid 1px rgba(49, 51, 53, .7);
    border-bottom: solid 1px #313335;
    border-bottom: solid 1px rgba(49, 51, 53, .7);
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #333333;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    display: block;
    margin: 0 0 3px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    display: block;
    margin: 3px 0 4px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 12px;
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}

.mejs-captions-layer  a {
    color: #fff;
    text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
    font-weight: normal;
    font-size: 20px;
}

.mejs-captions-position {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
}

.mejs-captions-position-hover {
    bottom: 45px;
}

.mejs-captions-text {
    padding: 5px 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #3a3c3d;
    background: rgba(58, 60, 61, 0.8);
}

.mejs-clear {
    clear: both;
}

/* Error */
.me-cannotplay {
}

.me-cannotplay a {
    color: #fff;
    font-weight: bold;
}

.me-cannotplay span {
    display: block;
    padding: 15px;
}

/* Loop */
.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px;
}

.mejs-controls .mejs-loop-off:hover button {
    background-position: -64px -48px;
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0;
}

.mejs-controls .mejs-loop-on::hover button {
    background-position: -64px -32px;
}

/* Backlight */
.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-off:hover button {
    background-position: -80px -48px;
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0;
}

.mejs-controls .mejs-backlight-on:hover button {
    background-position: -80px -32px;
}

/* Picture controls */
.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}

.mejs-controls .mejs-picturecontrols-button:hover {
    background-position: -96px -32px;
}

/* Context menu */
.mejs-contextmenu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    padding: 10px;
    width: 150px;
    border: solid 1px #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}

.mejs-contextmenu .mejs-contextmenu-separator {
    margin: 5px 6px;
    height: 1px;
    background: #333;
    font-size: 0;
}

.mejs-contextmenu .mejs-contextmenu-item {
    padding: 4px 6px;
    color: #333;
    font-size: 12px;
    font-family: sans-serif;
    cursor: pointer;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff;
}

/* Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
    position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px -32px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    position: absolute;
    right: -10px;
    bottom: 26px;
    visibility: hidden;
    overflow: hidden;
    padding: 10px;
    width: 130px;
    height: 100px;
    border: solid 1px transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #3A3C3D;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    display: block;
    overflow: hidden;
    margin: 0 0 6px 0;
    padding: 0;
    color: #fff;
    list-style-type: none !important;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    float: left;
    clear: both;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    float: left;
    padding: 4px 0 0 0;
    width: 100px;
    font-size: 10px;
    font-family: sans-serif;
    line-height: 15px;
}


/*-----------------------------------------------------------------------------------*/
/*	5.	Comments
/*-----------------------------------------------------------------------------------*/

.comment-area {
    padding-bottom: 70px;
}

#comments {
}

.comments-title, 
.pings-title, 
#reply-title {
    margin: 0;
    padding: 0 0 10px;
    font-size: 2.2rem;
    line-height: 32px;
    letter-spacing: 0.1em;
}

.comment-form {
	margin-top: 30px;	
}

.commentlist,
.pinglist {
    margin: 20px 0 80px;
    list-style-type: none;
}

.comment-section {
    padding: 30px 0 20px;
}

.comment-body {
    border-bottom: 1px solid #EBEDEF;/* e9ecec */
    padding-bottom: 20px;
}

.comment-side {
    float: left;
    margin: 0 30px 0 0;
}

.comment-side .avatar {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
}

.comment .comment-cont {
    margin-left: 80px;
}

.comment-author cite, 
.comment-author cite a {
    font-size: 1.6rem;
    font-weight: normal;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 0.05em;
}

.comment-author cite a:hover {
    color: #E96045;
}

.comment-meta, 
.comment-meta a {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    color: #666;
    font-size: 1.6rem;
    line-height: 30px;
}

a.comment-reply-link {
    color: #446db2;
}

.comment-meta a:hover {
    color: #446db2;
}

.comment-meta {
    margin: 8px 0 15px;
}

.children {
    margin: 0;
    padding: 0;
    list-style: none;
}

.children .comment {
    padding-left: 60px;
}

.comment-author {
	position: relative;
}

.badge_author {
    position: absolute;
    top: 12px;
    right: 10px;
    display: inline-block;
	width: 10px;
    height: 10px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    background: #E96045;
	opacity: 0.5;
}

.nocomments {
    padding: 20px 30px 20px;
}

/* Comment Form */
.logged-in-as {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    color: #666;
    font-size: 1.6rem;
    line-height: 30px;
}

#commentform p {
    overflow: hidden;
    margin: 0 0 35px 0;
}

#commentform label {
    display: block;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 1.6rem;
    color: #000;
}

#commentform span.required {
    color: #E96045;
    font-size: 1.8rem;
}

#commentform input, 
#commentform textarea,
#commentform input:focus,
#commentform textarea:focus {
    background: #efefef;
    border: none;
    padding: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    
    margin: 0;
    height: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
    color: #333;
    font-size: 16px;
    resize: none;
}

#commentform input {
    float: left;
    margin-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

#commentform textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    resize: vertical;
}

#commentform #submit {
    background: #1abc9c;
    color: #fff;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 15px 30px;

   
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    
    width: auto;
	border: none;
    display: inline-block;

    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    
    cursor: pointer;
	
	-webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
}

#commentform #submit:hover {
    background-color: #1abc9c;
	color: #FFFFFF;
}


/*-----------------------------------------------------------------------------------*/
/*	6.	Pagination
/*-----------------------------------------------------------------------------------*/

.pagination:before,
.pagination:after {
    content: " ";
    display: table;
}

.pagination:after {
  clear: both;
}

.pagination .page-next a,
.pagination .page-prev a {
    width: 48px;
    height: 48px;
    display: inline-block;
    text-indent: -999em;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0.6;
}

.pagination .page-next a {
    background: #666 url(img/back_top.png) center center no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    float: right;
}

.pagination .page-prev a {
    background: #666 url(img/back_top.png) center center no-repeat;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    float: left;
}


/*-----------------------------------------------------------------------------------*/
/*	7.	Footer Styles
/*-----------------------------------------------------------------------------------*/

footer {
    background: #f6f8f8;
    padding: 25px 0;
    font-size: 1.2rem;
    text-transform: uppercase;
}

footer p {
    margin-bottom: 0;
}

footer a,
footer a:visited,
footer a:active,
footer a:hover,
footer a:link {
    text-decoration: none;
    color: #5f6c6f;
    border: 0;
}


/*-----------------------------------------------------------------------------------*/
/*	8.	Page & Page Templates
/*-----------------------------------------------------------------------------------*/

/* Page Header styles -----------------------------------------------------*/
#image-page-title {
    position: relative;
    overflow: hidden;
}

.overlay-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #f6f8f8;
    
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.80;
    
    z-index: 1;
}

.page-title {
    padding: 110px 0;
    background-color: #f6f8f8;
}

.page-title h2 {
    font-size: 2.2rem;
    line-height: 32px;
    letter-spacing: 0.1em;
    
    z-index: 99;
}

.page-title .h2-divider {
    margin-bottom: 20px;
    
    z-index: 99;
}

.page-title .subtitle {
    margin-top: 0;
    
    z-index: 99;
}

.page-title .entry-meta {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    color: #666;
    line-height: 30px;
    margin-bottom: 0;
    clear: both;
}

.page-title .entry-meta .published,
.page-title .entry-meta a {
    font-size: 1.8rem;
}

/* Page content */
.page-content {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Contact page template --------------------------------------------------*/
.page-template-template-contact-php .post-container {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.page-template-template-contact-php aside {
    margin-top: 0;
    padding-top: 0;
    border: 0;
}

/* Default page template --------------------------------------------------*/
.page-template-default .post-container {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Experience page template -----------------------------------------------*/
.single-experience .overlay-bg {
	background: rgba(0,0,0,0.4);
}

.single-experience .page-title {
	padding: 160px 0;
}

.single-experience .page-title h2,
.single-experience .page-title .subtitle {
	color: #FFF;
}

.single-experience .page-content {
	padding: 0;
}

/* Contact Form styles ----------------------------------------------------*/
.wpcf7-form {
    margin-bottom: 0;
}

.wpcf7-form p {
    overflow: hidden;
    margin: 0 0 35px 0;
    
    font-size: 1.6rem;
    color: #000;
}

.wpcf7 p.quote-budget {
    overflow: visible;
}

.wpcf7-form-control-wrap.budget {
    display: inline-block;
    margin-bottom: 0;
    width: 50%;
}

span.wpcf7-form-control-wrap {
    display: block;
    margin: 5px 0;
}

.wpcf7 .watermark {
    color: #BCBCC4 !important;
}

.wpcf7 input, 
.wpcf7 textarea,
.wpcf7 input:focus, 
.wpcf7 textarea:focus {
    background: #efefef;
    border: none;
    padding: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    
    margin: 0;
    height: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
    color: #333;
    font-size: 16px;
    resize: none;
}

.wpcf7 input {
    float: left;
    margin-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

.wpcf7 textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    resize: vertical;
}

.wpcf7 .wpcf7-submit {
    background: #1abc9c;
    color: #fff;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 15px 30px;

   
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    
    width: auto;
	border: none;
    display: inline-block;

    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    
    cursor: pointer;
	
	-webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
}

.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:focus,
.wpcf7 .wpcf7-submit:active {
    background-color: #1abc9c;
	color: #FFFFFF;
}

.wpcf7-form.invalid input.wpcf7-not-valid,
.wpcf7-form.invalid textarea.wpcf7-not-valid,
.wpcf7-form input:focus:invalid:focus,
.wpcf7-form textarea:focus:invalid:focus {
    border-color: #E96045;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.wpcf7-form.invalid span.wpcf7-not-valid-tip {
    display: none;
}

.wpcf7 .wpcf7-response-output {
    margin: 0;
    padding: 0;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-mail-sent-ok {
    border: none;
}

.wpcf7 img.ajax-loader {
    margin-left: 15px;
    width: auto;
}

/* Icons Example for Demo Content Only ------------------------------------*/
.icons-example ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.icons-example ul li {
    display: inline-block;
    margin: 15px;
    list-style: none;
    cursor: pointer;
}

.icons-example ul li a {
	position: relative;
    display: block;
    width: 66px;
    height: 66px;
	background: transparent;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;

	-webkit-transition: background 0.15s ease-in-out 0s;
	-moz-transition: background 0.15s ease-in-out 0s;
	-o-transition: background 0.15s ease-in-out 0s;
	transition: background 0.15s ease-in-out 0s;
}

.icons-example ul li a:hover {
	background: #1ABC9C;
}

.icons-example ul li a i {
	position: absolute;
	top: 50%;
	left: 50%;
    margin: -12px 0 0 -12px;
    color: #000;
    font-size: 24px;
	
	-webkit-transition: color 0.15s ease-in-out 0s;
	-moz-transition: color 0.15s ease-in-out 0s;
	-o-transition: color 0.15s ease-in-out 0s;
	transition: color 0.15s ease-in-out 0s;
}

.icons-example ul li a:hover i {
	color: #FFFFFF;	
}


/*-----------------------------------------------------------------------------------*/
/*	9.	Widget
/*-----------------------------------------------------------------------------------*/

/* Sidebar widget styles --------------------------------------------------*/
#sidebar .widget {
    margin-bottom: 50px;
}

#sidebar .widget:before,
#sidebar .widget:after {
  content: " ";
  display: table;
}
#sidebar .widget:after {
  clear: both;
}

#sidebar .widget-title {
    text-transform: uppercase;
    font-size: 1.6rem;
    color: #666;
}

#sidebar .widget img {
    max-width: 100%;
    height: auto;
}

#sidebar .widget input, 
#sidebar .widget button, 
#sidebar .widget select, 
#sidebar .widget textarea {
    width: 100%;
}

/* Widget Rss */
#sidebar .widget .rss-date {
    display: block;
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    color: #666;
    font-size: 1.6rem;
    line-height: 24px;
    margin-bottom: 10px;
}

#sidebar .widget_rss img {
    display: none;
}

/* Widget Calendar */
#sidebar .widget_calendar {
    position: relative;
}

#sidebar .widget_calendar table {
    width: 100%;
    border-collapse: collapse;
}

#sidebar .widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th {
    text-align: center;
}

#sidebar .widget_calendar table tbody td {
    padding: 10px 0;
    border: 0px;
    color: #666;
    font-size: 12px;
}

#sidebar .widget_calendar table tbody tr td:first-child {
    border-left: 0px;
}

#sidebar .widget_calendar table tbody tr:nth-child(2n+1) {
    background-color: #f0f0f0;
}

#sidebar .widget_calendar table th {
    padding-bottom: 10px;
    border-bottom: 0px;
    color: #999999;
    text-align: center!important;
}

#sidebar .widget_calendar table #prev {
    position: relative;
    z-index: 2;
    padding: 10px 0px 0px 0px;
    text-align: left;
}

#sidebar .widget_calendar table #next {
    position: relative;
    z-index: 2;
    padding: 10px 0px 0px 0px;
    text-align: right;
}

#sidebar .widget_calendar caption {
    position: absolute;
    bottom: 20px;
    z-index: 1;
    width: 100%;
    text-align: center;
}

/* Widget Text */
#sidebar .widget .textwidget {
    line-height: 24px;
}

#sidebar .widget .textwidget a {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    font-size: 1.8rem;
    line-height: 30px;
}

/* Widget Flickr */
#sidebar .widget.widget_quick-flickr-widget {
    margin-bottom: 40px;
}

#sidebar .widget_quick-flickr-widget ul {
    margin-left: -10px;
}

#sidebar .widget_quick-flickr-widget li {
    border-radius: 3px;
    float: left;
    margin: 0 0 10px 10px;
}

#sidebar .widget_quick-flickr-widget a {
    border-radius: 3px;
    float: left;
    position: relative;
}

#sidebar .widget_quick-flickr-widget img {
    border-radius: 3px;
    float: left;
    height: 50px;
    position: relative;
    width: 50px;
}

/* Widget Search */
#sidebar .widget_search form {
    margin-bottom: 0;
}

#sidebar .widget_search fieldset {
    margin-bottom: 0;
}

#sidebar .widget_search .screen-reader-text {
    display: none;
}

#sidebar .widget_search input[type="text"] {
    border: 0;
    background-color: #f1f4f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 15px 20px;
    width: 100%;
    font-size: 1.4rem;
    line-height: 30px;
    color: #666;  
}

#sidebar .widget_search input[type="submit"] {
    display: none;
}

/* Widget Ul */
#sidebar .widget ul {
    padding-left: 0;
    margin-bottom: 0;
}

#sidebar .widget ul li {
    line-height: 24px;
    margin-bottom: 10px;
    list-style: none;
}

#sidebar .widget ul li a,
#sidebar .widget ul li a:link,
#sidebar .widget ul li a:visited,
#sidebar .widget ul li a:hover {
    text-decoration: none;
} 

/* DatePicker Container */
#ui-datepicker-div {
	font-family: 'Montserrat', sans-serif!important;
	width: 235px!important;
	margin-top: 10px!important;
	padding: 0 5px 5px 5px!important;
	border: 5px solid #1abc9c!important;
	border-radius: 4px!important;
	-webkit-border-radius: 4px!important;
	-moz-border-radius: 4px!important;
	display: none;
	z-index: 999!important;
}

#ui-datepicker-div:before {
    width: 0; 
	height: 0; 
	border-left: 5px solid transparent!important;
	border-right: 5px solid transparent!important;
	border-bottom: 5px solid #1abc9c!important;    
	margin-top: -10px!important;
}

/* OLD */
.ui-datepicker:before {
    width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #1abc9c;    
	margin-top: -10px;
}

.ui-datepicker {
    border: 5px solid #1abc9c!important;
    padding: 0 5px 5px 5px!important;
    font-family: 'Montserrat', sans-serif!important;
}

.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	background: #1abc9c!important;
	color: #fff!important;
	font-weight: normal!important;
	border: 0!important;
	border-radius: 0!important;
	padding: 5px 0 10px!important;
	margin-left: -5px;
	margin-right: -5px;
}
.ui-datepicker-title {
	text-align: center;
}

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    top: 11px!important;
    width: 18px!important;
    height: 18px!important;
    background-repeat: no-repeat;
    background-color: transparent!important;
    border: 0!important;
}

.ui-datepicker .ui-datepicker-next {
    top: 13px!important;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background: transparent!important;
}

.ui-datepicker .ui-datepicker-prev-hover { 
    left:2px!important; 
}
.ui-datepicker .ui-datepicker-next-hover { 
    right:2px!important; 
}

.ui-datepicker .ui-datepicker-prev .ui-icon {
    background-image: url(img/datepicker-arrow.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-next .ui-icon {
    background-image: url(img/datepicker-arrow.png);
    background-position: bottom left;
}

.ui-datepicker th {
	width: 30px;
	height: 30px;
	padding: 15px 0!important;
	font-weight: normal!important;
}
.ui-datepicker tbody td {
	padding: 0;
}

.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	text-align: center!important;
	line-height: 28px;
	color: #666666;
}

.ui-datepicker-calendar {
    margin: 0!important;
}

.ui-datepicker-calendar .ui-state-default {
	background: #fff!important;
	border: 1px solid #fff!important;
}

.ui-datepicker-calendar .ui-state-highlight {
    background: #eee!important;
    border-radius: 4px!important;
}

.ui-datepicker-calendar .ui-state-active {
	background: #1abc9c!important;
	border-radius: 4px;
	color: #fff!important;
}


/*-----------------------------------------------------------------------------------*/
/*	10. Animation Modules Settings
/*-----------------------------------------------------------------------------------*/

.js .animated-content {
	opacity: 0;
}

.no-js .animated-content,
.no-csstransitions .animated-content {
	opacity: 1;	
}

.lt-ie9 .animated-content {
    opacity: 1;
    animation: none !important;
    transform: none !important;
}

/* Fade In */
.fadeIn.animate {
	-webkit-animation: fadeIn 1s ease forwards;
	-moz-animation: fadeIn 1s ease forwards;
	animation: fadeIn 1s ease forwards;
}

@-webkit-keyframes fadeIn {
	to { opacity: 1; }
}

@-moz-keyframes fadeIn {
	to { opacity: 1; }
}

@keyframes fadeIn {
	to { opacity: 1; }
}

/* Bounce In */
.bounceIn.animate {
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-animation: popUp .8s ease-in forwards;
	-moz-animation: popUp .8s ease-in forwards;
	animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
	70% { -webkit-transform: scale(.8); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes popUp {
	70% { -moz-transform: scale(.8); opacity: .8; -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	70% { transform: scale(.8); opacity: .8; animation-timing-function: ease-out; }
	100% { transform: scale(1); opacity: 1; }
}

/* Move Left */
.slideInLeft.animate {
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-animation: moveLeft 0.8s ease forwards;
	-moz-animation: moveLeft 0.8s ease forwards;
	animation: moveLeft 0.8s ease forwards;
}

@-webkit-keyframes moveLeft {
	to { -webkit-transform: translateX(0); opacity: 1; }
}

@-moz-keyframes moveLeft {
	to { -moz-transform: translateX(0); opacity: 1; }
}

@keyframes moveLeft {
	to { transform: translateX(0); opacity: 1; }
}


/*-----------------------------------------------------------------------------------*/
/*	12.	Shortcodes
/*-----------------------------------------------------------------------------------*/

/* Promo Box --------------------------------------------------------------*/ 
.promo-box {
    border: 1px solid #DADADA;
    padding: 20px 30px;
    margin-bottom: 40px;
} 

.promo-title h2 {
    border-bottom: 1px solid #e9ecec;
    margin-bottom: 30px;
    padding-bottom: 10px;  
}

.promo-content {
    float: left;
    width: 65%;
    font-size: 1.4rem;
    line-height: 24px;
}

.promo-content ul {
    margin-bottom: 0;
    padding-left: 0;
}

.promo-content li {
    margin-bottom: 5px;
}

.promo-price {
    float: right;
    width: 35%;
    text-align: right;
    color: #000;
}
.promo-price .currency {
    font-size: 24px;
    line-height: 40px;
    vertical-align: top;
    padding-right: 10px;
}
.promo-price .cost {
    font-size: 44px;
    line-height: 44px;
}

/* Fancybox Post Image ----------------------------------------------------*/
.post-container .gallery-item {
    margin-bottom: 20px;
}

/* Block Text -------------------------------------------------------------*/ 
.blocktext {
    line-height: 24px;
}

/* Statistics Block -------------------------------------------------------*/
.stat .icon {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto 24px auto;
}

.stat i {
    font-size: 32px;
    color: #61AEE0;
}

.stat h1 {
    font-size: 2rem;
    margin-bottom: 15px;
}

.stat .desc {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    color: #7f8c8d;
    font-size: 1.8rem;
}

/* Review Item ------------------------------------------------------------*/
.reviews {
    padding-bottom: 20px;
}

.review-item {
    margin-bottom: 60px;
}

.review-side {
    float: left;
    margin: 0 30px 0 0;
}

.review-side .avatar {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
}

.review-cont {
    margin-left: 80px;
}

.review-cont p {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    color: #7f8c8d;
    font-size: 1.6rem;
    border-left: 5px solid #e5eaea;
    margin-bottom: 10px;
    padding: 15px;
}

.review-cont .name,
.review-cont .date {
    color: #999;
    font-size: 1.2rem;
}

.review-cont .divider {
    padding: 0 8px 0 5px;
    display: inline-block;
}

.review-cont .name {
    text-transform: uppercase;
}

.review-cont .date {
    font-family: 'Old Standard TT', serif;
    font-style: italic;
    font-size: 1.4rem;
}

/* Share Box --------------------------------------------------------------*/
.share-box p {
	font-family: 'Old Standard TT', serif; 
	font-style: italic; 
	color: #666; 
	font-size: 1.9rem; 
	line-height: 30px; 
	margin: 0;
}

.share-box span {
	margin-right: 30px;
}

.share-box .button-primary {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	display: inline-block;
	margin-right: 0;
}

/* Experience Detail ------------------------------------------------------*/
.experience-detail .circle {
	background-color: #f5f5f5;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	margin-bottom: 15px;
	border-radius: 999px;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
}

.experience-detail .circle i {
	font-size: 26px; 
	color: #5DADE2;
}

.experience-detail .circle.rating {
	background-color: #29BB9C;
	color: #fff;
}

.experience-detail .title {
	display: block;
	font-size: 16px;
	line-height: 32px;
	color: #333;
	margin-bottom: 0;
}

.experience-detail .subtitle {
	font-family: "Old Standard TT", serif;
	font-size: 1.6rem;
	font-style: italic;
	color: #7f8c8d;
	margin: 0;
	line-height: inherit;
}

.experience-detail .stars {
	line-height: 32px; 
	margin-bottom: 0;
}

.experience-detail .stars i {
	 font-size: 18px; 
	 color: #29BB9C;
}

.experience-detail .stars i.alt {
	color: #CCC;
}

/*-----------------------------------------------------------------------------------*/
/*	13.	Plugins Styles
/*-----------------------------------------------------------------------------------*/

/* iCheck plugin */
/* Radio Buttons */
.iradio_flat {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 39px;
    background: url(img/icheck/flat.png) no-repeat;
    border: none;
    cursor: pointer;
    float: left;
}

.iradio_flat {
    background-position: 0 0;
}
.iradio_flat.checked {
    background-position: -41px 0;
}

/* Checkbox Buttons */
.icheckbox_flat {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 39px;
    background: url(img/icheck/flat.png) no-repeat;
    border: none;
    cursor: pointer;
    float: left;
}

.icheckbox_flat {
    background-position: 0 0;
}
.icheckbox_flat.checked {
    background-position: -41px 0;
}

/*-----------------------------------------------------------------------------------*/
/*	14.	Media Queries
/*-----------------------------------------------------------------------------------*/

/* Large screen */
@media only screen and (min-width: 1025px) {
    
    /*-----------------------------------------------------------------------------------*/
    /*	3.	Main Content Styles
    /*-----------------------------------------------------------------------------------*/

    /* Property details -------------------------------------------------------*/
    .gallery-item .overlay {
        background-position: center 50%;
    }

    /* Booking ----------------------------------------------------------------*/
    #booking .media {
        margin-bottom: 0;
        position: relative;
    }
    
    /*-----------------------------------------------------------------------------------*/
    /*	12.	Shortcodes
    /*-----------------------------------------------------------------------------------*/
    
    /* Promo box --------------------------------------------------------------*/ 
    .promo-content {
        width: 65%;
    }
    
    .promo-price {
        width: 35%;
    }
    
    .promo-price .cost {
        font-size: 54px;
        line-height: 54px;
    }
    
    /* Statistics Block -------------------------------------------------------*/    
    .stat h1 {
        margin-bottom: 15px;
        font-size: 2.2rem;
    }

}

@media (min-width: 769px) and (max-width: 1023px) {
    
    /*-----------------------------------------------------------------------------------*/
    /*	2.	Header Styles
    /*-----------------------------------------------------------------------------------*/
    
    /* Main Menu Container */
    .main-menu-container {
    	float: none; 
    	width: 100%;
    }
    
    /*-----------------------------------------------------------------------------------*/
    /*	3.	Main Content Styles
    /*-----------------------------------------------------------------------------------*/

    /* Booking ----------------------------------------------------------------*/
    #booking .media {
        margin-bottom: 20px;
    }
    
    /* Owners -----------------------------------------------------------------*/
    #owners .media img {
        width: auto;
    }    

}

@media (max-width: 768px) {

      /*-----------------------------------------------------------------------------------*/
      /*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
      /*-----------------------------------------------------------------------------------*/
      
      /* back to top */
      #back_to_top {
          display: none!important;
      }
      
      /* Structure --------------------------------------------------------------*/
      .block {
          padding: 60px 0;
      }
      
      
      /*-----------------------------------------------------------------------------------*/
      /*	2.	Header Styles
      /*-----------------------------------------------------------------------------------*/
      
      /* header */
      .header-wrapper {
          min-height: 70px;
          height: auto;
      }
      
      .header-wrapper .container {
          width: 100%;
      }
      
      .header-wrapper div[class^="col"] {
          padding: 0;
      }
      
      .header-wrapper #logo {
          height: 70px;
          line-height: 70px;
          margin-left: 20px;
      } 
      
      .header-wrapper #logo.logo-img {
          padding: 15px 0;
      }
      
      .header-wrapper #logo img {
          max-height: 40px!important;
          width: auto;
      }
      
      /* Main Menu Container */
      .main-menu-container {
      	float: none; 
      	width: 100%;
      }
      
      /* Site Tools */
      .site-tools {
      	top: 32px;
      }
      
      /* Language selector */
      .lang_selector {
      	position: absolute;
      	top: -18px;
      	right: 70px;
      }
      
      /*-----------------------------------------------------------------------------------*/
      /*	3.	Main Content Styles
      /*-----------------------------------------------------------------------------------*/
            
      /* Gallery ----------------------------------------------------------------*/
      #gallery {
          min-height: 300px;
      }
      
      /* Booking ----------------------------------------------------------------*/
      #booking {
          padding-bottom: 42px;
      }
      
      #booking .media {
          margin-bottom: 20px;
      }
      
      #booking div:nth-child(3) .media,
      #booking div:nth-child(4) .media {
          margin-bottom: 0px;
      }
      
      /* Details Gallery --------------------------------------------------------*/
      .details-gallery {
          margin-top: 30px;
      }
      
      .gallery-item {
          min-height: 100px; 
      }
      
      
      .gallery-item .overlay {
          background-position: center 30%;
      }
      
      .gallery-item .overlay-meta {
          bottom: 15px;
          left: 15px;
      }
      
      /* Experiences ------------------------------------------------------------*/
      #experiences .card-list {
      	  padding: 0 15px;
      }
      
      /* Owners -----------------------------------------------------------------*/
      #owners {
          padding-bottom: 10px;
      }
      
      #owners .media {
          margin-bottom: 50px;
      }
      
      #owners .media img {
          width: auto;
      }      
      
      /*-----------------------------------------------------------------------------------*/
      /*	4.	Post Content Styles
      /*-----------------------------------------------------------------------------------*/
      
      .post-container {
          padding-bottom: 20px;
          margin-bottom: 40px;
      }
      
      /*-----------------------------------------------------------------------------------*/
      /*	5.	Comments
      /*-----------------------------------------------------------------------------------*/
      
      .children .comment {
          padding-left: 0;
      }   
          
      #commentform input {
          width: 100%;
      }
      
      #commentform #submit {
          width: 100%;
      }
      
      
      /*-----------------------------------------------------------------------------------*/
      /*	8.	Page & Page Templates
      /*-----------------------------------------------------------------------------------*/
      
      /* Contact Form styles ----------------------------------------------------*/
      
      .wpcf7 input,
      .wpcf7 .wpcf7-submit,
      .wpcf7-form-control-wrap.budget {
           width: 100%;
      }
      
      /*-----------------------------------------------------------------------------------*/
      /*	9.	Widget
      /*-----------------------------------------------------------------------------------*/
      
      /* Sidebar ----------------------------------------------------------------*/
      aside {
          border-top: 1px solid #eee;
          margin-top: 50px;
          padding-top: 50px;
      }
      
      /*-----------------------------------------------------------------------------------*/
      /*	12.	Shortcodes
      /*-----------------------------------------------------------------------------------*/
      
      /* Promo box --------------------------------------------------------------*/ 
      .promo-content {
          width: 70%;
      }
      
      .promo-content li {
          margin-bottom: 10px;
      }
      
      .promo-price {
          width: 30%;
      }
      
      .promo-price .cost {
          font-size: 68px;
          line-height: 68px;
      }
      
      /* Statistics Block -------------------------------------------------------*/
      .statistics {
          padding-bottom: 10px;
      }
      
      .stat {
          margin-bottom: 50px;
      }
      
      /* Review Item ------------------------------------------------------------*/
      .reviews {
          padding-bottom: 10px;
      }
      
      .review-item {
          margin-bottom: 50px;
      }
      
      /* Experience Detail ------------------------------------------------------*/
      .experience-detail {
      	  margin-bottom: 30px;
      }
          
      .experience-detail.last {
      	  margin-bottom: 0;
      }
      
      /* Share Box --------------------------------------------------------------*/
      .share-box span {
      	display: inline-block;
      	margin-right: 0;
      	margin-bottom: 25px;
      }
         
  }
  
  /* Smartphone */
  @media (max-width: 767px) {
    
      /*-----------------------------------------------------------------------------------*/
      /*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
      /*-----------------------------------------------------------------------------------*/
    
      /* subtitle */
      .subtitle {
          margin-bottom: 50px;
      }
      
      /* back to top */
      #back_to_top {
          display: none!important;
      }
      
      /* check list inline */
      #calendar .check-list.inline {
          margin: 25px 0 10px 0;
      }
      
      .check-list.inline li {
          float: none;
          width: 100%;
      }
      
      /* check list floated */
      .check-list li.floated {
          float: none;
          width: 100%;
      }
      
      /* Structure --------------------------------------------------------------*/
      .block {
          padding: 50px 0;
      }
      
      /* Collapsible contents ---------------------------------------------------*/      
      .collapsible-header {
          position: relative;
          overflow: hidden;
          
          display: inline-block;
          margin: 0 15px 13px 0;
          padding-left: 45px;
          height: 28px;
          line-height: 28px;
      }
      
      .collapsible-header:before {
          content: "";
          position: absolute;
          width: 28px;
          height: 28px;
          top: 0;
          left: 0;
          z-index: -1;
          
          background: transparent url(img/collapsible-amenities-header@2x.png) top left no-repeat;
          background-size: 28px 28px;
          
          -webkit-transition: -webkit-transform 250ms ease-out 0s;
          -moz-transition: -moz-transform 250ms ease-out 0s;
          -o-transition: -o-transform 250ms ease-out 0s;
          transition: transform 250ms ease-out 0s;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      
      .collapsible-header.open:before {
          -webkit-transition: -webkit-transform 250ms ease-out 0s;
          -moz-transition: -moz-transform 250ms ease-out 0s;
          -o-transition: -o-transform 250ms ease-out 0s;
          transition: transform 250ms ease-out 0s;
          -webkit-transform: rotate(-180deg);
          -moz-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          -o-transform: rotate(-180deg);
          transform: rotate(-180deg);
      }
      
      .collapsible-content {
          -moz-transition: height .5s;
          -ms-transition: height .5s;
          -o-transition: height .5s;
          -webkit-transition: height .5s;
          transition: height .5s;
          height: 0;
          overflow: hidden;
      }
      
      .collapsible-content.open {
          height: auto;
          overflow: auto;
      }    
      
      
      /*-----------------------------------------------------------------------------------*/
      /*	2.	Header Styles
      /*-----------------------------------------------------------------------------------*/
      
      #logo a {
          height: 70px;
          line-height: 70px;
      }
      
      #logo img.standard {
          display: none;
      }
  
      #logo img.retina {
          display: inline-block;
      }
      
      /*-----------------------------------------------------------------------------------*/
      /*	3.	Main Content Styles
      /*-----------------------------------------------------------------------------------*/
            
      /* Gallery ----------------------------------------------------------------*/
      #gallery {
          min-height: 100px;
      }
      
      /* Calendar ---------------------------------------------------------------*/
      .subtitle.calendar {
          margin-bottom: 10px;
      }
      
      .DOPBSPCalendar-container {
          margin-bottom: 25px!important;
      }
      
      /* Booking ----------------------------------------------------------------*/
      #booking {
          margin-top: 20px;
          padding-bottom: 36px;
      }
            
      /* media */
      #booking .media {
          min-height: 80px; /* 68 */
          position: relative;
      }
      
      #booking .media .media-body {
          clear: both;
          width: 100%;
          height: 0;
          text-align: center;
      }
      
      /* media body > title */
      #booking .title {
          padding-top: 16px;
          margin-top: 0;
          font-size: 14px;
          color: #fff;
          opacity: 0.8;
      }
      
      /* media body > day & date */
      #booking #ciDay,
      #booking #coDay,
      #booking .date {
          padding: 2px 0 16px 0;
          display: inline-block;
      }
      
      #booking .date {
          font-size: 16px;
          line-height: inherit;
      }
            
      /* booking select */
      #booking .date-picker,
      #booking div.fancy-select,
      #booking div.trigger,
      #booking .price {
          width: 100%;
          height: 76px;
          font-size: 18px;
          line-height: inherit;
      }
      
      /* checkin */
      #booking .date #ciDayN,
      #booking #ciDateDivider {
          display: none;
      }
      
      /* checkout */
      #booking #coDayN, 
      #booking #coDateDivider {
          display: none!important;
      }
      
      #booking .setDate {
          background-image: none!important; 
      }
      
      #ui-datepicker-div {
      	  margin-top: -117.5px!important;
      }
      
      
      /* guest title */
      #booking #guestField .title {
      	z-index: 99;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		color: #fff;
		width: 100%;
		text-align: center;
		font-size: 14px;
		color: #fff;
		opacity: 0.8;
      }
      
      /* guest number */
      #booking #guestField,
      #booking #guestField > div,
      #booking #guestField .dopselect-select,
      #booking #guestField .dopselect-selection {
          width: 100%;
          height: 76px;
      }
      
      #booking #guestField .dopselect-selection {
      	font-size: 16px;
      	line-height: 26px;
      	padding-top: 40px;
      }
      
      #booking #guestField .dopselect-selection span {
      	display: block;
      	font-size: 14px;
      }
      
      #booking .trigger .title {
          padding-bottom: 2px;
      }
      
      /* price */
      #booking .price {
          background: #f6f8f8;
          border: 0;
          box-shadow: 0 3px 0 0px #1abc9c;
          text-align: center;
      }
      
      #booking #priceContainer .date {
          display: none;
      }
      
      #booking #bookingLabel.title {
          color: #000;
          padding-bottom: 2px;
      }
      
      /* booking btn */
      #booking .btn {
          margin-top: 25px;
      }
      
      /* Property details -------------------------------------------------------*/
      /* Details list */
      .details-list {
          margin-bottom: 25px;
      }
      
      .details-list li {
          width: 100%;
          float: none;
      }
      
      /* Details Gallery */
      .gallery-item {
          min-height: 100px; 
          width: 50%;
      }
      
      
      .gallery-item .overlay {
          background-position: center 30%;
      }
      
      .gallery-item .overlay-meta {
          bottom: 15px;
          left: 15px;
      }
      
      /* Owners -----------------------------------------------------------------*/
      #owners.block {
          padding-bottom: 0;
      }
      
      #owners .h2-divider {
          margin-bottom: 25px;
      }
      
      #owners .media {
          text-align: center;
          margin-bottom: 30px;
      }
      
      #owners .media img {
          width: auto;
          float: none;
      }  
      
      /* Calendar ---------------------------------------------------------------*/
      .calendar-inner a.toggle-calendar {
          display: none;
      }
      
      /* Weather ----------------------------------------------------------------*/
      #weather .degree:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
      #weather .degree { display: inline-block; } /* Hide from IE Mac \*/ 
      #weather .degree { display: block; }
      
      #weather .degree-inner {
      	width: 220px;
      	margin: 0 auto;
      }
      
      #weather .weather-stats ul {
      	width: 210px;
      	margin-left: auto;
      	margin-right: auto;
      }
      
      /* Directions -------------------------------------------------------------*/
      /* map */
      #map {
          height: 320px;
      }
      
      /* Contacts ---------------------------------------------------------------*/
      #contacts.block {
          padding-bottom: 30px;
      }
      
      
      /*-----------------------------------------------------------------------------------*/
      /*	5.	Comments
      /*-----------------------------------------------------------------------------------*/
      
      .children .comment {
          padding-left: 0;
      }   
      
      #commentform input {
          width: 100%;
      }
      
      #commentform #submit {
          width: 100%;
      }
      
      
      /*-----------------------------------------------------------------------------------*/
      /*	7.	Footer Styles
      /*-----------------------------------------------------------------------------------*/
      
      footer .pull-left,
      footer .pull-right {
          float: none;
          display: block;
          text-align: center;
      }
      
      
      /*-----------------------------------------------------------------------------------*/
      /*	8.	Page & Page Templates
      /*-----------------------------------------------------------------------------------*/
      
      /* Page title */
      .page-title {
          padding: 50px 0;
      }
      
      /* Contact Form styles ----------------------------------------------------*/
      
      .wpcf7 input,
      .wpcf7 .wpcf7-submit,
      .wpcf7-form-control-wrap.budget {
           width: 100%;
      }
      
      
      /*-----------------------------------------------------------------------------------*/
      /*	9.	Widget
      /*-----------------------------------------------------------------------------------*/
      
      /* Sidebar ----------------------------------------------------------------*/
      aside {
          border-top: 1px solid #eee;
          margin-top: 50px;
          padding-top: 50px;
      }
      
      
      /* DatePicker Container */
      .ui-datepicker:before {
          border: 0;  
          margin-top: 0;
      }
      
      .ui-datepicker {
          position: fixed!important;
          top: 50%!important;
          left: 50%!important;
      }
      
      /*-----------------------------------------------------------------------------------*/
      /*	12.	Shortcodes
      /*-----------------------------------------------------------------------------------*/
      
      /* Promo box --------------------------------------------------------------*/ 
      .promo-content {
          width: 100%;
          float: none;
          padding-bottom: 20px;
      }
      
      .promo-content li {
          margin-bottom: 10px;
      }
      
      .promo-price {
          width: 100%;
          float: none;
          text-align: center;
      }
      
      .promo-price .cost {
          font-size: 68px;
          line-height: 68px;
      }
      
      /* Statistics Block -------------------------------------------------------*/
      .statistics {
          padding-bottom: 0;
      }
      
      .stat {
          margin-bottom: 50px;
      }
      
      /* Review Item ------------------------------------------------------------*/
      .reviews {
          padding-bottom: 0;
      }
      
      .review-item {
          margin-bottom: 50px;
      }
  
  }
  

/*-----------------------------------------------------------------------------------*/
/*	11.	Retina support
/*-----------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-moz-min-device-pixel-ratio: 2),
  	only screen and (-o-min-device-pixel-ratio: 2/1),
  	only screen and (min-device-pixel-ratio: 2),
  	only screen and (min-resolution: 2dppx) {
    
    header #logo a img.standard {
        display: none;
    }

    header #logo a img.retina {
        display: inline-block;
    }
    
    /* DOC SETUP */
    
    /* booking > set date */
    #booking .setDate {
        background-image: url(img/set-date@2x.png);
        background-size: 32px 32px;
        -moz-background-size: 32px 32px;
        -webkit-background-size: 32px 32px;
    }
    
    /* details gallery */
    .gallery-item .overlay {
        background-image: url(img/zoom@2x.png);
        background-size: 45px 45px;
        -moz-background-size: 45px 45px;
        -webkit-background-size: 45px 45px;
    }
    
    /* MAIN CONTENT STYLES */
    /* Gallery */
    #gallery .tp-leftarrow.default,
    .rev-slider-gallery .tp-leftarrow.default {	
        background: url(img/slider-controls@2x.png) no-repeat 0 0;	
        background-size: 60px;
    }
    
    #gallery .tp-rightarrow.default,
    .rev-slider-gallery .tp-rightarrow.default	{	
        background: url(img/slider-controls@2x.png) no-repeat 0 -60px;		
        background-size: 60px;
    }
    
    /* Calendar */
    .calendar-inner a.toggle-calendar {
        background-image: url(img/close_calendar@2x.png);
        background-size: 39px 39px;
        -moz-background-size: 39px 39px;
        -webkit-background-size: 39px 39px;
    }
    
    #calendar .DOPBookingSystemPRO_Navigation .previous_btn {
        background-image: url(img/calendar-nav@2x.png);
        background-size: 28px 28px;
        -moz-background-size: 28px 28px;
        -webkit-background-size: 28px 28px;
    }
    
    #calendar .DOPBookingSystemPRO_Navigation .next_btn {
        background-image: url(img/calendar-nav@2x.png);
        background-size: 28px 28px;
        -moz-background-size: 28px 28px;
        -webkit-background-size: 28px 28px;
    }
    
    /* Booking success */
    #booking .section-item.message .success {
        background-image: transparent url(img/success_icon@2x.png);
        background-size: 65px 65px;
        -moz-background-size: 65px 65px;
        -webkit-background-size: 65px 65px;
    }
        
    /* iCheck plugin */
    .iradio_flat {
        background: url(img/icheck/flat@2x.png) no-repeat;
        background-size: 80px;
        -moz-background-size: 80px;
    }
    
    /* Directions */
    .map-arrow {
        background-image: transparent url(img/map-arrow@2x.png) top center no-repeat;
        background-size: 50px;
        /*-moz-background-size: 50px;
        -webkit-background-size: 50px;*/
    }
    
    
}