/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

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

/* global box-sizing */


@media only screen and (min-width:320px) {
	
}
@media only screen and (min-width:480px) {
	
}
@media only screen and (min-width:768px) {
	
}
@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) {
	
}

.htr-head
{
	margin-top: 30px;
	text-align: center;
    color: #fff;
}

.htr-div
{
	background: #353535;
}

.tariff-title
{
	margin-top: 20px;
    font-weight: bold;
    font-size: 26px;
    color: #842e5e;
	margin-bottom: 20px;
}

.tariff-plan-box
{
	border-bottom: 1px solid #afadad;
    margin-bottom: 20px;
}

.breadcrumb > .active {
	
    font-size: 20px;
}

.banner-title
{
	position: absolute;
    margin-top: 117px;
    margin-left: 100px;
    font-size: 30px;
    padding: 13px;
    background: rgba(255, 255, 255, .7);
    color: #252425;
}

.tariff-plan-title{
	font-size: 22px;
    font-weight: bold;
    color: #000;
}

.fbg-thumb
{
	width: 281px;
    margin-bottom: 4px;	
}

.pc-title{
	text-align: center;
    margin-bottom: 30px;
}

.pl-title
{
	color: #024959;
	text-transform: uppercase;
    border-bottom: 3px solid;
    font-size: 22px;
}

.img-border img
{
	width:100%;
	
}

#boxes .row
{
	margin-bottom: 24px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 25px;
}

.uppercase
{
	color: #f27244;
    font-weight: bold;
    font-size: 22px;
}

.tes-even
{
	margin-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
}

.tes-even:last-child
{
	
    border-bottom: 0px solid #e4e4e4;
    
}

.tes-even .tes-thumb
{
	width: 150px;
    border-radius: 50%;
    border: 5px solid #fff;
    float: left;
    margin-right: 20px;	
}

input[type="file"] {
	
    height: 39px;
}

.tes-even .tes-text
{
	
}

.tes-even .tes-author
{
	text-align: right;
    font-weight: bold;
    font-size: 20px;
}

.post-content
{
	
}

.post-thumb
{
	float: left;
    margin-right: 26px;
}

.blog-title a
{
	display: inline-block;
	font-size: 24px;
    color: #832a5b;
    margin-bottom: 20px;
}

.view-article
{
	display: inline-block;
    margin-top: 20px;
    color: #bd1818;
}

.logo img
{
	height: 65px;
    margin-top: 6px;
}

.footer-box
{
	padding: 40px 0px;
}

.footer-meta
{
	display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
}

.footer-meta .address
{
	font-size: 20px;
	text-align: center;
}

.footer-meta .email
{
	font-size: 18px;
    font-weight: bold;
}

.footer-meta .contact-numbers
{
	font-size: 18px;
    font-weight: bold;
}

.footer-logo
{
	text-align: center;
}

.footer-logo img
{
	height: 70px;
}

.footer-social
{
	display: flex;
    justify-content: center;
}

.footer-social ul
{
	display: flex;
    gap: 10px;
    padding-left: 0px;
}

.footer-social ul li
{
	list-style: none;
}

.footer-social ul li a
{
	display: inline-flex;
    text-decoration: none;
    font-size: 24px;
    background: #f27244;
    border-radius: 50%;
    color: #FFF;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img
{
	width: 100%;
}

.wpcf7-submit
{
	background: #f27244;
    border: 0px;
    color: #FFF;
    padding: 10px 28px;
    border-radius: 22px;
}

.center
{
	text-align: center;
}

.room-category-name
{
	font-size: 22px;
    color: #024959;
}

.room-price-tbl
{
	width: 100%;
}

.room-price-tbl th, .room-price-tbl td
{
	border: 1px solid #d7d7d7;
    padding: 2px 4px;
}

.rc-row
{
	display: flex;
	align-items: center;
	margin: 10px 0px;
	border-bottom: 1px dashed #989898;
	padding-bottom: 20px;
}

.rc-row:last-child
{
	border-bottom: 0px dashed #989898;
}

@media (max-width: 767px) {
  .rc-row {
    display: flex;
    flex-direction: column;
  }
  
  .banner-title
  {
  display: none;
  }
  
  hr
  {
  margin: 0px;
  }

  .rc-row > .col-md-5 {
    order: -1; /* moves image div to top */
  }
}