@charset "UTF-8";

/*
Theme Name: Trishan Holidays
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */
*
{
margin:0;
padding:0;
font-family: 'Open Sans', sans-serif;

}

h1
{
width:100%;
float:left;
text-align:center;
font-size:26px;
margin:1% 0;
font-family: 'Kanit', sans-serif;
}
h2
{
width:100%;
float:left;
text-align:center;
font-size:25px;
margin:1% 0;
font-family: 'Open Sans', sans-serif;
}
h3
{
width:100%;
float:left;
text-align:center;
font-size:21px;
margin:1% 0;

}
h4
{
width:100%;
float:left;
text-align:center;
font-size:19px;
margin-top:2%;
font-weight:400;
}
p
{
width:100%;
float:left;
text-align:justify;
font-size:16px;
font-family: 'Open Sans', sans-serif;
    line-height: 1.8;
color:#7a7e9a;
}
.full-box
{
width:100%;
float:left;
}
.font-bold
{
	font-weight:bold;
}
.font-italic
{
	font-style:italic;
}
.font-underline
{
	text-decoration:underline;
}
a
{
	text-decoration:none;
}

/* Float Boxes */
.col-1
{
width:98%;
float:left;
margin:1%;
}
.col-pad-1
{
width:94%;
float:left;
margin:1% 2%;
padding:1%;
}
.col-2
{
width:48%;
float:left;
margin:1%;
}
.col-pad-2
{
width:46%;
float:left;
margin:1%;
padding:1%;
}

.col-3
{
width:31%;
float:left;
margin:1%;
}
.col-pad-3
{
width:29%;
float:left;
margin:1%;
padding:1%;
}

.col-4
{
width:23%;
float:left;
margin:1%;
}

.col-pad-4
{
width:21%;
float:left;
margin:1%;
padding:1%;
}
.col-5
{
width:18%;
float:left;
margin:1%;
}

.col-pad-5
{
width:16%;
float:left;
margin:1%;
padding:1%;
}
/* Block Position */
.pos-relative
{
position:relative;
}
.pos-absolute
{
position:absolute;
}

/* Text Align */
.text-center
{
text-align:center;
}
.text-left
{
text-align:left;
}
.text-right
{
text-align:right;
}
.text-justify
{
text-align:justify;
}

/* Text Color */

.text-color-red
{
color:#da251c;
}
.text-color-red2
{
color:#B03A2E;
}
.text-color-red3
{
color:#D35400;
}

.text-color-green
{
color:#1E8449;
}
.text-color-green1
{
color:#229954;
}
.text-color-green2
{
color:#196F3D;
}
.text-color-orange
{
color:#F39C12;
}
.text-color-orange1
{
color:#F5B041;
}
.text-color-orange2
{
color:#E67E22;
}

.text-color-blue
{
color:#1F618D;
}
.text-color-blue1
{
color:#2C3E50;
}
.text-color-blue2
{
color:#314477;
}
.text-color-gray
{
color:#717D7E;
}
.text-color-gray1
{
color:#515A5A;
}
.text-color-gray2
{
color:#B2BABB;
}
.text-color-gray3
{
color:#CCD1D1;
}
.text-color-white
{
color:#FFFFFF;
}
.text-color-white1
{
color:#F2F4F4 ;
}
.text-color-white2
{
color:#F8F9F9;
}
.text-color-yellow
{
color:#F1C40F;
}
.text-color-yellow1
{
color:#F4D03F;
}
.text-color-yellow2
{
color:#F7DC6F;
}
.text-color-black
{
color:#000;
}
.text-color-black1
{
color:#454545;
}
.text-color-black2
{
color:#313131;
}
.text-color-black3
{
color:#999999;
}
/* Background Color */
.bg-color-black
{
background-color:#000;
}
.bg-color-black1
{
background-color:#454545;
}
.bg-color-black2
{
background-color:#313131;
}
.bg-color-black3
{
background-color:#999999;
}
.bg-color-red
{
background-color:#da251c;
}
.bg-color-red2
{
background-color:#B03A2E;
}
.bg-color-red3
{
background-color:#D35400;
}
.bg-color-primary
{
	background-color: #25591f;
}
.bg-color-primary
{
	background-color: #25591f;
}
.bg-color-green
{
background-color:#1E8449;
}
.bg-color-green1
{
background-color:#229954;
}
.bg-color-green2
{
background-color:#196F3D;
}
.bg-color-orange
{
background-color:#F39C12;
}
.bg-color-orange1
{
background-color:#F5B041;
}
.bg-color-orange2
{
background-color:#E67E22;
}

