/* CSS Document */

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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, ul, li, ol, center, dl, dt, dd, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, fieldset, legend, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{border: 0 none;list-style: none outside none;margin: 0;padding: 0; vertical-align:top;}

body {margin: 0px;font-size: 100%;font-family: 'Montserrat', sans-serif;}
img {border: none;}
a {text-decoration: none;}
.clr{clear:both;}
.fullImage{width:100%;}

.topRibon{width:100%; height:auto; padding:20px 3%; margin:auto; background:#ffed89;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0px 12%; margin:auto; background:#6b2160; position:relative; z-index:101; box-shadow:0 0 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
header .logoBox{position:relative;width:160px;height: auto; padding:0px; margin:10px 0 0px 0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .trinity-logo{width:150px;height:auto;padding:0;margin:auto;position:absolute;z-index:1;top:-42px;right:-200px;border: solid 2px #6b2160;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .rightBox{width:auto;float:right; margin:20px 0 15px 0; text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px 12%; margin:auto; background:#6b2160; position:relative; z-index:101; box-shadow:0 0 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
header.smaller .logoBox{position:relative;width:160px;height: auto; padding:0px; margin:10px 0 0px 0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .trinity-logo{width:74px;height:auto;padding:0;margin:auto;position:absolute;z-index:1;top:-10px;right:-200px;border: solid 2px #6b2160;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .rightBox{width:auto;float:right; margin:20px 0 15px 0; text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.logo{width:160px;height:auto;}
.booking-no{width:100%;height:auto;padding:0 0 3px 0;margin:auto;font-size:22px;color:#fff;font-weight:600;line-height:22px;}
.booking-no a{color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.booking-no a:hover{color:#e82626;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.bodywrap{width:100%;height:auto;padding:0px 12%;margin:210px auto 90px auto;}
.boxpanel{width:100%;height:auto;padding:auto;margin:auto;}
.boxpanel .leftbox{width:48%;height:auto;padding:45px 0;margin:auto;background:#f6f5f7;text-align:center;float:left;border-top:solid 2px #6b2160;border-bottom:solid 2px #6b2160;border-left:solid 10px #6b2160; border-right:solid 10px #6b2160; border-radius:0 175px 0 175px;}
.boxpanel .rightbox{width:48%;height:auto;padding:45px 0;margin:auto;background:#f6f5f7;text-align:center;float:right;border-top:solid 2px #6b2160;border-bottom:solid 2px #6b2160;border-right:solid 10px #6b2160;border-left:solid 10px #6b2160;border-radius:175px 0 175px 0;}
.boxpanel .box-title{width:100%;height:auto;padding:0 0 20px 0;margin:auto;}
.boxpanel .box-title h2{width:100%;height:auto;padding:0;margin:auto;color:#6b2160; font-size:32px; text-align:center;font-weight:700;}
.boxpanel .box-textbox{width:100%;min-height: 60px;padding:0;margin:auto; font-size:13px; text-align:center;font-weight:400;line-height:27px;}
.boxpanel .btnbox{width:100%;height:auto;padding:20px 0 0 0;margin:auto;text-align:center;}
.boxpanel .btnbox .nav-btn{display:inline-block;width:auto;height:auto;padding:10px 15px 9px 15px;margin:auto; background:#6b2160; color:#fff;font-size:13px;font-weight:400;border-radius:5px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
.boxpanel .btnbox .nav-btn:hover{background:#ea2428;color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.footer{width:100%;height:auto;padding:60px 12%;margin:auto;background:#6b2160; color:#fff;}
.footer .disclaimer{width:100%;height:auto;padding:0;margin:auto;}
.footer .disclaimer .heading{width:100%;height:auto;padding:0;margin:auto; color:#fff;font-size:16px;font-weight:500; line-height:24px;}
.footer .disclaimer p{width:100%;height:auto;padding:0;margin:10px auto; color:#fff;font-size:12px;font-weight:300; line-height:21px;}
.footer .copyright{width:100%;height:auto;padding:0;margin:20px auto 0px auto; color:#fff;font-size:13px;font-weight:400; line-height:21px;}

@media (min-width: 320px) and (max-width: 480px){

.topRibon{padding:0px;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0px 0%; margin:auto; background:#6b2160; position:relative; z-index:101; box-shadow:0 0 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
header .logoBox{position:relative;width:100%;height: auto; padding:20px 0 0 0; margin:0; float:none;text-align:center; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .trinity-logo{width:250px;height:auto;padding:20px 0 10px 0;margin:auto;position:relative;z-index:1;top:0;right:0;border: solid 2px #6b2160;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .rightBox{width:100%;float:none; margin:20px 0 15px 0; text-align:center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller .header{width:100%; height:auto; padding:0px 0%; margin:auto; background:#6b2160; position:relative; z-index:101; box-shadow:0 0 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
header.smaller .logoBox{position:relative;width:100%;height: auto; padding:20px 0 0 0; margin:0; float:none;text-align:center; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .trinity-logo{width:250px;height:auto;padding:20px 0 10px 0;margin:auto;position:relative;z-index:1;top:0;right:0;border: solid 2px #6b2160;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .rightBox{width:100%;float:none; margin:20px 0 15px 0; text-align:center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.logo{width:200px;height:auto;}
.booking-no{width:100%;height:auto;padding:20px 0 20px 0;margin:auto;font-size:18px;color:#fff;font-weight:600;line-height:22px;border-top:solid 5px #fff;}	

.bodywrap{width:100%;height:auto;padding:0px 5%;margin:20px auto;}
.boxpanel{width:100%;height:auto;padding:auto;margin:auto;}
.boxpanel .leftbox{width:100%;height:auto;padding:45px 0;margin:15px auto;background:#f6f5f7;text-align:center;float:left;border-top:solid 2px #6b2160;border-bottom:solid 2px #6b2160;border-left:solid 5px #6b2160; border-right:solid 5px #6b2160; border-radius:40px;}
.boxpanel .rightbox{width:100%;height:auto;padding:45px 0;margin:15px auto;background:#f6f5f7;text-align:center;float:right;border-top:solid 2px #6b2160;border-bottom:solid 2px #6b2160;border-right:solid 5px #6b2160;border-left:solid 5px #6b2160;border-radius:40px;}
.boxpanel .box-textbox{width:100%;min-height:auto;padding:0;margin:auto; font-size:13px; text-align:center;font-weight:400;line-height:27px;}

.footer{width:100%;height:auto;padding:30px 7%;margin:auto;background:#6b2160; color:#fff;}
}

@media (min-width: 481px) and (max-width: 769px){
.topRibon{padding:0px;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0px 0%; margin:auto; background:#6b2160; position:relative; z-index:101; box-shadow:0 0 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
header .logoBox{position:relative;width:100%;height: auto; padding:20px 5% 0 5%; margin:0; float:none;text-align:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .trinity-logo{width:150px;height:auto;padding:20px 0 10px 0;margin:auto;position:absolute;z-index:1;top:-5px;right:15px;border: solid 2px #6b2160;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .rightBox{width:100%;float:none; margin:20px 0 15px 0; text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header.smaller .header{width:100%; height:auto; padding:0px 0%; margin:auto; background:#6b2160; position:relative; z-index:101; box-shadow:0 0 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
header.smaller .logoBox{position:relative;width:100%;height: auto; padding:20px 5% 0 5%; margin:0; float:none;text-align:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .trinity-logo{width:150px;height:auto;padding:20px 0 10px 0;margin:auto;position:absolute;z-index:1;top:-5px;right:15px;border: solid 2px #6b2160;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .rightBox{width:100%;float:none; margin:20px 0 15px 0; text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.logo{width:200px;height:auto;}
.booking-no{width:95%;height:auto;padding:20px 5%;margin:0 5% 0 0;font-size:17px;color:#fff;font-weight:600;line-height:18px;border-top:solid 5px #fff;}	

.bodywrap{width:100%;height:auto;padding:0px 5%;margin:20px auto;}
.boxpanel{width:100%;height:auto;padding:auto;margin:auto;}
.boxpanel .leftbox{width:100%;height:auto;padding:45px 0;margin:15px auto;background:#f6f5f7;text-align:center;float:left;border-top:solid 2px #6b2160;border-bottom:solid 2px #6b2160;border-left:solid 5px #6b2160; border-right:solid 5px #6b2160; border-radius:40px;}
.boxpanel .rightbox{width:100%;height:auto;padding:45px 0;margin:15px auto;background:#f6f5f7;text-align:center;float:right;border-top:solid 2px #6b2160;border-bottom:solid 2px #6b2160;border-right:solid 5px #6b2160;border-left:solid 5px #6b2160;border-radius:40px;}
.boxpanel .box-textbox{width:100%;min-height:auto;padding:0;margin:auto; font-size:13px; text-align:center;font-weight:400;line-height:27px;}

.footer{width:100%;height:auto;padding:30px 7%;margin:auto;background:#6b2160; color:#fff;}	
}

@media (min-width: 769px) and (max-width: 1100px){
.topRibon{width:100%; height:auto; padding:20px 3%; margin:auto; background:#ffed89;}

header {width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0px 5%; margin:auto; background:#6b2160; position:relative; z-index:101; box-shadow:0 0 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
header .logoBox{position:relative;width:160px;height: auto; padding:0px; margin:10px 0 0px 0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .trinity-logo{width:150px;height:auto;padding:0;margin:auto;position:absolute;z-index:1;top:-43px;right:-175px;border: solid 2px #6b2160;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .rightBox{width:auto;float:right; margin:20px 0 15px 0; text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px 5%; margin:auto; background:#6b2160; position:relative; z-index:101; box-shadow:0 0 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
header.smaller .logoBox{position:relative;width:160px;height: auto; padding:0px; margin:10px 0 0px 0; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .trinity-logo{width:74px;height:auto;padding:0;margin:auto;position:absolute;z-index:1;top:-10px;right:-175px;border: solid 2px #6b2160;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .rightBox{width:auto;float:right; margin:20px 0 15px 0; text-align:left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

.logo{width:160px;height:auto;}
.booking-no{width:100%;height:auto;padding:0 0 3px 0;margin:auto;font-size:22px;color:#fff;font-weight:600;line-height:22px;}

.bodywrap{width:100%;height:auto;padding:0px 5%;margin:175px auto 30px auto;}
.boxpanel{width:100%;height:auto;padding:auto;margin:auto;}
.boxpanel .leftbox{width:100%;height:auto;padding:45px 0;margin:15px auto;background:#f6f5f7;text-align:center;float:left;border-top:solid 2px #6b2160;border-bottom:solid 2px #6b2160;border-left:solid 5px #6b2160; border-right:solid 5px #6b2160; border-radius:40px;}
.boxpanel .rightbox{width:100%;height:auto;padding:45px 0;margin:15px auto;background:#f6f5f7;text-align:center;float:right;border-top:solid 2px #6b2160;border-bottom:solid 2px #6b2160;border-right:solid 5px #6b2160;border-left:solid 5px #6b2160;border-radius:40px;}
.boxpanel .box-textbox{width:100%;min-height:auto;padding:0;margin:auto; font-size:13px; text-align:center;font-weight:400;line-height:27px;}

.footer{width:100%;height:auto;padding:30px 5%;margin:auto;background:#6b2160; color:#fff;}	
}