@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300i,400,600');
/*css starts here*/
.font_usage{ 
    font-family: 'Source Sans Pro', sans-serif;
}
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table, th, td { border: none }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { border-width: 0 1px 1px 0; font-weight: 700; }
td { border-width: 0 1px 1px 0; }
th, td { padding: 0.4em; }
th { font-size: 24px; letter-spacing: 1px; line-height: 28px; }

/* =Global----------------------------------------------- */
* {margin:0; padding:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }
input { border: 0; outline: none }
img { border: none; outline: none; max-width: 100%; height: auto }
ul, ul li { list-style: none;}
ol, ol li { list-style: decimal;}
input[type="submit"], input[type="button"] { cursor: pointer }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.clearfix { display: inline-block }
.clear{display:block;width:100%;height:1px;background:none;clear:both;}
* html .clearfix { height:1%;}
.clearfix { display: block }
p, span, a, small, blockquote, ul, li {line-height: normal;}
figure { max-width: 100% }
blockquote, q {quotes:"" ""; font-size:26px; font-style:italic; line-height:1; color:#000; font-family:Arial, Helvetica, sans-serif; padding:20px 0;}
a { text-decoration: none; color:inherit; outline: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; line-height: normal; padding-bottom:5px; }
h1 { font-size:34px;line-height:36px;}
h2 { font-size:30px;line-height:32px;}
h3 { font-size:24px;line-height:28px;}
h4 { font-size:20px;line-height:24px;}
h5 { font-size:18px;line-height:20px;}
h6 { font-size:16px;line-height:18px;}
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; }