.bg-color-blue
{
background-color:#1F618D;
}
.bg-color-blue1
{
background-color:#2C3E50;
}
.bg-color-blue2
{
background-color:#314477;
}
.bg-color-gray
{
background-color:#717D7E;
}
.bg-color-gray1
{
background-color:#515A5A;
}
.bg-color-gray2
{
background-color:#B2BABB;
}
.bg-color-gray3
{
background-color:#CCD1D1;
}
.bg-color-white
{
background-color:#FFFFFF;
}
.bg-color-white1
{
background-color:#F2F4F4 ;
}
.bg-color-white2
{
background-color:#F8F9F9;
}
.bg-color-yellow
{
background-color:#F1C40F;
}
.bg-color-yellow1
{
background-color:#F4D03F;
}
.bg-color-yellow2
{
background-color:#F7DC6F;
}
.bg-color-alpha
{
	background-color:rgba(255,255,255,0.8);
}
/* Wrap Blocks */

#wrapper
{
width:100%;

}
.wrap-in
{
width:1250px;
margin:0 auto;
}
.wrap-fluid
{
width:100%;

}
#header-top,#header,#banner,#content,#footer,#feature,#add-on,#menu
{
width:100%;
float:left;
}
.banner-inner
{
	width:100%;
	float:left;
	position: absolute;
	left:0;
	top:0px;
	right:0;
	bottom: 0px;
	background-color: rgba(0,0,0,0.65);
	float: left;
	border-top:3px solid #da251c;
}
.banner-inner h1
{
	color:#fff !important;
	text-align: left !important;
	padding-top:10%;
	font-size: 32px;

}
.banner-innerx
{
	width:100%;
	float:left;
	position: absolute;
	left:0;
	top:0px;
	right:0;
	bottom: 0px;
	background-color: rgba(0,0,0,0.60);
	float: left;
	border-top:3px solid #da251c;
}
.banner-innerx h1
{
	color:#fff !important;
	text-align: center !important;
	padding-top:13%;
	font-size: 35px;
	text-transform: uppercase;

}
.banner-innerx .breadcrumb
{
	text-align: center;
}
.breadcrumb, .breadcrumb a
{
	color:#fff;
	font-weight: bold;
}
.main
{
width:70%;

}
.sidebar
{
width:30%;

}
.block-10
{
width:10%;
}
.block-20x
{
width:15%;
}
.block-20
{
width:20%;
}
.block-30
{
width:30%;
}
.block-40
{
width:40%;
}
.block-50
{
width:50%;
}
.block-60
{
width:60%;
}
.block-60x
{
width:65%;
}
.block-70
{
width:70%;
}
.block-mar-70
{
width:68%;
margin-right: 2%;
}
.block-80
{
width:80%;
}
.block-90
{
width:90%;
}
.box-50
{
	width:50%;
	margin:1% 25%;
}
.box-60
{
	width:60%;
	margin:1% 20%;
}
.box-70
{
	width:70%;
	margin:1% 15%;
}
.box-80
{
	width:80%;
	margin:1% 10%;
}
.box-90
{
	width:90%;
	margin:1% 5%;
}

/* Padding */
.pad-1
{
padding:1%;
}
.pad-tb-1
{
padding:1% 0;
}
.pad-lr-1
{
padding:0 1%;
}
.pad-2
{
padding:2%;
}
.pad-tb-2
{
padding:2% 0;
}
.pad-lr-2
{
padding:0 2%;
}
.pad-tb-5x
{
padding:5px 0;
}
.pad-tb-10x
{
padding:10px 0;
}
.pad-tb-20x
{
padding:20px 0;
}
.pad-tb-30x
{
padding:30px 0;
}
.pad-tb-40x
{
padding:40px 0;
}
.pad-tb-50x
{
padding:50px 0;
}



/* Margin */


.mar-1
{
margin:1%;
}
.mar-tb-1
{
margin:1% 0;
}
.mar-lr-1
{
margin:0 1%;
}
.mar-2
{
margin:2%;
}
.mar-tb-2
{
margin:2% 0;
}
.mar-lr-2
{
margin:0 2%;
}
.mar-tb-5x
{
margin:5px 0;
}
.mar-tb-10x
{
margin:10px 0;
}
.mar-tb-20x
{
margin:20px 0;
}
.mar-tb-30x
{
margin:30px 0;
}
.mar-tb-40x
{
margin:40px 0;
}
.mar-tb-50x
{
margin:50px 0;
}
.mar-left-1
{
margin-left:1%;
}
.mar-left-2
{
margin-left:2%;
}

.mar-left-5
{
margin-left:5%;
}
.mar-left-10
{
margin-left:10%;
}
.mar-right-1
{
margin-right:1%;
}
.mar-right-2
{
margin-right:2%;
}

.mar-right-5
{
margin-right:5%;
}
.mar-right-10
{
margin-right:10%;
}



/* List */
.list
{
list-style:none;
width:100%;
}
.list-2
{
list-style:none;
width:50%;
margin:1% 25%;
}
.list-li
{

width:100%;
}
.list-li-2
{

width:50%;
}
.list-li-3
{

width:33%;
}
.list-li-4
{

width:25%;
}


/* Float */

.float-left{
float:left;
}
.float-right{
float:right;
}


/* Border */

.border-1{
border:1px solid;
}
.border-2{
border:2px solid;
}
.border-3{
border:3px solid;
}
.border-4{
border:4px solid;
}
.border-5{
border:5px solid;
}
.border-dotted-top-1{
border-top:1px dotted;
}
.border-dotted-bottom-1{
border-bottom:1px dotted;
}
.border-dotted-1{
border:1px dotted;
}
.border-dotted-2{
border:2px dotted;
}

.border-dotted-3{
border:3px dotted;
}
.border-dotted-4{
border:4px dotted;
}

.border-dotted-5{
border:5px dotted;
}
.border-dashed-1{
border:1px dashed;
}

.border-dashed-2{
border:2px dashed;
}
.border-dashed-3{
border:3px dashed;
}
.border-dashed-4{
border:4px dashed;
}
.border-dashed-5{
border:5px dashed;
}

.border-white
{
border-color:#fff;
}

.border-white1
{
border-color:#f7f7f7;
}
.border-black
{
border-color:#000;
}

.border-black1
{
border-color:#515151;
}
.border-black2
{
border-color:#313131;
}
.border-gray
{
border-color:#e3e3e3;
}
.border-gray1
{
border-color:#f7f7f7;
}
.border-red
{
border-color:#d21212;
}
.border-green
{
border-color:#27AE60;
}
.bor-right
{
border-right: 1px solid #e3e3e3;	
}
/* Background */
.background-1
{
    background: url(images/bg1.png) fixed no-repeat bottom right;
}
.background-2
{
	background-color: #f6f6f6;
    background: url(xasset/img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	min-height:550px;
}
.background-3
{
	background-color: #f6f6f6;
    background: url(xasset/img/explore-img1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Font Size */

.font-11
{
	font-size:11px;
}
.font-12
{
	font-size:12px;
}
.font-14
{
	font-size:14px;
}
.font-16
{
	font-size:16px;
}
.font-19
{
	font-size:19px;
}
.font-20
{
	font-size:20px;
}
.font-21
{
	font-size:21px;
}
.font-23
{
	font-size:23px;
}
.font-25
{
	font-size:25px;
}
.font-27
{
	font-size:27px;
}
.font-29
{
	font-size:29px;
}
.font-30
{
	font-size:30px;
}
.font-32
{
	font-size:32px;
}
.font-34
{
	font-size:34px;
}
.font-36
{
	font-size:36px;
}
.font-38
{
	font-size:38px;
}
.font-40
{
	font-size:40px;
}
.font-44
{
	font-size:44px;
}
.font-48
{
	font-size:48px;
}
.font-51
{
	font-size:51px;
}

/* anchor button */
.quote-btn
{

	width:90%;
	padding:10px 0;
	background:#da251c;
	text-align:center;

	color:#fff;
	font-size:16px;
	float:left;
	margin:0 5%;
	margin-top: 22px;
}
.quote-btn:hover
{

	background:#313131;
}
.viewx-btn
{

	width:30%;
	padding:10px 0;
	background:#da251c;
	text-align:center;

	color:#fff;
	font-size:16px;
	float:left;
	margin:10px 35%;
	text-transform: uppercase;
}
.viewx-btn:hover
{

	background:#313131;
}
.viewy-btn
{

	width:60%;
	padding:10px 0;
	background:#313131;
	text-align:center;

	color:#fff;
	font-size:14px;
	float:left;
	margin:10px 20%;
	text-transform: uppercase;
	border-radius:20px;
}
.viewy-btn:hover
{

	background:#da251c;
}


/* Menu Custom */
.nav-borx
{
	border:0px !important;
}
nav.primary-navigation {
	width:100%;
	float:right;
	display: block;
	padding: 30px 0 0 0;
	text-align: left
	font-size: 16px;
  }
  nav.primary-navigation ul li {
	list-style: none;
	margin: 0 auto;
	border-right: 2px solid #e3e3e3;
	display: inline-block;
	padding: 0 10px;
	position: relative;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
  }
  nav.primary-navigation li a {
	color: #313131;
	font-weight: 500;
  }
  nav.primary-navigation li a:hover {
	color: #515151;
  }
  nav.primary-navigation li:hover {
	cursor: pointer;
  }
  nav.primary-navigation ul li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	padding-left: 0;
	left: 0;
	display: none;
	background: white;
	font-size: 15px;
  }
  nav.primary-navigation ul li:hover > ul,
  nav.primary-navigation ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
	min-width: 250px;
	text-align: left;
	padding-top: 20px;
	box-shadow: 0px 3px 5px -1px #ccc;
	z-index: 999999;
  }
  nav.primary-navigation ul li ul li {
	clear: both;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
	border-style: none;
  }
  nav.primary-navigation ul li ul li a {
	
	font-size: 15px;
  } 
  nav.primary-navigation ul li ul li a:hover {
	padding-left: 10px;
	border-left: 2px solid #3ca0e7;
	transition: all 0.3s ease;
	font-size: 15px;
  }
  
  

/*  Custom CSS */

.abt-img
{
	width:90%;
	float:left;
}
.abt-img::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 100%;
    height: 100%;
    background-color: #cc8c18;
    z-index: -1;
}
#feature .white-shape img:nth-child(1),#add-on .white-shape img:nth-child(1) {
    bottom: -1px;
    left: 0;
	position: absolute;
	width:100%;
}
#feature .white-shape  img:nth-child(2),#add-on .white-shape  img:nth-child(2) {
    top: 0;
    left: 0;
	position: absolute;
	width:100%;
}
contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
	
	padding:25px;
}

#contact h3 {
	color: #F96;
	display: block;
	font-size: 30px;
	font-weight: 400;
}

#contact h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#da251c;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}

#contact button[type="submit"]:hover {
	background:#313131;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}
.svg
{
height:60px;
color:#d21212;

}
.fac-box,.fac-box1
{
	padding:40px 0;

}
.fac-box:hover
{
	background:#196F3D;
}
.fac-box1:hover
{
	background:#C70039;
}
.fac-box:hover .svg,.fac-box1:hover .svg
{
	 filter: invert(1);
}
.fac-box:hover h3,.fac-box:hover p,.fac-box1:hover h3,.fac-box1:hover p
{
	 color:#fff;
}
.room-fac
{
	width:27%;
	float:left;
	margin:1% 2%;
	padding:2.5% 1%;
}
.room-fac h3
{
	font-family: 'Roboto Condensed', sans-serif;
}
.room-fac i,.room-fac h3,.room-fac h4
{
	color:#fff;
}
.room-fac:hover
{
	background-color:#515151;
}
[class^="flaticon-"]:before
{
	font-size:25px !important;
}
#add-on,#feature
{
	margin:4% 0;
		position:relative;
}
#add-on
{
	padding-top:100px;

}

#add-on h4
{
	font-size:30px;
}




/* Image Hover CSS */


.grid {
	position: relative;



	text-align: center;
}


.grid figure {
	position: relative;
	float: left;
	overflow: hidden;


	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 10px 5px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-romeo {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

figure.effect-romeo img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-romeo:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}

figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-romeo:hover figcaption::before {
	opacity: 0.9;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}

figure.effect-romeo:hover figcaption::after {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

figure.effect-romeo h2,
figure.effect-romeo p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	text-align:center;
}

figure.effect-romeo h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}

figure.effect-romeo p {
	top: 40% !important;
	width: 80% !important;
	padding: 5px 10%;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	color:#fff;
}

figure.effect-romeo:hover h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

figure.effect-romeo:hover p {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}
#footer
{
	margin-top:4%;
	float:left;
}
#footer p ,#footer a, #footer li
{
	color:#d9d6d6;
}
#footer .logo
{
	height:50px;
}




/* Social Icon */

.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}
.fa-facebook:hover {

}
.fa-twitter {
    padding:0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-rss {
    padding:0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-rss:hover {
    background-color: #eb8231;
}
.fa-youtube {
    padding:0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}
.fa-github {
    padding:0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-github:hover {
    background-color: #5a32a3;
}
.con-form
{
width:66%;
float:right;
padding: 1% 2%;
background:#fff;
border:1px solid #e3e3e3;
}
.aw-search
{
color:#ff0000;
}
.aw-more-block,.aw-six-hours ,.aw-fc-status 
{
display:none;
}
.weather {
    width: 100%;
    float: left;
}
input[type="text"],input[type="email"],  input[type="tel"] {
    background-color: white;
    font-family: inherit;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 6px 0;
    padding: 6px;
    height: 22px;
    float: left;
    margin-right: 3%;
    width: 95%;
}
select {
    background-color: white;
    font-family: inherit;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 6px 0;
    padding: 6px;
    height: 37px;
    float: left;
    width: 98%;
}
.enq-form{
width:94%;
float:left;
padding:2% 3%;
border:1px solid #e3e3e3;
}
textarea {
    background-color: white;
    font-family: inherit;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 6px 0;
    padding: 6px;
    height: 74px;
    width: 95%;
}
textarea {
    background-color: white;
    font-family: inherit;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 6px 0;
    padding: 6px;
    height: 74px;
    width: 95%;
}
.but1 {
    width: 70%;
    background-color: #C70039;
    padding: 5px;
    margin: 1% 15%;
    font-size: 16px;
    color: #fff;
    clear: both;
    border: none;
}
#content .rate-box {
    width: 80%;
    float: left;
    margin: 1% 10%;
}
#content .rate-box .row-head {
    width: 100%;
    float: left;
    background-color: #196F3D;
    color: #fff;
    padding: 1% 0;
}
#content .rate-box .col11 {
    width: 40%;
    float: left;
    text-align: center;
}
.master-pad
{
	width:80%;
	float:left;
	margin:25px 10%;
}
.box2
{
width:40% !important;
margin:1% 4% !important;
}
#content .rate-box .col12 {
    width: 20%;
    float: left;
    text-align: center;
}
#content .rate-box .row-bar {
    width: 100%;
    float: left;
    padding: 2% 0;
    color: #000;
}
.col22 {
    background-color: #F1F1F1;
}
.col21 {
    background-color: #D9D9D9;
}
.account-block
{
	width:80%; 
	float:left;
	margin:1% 8%;
	padding:1% 2%;
	border:1px solid #e3e3e3;
	border-radius:10px;
	font-size:14px;
}
.account-block p
{
	margin-bottom:5px;
	width:100%;
	float:left;
	text-align:center;
	color:#196F3D;
}
.xroom-block
{
	width:43%;
	float:left;
	margin:1% 3%;
	border:3px solid #d21212; 
	position:relative;
}
.xroom-block .headerx
{
	bottom:50%;
	left:15%;
	width:70%;
	padding:1% 0;
	background:rgba(0,0,0,0.70);
	text-align:center;
	position:absolute;
	color:#fff;
	font-size:23px;
	border-radius:10px;
}
.xroom-block .btnx
{
	bottom:5%;
	right:3%;
	width:30%;
	padding:1% 0;
	background:#196F3D;
	text-align:center;
	position:absolute;
	color:#fff;
	font-size:14px;
}
.dash-stylex {
	text-align:left;
	text-transform:uppercase;
	
  }
	  .dash-style {
	padding-left: 80px;
	position: relative;
	text-align:left;
	padding-top:30px;
	width:80%;
  }
   .dash-style:before {
	background-color: #F56960;
	content: "";
	height: 2px;
	width: 70px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:15px;
  }
  .dest-box
  {
	  width:26%;
	  float:left;
	  margin:1%;
	  background-color: #ffffff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
    padding: 1%;
  }
  .dest-boxx
  {
	  width:21%;
	  float:left;
	  margin:1%;
	  background-color: #ffffff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
    padding: 1%;
  }
  .dest-box-outer
  {
	  width:37%;
	  float:left;
	  margin:1%;
  }
  
  .dest-box1
  {
	  width:96%;
	  float:left;
	  margin:1%;
	  background-color: #ffffff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
    padding: 1%;
  }
  .compass
  {
	  position:absolute;
	  left:-200px;
	  width:550px;
	  top:10px;
	  bottom:10px;
	  z-index:2;
  }
  
 .compass img
  {
	  width:85%;
	  float:left;
	  -webkit-animation: radialAnimation 15s infinite linear;
	  animation: radialAnimation 15s infinite linear;
	  z-index:2;
	  opacity: 0.4;
  }
  .bgxx
  {
	  position:absolute;
	  left:0;
	  right:0px;
	 text-align: right; 
	  bottom:0px;
	  z-index:1;
  }
  .bgxx img
  {
	  height:300px;
	  z-index:1;
	
  }
  @-webkit-keyframes radialAnimation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes radialAnimation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

  .reason-img
  {
	  
	  height:50px;
	  padding:10px;
	  border-radius:50%;

  }
  .pack-box
  {
	  width:31%;
	  float:left;
	  margin:2% 1%;
	  background: #fff;
	  box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
  }
  .pack-box .pack-image-box
  {
	  width:100%;
	  float:left;
	  position: relative;
  }
  .pack-box .pack-price
  {
	  
	  top:40px;
	  right:0px;
	  padding:5px 10px;
	  background-color: #da251c;
	  position: absolute;
	  color:#fff;
  }
  .pack-box .pack-info
  {
	  
	  bottom:-20px;
	  left:5%;
	  right:5%;
	  padding:10px;
	  padding:9px 10px;
	  background-color: #314477;
	  position: absolute;
	  color:#fff;
  }
  .pack-box .pack-info ul
  {
	  
		width:100%;
		float:left;
		list-style: none;
  }
   .pack-box .pack-info ul
  {
	  
		width:100%;
		float:left;
		list-style: none;
  }
  .pack-box .pack-info ul li
  {
	  
		width:49.5%;
		float:left;
		text-align: center;
		border-right:1px solid #fff;
		font-size: 14px;
  }
  .pack-box .pack-info ul li.nbr
  {
	  
	
		border-right:0px !important;
  }
  .pack-box .pack-detail-box h2 a
  {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
width:100%;
float:left;
text-align: center;
  }
  .pack-box .pack-detail-box p
  {
	  
		width:100%;
		float:left;
		overflow: hidden;
		height:93px;
  }
  .pack-box .pack-detail-box
  {
	  
		width:96%;
		padding: 0 2%;
		float:left;
		padding-top: 30px;
  }
  .pack-box .pack-detail-box p
  {
	  font-size: 14px;
	  padding-bottom: 12px;
	  border-bottom:1px solid #e3e3e3;
	  color:#313131;
  }
  .pack-box .pack-btn
  {
	  font-size: 17px;
	  color:#da251c;
	  width:100%;
	  float:left;
	  text-align: center;
	  font-weight:bold;
	  padding: 10px 0;

  }
  .cont-icon
  {
	width:70px;
	height:20px;
	color:#fff;
	background:#da251c;
	padding:20px 0;
	text-align:center;

  }
  .cont-det h4
  {
  	margin:0px;
	font-size:16px;
	color:#314477; 
	text-align: left;
	font-weight:bold
  }
  .cont-form-box
  {
	width: 84%;
    float: left;
    margin: 1% 5%;
    background-color: #ffffff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
    padding: 2% 3%;
  }
  .cont-form-btn
{

	width:70%;
	padding:10px 0;
	background:#515151;
	text-align:center;

	color:#fff;
	font-size:16px;
	float:left;
	margin:0 15%;
	margin-top: 22px;
	border:0px;
}
.cont-form-btn:hover
{
	background:#da251c;
}
.banner-image
{
	height:auto !important;
	max-width: 100% !important;
}
.iter
{
	width:90%;
	float: left;
	margin:1% 5%;
	list-style: none;
}

.iter .iter-head
{
	width:96%;
	float: left;
	background:#314477 ;
	padding: 2% 2%;
	color:#fff;
}
.iter .iter-det
{
	width:96%;
	float: left;
	padding: 1% 2%;
	background: #f7f7f7;
	margin-bottom: 2%;
}
.slist
{
	width:90%;
	float: left;
	margin:0 5%;
}
.slist li
{
	width:100%;
	float:left;
	margin-bottom:10px;
}
#content .pricex {
    width: 90%;
    margin: 2% auto;
    text-align: center;
}
.price-row {
    width: 98%;
    float: left;
    padding: 1%;
    border: 1px solid #515151;
    font-size: 16px;
}
.price-col {
    width: 23%;
    float: left;
    padding: 1%;
}
.conx-form
{
	width: 94%;
    float: left;
    margin: 1%;
    background-color: #ffffff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
    padding: 1% 2%;
}
.hotel-box
{
width:23%;
float:left;
margin:1%;
position:relative;

}
.hotel-box-hover
{
position:absolute;
left:10%;
width:80%;
background:rgba(0,0,0,0.75);
border-radius:10px;
padding:10px 0;
color:#fff;
text-align:center;
bottom:40px;
font-weight:bold;
text-transform:uppercase;
}

@media  screen and (max-width: 1200px)
{
.wrap-in{
			
width:100% !important;
float:left  !important;
		}

}
@media  screen and (max-width: 650px)
{
	.xroom-block {
    width: 80% !important;
    float: left;
    margin: 1% 10% !important;
    border: 3px solid #d21212;
    position: relative;
}

.hotel-box
{
width:94% !important;
float:left;
margin:2% 3% !important;
position:relative;

}


	.xroom-block .headerx {
   
    font-size: 15px !important;
}
	#content .rate-box {
    width: 100% !important;
    float: left;
    margin: 1% 0% !important;
		font-size:13px;
}
	#footer h3
	{
		font-size:14px !important;
	}
.col-2,.col-3,.col-4,.block-30,.block-40,.block-50,.block-60,.block-70,.block-80,.box-40,.box-50,.box-60,.box-70,.box-80,.call,.pack-box,.box-90,.block-mar-70,.dest-boxx {
			
width:96% !important;
float:left  !important;
margin:1% 2%  !important;
		}
		.dest-box,.dest-box-outer{
			
width:90% !important;
float:left  !important;
margin:1% 5%  !important;
		}
		.block-20
		{
			
width:46% !important;
float:left  !important;
margin:1% 2%  !important;
border-right:0px !important;
		}
		.block-20 img,.block-20x img
		{
			height:50px;
		}
		
	.block-20x
		{
			
width:96% !important;
float:left  !important;
margin:1% 2%  !important;
border-right:0px !important;
		}
		.call
		{
		    text-align:center;
		    color:#F39C12;
		}
		.box-80.text-color-gray
		{
		    width:80% !important;
		    margin:1% 10% !important;
		}
		.room-fac,.col-pad-2
		{
		    width:88% !important;
float:left  !important;
margin:1% 5%  !important;
		}
figure.effect-romeo img
{
    width:100% !important;
}s
h1
{
    font-size:19px !important;
}
#add-on h4 {
    font-size: 19px !important;
}
nav a img
{
   width:100% !important; 
}
.hide,#header .logo,.menu,#header .header-form,#header,nav,#add-on,.banner-hide,.icon-plus,.icon-minus
{
    display:none !important; 
}
	.banner-show
{
    display:block !important; 
}
	.col-4.grid 
	{
		width:46% !important;
	}
	#menu .block-30
	{
		font-size:16px  !important;
		text-align:center !important;
	}
.header-menu
{
    z-index:1000;
    position:relative !important; 
    width:100% !important;
    float:left !important;
    background:none !important;
}
p
{
    font-size:13px !important;
}
h2
{
font-size:21px !important;
}
#contact {
    background: #F9F9F9;
    padding: 25px;
    width: 80% !important;
}
.con-detail p
{
    text-align:center !important;
}
 .fontx-12
	{
		font-size:12px !important;
	}
	.viewx-btn {
    width: 70% !important;
    padding: 10px 0;
    background: #da251c;
    text-align: center;
    color: #fff;
    font-size: 16px;
    float: left;
    margin: 10px 15% !important;
    text-transform: uppercase;
}
.show
{
    display:block !important;
}


.banner-innerx h1 {
    color: #fff !important;
    text-align: center !important;
    padding-top: 4% !important;
    font-size: 25px  !important;
    text-transform: uppercase;
}
.banner-innerx .breadcrumb {
    text-align: center;
    font-size: 12px  !important;
}
.banner-inner h1 {
    color: #fff !important;
    text-align: center !important;
    padding-top: 7% !important;
    font-size: 21px  !important;
    text-transform: uppercase;
}
.banner-inner .breadcrumb {
    text-align: center;
    font-size: 10px  !important;
}
.tagged
{
        height:150px;
    overflow: hidden;
}
.viewy-btn {
    width: 80%  !important;
    padding: 10px 0;
    background: #313131;
    text-align: center;
    color: #fff;
    font-size: 12px;
    float: left;
    margin: 10px 10%  !important;
    text-transform: uppercase;
    border-radius: 20px;

}
.sub-menu-toggle
{
    right: 0px  !important;
    position: absolute  !important;
    top: 7px  !important;
}
.mobmenu-parent-link .menu-item-has-children
{
    position:relative !important;
}
}
}

}