@charset "UTF-8";
/*
Theme Name: Wedding Bell
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */

body, input[type="text"], input[type="email"], input[type="tel"], select, input[type=date], textarea {
	font-size: 16px;
    font-family: 'Montserrat', sans-serif;	
	color: #464646;
}
* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul {
	list-style: none;
}
a, a:hover, .serbox span {
	text-decoration: none;
	transition: all 0.5s ease;
}
a:hover, .serbox:hover span {
	transition: all 0.5s ease;
}
img {
	max-width: 100%;
	height: auto;
	float: left;
}
h1 {
	font-family: 'Pattaya', sans-serif;
}
h1, h2, h3, h4, h6, strong, .titletext {
	font-weight: normal;
}
h1, .titletext, .simple-sitemap-wrap h3.post-type {
	font-size: 60px;
	font-family: 'Pattaya', sans-serif;
    background: url(images/titleborder.png) no-repeat left bottom;
    padding: 0 0 0 130px;
    line-height: 55px;
	margin-bottom: 20px;
}
h2 {
	line-height: 28px;
}
h3 {
	line-height: 24px;
}
h4 {
	line-height: 20px;
}
h5 {
	line-height: 16px;
}
.clear {
	clear: both;
}
h2, h3, h4, h5, h6, .titletext, .wrapper, .width100, p, .contentsec ul, .contentsec ol, input[type="text"], input[type="email"], input[type="tel"], select, input[type=date], textarea, .navwb ul, .bannersec .metaslider .caption-wrap span, .gallerysec ul, .subtitle, .topright strong {
	width: 100%;
	float: left;
}
.floatleft {
	float: left;
}
.floatright {
   float: right;
}
.wrapperin {
	width: 1242px;
	margin: 0 auto;
}
.topwb, .navwb ul {
	text-align: center;
}
.topwb {
	font-size: 15px;
	padding: 30px 0;
}
.topleft, .logo, .topright, .navwb li {
	display: inline-block;
}
.topleft, .logo, .topright {
	min-height: 78px;
}
.topleft, .topright {
	width: 30%;
}
.topleft {
	text-align: right;
}
.logo {
	width: 39%;
}
.logo a {
    display: inline-block;
}
.topright {
	text-align: left;
}
.topright strong {
	font-size: 18px;
}
.topwb span {
	width: 80%;
	padding: 10px 0px 0;
}
.topleft span {
	float: right;
	padding: 10px 10px 0 0;
}
.topright span {
	float: left;
	padding: 10px 0 0 10px;
}
.navwb {
	background: #fa4a6f;
}
.navwb ul, .navwb li {
	height: 72px;
}
.navwb ul {
	overflow: hidden;
}
.navwb li a {
	color: #fff;
	padding: 28px 50px;
	display: inline-block;
	float: left;
	text-transform: uppercase;
}
.navwb li a:hover, .navwb li.current_page_item a {
	background: #fe708e;
}
.bannerbotwb {
	font-family: 'Pattaya', sans-serif;
	font-size: 35px;
	line-height: 42px;
	text-align: center;	
	color: #000;
	padding: 80px 0; 
}
.servicewb {
	background: #f4f3f0;
	padding: 80px 0; 
}
/**bannerslider**/
.bannerslider {
    position: relative;
    background: #000;
}
.bannertext {
    text-align: center;
    position: absolute;
    top: 28%;
    text-shadow: 0px 0px 1px #000;
}
.bannertext, .bannertext p span {
	width: 100%;
	float: left;
}
.bannertext, .bannertext a {
	color: #fff;
}
.bigtxt {
    font-family: 'Pattaya', sans-serif;
    font-size: 143px;
    line-height: 182px;
}
.smalltxt {
	font-size: 30px;
	font-weight: 600;
}
.linktxt {
    margin: 16px 0 0;
}
.linktxt a {
    font-size: 18px;
    border: solid 2px #fff;
    background: rgba(250, 74, 111, .6);
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    padding: 14px 56px;
    border-radius: 30px;
}
.slides li img {
	opacity: .8;
}
.bannertext {
    text-shadow: 0px 0px 1px #000;
}
/**servicewb**/
.servicewb {
	padding: 80px 0;
}
.serviceleft, .serviceright {
	width: 600px;
}
.serviceleft {
	float: left;
}
.serbox, .serbox span {
	width: 100%;
	float: left;
}
.serbox {
    font-size: 30px;
}
.serviceright {
	float: right;
}
.serbox span {
    font-weight: 600;
    background: #fff;
    text-align: center;
    padding: 12px;
	box-shadow: 0px 0px 2px #ccc;
}
.bleft, .bright {
    width: 282px;
    margin-top: 35px;
}
.bleft {
	float: left;
}
.bright {
	float: right;
}
.serbox:hover span {
    background: #fa4a6f;
	color: #fff;
	box-shadow: none;
}
.serin {
	background: #fafafa;
}
.serin h1 {
	text-align: left;
}
.serin .whicon {
    width: 100px;
    float: left;
    height: 100px;
    border-radius: 50%;
    border: solid 1px #ccc;
    overflow: hidden;
    background: #fff;
    text-align: center;
    padding: 19px 14px 0;
}
.serin .whtxt {
    width: 280px;
}
.serin .whicon img {
	float: none;
	display: inline-block;
}
/**aboutsec**/
.aboutsec {
	background: url(images/aboutus.jpg) no-repeat;
	background-size: 100%;
}
.abouthome {
	width: 682px;
	float: right;
	padding: 40px;
	background: #fff;
}
.btn {
    float: left;
    background: #fa4a6f;
    border: solid 2px #fa4a6f;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 40px;
    border-radius: 40px;
}
.btn:hover {
	background: none;
	color: #fa4a6f;
}
.contactsec p {
    line-height: 30px;
    margin: 38px 0 0;
}
.innerpage {
	padding: 60px 0;
	background: #fafafa;
	border-bottom: solid 1px #f1f1f1;
}
.inimage {
	width: 500px;
	float: left;
}
.inimage img {
    border: solid 6px #FFE;
    box-shadow: 0px 0px 3px #ccc;
}
.intext {
    width: 742px;
    float: left;
    padding-left: 30px;
}
/**whyus**/
.whyus {
	padding: 80px 0 40px;
	text-align: center;
}
.whsec {
    width: 384px;
    display: inline-block;
    text-align: left;
    margin: 26px 12px;
}
.whsec, .titletext {
	text-align: left;
}
.whicon {
	width: 76px;
	float: left;
}
.whtxt {
    width: 308px;
    float: left;
    padding-left: 14px;
}
.whtitle, .whdesc {
	width: 100%;
	float: left;
}
.whtitle {
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 8px;
}
.whdesc {
    line-height: 24px;
    min-height: 148px;
}
.mBot30 {
	margin-bottom: 30px;
}
/**galleryhome**/
.galleryhome {
	background: #f4f3f0;
	padding: 70px 0;
}
.wrapper .envira-gallery-wrap {
	margin-top: 26px;
	float: left;
}
.wrapper .envira-lazy {
	border: solid 2px transparent;
}
.wrapper .envira-lazy:hover {
    border: solid 2px #fa4a6f;
}
/**footer**/
.footersec {
    padding: 70px 0 0;
}
.footersec, .footersec a {
	color: #999999;
}
.footersec a:hover, .footersec h6, .footersec p strong {
	color: #000;
}
.footersec h6, .callfooter strong {
    font-weight: 600;
}
.footersec h6 {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px;
}
.abtfooter, .explink, .callfooter, .copyrightsec {
	float: left;
}
.abtfooter {
	width: 564px;
}
.abtfooter img {
	max-width: 230px;
}
.explink {
    width: 342px;
    padding: 0 7%;
}
.explink ul, .explink ul li, .callfooter strong {
	width: 100%;
	float: left;
}
.explink ul li {
    background: url(images/listicon.png) no-repeat left 4px;
    padding-left: 14px;
}
.explink ul li {
    margin: 5px 0;
}
.callfooter {
	width: 336px;
}
.abtdesc {
    line-height: 24px;
    margin: 24px 0 0;
}
.callfooter strong {
    margin-top: 5px;
}
.callfooter p {
    margin: 5px 0 16px;
}
.copyrightsec {
    border-top: solid 1px #f4f3f0;
    padding: 22px 0;
    margin-top: 30px;
	text-align: center;
	font-size: 13px;
}
.copyrightsec p, .copyrightsec ul {
	width: auto;
	float: none;
	display: inline-block;
}
.copyrightsec li {
    float: left;
    margin: 0 3px;
}
.copyrightsec p, .copyrightsec a {
	color: #fa4a6f;
}
.copyrightsec a {
	text-decoration: underline;
}
.copyrightsec a:hover {
	text-decoration: none;
}
.copyrightsec p.fleft {
	float: left;
}
.copyrightsec p.fright {
	float: right;
}
.copyrightsec p {
    padding: 10px 0;
}
.copyrightsec li a:hover {
	opacity: .4;
}
.hoteladdress {
    width: 620px;
    float: left;
}
.hotelmap {
    width: 622px;
    float: left;
}
.hotelmap iframe {
	width: 100%;
	height: 296px;
	float: left;
	border: solid 2px #e8e8e8;
}
.hoteladdress, .hotelmap {
    margin-top: 40px;
    background: #fff;
    padding: 38px;
	border-radius: 2px;
}
.hoteladdress {
    width: 590px;
    float: left;
    margin-right: 30px;
}
.contactsec h2 {
    font-weight: 500;
}
.contactsec strong {
    font-weight: 600;
}
body .metaslider .flexslider .flex-direction-nav {
    z-index: 9999;
}
/*******
        Media
		     ********/
@media(min-width:0px) and (max-width:979px)	{
.wrapperin, .logo, .abouthome, .whtxt, .abtfooter, .explink, .callfooter, .serviceleft, .serviceright, .explink {
	width: 100%;
}
.wrapperin {
	padding: 0 4%; 
}
.topleft {
	text-align: left;
}
.floatright {
	float: left;
}
.topleft, .topright {
	text-align: left;
	width: 296px;
}
.logo {
    padding: 0 4%;
}
.topwb span {
	width: 78%;
}
.topwb span {
	padding: 3px 0 0 10px;
}
.topleft span {
    padding: 3px 0 0 10px;
}
.navwb ul, .navwb li {
    height: auto;
}
.navwb li a {
    padding: 18px 6px;
    font-size: 12px;
}
.bigtxt, .bannerbotwb {
    font-size: 25px;
    line-height: 32px;
}
.smalltxt {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-top: 4px;
}
.linktxt a {
    font-size: 12px;
    border: solid 1px #fff;
    padding: 6px 26px;
}
.linktxt {
    margin: 6px 0 0;
}
.bannerbotwb {
    font-size: 25px;
    line-height: 32px;
}
.serbox span, .footersec h6 {
    font-size: 16px;
	line-height: 25px;
}
.bannerbotwb, .servicewb, .galleryhome {
    padding: 20px 0;
}
.bannertext {
    top: 17%;
}
.serbox span {
 padding: 10px 12px;
}
.serviceright {
	text-align: center;
	margin-top: 6px;
}
.bleft, .bright {
    width: 282px;
    margin-top: 6px;
    float: none;
    display: inline-block;
}
.abouthome {
	float: right;
	padding: 23px;
	background: #fff;
}
h1, .titletext, .simple-sitemap-wrap h3.post-type {
    font-size: 25px;
    padding: 0 0 0 132px;
    line-height: 32px;
    margin-bottom: 10px;
}
.contactsec p {
    line-height: 23px;
    margin: 18px 0 0;
    font-size: 14px;
}
.whsec {
	width: 276px;
	display: inline-block;
	text-align: center;
}
.whicon {
	width: 76px;
	float: none;
	display: inline-block;
}
.whtxt {
	float: left;
	padding-left: 0;
	text-align: center;
}
.explink {
	padding: 20px 0;
}
.footersec {
	padding: 40px 0 0;
	font-size: 13px;
}
.footersec h6 {
    margin-bottom: 4px;
}
.aboutsec {
    background: none;
}
.copyrightsec p.fleft, .copyrightsec p.fright {
	float: none;
}
.inimage, .intext {
	width: 100%;
	float: none;
    display: inline-block;
}
.intext {
	padding: 20px 0 0;
}
.serin .whicon {
    float: none;
    margin-bottom: 10px;
}
.hoteladdress, .hotelmap {
	width: 100%;
	margin-right: 0;
}
.whdesc {
    min-height: auto;
}
}
@media(min-width:600px) and (max-width:979px) {
.wrapperin {
	padding: 0 2%; 
}
.logo {
    padding: 10px 4%;
}
.navwb ul, .navwb li {
    height: 53px;
}
.navwb li a {
    padding: 18px 16px;
    font-size: 14px;
}
.bigtxt {
    font-size: 72px;
    line-height: 92px;
}
.smalltxt {
    font-size: 18px;
    line-height: 24px;
}
.linktxt {
    margin: 8px 0 0;
}
.linktxt a {
    font-size: 16px;
    border: solid 1px #fff;
    padding: 7px 34px;
}
.serviceleft {
    width: 52%;
}
.serviceright {
	width: 45%;
	margin: 0;
}
.bleft, .bright {
	width: 49%;
	margin-top: 32px;
}
.bleft {
    float: left;
}
.bright {
    float: right;
}
.serbox span {
    font-size: 13px;
}
.whsec, .titletext, .whtxt {
    text-align: left;
}
.whsec {
	width: 261px;
}
.whicon {
    width: 76px;
    float: left;
}
.whtxt {
    width: 70%;
    float: left;
    padding-left: 14px;
}
h1, .titletext, .simple-sitemap-wrap h3.post-type {
    font-size: 55px;
    padding: 0 0 0 132px;
    line-height: 60px;
    margin-bottom: 10px;
}
.explink {
    width: 302px;
    padding: 0 16%;
}
.callfooter {
    width: 250px;
}
.abtfooter {
    margin-bottom: 20px;
}
.copyrightsec p {
	width: 100%;
}
.serin .whsec, .serin .whtxt {
    text-align: center;
}
.serin .whtxt {
	padding: 0;
}
}	
@media(min-width:800px) and (max-width:979px) {
.topleft, .topright {
    width: 370px;
}
.serbox span {
    font-size: 18px;
}
.serviceleft {
    width: 51%;
}
.serviceright {
    width: 47%;
}
.bannerbotwb, .servicewb, .galleryhome {
    padding: 50px 0;
}
.whsec {
    width: 354px;
}
.whtxt {
	width: 78%;
}
.abtfooter {
	width: 38%;
}
.explink {
    width: 226px;
    padding: 0 6%;
}
.inimage {
    width: 330px;
    float: left;
}
.intext {
    width: 432px;
    padding: 0 0 0 24px;
    float: left;
}
.inimage {
    width: 40%;
}
.intext {
    width: 60%;
}
.serin .whicon {
	float: left;
}
.serin .whtxt {
    padding-left: 16px;
    text-align: left;
	width: 254px;
}
.abtfooter {
	width: 51%;
}
.callfooter {
	width: 220px;
}
.explink {
    width: 150px;
    padding: 0 3%;
}
.hoteladdress {
	width: 50%;
}
.hotelmap {
	width: 46%;
}
.hotelmap iframe {
	height: 238px;
}
} 
@media(min-width:980px) and (max-width:1241px) {
.wrapperin {
	width: 100%; 
}
.wrapperin {
	padding: 0 2%;
}
.topwb span {
	width: 77%;
}
.topleft span {
	padding: 4px 10px 0 0;
}
.topright span {
	padding: 3px 0 0 10px;
}
.bannertext {
	top: 6%;
}
.serviceleft, .serviceright {
    width: 460px;
}
.bleft, .bright {
    width: 47%;
    margin-top: 20px;
}
.serbox {
    font-size: 22px;
}
.aboutsec {
	background-size: 100% 100%;
}
.abtfooter {
    width: 474px;
}
.explink {
    width: 190px;
    padding: 0 3%;
}
.callfooter {
    width: 276px;
}
.serin .whtxt {
    width: 280px;
    padding-top: 8px;
}
.hoteladdress {
	width: 50%;
}
.hotelmap {
	width: 46%;
}
.hotelmap iframe {
	height: 354px;
}
.whdesc {
    min-height: 145px;
}
}