/* Text elements */
p {	margin-bottom: 0; font-size:22px; line-height:35px; font-weight:300; }
dl {	margin: 0 1.625em; }
dt { 	font-weight: bold; }
dd {	margin-bottom: 1.625em; }
strong {	font-weight: bold; }
cite, em, i {	font-style: italic; }
blockquote { 	font-style: italic;	font-weight: normal; margin: 0 1em; }
blockquote em, blockquote i, blockquote cite { 	font-style: normal; }
blockquote cite { color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
a img {	border: 0; }
pre { background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; }
sup,
sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup {	bottom: 0; vertical-align: top; }
sub {	top: .5ex; }

/* Links */
a { color: #f499bb; text-decoration: none; /*transition: all 0.5s ease-in-out 0s;*/ }
a:focus, a:active, a:hover { text-decoration: none; }
:focus {/* remember to define focus styles! */ outline: 0; }
table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }
caption, th, td {font-weight: normal;text-align: left;vertical-align:top;}
th,td{color: #000; font-size: 16px; line-height: 19px; text-align: left;}
table img{ margin:0 !important; width:100%;}
/* Reset CSS ENDS HERE */

html { -webkit-font-smoothing: antialiased; height:100%;}
body { font-size:14px; color:#000; font-family: 'Source Sans Pro', sans-serif; font-weight:400; background:#fff;-webkit-font-smoothing: antialiased; overflow-x: hidden; height:100%; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto; }
body.gal_page{ background:#003f62; }
/*body.home{overflow: hidden; }*/

.wrapper { max-width:1280px; margin:0 auto; }
.wrapper1 { max-width:936px; margin:0 auto; }

/* layout */
#layout { float:left; width: 100%; height:100%; position:relative; background:#fff; padding:56px 0 0; }
body.home, body.home #layout{ overflow:hidden;}
body > img{ position:absolute; bottom:0; left:0; z-index:-1;}
.gal_page #layout { background:none; }

/********* Header Css Starts *********/
header { float: left; width: 100%; background: #151515; text-align: center; position: fixed; z-index: 999999; left: 0; top: 0; }
header .header_inner { float: left; width: 100%; padding: 0 20px; border-top: 4px solid #bce2f1; position: relative; min-height: 56px; z-index: 99; }

header ul.left_logos { float: left; padding: 13px 0 0 0; }
ul.left_logos li { display: inline-block; vertical-align: middle; }
ul.left_logos li a { display: block; vertical-align: top; }
ul.left_logos li a img { vertical-align: top; }
ul.left_logos li.bermuda_logo { background: url(../images/plus_icon.png) no-repeat right center; padding: 0 18px 0 0; background-size: 10px; }
ul.left_logos li.bermuda_logo a { width: 125px; }
ul.left_logos li.tl_logo { padding: 0 0 0 6px; }
ul.left_logos li.tl_logo a { width: 84px; }

header a.paid_logo { display: inline-block; width: auto; margin: 0 auto; vertical-align: top; color: #000; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: 600; background: #bce2f1; padding: 0 5px 3px 5px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
a.paid_logo i { padding: 0 0 0 5px; font-size: 13px; }

header .show_text { float: left; width: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 11px; font-weight: 600; color: #151515; text-transform: uppercase; text-align: center; background: #fff; padding: 8px 20px; margin: 0; position: relative; display: none; line-height: 14px }
header .show_text span.close { position: absolute; right: 2px; top: 10px; width: 20px; height: 20px; cursor: pointer; }
header .show_text span.close:before, header .show_text span.close:after { position: absolute; left: 10px; content: ""; height: 13px; width: 1px; background-color: #151515;}
header .show_text span.close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
header .show_text span.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }

header ul.social_icon { list-style: none; float: right; width: auto; margin-top: 12px; }
header ul.social_icon li { list-style: none; display: inline-block; float: left; margin-left: 8px; }
header ul.social_icon li:first-child { margin-left: 0; }
header ul.social_icon li a { display: block; width: 29px; height: 29px; border-radius: 50%; border: 2px solid #fff; opacity: 1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
header ul.social_icon li a i { font-size: 15px; line-height: 25px; color: #fff; display: inline-block; }
header ul.social_icon li a:hover { opacity: 0.7; }
/********* Header Css Ends *********/

.home_banner{ float:left; width: 100%; height:100%; background:#000; position:relative; /*-webkit-perspective: 1000px !important; perspective: 1000px !important;*/ }
.home_banner:after{ background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; left: 0; top: 0px; width: 505px; height: 88%; max-height:535px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 505 450' preserveAspectRatio='none'%3E%3Cpolygon points='1010,-450 0,0 0,450' style='fill:%23ff78a6;' /%3E%3C/svg%3E");  z-index:999; opacity:0.8; }

.home_banner .intro_banner{ position:absolute; width:100%; height:100%; left:0; top:0; background-size:cover !important; }
.home_banner .intro_banner .intro_bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }


@-moz-keyframes homeAnim {
0%{top:100%; opacity:0; transform: rotateX(-45deg) scale(1.4,1.4);}
20%{top:80%; }
40%{top:60%; }
60%{top:40%; }
80%{top:20%; }
100%{top:0;opacity:1; transform: rotateX(0deg) scale(1,1);}
}
@-webkit-keyframes homeAnim{
0%{top:100%; opacity:0; transform: rotateX(-45deg) scale(1.4,1.4);}
20%{top:80%; }
40%{top:60%; }
60%{top:40%; }
80%{top:20%; }
100%{top:0;opacity:1; transform: rotateX(0deg) scale(1,1);}
}
@keyframes homeAnim{
0%{top:100%; opacity:0; transform: rotateX(-45deg) scale(1.4,1.4);}
20%{top:80%; }
40%{top:60%; }
60%{top:40%; }
80%{top:20%; }
100%{top:0;opacity:1; transform: rotateX(0deg) scale(1,1);}
}

.home_banner .banner_img{ position:absolute; width:100%; height:100%; left:0; right:0; top:0;   /*top:100%;*/ background-size:cover !important; visibility:hidden; opacity:0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; /*-webkit-transform-style: preserve-3d !important; transform-style: preserve-3d !important;*/  }
.home_banner .banner_img.active{ visibility:visible; opacity:1; z-index:99; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; top:0;
/*-webkit-animation: homeAnim 0.5s linear; animation: homeAnim 0.5s linear; -moz-animation: homeAnim 0.5s linear;*/ }




.home_banner .intro_caption{ position:absolute; left:0; top:0; padding:39px 0 0 28px; z-index:9999;  }
.home_banner .intro_caption h1{ font-family: 'montserratmedium'; font-size:36px; line-height:40px; letter-spacing:7px; color:#fff; padding:0 0 6px 65px; text-transform:uppercase; text-align:center; }
.home_banner .intro_caption h1 span{ display:block; padding:0; height:30px; }
.home_banner .intro_caption h1 span img{ vertical-align:top; width:202px; height:25px; }
.home_banner .intro_caption p{ font-family: 'montserratsemi_bold'; font-size:14px; line-height:26px; color:#fff }

.home_banner .bottom_nav{ position:absolute; right:58px; bottom:70px; z-index:9999; text-align:right;}
.home_banner .bottom_nav li{ display:inline-block; color:#fff; text-align:center; margin:0 42px 0 0; }
.home_banner .bottom_nav li.inactive{ opacity:0.6;}
.home_banner .bottom_nav li a{ display:block; width:186px; color:#fff; background:rgba(255,120,166,0.8); font-family: 'montserratbold'; font-size:14px; line-height:18px; letter-spacing:2.4px; text-transform:uppercase; padding:3px 3px; position:relative;
transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.home_banner .bottom_nav li a span{ display:block; border:2px solid #fff; padding:8px 0; }
.home_banner .bottom_nav li a:hover{ transform:scale(1.20,1.20); -webkit-transform:scale(1.20,1.20); -moz-transform:scale(1.20,1.20); }



/***** Inner Page ********************************************************************************************************************/
.col_1{ float:left; width:100%; position:relative; }
.block_banner{ float:left; width:100%; position:relative; min-height:70vh; background-size:cover !important; overflow:hidden; background:#F499B8; }
.block_banner .block_banner_img{ position:absolute; width:100%; height:100%; background-size:cover !important; z-index:9; }
.block_banner .mid_banner_img{ position:absolute; width:100%; height:100%; background-size:cover !important; z-index:9; }

.block_banner span.bottom_shadow{ display:block; width: 100%; height: 0px; position: absolute; left: 0; bottom: 0; box-shadow: 0 0 300px 150px #000; -webkit-box-shadow: 0 0 300px 150px #000; -moz-box-shadow: 0 0 300px 150px #000; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; z-index:99; }

/*.block_banner .block_banner_img:before { content: ""; width: 100%; height: 0px; position: absolute; left: 0; bottom: 0; box-shadow: 0 0 300px 150px #000; -webkit-box-shadow: 0 0 300px 150px #000; -moz-box-shadow: 0 0 300px 150px #000; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; z-index:99; }
.block_banner .mid_banner_img:before { content: ""; width: 100%; height: 0px; position: absolute; left: 0; bottom: 0; box-shadow: 0 0 300px 150px #000; -webkit-box-shadow: 0 0 300px 150px #000; -moz-box-shadow: 0 0 300px 150px #000; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; z-index:99; }*/

.block_banner:after{ background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; height: 130px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 130 450' preserveAspectRatio='none'%3E%3Cpolygon points='0,450 130,0 130,450' style='fill:%23ffffff;' /%3E%3C/svg%3E"); z-index:999; }


.block_banner a.home_btn{ display:inline-block; position:absolute; right:44px; top:17px; z-index:99999; width:38px; height:38px; color:#fff; background:rgba(0,0,0,0.60); padding:10px 0 0 10px; }
.block_banner a.home_btn img{ vertical-align:top; width:18px; height:18px; }

@-moz-keyframes scrollMore {
0%{top:-4px; opacity:1;}
20%{top:3px;}
40%{top:-4px;}
60%{top:0;}
100%{top:0;opacity:1;}
}
@-webkit-keyframes scrollMore{
0%{top:-4px;opacity:1;}
20%{top:3px;}
40%{top:-4px;}
60%{top:0;}
100%{top:0;opacity:1;}
}
@keyframes scrollMore{
0%{top:-4px;opacity:1;}
20%{top:3px;}
40%{top:-4px;}
60%{top:0;}
100%{top:0;opacity:1;}
}
.block_banner a.scroll_for_more{ display:inline-block; position:absolute; left:0; right:0; bottom:120px; z-index:99999; width:170px; text-align:center; color:#fff; margin:0 auto 0;  padding:32px 0 0; }
.block_banner a.scroll_for_more img{position:absolute; opacity:0; left:0; right:0; top:0; z-index:99999;  display:inline-block; width:22px; height:19px; margin:0 auto 0; -webkit-animation: scrollMore 1.5s linear infinite; animation: scrollMore 1.5s linear infinite; -moz-animation: scrollMore 1.5s linear infinite; -webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s; }
.block_banner a.scroll_for_more span{ font-family: 'montserratextra_bold'; display:block; font-size:12px; line-height:16px; letter-spacing:2px; color:#fff; text-transform:uppercase; }
.block_banner a.scroll_for_more:after{ content:""; position:absolute; left:0; right:0; top: calc(100% + 12px); width:2px; height:108px; background:#fff; margin:0 auto 0; }

.block_banner .photo-cred{ font-family: 'montserratitalic'; font-size:12px; line-height:15px; color:#003f62; position:absolute; right:60px; bottom:55px; z-index:9999; }


.welcome_sec{ float:left; width:100%; }
.welcome_sec .head_cont{ float:left; width:100%; text-align:center; }
.welcome_sec .head_cont h2{ font-family: 'playfair_displaybold'; font-size:58px; line-height:64px; line-height:-0.9px; color:#003f62; padding:0 0 20px; }
.welcome_sec .head_cont h3{ font-family: 'montserratregular'; font-size:20px; line-height:32px; color:#003f62; text-transform:uppercase; max-width:740px; margin:0 auto; padding:0 0 30px; }
.welcome_sec .head_cont p{ font-family: 'playfair_displayitalic'; font-size:20px; line-height:30px; color:#003f62; max-width:900px; margin:0 auto 30px; }
#sec1 .welcome_sec .head_cont p{ margin-bottom:55px;}

.img_sec{ float:left; width:100%; }
.img_sec .img_box{ float:left; width:100%; position:relative; }

.img_sec .img_box span.photo-cred{ display:block; font-family: 'montserratitalic'; font-size:12px; line-height:15px; color:#003f62; padding:10px 10px 0 50px; clear:both; }
.img_sec .img_box figure.top{ margin-bottom:9px;}
.img_sec .img_box figure{ float:left; width:100%; overflow:hidden; position:relative; }
.img_sec .img_box figure img{ vertical-align:top; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; position:relative; z-index:999; width:100%;  }
.img_sec .img_box figure:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); }
.img_sec .img_box figure > span{ position:absolute; width:100%; height:100%; left:0; top:0; background:#f499b8; }

.img_sec .img_box figure .video_btn{ position:absolute; width:100%; height:100%; background: url(../images/play_box.png) no-repeat center center; background-size:84px; z-index:999; left:0; top:0; }


.img_sec .img_half{ float:left; width:calc(50% - 5px); }
.img_sec .img_half.right{ float:right; }
.img_sec .img_half.right_bottom{ position:absolute; right:0; bottom:0; }
.img_sec .img_half.left_bottom{ position:absolute; left:0; bottom:0; }

.img_sec .img_sm{ float:left; width:calc(33.33% - 6px); }
.img_sec .img_sm:first-child{ margin-right:9px;}
.img_sec .img_sm.right{ float:right; }

.img_sec .img_full{ float:left; width:100%; }

.img_sec .img_sm1{ float:left; width:calc(33.15% - 5px); }
.img_sec .img_sm1.right{ float:right; }

.img_sec .img_md{ float:left; width:calc(66.85% - 5px); }
.img_sec .img_md.right{ float:right; }

.img_sec .img_sm2{ float:left; width:calc(38.50% - 5px); }
.img_sec .img_sm2.right{ float:right; }

.img_sec .img_md1{ float:left; width:calc(61.50% - 5px); }
.img_sec .img_md1.right{ float:right; }
.img_sec .img_md1.left_bottom{ position:absolute; left:0; bottom:0; }

.img_sec .img_box blockquote{ font-family: 'playfair_displayitalic'; font-size:30px; line-height:45px; color:#f499b8; text-align:center; max-width:480px; font-style:normal; position:absolute; top:50px; padding:50px 0 0; /*background:#ff0;*/ }
.img_sec .img_box blockquote span{ display:block; position:absolute; top:0; left:0; right:0; margin:0 auto; color:#f499b8; font-family: 'playfair_displayregular'; font-size:100px; line-height:85px; }
.img_sec .img_box blockquote.right_top{ right:25%; margin:0 -170px 0 0; }
.img_sec .img_box blockquote.left_top{ left:30%; margin:0 0 0 -240px; }




.desc_sec{ display:block; margin:50px auto 25px; max-width:800px; width:100%; }
.desc_sec h3{ font-family: 'montserratbold'; font-size:18px; line-height:20px; letter-spacing:3px; color:#003f62; text-transform:uppercase; padding:0 0 25px; }
.desc_sec h4{ font-family: 'playfair_displaybold'; font-size:20px; line-height:32px; color:#003f62; padding:0 0 25px; }
.desc_sec p{ font-family: 'playfair_displayregular'; font-size:20px; line-height:32px; color:#063655;  padding:0 0 25px; }
.desc_sec p strong{ font-family: 'playfair_displaybold'; font-weight:normal; }
.desc_sec p em{ font-family: 'playfair_display_blackitalic'; font-weight:normal; font-style:normal; }

.desc_sec p a{ font-family: 'playfair_displaybold_italic'; color:#f499b8; line-height:32px; text-decoration:underline; }
.desc_sec p a:hover{ text-decoration:none; }
.desc_sec blockquote{ font-family: 'playfair_displaybold_italic'; font-size:32px; line-height:42px; color:#f499b8; margin:0; text-align:center; font-style:normal; padding:35px 0 25px; }
.desc_sec figure{ float:right; margin:0 -132px 60px 82px; width:450px; position:relative; }
.desc_sec figure img{ vertical-align:top; position:relative; z-index:99; }
.desc_sec figure .bg_waves{ width:100%; height:400px; background: url(../images/bg_waves.png) no-repeat left center; background-size:100%; position:absolute; left:0; }

.desc_sec figure.family_cocktail{ text-align:center; padding:20% 0 0; }
.desc_sec figure.family_cocktail video{ display:block; width:100%;}
.desc_sec figure.family_cocktail img{ max-width:363px;  }
.desc_sec figure.family_cocktail .bg_waves{ top:17%; height:360px; }

.desc_sec figure.frndshp_cocktail{ text-align:right;}
.desc_sec figure.frndshp_cocktail video{ display:block; width:100%;}
.desc_sec figure.frndshp_cocktail img{ max-width:330px;  }
.desc_sec figure.frndshp_cocktail .bg_waves{ top:25%; }

.desc_sec figure.romance_cocktail{ text-align:center;}
.desc_sec figure.romance_cocktail video{ display:block; width:100%;}
.desc_sec figure.romance_cocktail img{ max-width:304px;  }
.desc_sec figure.romance_cocktail .bg_waves{ top:24%; height:368px; }

.desc_sec figure span.photo-cred{ display:block; font-family: 'montserratitalic'; font-size:12px; line-height:15px; color:#003f62; position:absolute; left:0; bottom:10%; text-align:left; }
.desc_sec figure.romance_cocktail span.photo-cred{ bottom:10%; }
.desc_sec figure p{ text-align:center; padding:0 0 0; }


#sec2{ background:#f6f6f6; padding:72px 0; margin:20px 0 80px; }
.gal_banner{ float:left; width:100%; min-height:90vh; background-size: cover !important; position:relative; background-attachment:fixed !important; }
.mobile_device .gal_banner{ background-attachment: scroll !important; }
.gal_banner:after{ background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; position: absolute; left: 0; top: 0px; width: 505px; height: 535px; max-height:100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 505 450' preserveAspectRatio='none'%3E%3Cpolygon points='1010,-450 0,0 0,450' style='fill:%23ff78a6;' /%3E%3C/svg%3E");  z-index:999; opacity:0.8; }
.gal_banner .intro_caption{ position:absolute; left:0; top:0; padding:56px 0 0 50px; z-index:9999; text-align:left; width:300px }
.gal_banner .intro_caption h2{ font-family: 'playfair_display_blackregular'; font-size:42px; line-height:46px; color:#fff; }
.gal_banner .intro_caption h2 span{ display:block; font-size:20px; line-height:24px; letter-spacing:-0.33px; text-transform:uppercase; font-family: 'montserratbold'; }
.gal_banner a.gal_link{ display:block; width:265px; color:#fff; background:rgba(255,120,166,0.8); font-family: 'montserratbold'; font-size:14px; line-height:18px; letter-spacing:2.33px; text-transform:uppercase; padding:5px 5px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; }
.gal_banner a.gal_link span{ display:inline-block; width:100%; border:2px solid #fff; vertical-align:middle; padding:11px 0; }
.gal_banner a.gal_link span img{ vertical-align:middle; width:55px; height:50px; margin:0 0 0 10px; }
.gal_banner .photo-cred{ font-family: 'montserratitalic'; font-size:12px; line-height:15px; color:#003f62; position:absolute; left:0; top:100%; z-index:999; padding:10px 0 0 50px; }


.scroll_top{ float:left; width:100%; position:relative; min-height:40px; margin:0 0 47px; }
.scroll_top a#back_to_top{ display:inline-block; position:absolute; left:0; right:0; top:0; z-index:99999; width:120px; text-align:center; color:#fff; margin:0 auto 0; }
.scroll_top a#back_to_top img{ display:inline-block; width:22px; height:19px; }
.scroll_top a#back_to_top span{ font-family: 'montserratextra_bold'; display:block; font-size:10px; line-height:12px; letter-spacing:1.67px; color:#f499B8; text-transform:uppercase; padding:5px 0 0; }


/******************************************** Footer Css Starts ******************************************************************/
footer { float: left; width: 100%; background: #151515; padding: 20px 0; text-align: center; z-index: 9999; }
footer a.footer_logo { display: inline-block; }
a.footer_logo img { vertical-align: top; width: 169px; }
footer ul { list-style: none; padding: 12px 0 0; }
footer ul li { display: inline-block; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; color: #fff; padding: 0 5px 0 8px; background: url(../images/link_sep.jpg) no-repeat left center; }
footer ul li:first-child { background: none; }
footer ul li a { display: block; color: #fff; }
footer ul li a:hover, footer ul li a:focus { color: #888888; }
footer ul li a.ad_choices img { vertical-align: middle; margin-left: 3px; transition: all .15s ease-in-out 0s; }
footer ul li a.ad_choices:hover img, footer ul li a.ad_choices:focus img { opacity: 0.5; }
/******************************************** Footer Css Ends ******************************************************************/



/***********************************Article Page Css**************************************************/
.bg_boxes { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

.bg_boxes .bg_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-size: cover !important; transition: opacity 0.6s ease-out; -webkit-transition: opacity 0.6s ease-out; -moz-transition: opacity 0.6s ease-out; }
.bg_boxes .bg_box.active { opacity: 1; }

.bg_boxes .bg_box .photo-cred{ color:#fff; background:rgba(0,0,0,0.60); display:inline-block; position:absolute; right:0; bottom:27px; font-family: 'montserratmedium'; font-size:10px; line-height:13px; padding:3px 55px; }

.gal_page a.home_btn{ display:inline-block; position:fixed; right:21px; top:77px; z-index:999999; width:38px; height:38px; color:#fff; background:rgba(0,0,0,0.60); padding:10px 0 0 10px; }
.gal_page a.home_btn img{ vertical-align:top; width:18px; height:18px; }

.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; background:rgba(0,63,98,0.85); }
.overlay.active {  opacity: 1; }

.col { float: left; width: 100%; position: relative; z-index: 999; }
.col .full-length { float: left; width: 100%; min-height: 100vh; z-index: 999; position: relative; }
.col .half-length { float: left; width: 100%; min-height: 50vh; z-index: 999; position: relative; }

.col .content_intro { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 828px; max-width: 100%; text-align: center; }
.col .content_intro .title_box { display:block; padding:7px; background:rgba(255,120,166,0.8); margin:0 0 48px; }
.col .content_intro h1 { border:2px solid #fff; font-family: 'playfair_displaybold'; font-size: 52px; line-height: 64px; color: #fff; padding: 18px 0; }
.col .content_intro h1 span {font-family: 'montserratsemi_bold'; font-size: 30px; line-height: 38px; letter-spacing: 1.47px; color: #fff; display: block; text-transform: uppercase; }
.col .content_intro p {font-family: 'montserratextra_bold'; font-size: 12px; line-height: 17px; letter-spacing: 2px; color: #fff; max-width: 380px; margin: 12px auto 0; clear: both;}
.col .content_intro .scroll_more1 { display: inline-block; width: 22px; vertical-align: top; }
.col .content_intro .scroll_more1 img { vertical-align: top; width:22px; height:19px; }

.col .content_box { float: left; width: 100%; text-align: center; }
.col .content_box .content_box_inner { max-width: 830px; width: 100%; display: block; margin: 0 auto; position: relative; padding: 0 0 20px; }
.col .content_box .content_box_inner h3 { font-family: 'playfair_displaybold_italic'; font-size: 24px; line-height: 28px; padding: 0 0 22px; color: #fff; }
.col .content_box .content_box_inner h3 a{ text-decoration:underline; color:#fff; }
.col .content_box .content_box_inner h3 a:hover{ text-decoration:none; }
.col .content_box .content_box_inner p { font-family: 'montserratmedium'; font-size: 20px; line-height: 33px; color: #fff; padding: 0 20px 20px; }
.col .content_box .content_box_inner p a{ text-decoration:underline; color:#fff; }
.col .content_box .content_box_inner p a:hover{ text-decoration:none; }
.col .content_box .content_box_inner p strong{ font-family: 'montserratbold_italic'; font-weight:normal; }
.col .content_box .content_box_inner p.large_text { font-family: 'playfair_displayregular'; font-size: 32px; line-height: 49px; color: #fff; padding: 0 0 20px; }
.col .content_box .content_box_inner p.large_text a{ text-decoration:underline; font-family: 'playfair_displayitalic'; color:#fff; }
.col .content_box .content_box_inner p.large_text a:hover{ text-decoration:none; }
.col .content_box .content_box_inner h4 { font-family: 'playfair_displaybold_italic'; font-size: 19px; line-height: 24px; padding: 42px 0 0; color: #fff; text-align:center; }
.col .content_box .content_box_inner h4 span{ display:block; padding:13px 0 0; }
.col .content_box .content_box_inner h4 img{ vertical-align:top; width:94px; height:59px; }
@-moz-keyframes scrollMore1 {
    0% { bottom: -7px; opacity: 1; }
    20% { bottom: 3px; }
    40% { bottom: -4px; }
    60% { bottom: 0; }
    100% { bottom: 0; opacity: 1; }
}
@-webkit-keyframes scrollMore1 {
    0% { bottom: -7px; opacity: 1; }
    20% { bottom: 3px; }
    40% { bottom: -4px; }
    60% { bottom: 0; }
    100% { bottom: 0; opacity: 1; }
}
@keyframes scrollMore1 {
    0% { bottom: -7px; opacity: 1; }
    20% { bottom: 3px; }
    40% { bottom: -4px; }
    60% { bottom: 0; }
    100% { bottom: 0; opacity: 1; }
}
.content_box_inner a.scroll_more1 { position: absolute; width: 22px; left: 50%; bottom: 0; z-index: 9999; background-size: 6px; margin: 0 0 0 -8px; -webkit-animation: scrollMore1 1.5s linear infinite; -moz-animation: scrollMore1 1.5s linear infinite; animation: scrollMore1 1.5s linear infinite; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; }
.content_box_inner a.scroll_more1 img{  vertical-align: top; width:22px; height:19px; }


.ad_container { float: left; width: 100%; }
.ad_container .ad { display: block; width: 100%; text-align: center; max-width: 100%; margin: 10px auto 50px; max-height: 90px; }
.ad_container .ad img { vertical-align: top; }



.v_box { position: relative; height: 0; width: 100%; padding-bottom: 56.25%; overflow: hidden; background: none;}
.video-js { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }

/******* CSS LIGHTBOX *******/
/*Eliminates padding, centers the thumbnail */
/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.vid_box {
    position: fixed;
    top: 100%;
    background: rgba(0, 0, 0, .75);
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    z-index: 999999;
    width: 100%;
    max-width: 100%;
    padding:2.5vh 2.5% 0;
}

.vid_box_inner { display: block; width: 100%; position: relative; max-width: 100%; }

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
.vid_box video {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    border: none;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}


/* Styles the close link, adds the slide down transition */
a.vid-close {
    /*border-radius:50%; border:2px solid #fff;*/
    display: block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: none;
    color: black;
    text-decoration: none;
    position: absolute;
    top: -60px;
    right: 3px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}


/* Provides part of the "X" to eliminate an image from the close link */
a.vid-close:before {
    content: "";
    display: block;
    height: 40px;
    width: 4px;
    background: white;
    position: absolute;
    left: 17px;
    top: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */
a.vid-close:after {
    content: "";
    display: block;
    height: 40px;
    width: 4px;
    background: white;
    position: absolute;
    left: 17px;
    top: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.vid_box.active { opacity: 1;  top: 0; bottom: 0; }
.vid_box.active .v_box { padding-bottom:0; height:95vh; }
.vid_box.active .video-js{ background:#000;}
.vid_box.active video { max-height: 100%;  max-width: 100%; }
.vid_box.active a.vid-close { top: 3px;}



html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }