/*
Theme Name: Edward Jones
*/





/*css starts here*/

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; border: none;box-sizing:border-box; -webkit-box-sizing:border-box;  -o-box-sizing:border-box;  -moz-box-sizing:border-box;  -ms-box-sizing:border-box; line-height: normal }

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 }

textarea, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; resize: none; max-width:100%; }

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; font-family:"Playfair Display",serif; color:#333333; 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-family: 'Source Sans 3', sans-serif;
	 font-size:22px; line-height:31px; font-weight:300; color:#333333;
}



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: 90%;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}


sup {
	bottom: 1ex;
}


sub {
	top: .5ex;
}



/* Links */
a {
	color: #4e8abe;
	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%;}


.spacer-30{ display:block; width:100%; clear:both; min-height:30px;}
.spacer-20{ display:block; width:100%; clear:both; min-height:20px;}


/* Reset CSS ENDS HERE */
html { -webkit-font-smoothing: antialiased; height:100%;}

body { font-size:14px; color:#000; font-family: 'Source Sans 3', sans-serif; background:#fff;-webkit-font-smoothing: antialiased;height:100%; overflow-x: hidden;}

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

div#siteloader { position: fixed; left: 0; top: 0; z-index: 9999999; width: 100%; height: 100%; overflow: visible; background: #000 url(../images/spin.gif) no-repeat center center; }


/* layout */
#layout { float:left; width: 100%; position:relative; padding:60px 0 0; }


/*********Header Css*********/
header{ float:left; width:100%; background:#000; text-align:center; padding:0 20px; position:fixed; z-index:999999; left:0; top:0; min-height:60px; }
header ul.logos{ list-style:none; float:left; width:auto; margin-top:15px;}
header ul.logos li{ list-style:none; display:inline-block; width:auto;  line-height:30px; height:30px; border-left:1px solid rgba(255,255,255,0.3); padding:0 20px 0 25px; }
header ul.logos li:first-child{ border-left:none; padding-left:0;}
header ul.logos li a{ display:inline-block; vertical-align:middle;}



header ul.social_icon{ list-style:none; float:right; width:auto; margin-top:15px; display:none}
header ul.social_icon li{ list-style:none; display:inline-block; float:left; margin-left:10px;  }
header ul.social_icon li:first-child{ margin-left:0; }
header ul.social_icon li a{ display:block; width:31px; height:31px; 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:14px; line-height:28px; color:#fff; }
header ul.social_icon li a:hover{opacity:0.7;}
header .right-logo {
    background-image: url("../images/EJ-340x60.webp");
    background-size: 100% auto;
    margin-right: 24px;
    position: absolute;
    right: 0;
    top: 15px;
    width: 170px;
}

header .right-logo:after { content: ''; border-right: 0px solid rgba(255, 255, 255, 0.3); display:block; position: absolute; right: 0px; top: 15px; height: 30px; }
header .right-logo span { font-size: 11px; padding: 2px 2px 4px; display: block; color: #b3b3b3; text-transform: uppercase; display:none}



/********************************************Intro Section Css******************************************************************/

.intro_sec{ float:left; width:100%; position:relative;}
.intro_sec.mobile-part{ display:none;}
.intro_sec ul{ list-style:none;}
.intro_sec ul li{ float:left; width:25%; min-height:215px; position:relative;  perspective: 1000px;-webkit-perspective: 1000px; -moz-perspective: 1000px; background:#fff;}




.flipY{transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg);}
@-webkit-keyframes flipY{
0%{transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
50%{transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
100%{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
}
@keyframes flipY{
0%{transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
50%{transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
100%{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
}
.flipY.go{ -webkit-animation-name:flipY;animation-name:flipY;}


.flipYc{transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg);}
@-webkit-keyframes flipYc{
0%{transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
50%{transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
51%{transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
100%{transform: rotateX(-180deg) rotateY(0deg); -webkit-transform: rotateX(-180deg) rotateY(0deg); -moz-transform: rotateX(-180deg) rotateY(0deg);}
}
@keyframes flipYc{
0%{transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
50%{transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
51%{transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
100%{transform: rotateX(-180deg) rotateY(0deg); -webkit-transform: rotateX(-180deg) rotateY(0deg); -moz-transform: rotateX(-180deg) rotateY(0deg);}
}
.flipYc.go{ -webkit-animation-name:flipYc;animation-name:flipYc;}



.flipY1{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
@-webkit-keyframes flipY1{
0%{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
50%{transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
100%{transform: rotateX(0deg) rotateY(-180deg); -webkit-transform: rotateX(0deg) rotateY(-180deg); -moz-transform: rotateX(0deg) rotateY(-180deg);}
}
@keyframes flipY1{
0%{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
50%{transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
100%{transform: rotateX(0deg) rotateY(-180deg); -webkit-transform: rotateX(0deg) rotateY(-180deg); -moz-transform: rotateX(0deg) rotateY(-180deg);}
}
.flipY1.go{ -webkit-animation-name:flipY1;animation-name:flipY1;}


.flipY1c{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
@-webkit-keyframes flipY1c{
0%{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
50%{transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
51%{transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
100%{transform: rotateX(-180deg) rotateY(0deg); -webkit-transform: rotateX(-180deg) rotateY(0deg); -moz-transform: rotateX(-180deg) rotateY(0deg);}
}
@keyframes flipY1c{
0%{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
50%{transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
51%{transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }
100%{transform: rotateX(-180deg) rotateY(0deg); -webkit-transform: rotateX(-180deg) rotateY(0deg); -moz-transform: rotateX(-180deg) rotateY(0deg);}
}
.flipY1c.go{ -webkit-animation-name:flipY1c;animation-name:flipY1c;}





.flipX{transform: rotateX(180deg) rotateY(0deg); -webkit-transform: rotateX(180deg) rotateY(0deg); -moz-transform: rotateX(180deg) rotateY(0deg);}
@-webkit-keyframes flipX{
0%{transform: rotateX(180deg) rotateY(0deg); -webkit-transform: rotateX(180deg) rotateY(0deg); -moz-transform: rotateX(180deg) rotateY(0deg); }
50%{transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
100%{transform: rotateX(-180deg) rotateY(0deg); -webkit-transform: rotateX(-180deg) rotateY(0deg); -moz-transform: rotateX(-180deg) rotateY(0deg);}
}
@keyframes flipX{
0%{transform: rotateX(180deg) rotateY(0deg); -webkit-transform: rotateX(180deg) rotateY(0deg); -moz-transform: rotateX(180deg) rotateY(0deg); }
50%{transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
100%{transform: rotateX(-180deg) rotateY(0deg); -webkit-transform: rotateX(-180deg) rotateY(0deg); -moz-transform: rotateX(-180deg) rotateY(0deg);}
}
.flipX.go{ -webkit-animation-name:flipX;animation-name:flipX;}


.flipXc{transform: rotateX(180deg) rotateY(0deg); -webkit-transform: rotateX(180deg) rotateY(0deg); -moz-transform: rotateX(180deg) rotateY(0deg);}
@-webkit-keyframes flipXc{
0%{transform: rotateX(180deg) rotateY(0deg); -webkit-transform: rotateX(180deg) rotateY(0deg); -moz-transform: rotateX(180deg) rotateY(0deg); }
50%{transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
100%{transform: rotateX(0deg) rotateY(-180deg); -webkit-transform: rotateX(0deg) rotateY(-180deg); -moz-transform: rotateX(0deg) rotateY(-180deg);}
}
@keyframes flipXc{
0%{transform: rotateX(180deg) rotateY(0deg); -webkit-transform: rotateX(180deg) rotateY(0deg); -moz-transform: rotateX(180deg) rotateY(0deg); }
50%{transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
100%{transform: rotateX(0deg) rotateY(-180deg); -webkit-transform: rotateX(0deg) rotateY(-180deg); -moz-transform: rotateX(0deg) rotateY(-180deg);}
}
.flipXc.go{ -webkit-animation-name:flipXc;animation-name:flipXc;}




.flipX1{transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg);}
@-webkit-keyframes flipX1{
0%{transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); }
50%{transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); }
100%{transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg);}
}
@keyframes flipX1{
0%{transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); }
50%{transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); }
100%{transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg);}
}
.flipX1.go{ -webkit-animation-name:flipX1;animation-name:flipX1;}




.intro_sec ul li .initial{ width: 100%; height:100%; position: absolute; left:0; top: 0;  background:#49a096; z-index:9;  backface-visibility: hidden;-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; }

.intro_sec ul li:nth-child(6){ width:50%; background:#fff;}
.intro_sec ul li:nth-child(6):after{ display:none;}
.intro_sec.mobile-sec {  display:  none; }


.intro_sec ul li .final{ width: 100%; height:100%; position: absolute; left:0; top: 0;  background:#49a096; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; overflow:hidden; z-index:2; opacity:0 !important;}

@media only screen and (min-width: 1025px) {
/*Top & Bottom Side Boxes*/
.intro_sec ul li.top_side:hover .final, .intro_sec ul li.bottom_side:hover .final{ transform: rotateY(0deg) translate3d(0px, 0px, 0px) !important; -webkit-transform: rotateY(0deg) translate3d(0px, 0px, 0px) !important; -moz-transform: rotateY(0deg) translate3d(0px, 0px, 0px) !important; -ms-transform: rotateY(0deg) translate3d(0px, 0px, 0px) !important; -o-transform:rotateY(0deg) translate3d(0px, 0px, 0px) !important; opacity:1 !important;}

/*Right & Left Side Boxes*/
.intro_sec ul li.right_side:hover .final, .intro_sec ul li.left_side:hover .final{ transform: rotateX(0deg) translate3d(0px, 0px, 0px) !important; -webkit-transform: rotateX(0deg) translate3d(0px, 0px, 0px) !important; -moz-transform: rotateX(0deg) translate3d(0px, 0px, 0px) !important; -ms-transform: rotateX(0deg) translate3d(0px, 0px, 0px) !important; -o-transform:rotateX(0deg) translate3d(0px, 0px, 0px) !important; opacity:1 !important;}

}

.intro_sec ul li.active .final{ transform: rotateX(0deg) translate3d(0px, 0px, 0px) !important; -webkit-transform: rotateX(0deg) translate3d(0px, 0px, 0px) !important; -moz-transform: rotateX(0deg) translate3d(0px, 0px, 0px) !important; -ms-transform: rotateX(0deg) translate3d(0px, 0px, 0px) !important; -o-transform:rotateX(0deg) translate3d(0px, 0px, 0px) !important; opacity:1 !important;}




.intro_sec ul li .final .final_cont{position:absolute; left:0; width: 100%; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:-1;  text-align:center;  }

.final .final_cont p{ font-family: 'Playfair Display', serif;  font-size:17px; line-height:26px; color:#fff; font-weight:400; padding: 0 0 25px; font-style: italic; margin: auto; max-width: 160px; letter-spacing: 0.06em; }
.final .final_cont a.explore{ padding: 10px 15px 10px 38px; transition: all 0.3s; -webkit-transition: all 0.3s; font-size:13px; line-height:18px; color:#fff; font-weight:700; letter-spacing:1px; display: inline-block; text-transform:uppercase; border: 2px solid #fff; background: url(../images/map-btn.webp) 13px center no-repeat; background-size: 12px; }
.final .final_cont a.explore:hover { background-color: #3d8079; }






@-webkit-keyframes fadeIn1{
0%{ opacity:0; }
/*50%{ opacity:0; }
51%{ opacity:1; }*/
100%{ opacity:1; }
}
@keyframes fadeIn1{
0%{ opacity:0; }
/*50%{ opacity:0; }
51%{ opacity:1; }*/
100%{ opacity:1; }
}
.fadeIn1.go{ -webkit-animation-name:fadeIn1;animation-name:fadeIn1;}

.intro_sec ul li figure{ width: 100%; height:100%; position: absolute; left:0; top: 0; background-color:#49a096; background-size:cover !important; z-index:-1; opacity:0; overflow:hidden; backface-visibility: hidden;-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;}

/*Top & Bottom Side Boxes*/
.intro_sec ul li.top_side figure, .intro_sec ul li.bottom_side figure{ transform: rotateY(0deg) translate3d(0px, 0px, 0px); -webkit-transform: rotateY(0deg) translate3d(0px, 0px, 0px); -moz-transform: rotateY(0deg) translate3d(0px, 0px, 0px); -ms-transform:rotateY(0deg) translate3d(0px, 0px, 0px); -o-transform:rotateY(0deg) translate3d(0px, 0px, 0px); }

/*Right & Left Side Boxes*/
.intro_sec ul li.right_side figure, .intro_sec ul li.left_side figure{ transform: rotateX(0deg) translate3d(0px, 0px, 0px); -webkit-transform: rotateX(0deg) translate3d(0px, 0px, 0px); -moz-transform: rotateX(0deg) translate3d(0px, 0px, 0px); -ms-transform:rotateX(0deg) translate3d(0px, 0px, 0px); -o-transform:rotateX(0deg) translate3d(0px, 0px, 0px); }

.intro_sec.mobile-part ul li figure{ transform: rotateX(0deg) translate3d(0px, 0px, 0px); -webkit-transform: rotateX(0deg) translate3d(0px, 0px, 0px); -moz-transform: rotateX(0deg) translate3d(0px, 0px, 0px); -ms-transform:rotateX(0deg) translate3d(0px, 0px, 0px); -o-transform:rotateX(0deg) translate3d(0px, 0px, 0px); }


.intro_sec ul li figure:after{position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1;}



.intro_sec ul li figure .fig_caption{position:absolute; left:0; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%);  z-index:99;  text-align:center; width: 100%; }
.intro_sec ul li figure .fig_caption span { display: block; height: 90px; position: relative; width: 100%; }
.intro_sec ul li figure .fig_caption span img { position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); }

.intro_sec ul li figure h3{  font-size:15px; line-height:21px; color:#fff; font-weight:600; letter-spacing:1px; font-family: 'Source Sans 3', sans-serif; text-transform: uppercase; }


.intro_sec ul li .intro_cont{ float:left; width:100%; position:relative; text-align:center; padding:10px 5px;}
.intro_cont h3{ font-size:52px; line-height:54px; padding:0 0 10px; font-family: 'Playfair Display', serif; letter-spacing: 0.02em; }
.intro_cont p{ font-size:18px; line-height:20px; font-weight:400; color:#7f7f7f; max-width:700px; margin:0 auto; padding:0 15px 22px;}
.intro_cont p a { font-weight: 600; color: #49a097; text-decoration: none; }
.intro_cont p a:hover { color: #3e837c; }

.intro_cont span.create { color: #ccc; display: inline-block; font-size: 10px; line-height: 13px; font-weight: 700; letter-spacing: 0.03em;  padding: 0 10px 5px 0; text-transform: uppercase;}
.intro_cont span.create br { display: none; }

.intro_cont img{ vertical-align:top;}



/****Inner Page From Here *****/


/********************************************Navigation Css******************************************************************/

header a.mobilemenu { display: none; }
header a.closemenu { display: none; }
.menu_overlay { display: none; }
header a.block-title { display: block; text-align: center; color: #fff; font-size: 18px; position: absolute; font-family: 'Playfair Display', serif; letter-spacing: 0.03em; top: 18px; line-height: 22px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); }

@media only screen and (min-width: 1024px) {

.navigation ul.menu{ list-style:none; text-align:center;}
.navigation ul.menu li{ display:inline-block;  font-size:13px; line-height:20px; font-weight:400; min-width:105px; border-right:1px solid rgba(255,255,255,0.4); margin-left:-3px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; vertical-align: top; }
.navigation ul.menu li:first-child{ border-left:1px solid rgba(255,255,255,0.4);}
.navigation ul.menu li a { display:block; color:#fff; padding:12px 5px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
.navigation ul.menu li a i { font-size: 11px; }
.navigation ul.menu li.home a img { width: 18px; margin: auto; }
.navigation ul.menu li.home a img + img { display: none; }
.navigation ul.menu li.home a { padding-top: 12px; padding-bottom: 12px; font-size: 0; }
.navigation ul.menu li a:hover { background:#49a097; color:#fff; z-index: 9; position: relative; font-weight: 700; }
.navigation ul.menu li.active a, body.fixed .navigation ul.menu li.active a { font-weight: 700; background:#49a097; color:#fff; z-index: 9; position: relative; }
.navigation ul.menu li.active { z-index: 9; position: relative; }
.navigation ul.menu li.coming-soon a:hover { background: rgba(0,0,0,0.4); font-weight: 700; }
.navigation ul.menu li.coming-soon a:hover { font-weight: 400; }
.navigation ul.menu li.coming-soon a:hover span { font-weight: 400; }
.navigation ul.menu li.coming-soon a span + span { display: none; color:#fff;}
.navigation ul.menu li.coming-soon a:hover span { display: none; }
.navigation ul.menu li.coming-soon a:hover span + span { display: block; font-weight: 700; }
.navigation ul.menu li img.main-icon { display: none; }
.navigation ul.menu li img.hover-icon { display: none; }

.menu-bar .block-title { display: none; }
.menu-bar .social_icon { display: none; }
.menu-bar { }
.home .menu-bar { display: none; }



body.fixed .navigation{ background:#e9e9e9;}
body.fixed .navigation ul.menu li{ border-right-color:rgba(51,51,51,0.2);}
body.fixed .navigation ul.menu li:first-child{ border-left-color:rgba(51,51,51,0.2);}
body.fixed .navigation ul.menu li a { color:#333;}
body.fixed .navigation ul.menu li a:hover{ color:#fff;}
body.fixed .navigation ul.menu li.home a img.desktop-icon { display: none; }
body.fixed .navigation ul.menu li.home a img.desktop-icon + img.desktop-icon { display: block; }
body.fixed .navigation ul.menu li.home a { padding-top: 12px; padding-bottom: 12px; }
body.fixed .navigation ul.menu li.coming-soon a:hover { background: #a1a1a1; }

body.fixed .navigation ul.menu li.home a:hover img.desktop-icon { display: block; }
body.fixed .navigation ul.menu li.home a:hover img.desktop-icon + img.desktop-icon { display: none; }

body.fixed .navigation ul.menu li img.main-icon { display: none; }
body.fixed .navigation ul.menu li img.hover-icon { display: none; }

}

/********************************************Banner Css******************************************************************/

.block_banner{ float:left; width:100%; min-height:506px; position:relative; background-position: center top; background-size:cover; background-attachment: fixed; background-repeat: no-repeat; }
.block_banner:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.block_banner .map-icon { position: absolute; left: 0px; top: 45%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); width: 100%; z-index: 99; }
.block_banner .map-icon img { margin: auto; max-width: 265px; display: block; }
.block_banner .count-num { padding-left: 10px; position: absolute; left: 50%; top: 165px; color: #fff; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); z-index: 99; }
.block_banner .count-num span { border-bottom: 1px solid #fff; padding: 0 0 3px; font-family: 'Playfair Display', serif; font-size: 16px; display: inline-block; }
/*.block_banner:after{ position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:rgba(22,23,71,0.3); z-index:999;}*/


.banner_caption{ float:left; width:100%; position:absolute; z-index:99999; text-align:center; padding:20px 0 55px; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.banner_caption h1{ font-size:50px; line-height:54px; color:#fff; }
.banner_caption img{width:244px;}



.head_cont{ float:left; width:100%; text-align:center; position:absolute; left:50%; bottom:0; background:#fff; max-width:900px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); z-index: 99; }
.head_cont h3{  font-size:20px; line-height:26px; position:relative; padding:23px 10px 32px; margin:0 auto; }
.head_cont h3:after{ content:""; position:absolute; left:0; right:0; bottom:7px; width:140px; height:1px; background:#ccc; margin:0 auto; }






/********************************************Bodycontent Css******************************************************************/

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



/********************************************Sections Css******************************************************************/

.col{ float:right; width:100%; margin:0; }
.common_col{float:right; width:100%;}


.desc_sec{float:left; width:100%; padding:12px 0 40px; text-align:center;}
.desc_sec.video_bc {
    float: none;
    margin: 0 auto;
    padding: 30px 0 0;
    text-align: center;
    width: 1024px;
	max-width:95%
}
.desc_sec p{ font-size:18px; line-height:28px; font-weight:400; color:#333333; padding:0 0 3px; margin:0  auto; max-width:818px;}
/*.desc_sec p a { border-bottom: 1px solid #ccc;  color: #4e8abe; }*/


ul.social{list-style:none; text-align:center; padding:20px 0 35px; position:relative; z-index:999; clear:both; display:none}
ul.social li{ display:inline-block; margin:0 5px; }
ul.social li a{ display:block; width:31px; height:31px; border-radius:50%; border:2px solid #ccc; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
ul.social li a i{ font-size:14px; line-height:28px; color:#ccc; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
ul.social li.fb a:hover{ border-color:#4e71a8; }
ul.social li.fb a:hover i{ color:#4e71a8; }
ul.social li.twit a:hover{ border-color:#00c3fb; }
ul.social li.twit a:hover i{ color:#00c3fb; }



/**Ad Container Css**/
.ads_sec{ float:left; width:100%; background:#202020; padding:25px 15px 25px; /*margin:70px 0 0;*/ margin:0; }
.ads_sec .ad_cont{ display:block; width:100%; max-width:900px; min-height:100px; padding:2px; margin:0 auto; background:#f9cb2e;}
.ads_sec.top-add { position: absolute; left: 0px; top: 60px }




.mid_sec{ float:left; width:100%; padding:0px 0 0px 20px;}

.mid_sec .left_sec{ float:left; width:386px; max-height:820px; height:820px;}

.left_sec .thumb_container{float:left; width:100%; text-align:center;  padding:0 20px 0 0;}

.thumb_container .thumb_box{ display:inline-block; width:100%; border:1px solid #dedede; padding:0; text-align:left; margin:0 0 18px;}
.thumb_container .thumb_box .map-slider  { display:none; position: relative; }
.thumb_container .thumb_box .map-slider:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.15+46,0.36+93 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 46%, rgba(0,0,0,0.36) 93%, rgba(0,0,0,0.36) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 46%,rgba(0,0,0,0.36) 93%,rgba(0,0,0,0.36) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 46%,rgba(0,0,0,0.36) 93%,rgba(0,0,0,0.36) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5c000000',GradientType=0 ); /* IE6-9 */ z-index: 999; height: 70px; }
.thumb_container .thumb_box .map-slider .prev-btn { position: absolute; left: 12px; top: 50%; z-index: 999; width: 11px; margin-top: -10px; height: 21px; text-indent: -9999px; background: url(../images/prev.webp) no-repeat; display: block; background-size: 11px; }
.thumb_container .thumb_box .map-slider .next-btn { position: absolute; right: 12px; top: 50%; z-index: 999; width: 11px; margin-top: -10px; height: 21px; text-indent: -9999px; background: url(../images/next.webp) no-repeat; display: block; background-size: 11px; }
.thumb_container .thumb_box .map-slider .prev-btn:hover { opacity: 0.7; }
.thumb_container .thumb_box .map-slider .next-btn:hover { opacity: 0.7; }
.thumb_container .thumb_box .map-slider img { width: 100%; }
.thumb_container .thumb_box.active { background: #efefef; border-color: #efefef; }

.thumb_container .thumb_box .map-slider .ipad_img_sliderpaging, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging1, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging2, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging3, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging4 { text-align: center; width:100%; bottom:17px; left:0; height:8px; text-align:center; position: absolute; z-index: 9999; }
.thumb_container .thumb_box .map-slider .ipad_img_sliderpaging span, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging1 span, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging2 span, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging3 span, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging4 span { display: inline-block; width: 8px; opacity: 0.5; margin: 0 4px; height: 8px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; text-indent: -9999px; cursor: pointer; }
.thumb_container .thumb_box .map-slider .ipad_img_sliderpaging span.cycle-pager-active, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging1 span.cycle-pager-active, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging2 span.cycle-pager-active, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging3 span.cycle-pager-active, .thumb_container .thumb_box .map-slider .ipad_img_sliderpaging4 span.cycle-pager-active { opacity: 1; }

.thumb_container .thumb_box.active{ background:#efefef; border-color: #efefef; }

.thumb_box .left-sec{ display:block; padding:24px; position: relative; overflow: hidden; }
.thumb_box .btn_overlay { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.thumb_box .location{float:left; width:100%; border-bottom:1px solid #dedede; font-size:13px; line-height:24px; font-weight:700; color:#333;  padding:0 0 15px; margin:0 0 23px; min-height: 47px; }
.thumb_box h3 { font-size: 20px; line-height: 24px; }
.thumb_box p {
    font-size: 14px;
    line-height: 130%;
}
.thumb_box .location span{ color:#fff; display:inline-block; width:31px; height: 40px; line-height: 27px; background: url(../images/map-icon2.png) center top no-repeat; background-size: 31px; margin-right:10px; text-align:center; font-size: 20px; font-family: "Playfair Display",serif; }



.thumb_box figure{ float:left; width:102px; min-height:102px; background:#000; margin:0 20px 0 0; background-size:cover !important;}

.thumb_box .watch_now{ display:inline-block; font-size:13px; letter-spacing: 0.03em; line-height:18px; text-transform:uppercase; background:#ededed; color:#8b8b8b; padding:9px 22px 9px 35px; text-align:center; position:relative;  margin:13px 0 0; font-weight: 700; text-decoration: none; z-index: 99; }
.thumb_box .watch_now:after{ content:""; position:absolute; left:15px; top:12px; width:9px; height:12px; background:url(../images/watch_more_bg.webp) left center no-repeat; background-size: 16px; }
.thumb_box .watch_now:hover{color:#fff; background:#a1a1a1;}
.thumb_box .watch_now:hover:after{background-position:-8px 0;}


.thumb_box .read_more{ display:inline-block; font-size:13px; line-height:18px; text-transform:uppercase; background:#ededed; color:#8b8b8b; padding:9px 22px 9px 35px; text-align:center; position:relative; margin:10px 0 0; font-weight: 700; text-decoration: none; z-index: 99; }
.thumb_box .read_more:after{ content:""; position:absolute; left:15px; top:13px; width:10px; height:15px; background:url(../images/read_more_bg.webp) no-repeat 0 0; background-size: 20px; }


.thumb_box .read_more:hover{color:#fff; background:#a1a1a1;}
.thumb_box .read_more:hover:after{ background-position:-10px 0; }


.thumb_ads {
    display: inline-block;
    margin: 0 0 20px;
}

@media only screen and (min-width: 1023px) {

.thumb_box.active .location span{ background-image: url(../images/map-icon1.webp); }
.thumb_box.active .watch_now{ color:#fff; background:#a1a1a1;}
.thumb_box.active .watch_now:after{background-position:-8px 0;}
.thumb_box.active .read_more{ color:#fff; background:#a1a1a1; }
.thumb_box.active .read_more:after{background-position:-10px 0;}

}


.mid_sec .right_sec{ float:none; width:100%; padding-left:400px; }
.map_container{ float:left; width:100%; min-height:820px; background:#49a096; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }

a#back_to_top{ box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; background:#151747; opacity: 0.7; }
a#back_to_top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }



.ads_sec:after { display: block; width: 100%; content: ''; height: 0; overflow: hidden; clear: both; }




.jspTrack { padding: 0; }
.jspVerticalBar { width: 4px; right: 5px; }



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


.intro_sec { float: left; height: 100%; }

.intro_sec ul { height: 100%; overflow: hidden; }
.intro_sec ul li { height: 33.333%; overflow: hidden; }
.intro_sec ul li.mobile-sec { display: none; }
.home #layout { float: none; height: 100%; padding-top: 60px; }
#layout { padding-top: 200px; }


.intro_sec ul li .intro_cont { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }


.intro_sec .intro_cont a.btn{ display:inline-block; font-size:13px; letter-spacing: 0.06em; line-height:18px; text-transform:uppercase; background:#49a097; color:#fff; padding:9px 15px 9px 40px; text-align:center; position:relative;  margin: 0 0 18px; font-weight: 700; }
.intro_sec .intro_cont a.btn:after{ content:""; position:absolute; left:8px; top:8px; width:20px; height:20px; border-radius: 50%; -webkit-border-radius: 50%; background: #fff url(../images/watch_more_bg1.webp) left top no-repeat; background-size: 20px; }
.intro_sec .intro_cont a.btn:hover{color:#8b8b8b; background:#ededed;}
.intro_sec .intro_cont a.btn:hover:after{background-position:left bottom; background-color: #49a097; }


@media only screen and (max-height: 699px) {

.intro_sec ul { overflow: visible; }

.intro_cont p { padding-bottom: 10px; }
.intro_cont h3 { font-size: 48px; line-height: 48px; padding-bottom: 5px; }
.intro_sec ul li .intro_cont a.btn { margin-bottom: 10px; }
.intro_sec ul li .intro_cont { min-height: 220px; padding-top: 15px; }


}


#ad1 {
    height: 90px;
    margin: 0 auto;
    width: 728px;
}

#ad2 {
    margin: 0 auto;
	text-align:center
}

#ad3 {
    height: 30px;
    width: 170px;
}



#ad1-mobile, #ad2-mobile{
	display:none;
}



.model_box { width: 1400px; max-width: 100%; /*height:690px;*/ position: relative; /*background:#000;*/ float: left; display: none; }

.fancybox-wrap {z-index: 9999999 !important;}
.fancybox-overlay {z-index: 9999998 !important;}
.fancybox-close {right: -30px;top: -30px;}
.fancybox-close {background: url(../images/popup-close.webp) no-repeat; background-size: 22px; top: -41px;right: 0px;width: 22px;height: 22px;}
.v_box {position: relative;height: 0; width:100%;padding-bottom: 56.25%;}
.video-js {height: 100%;width: 100%;position: absolute;top: 0;left: 0;}





.model_box_details{ float:left; position: relative; width:100%; padding:20px 0 0 0; /*position: absolute; bottom:-62px*/}
.model_box_details h5{ color:#ffffff; font-size:19px; font-family: 'Source Sans 3', sans-serif; font-weight: 700; line-height:30px; }

.model_box_details ul.social { list-style: none; padding: 0; overflow: hidden; margin: auto; text-align: center; position: absolute; right: 10px; top: 16px; display:none }
.model_box_details ul.social li { padding: 0 2px; float:left; }
.model_box_details ul.social li a { border: 2px solid #fff; color: #fff; width: 36px; height: 36px; line-height: 32px; display: block; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; }
.model_box_details ul.social li a i { font-size: 20px; color: #fff; line-height: 34px; display: block; text-align: center; }
.model_box_details ul.social li a:hover { background-color: #fff; color: #000; }
.model_box_details ul.social li a:hover i { color: #000; }

.intro_sec ul li.innerhide .final { display: none; }

body.home iframe{ display:none !important;}
body.home .right-logo iframe { display: block !important; }


/******* CSS LIGHTBOX *******/
/*Eliminates padding, centers the thumbnail */

/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.lightbox-target {
position: fixed;
top: -100%;
background: rgba(0,0,0,.8);
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;
overflow: hidden;
z-index:999999;
width: 100%;

max-width: 100%;
padding:50px 15% 0;
}

/* 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 */
.lightbox-target video {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
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.lightbox-close {
display: block;
width:25px;
height:30px;
box-sizing: border-box;
background: none;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-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.lightbox-close:before {
content: "";
display: block;
height: 28px;
width: 2px;
background: white;
position: absolute;
left: 12px;
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.lightbox-close:after {
content: "";
display: block;
height: 28px;
width: 2px;
background: white;
position: absolute;
left: 12px;
top:3px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
.lightbox-target.active {
opacity: 1;
top: 0;
bottom: 0;
}

.lightbox-target.active video {
max-height: 100%;
max-width: 100%;
}

.lightbox-target.active a.lightbox-close {
top: -40px;
}