/*
Theme Name: Real Simple
*/

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700';
@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700';

/*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 }

* 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; color:#151747; 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: 'Open Sans', sans-serif;
	 font-size:22px; line-height:150%; 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: 'Open Sans', sans-serif; background:#fff;-webkit-font-smoothing: antialiased;height:100%; overflow-x: hidden;}


.wrapper { max-width:1070px; 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%; height:100%; position:relative; }


/*********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 a.logo{ display:inline-block;margin:0; padding:0; width:156px; float:left; margin:20px 0 0;}

header a.logo img{ vertical-align:top;}

header a.paid_logo{ display:inline-block;width:auto;  margin:24px -65px 0 -156px;vertical-align:top;}

a.paid_logo img{ vertical-align:top; width:118px;}

header .show_text{ font-family: "brandon-grotesque"; font-weight:400;  display:none; width:100%; max-width:100%; font-size:12px; line-height:15px; color:#fff; text-transform:uppercase; text-align:center;  position:absolute; left:0;  bottom: auto; top:100%; background:#333333; padding:8px 15px; margin:0; }


header ul.social_icon{ list-style:none; float:right; width:auto; margin-top:15px;}

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;}



a.toggle_menu{ float:right; position:relative; width:30px; padding:7px 0; top:22px; z-index:9999; margin-left:20px; display:none;}

a.toggle_menu:after{ content:""; position:absolute; width:100%; height:3px; left:0; top:-3px; background:#fff; border-radius:0; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; }

a.toggle_menu:before{content:""; position:absolute; width:100%; height:3px; left:0; bottom:-3px; background:#fff; border-radius:0; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}

a.toggle_menu span{ display:block; width:100%; height:3px; background:#fff; border-radius:0; }



/********************************************Banner Css******************************************************************/
.banner{ float:left; width:100%;/*height:100%;*/ min-height:100vh; position:relative; overflow:hidden;  border-bottom:8px solid #4e8abe; }
.banner:after{ position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:rgba(22,23,71,0.3); z-index:999;}

.banner video { position:absolute; top:50%; left: 50%; min-width:100%; min-height: 100%; width: auto; height: auto; z-index: 1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background-color:rgba(0,0,0,0); background-size:cover !important; }

.banner video.mobile_vid{ display:none;}

.banner .top_banner{float:left; width:100%;height:100%; display:none; background:url(../images/top_banner.jpg) no-repeat left center; background-size:cover !important;}

.banner_caption{ float:left; width:100%; position:absolute; z-index:99999; text-align:center; padding:0 0 55px; left:0; top:48%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); margin-top:-20px;}

.banner_caption h3{font-family:"futura-pt"; font-size:80px; line-height:70px; font-weight:700; color:#fff;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; text-transform:uppercase;  padding:0 0 15px; letter-spacing:15px; }

.banner_caption h3 span{ display:block;  line-height:70px; color:#f195bf;}

.banner_caption p{ font-weight:400; font-size:19px; line-height:26px; color:#fff;  padding:0 210px 50px; letter-spacing:1px;}

.banner_caption span.create{ display:block; font-weight:400; font-size:15px; line-height:20px; color:#fff; letter-spacing:2px; text-transform:uppercase; padding:0 0 30px;}

.banner_caption img{width:300px;}


.chapters_sec { width: 100%; position:absolute; left:0; bottom:93px; z-index:99999; text-align: center; border-bottom: 5px solid #88b4db; }
.chapters_sec li { display: inline-block; text-transform:uppercase; min-width: 140px; letter-spacing: 0.20em; vertical-align: top; font-weight: 700; }
.chapters_sec li a { color:#fff; display: block; padding: 0 10px; background: rgba(76,145,200,0.80); font-size: 14px; line-height: 28px; }
.chapters_sec li.active a,.chapters_sec li a:hover { background:#88b4db; }  


@-moz-keyframes scrollMore {
0%{bottom:-4px; opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}

@-webkit-keyframes scrollMore{
0%{bottom:-4px;opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}

@keyframes scrollMore{
0%{bottom:-4px;opacity:1;}
20%{bottom:3px;}
40%{bottom:-4px;}
60%{bottom:0;}
100%{bottom:0;opacity:1;}
}


a.scroll_for_more{position:absolute; opacity:0; left:0; right:0; bottom:0; z-index:99999; text-align:center; display:inline-block; width:25px;  color:#fff; margin:0 auto 0;  padding: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;}


.bottom_strip{ float:left; width:100%; position:absolute; z-index:99999; background:rgba(22,23,71,0.8); left:0; bottom:0; padding:0 0;}

.bottom_strip nav{ float:left; width:100%;}

.bottom_strip ul{ list-style:none; text-align:center;}

.bottom_strip ul li{ display:inline-block; vertical-align:top; font-size:14px; line-height:22px; font-weight:700; color:#fff; width:auto; margin:0 0 0 -4px; padding:0; text-align:center; border-left:1px solid #fff;}

.bottom_strip ul li:last-child{ border-right:1px solid #fff;}

.bottom_strip ul li a{ display:block; color:#fff; padding:20px 20px 20px; min-width:255px; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}

.bottom_strip ul li figure{ display:block; padding:0 0 8px; opacity:0.5; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}

.bottom_strip ul li figure img{ vertical-align:top; width:auto; max-width:100%;}

.bottom_strip ul li a:hover, .bottom_strip ul li a.current{ background-color: #f195bf;}

.bottom_strip ul li a:hover figure, .bottom_strip ul li a.current figure{ opacity:0.9;}


body.fixed .bottom_strip{ position:fixed; top:60px; bottom:auto; }

body.fixed .bottom_strip ul li a{ padding:12px 25px 12px;}

body.fixed .bottom_strip ul li figure{ display:none;}




/********************************************Bodycontent Css******************************************************************/
.transcript a {
    float: right;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

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



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

.col_1{ float:right; width:100%;  margin:0; padding:105px 0 0;}
.col{ float:right; width:100%; margin:0; }


.common_col{float:right; width:100%;}

.content_box{ float:left; width:100%; overflow:hidden; position:relative; }


.pattern_right{ display:block; width:179px; height:739px; position:absolute; right:0; z-index:-1;}

.pattern_right .pattern_inner{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/r-side.jpg) no-repeat left top;}

.pattern_left{display:block; width:179px; height:739px; position:absolute; left:0; z-index:-1;}

.pattern_left .pattern_inner{ position:absolute; width:100%; height:100%; right:0; top:0; background:url(../images/l-side.jpg) no-repeat right top;}



.head_cont{ float:left; width:100%; text-align:center; }

.head_cont h3{ font-size:50px; line-height:60px; font-weight:700; position:relative; padding:0 0 60px; margin:0 auto; max-width:600px;}

.head_cont h3:after{ content:""; position:absolute; left:0; right:0; bottom:-12px; width:150px; height:1px; background:#f195bf; margin:0 auto; }

.head_cont h3 span{ color:#4e8abe;}

.head_cont.simple h3:after{ display:none;}



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

.desc_sec p{ font-size:18px; line-height:150%; font-weight:300; color:#333333; padding:0 0 20px; margin:0  auto; max-width:625px;}

.desc_sec > p:first-of-type:first-letter{font-family:"futura-pt"; float:left; font-size:110px; line-height:120px;  font-weight:700; color:#f195bf; padding:0 25px 0 0; margin:8px 0 0;}


#listicle-bounce-back .desc_sec > p:first-of-type{ padding: 0 0 0;}


.desc_sec p a {  border-bottom: 1px solid #ccc; color: #4e8abe; }

.desc_sec p a:hover{ text-decoration:none;border-bottom: 1px solid #eee;}


span.tooltip{ text-decoration:none; position:relative; color:#4e8abe; cursor:pointer;}

span.tooltip:after{ content:""; position:absolute; top:20px; left:40%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid #151747; display:none;}

span.tooltip:hover:after{ display:block;}

span.tooltip .tip_cont.wide {width: 450px;}

span.tooltip .tip_cont{ position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); z-index: 2000; margin:0 auto; top:38px; width:314px; background:#151747; color:#fff; padding:20px 25px; font-size:16px; line-height:26px; font-weight:600;  text-align:center; cursor:default; display:none;}

span.tooltip:hover .tip_cont{ display:block;}

span.tooltip.bottom:after{ top:auto; bottom:20px; border-bottom:none;  border-left: 15px solid transparent; border-right: 15px solid transparent;  border-top: 20px solid #151747;}

span.tooltip.bottom .tip_cont{ top:auto; bottom:38px;}



.desc_sec h3{ font-family:"futura-pt"; font-size:44px; line-height:60px; font-weight:700; max-width:750px; margin:0 auto; text-align:center; padding:20px 0 20px; color:#333333; }

.desc_sec h3 span{color:#f195bf;}

.desc_sec h3 small{ display:block; font-family: 'Open Sans', sans-serif; font-size:18px; line-height:35px; font-weight:300; text-transform:uppercase; color:#333333; padding:25px 20px 10px; letter-spacing:4px; }


.desc_sec figure{ display:block; max-width:820px; margin:20px auto 40px; text-align:center; padding:0; position:relative; }

.desc_sec figure img{ vertical-align:top; width:100%;}

.desc_sec figure span.credit{ display:block; text-align:right; font-family: 'helveticaregular'; font-size:11px; line-height:11px; color:#333; text-transform:uppercase; padding:10px 0 3px; }



.desc_sec > h4{font-size:22px; line-height:31px; font-weight:700; padding:20px 0 15px; margin:0  auto; max-width:620px; letter-spacing:3px; text-transform:uppercase; }

#listicle-bounce-back .desc_sec > h4{ padding-bottom:0;}




.fix_acc{ display:block; width:100%; margin:20px auto 50px; max-width:625px; }

.fix_acc h3{font-family: 'Open Sans', sans-serif; font-weight:600; text-transform:uppercase; margin:0; padding:20px 10px; text-align:center; font-size:22px; line-height:31px; color:#fff; background:#f195bf; cursor:pointer; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}

.fix_acc h3 span{ padding:0; width:18px; height:12px; margin:0 0 0 15px; vertical-align:middle; display:inline-block;}

.fix_acc h3 span img{ vertical-align:top; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s;}

.fix_acc h3:hover,.fix_acc h3.active{ background:#f3539c;}

.fix_acc h3.active span img{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg);}

.fix_acc .fix_cont{ display:block; width:100%; margin:0  auto; border-bottom:2px solid #f195bf; padding:25px 20px 5px; background:#f3f3f3; display:none; }

.fix_acc p{ font-size:22px; line-height:31px; color:#333333;}




ul.social{ list-style:none; text-align:center; padding:20px 0 40px; }

ul.social li{ display:inline-block; margin:0 5px;}

ul.social li a{ display:block; width:29px; height:29px; border-radius:50%; background:#161647; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}

ul.social li a:hover{ opacity:0.8;}

ul.social li a i{ font-size:14px; line-height:29px; color:#fff;}





.video_sec{ float:left; width:100%; padding:55px 0 35px;}

.video_sec figure{ background-size: cover !important; border:10px solid #e2e2e2; display:inline-block; width:100%; position:relative;}

.video_sec figure a{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2)url(../images/play_icon_over.png) no-repeat center center;}




.col_1 .theplayer object{ width:100% !important;}

.theplayer { position: relative; height: 0; width:100%; padding-bottom: 56.25%; /*z-index:1*/  }

.BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}




.block_banner{ float:left; width:100%; background-size:cover !important; background-attachment:fixed !important; position:relative;}

.block_banner .head_cont{ position:absolute; left:0; right:0; bottom:0; margin:0 auto; background:#fff; max-width:1030px; padding:40px 0 0;}

.block_banner .head_cont h3 { max-width: 65%; margin: 0 auto -15px;}





.subtext{ float:left; width:100%; text-align:center; padding:40px 0 40px;}
.subtext p{font-size:30px; line-height:40px; font-weight:300; color:#000; margin:0 auto; max-width:820px;}





/**Ad Container Css**/

.ads_sec{ float:left; width:100%; background:#e2e2e2; padding:60px 15px 60px; /*margin:70px 0 0;*/ margin:0; }

.ads_sec .ad_cont{ display:block; width:100%; max-width:900px; padding:0; margin:0 auto; background:#151747; text-align:center;}

.ad_cont_inner{ display:block; width:100%; background:#fff; text-align:center; padding:25px 20px; border:2px solid #151747; max-width:900px; margin:0 auto;}

.ad_cont_inner h3{ font-weight:700; font-size:24px; line-height:22px; color:#88b3da; text-transform:uppercase; padding:0 0 10px;}

.ad_cont_inner p{ font-weight:300; font-size:18px; line-height:22px; color:#333333; padding:0 0 15px; margin:0 auto; max-width:655px;}

.ad_cont_inner a.more{font-weight:700; font-size:16px; line-height:20px; color:#fff; background:#151747; min-width:208px; display:inline-block; padding:14px 15px; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s;}

.ad_cont_inner a.more:hover{box-shadow:0 -70px rgba(0,0,0,0.3) inset; -moz-box-shadow:0 -70px rgba(0,0,0,0.3) inset; -webkit-box-shadow:0 -70px rgba(0,0,0,0.3) inset;}

.ad_cont_inner a.more:after { color: #fff; content: ">"; padding: 0 0 0 5px; }


.ad_cont a{ display:block;max-height:200px;overflow:hidden;}

.ad_cont img{ vertical-align:top; overflow:hidden;}

.ad_cont img.mobile_img{ display:none !important;}






/****Grid Slider****/
.grid_slider_mobile{ display:none;}
.grid_slider_cont{ float:left; width:100%; padding:0 0 40px;}

.grid_slider_cont .grid_slider{ float:left; width:100%; }

.grid_slider.slick-slider{ margin-bottom:50px;}

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

.grid_slide .large_col{ float:left; max-width:100%; width:703px; margin:16px 32px 16px 0; background:#88b3da; padding:55px 40px; min-height:390px;}

.grid_slide .large_col h3{ font-weight:600; font-size:46px; line-height:34px; color:#151747; padding:0 0 10px;}

.grid_slide .large_col p{ color:#fff; font-size:30px; line-height:34px; font-weight:300;}

.grid_slide .large_col h4 {color:#fff;}



.grid_slide .small_col{ float:left; max-width:100%; width:335px; margin:16px 0 16px 0; background:#151747; padding:55px 40px; min-height:390px; position:relative;}

.grid_slide .small_col.light{ margin:16px 32px 16px 32px}

.grid_slide .small_col h3{font-weight:600; font-size:26px; line-height:22px; color:#fff; padding:0 0 10px;}

.grid_slide .small_col p{ color:#fff; font-size:19px; line-height:22px; font-weight:300;}



.grid_slide .small_col .response{ position:absolute; width:100%; height:100%; left:0; top:0; background:#88b3da; padding:55px 40px; margin:0; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); transform: rotateY(90deg); }

.grid_slide .small_col .response.active{  -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg);}


.grid_slide .small_col .response span.close_ans{ display:block; width:28px; height:28px; background:url(../images/back_btn.png) no-repeat center center; background-size:cover !important; position:absolute; right:15px; top:15px; cursor:pointer;}

.grid_slide .small_col .response h3{color:#151747;}

.grid_slide .small_col .response p{color:#151747;}



.grid_slider .slick-prev{ position:absolute; font-size:0; background:rgba(97,98,101,0.5) url(../images/prev_btn1.png) no-repeat center center; width:37px; height:102px; margin:auto 0 ;left:-40px; top:0; bottom:0; z-index:999; cursor:pointer; }

.grid_slider .slick-prev:before{ content:"";}

.grid_slider .slick-prev:hover{ opacity:0.8;}


.grid_slider .slick-next{ position:absolute; font-size:0; background:rgba(97,98,101,0.5) url(../images/next_btn1.png) no-repeat center center; width:37px; height:102px; margin:auto 0; right:-40px; top:0; bottom:0; z-index:999; cursor:pointer; }

.grid_slider .slick-next:before {content:"";}

.grid_slider .slick-next:hover{ opacity:0.8;}



.grid_slider .slick-dots { position:absolute; width:100%; text-align:center; bottom: -40px;}

.grid_slider .slick-dots li{ display:inline-block; margin:0 5px; vertical-align:top;}

.grid_slider .slick-dots li button { display:block; width:11px; height:11px; background:#151747; opacity:0.35; border-radius:50%; font-size:0;cursor:pointer;}

.grid_slider .slick-dots li.slick-active button { background:#88b3da; opacity:1;}


.grid_slider .grid_slide{ display:none; }

.grid_slider.slick-initialized .grid_slide{ display:block; }



.disclaimer_text{ display:block; text-align:center; clear:both; color:#333333; font-size:16px; font-weight:300;}






/**Inner Image Slider**/
.inner_img_container{ float:left; width:100%; }

.inner_img_slider{ float:left; width:100%;}

.inner_img_slider.slick-slider{ margin-bottom:50px;}

.inner_img_slider .inner_img{ float:left; width:100%; /*min-height:695px;*/ background-size:cover !important; position:relative;}

.inner_img_slider .inner_img img{ width:100%;}

.inner_img .inner_cont{ position:absolute; right:0; bottom:0; width:470px; height:auto; background:rgba(255,255,255,0.90); padding:30px 40px 20px; max-height:100%; overflow-Y:auto; }

.inner_img .inner_cont h3{font-family:"futura-pt";font-size:22px; line-height:31px; font-weight:700; padding:0 0 10px;}

.inner_img .inner_cont p{ font-size:19px; line-height:29px; font-weight:400; color:#000000; padding:0 0 15px;}

.inner_img .inner_cont p a{ color:#4e8abe; text-decoration:underline;}

.inner_img .inner_cont p a:hover{ text-decoration:none;}

.inner_img .inner_cont ul{ list-style:none; padding:0 0 0 15px;}

.inner_img .inner_cont ul li{ display:list-item; list-style:disc outside; font-size:18px; line-height:26px; font-weight:400; color:#000; padding:0 0 5px;}

.inner_img .inner_cont ul li a{color:#4e8abe; text-decoration:underline;}

.inner_img .inner_cont ul li a:hover{ text-decoration:none;}




@-webkit-keyframes animLeft{
0%{left:-40px;}
25%{left:-20px;}
50%{left:-40px;}
75%{left:-20px;}
100%{left:-40px;}
}

@keyframes animLeft{
0%{right:-40px;}
25%{left:-20px;}
50%{left:-40px;}
75%{left:-20px;}
100%{left:-40px;}
}



@-webkit-keyframes animRight{
0%{right:-40px;}
25%{right:-20px;}
50%{right:-40px;}
75%{right:-20px;}
100%{right:-40px;}
}

@keyframes animRight{
0%{right:-40px;}
25%{right:-20px;}
50%{right:-40px;}
75%{right:-20px;}
100%{right:-40px;}
}


.inner_img_slider .slick-prev{ position:absolute; font-size:0; background:#151747 url(../images/prev_btn.png) no-repeat center center; width:52px; height:100px; margin:auto 0 ;left:-40px; top:0; bottom:0; z-index:999; cursor:pointer; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}

.inner_img_slider .slick-prev:hover{ opacity:0.95;}

.inner_img_slider .slick-prev:before{ content:"";}

.inner_img_slider.go .slick-prev{-webkit-animation-name:animLeft;animation-name:animLeft; -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay:1.0s;-moz-animation-delay:1.0s;-o-animation-delay:1.0s;animation-delay:1.0s;}



.inner_img_slider .slick-next{ position:absolute; font-size:0; background:#151747 url(../images/next_btn.png) no-repeat center center; width:52px; height:100px; margin:auto 0; right:-40px; top:0; bottom:0; z-index:999; cursor:pointer; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; }

.inner_img_slider .slick-next:hover{ opacity:0.95;}

.inner_img_slider .slick-next:before {content:"";}

.inner_img_slider.go .slick-next{-webkit-animation-name:animRight;animation-name:animRight; -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; -webkit-animation-delay:1.0s;-moz-animation-delay:1.0s;-o-animation-delay:1.0s;animation-delay:1.0s;}


.inner_img_slider .slick-dots { position:absolute; width:100%; text-align:center; bottom: -40px;}

.inner_img_slider .slick-dots li{ display:inline-block; margin:0 5px; vertical-align:top;}

.inner_img_slider .slick-dots li button { display:block; width:11px; height:11px; background:#151747; opacity:0.35; border-radius:50%; font-size:0;cursor:pointer;}

.inner_img_slider .slick-dots li.slick-active button { background:#f195bf; opacity:1;}


.inner_img_slider .inner_img{ display:none; }

.inner_img_slider.slick-initialized .inner_img{ display:block; }




/**Bottom Blocks Css**/
.block_container{ float:left; width:100%; text-align:center; padding:60px 0 50px;}

.block_container .wrapper{ max-width:1176px;}

.block_container .block_box{ display:inline-block; vertical-align:top; width:320px; border:10px solid #b3b3b3; padding:15px; margin:0 5px; }
.block_container .block_box.active{ opacity:0.75; background:#efeeee;}

.block_box .box_inner{ display:block; width:100%; min-height:420px; padding:0 0 60px; position:relative;  }

.block_box .box_inner figure{ float:left; width:100%; min-height:140px; background-size:cover !important;}

.block_box .box_inner span.chapter_no{ display:inline-block; clear:both; font-size:11px; line-height:20px; font-weight:600; color:#fff; text-transform:uppercase; padding:0 5px; margin:20px 0 0; letter-spacing:2px;}

.block_box.block1 .box_inner span.chapter_no{background-color:#f7972a;}
.block_box.block2 .box_inner span.chapter_no{background-color:#f195bf;}
.block_box.block3 .box_inner span.chapter_no{background-color:#d2d034;}
.block_box.block4 .box_inner span.chapter_no{background-color:#88b3da;}
.block_box.active .box_inner span.chapter_no{background-color:#616265 !important;}

.block_box .box_inner h4{ font-size:18px; line-height:20px; font-weight:600; color:#151747; clear:both; padding:10px 5px; margin:0 0 10px;}
.block_box .box_inner h4 span{ display:block; line-height:20px;}

.block_box.block1 .box_inner h4{border-bottom:1px solid #f7972a;}
.block_box.block2 .box_inner h4{border-bottom:1px solid #f195bf;}
.block_box.block3 .box_inner h4{border-bottom:1px solid #d2d034;}
.block_box.block4 .box_inner h4{border-bottom:1px solid #88b3da;}
.block_box.active .box_inner h4{ color:#616265; border-bottom:1px solid #616265 !important;}


.block_box .box_inner p {
    color: #333333;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;
    min-height: 125px;
    padding: 0 0 10px;
}
.block_box.active .box_inner p{color:#616265;}

.block_box .box_inner a.learn_more{font-size:18px; line-height:20px; font-weight:600; color:#fff; width:100%; display:block; clear:both; text-align:center; text-transform:uppercase; background:#151747; padding:17px 0; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}

.block_box.block1 .box_inner a.learn_more:hover{background-color:#f7972a;}
.block_box.block2 .box_inner a.learn_more:hover{background-color:#f195bf;}
.block_box.block3 .box_inner a.learn_more:hover{background-color:#d2d034;}
.block_box.block4 .box_inner a.learn_more:hover{background-color:#88b3da;}

.block_box .box_inner span.learn_more{font-size:18px; line-height:20px; font-weight:600; color:#fff; width:100%; display:block; clear:both; text-align:center; text-transform:uppercase; background:#616265; padding:17px 0; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}

.block_slider .slick-list { overflow: hidden;}

.block_slider .slick-prev{ position:absolute; font-size:0; background:#88b4db url(../images/prev_btn.png) no-repeat center center; width:37px; height:102px; margin:auto 0 ;left:-40px; top:0; bottom:0; z-index:999; cursor:pointer; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}
.block_slider .slick-prev.slick-disabled{ opacity:0; visibility:hidden;}
.block_slider .slick-prev:before{ content:"";}
.block_slider .slick-prev:hover{ opacity:0.8;}

.block_slider .slick-next{ position:absolute; font-size:0; background:#88b4db url(../images/next_btn.png) no-repeat center center; width:37px; height:102px; margin:auto 0; right:-40px; top:0; bottom:0; z-index:999; cursor:pointer; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}
.block_slider .slick-next.slick-disabled{ opacity:0; visibility:hidden;}
.block_slider .slick-next:before {content:"";}
.block_slider .slick-next:hover{ opacity:0.8;}




/**Floating Box Css**/
.floating_box{ display:block; width:238px;  text-align:center; background:#fff;}

.floating_box .floating_inner{ display:block; width:100%; border:2px solid #151747; background:#fff;}

.floating_box figure{ margin:-10px auto 0; padding:10px; display:inline-block; width:auto; }

.floating_box figure img{ vertical-align:top; width:auto; max-width:100%; margin-top:-50%;}

.floating_box h4{ clear:both; color:#151747; font-weight:700; font-size:16px; line-height:16px; padding:10px 35px 15px 35px; letter-spacing:1px; max-width:100%;}

.floating_box p{ color:#333333; font-size:12px; line-height:16px; font-weight:300; padding:0 15px 20px; color:#333333; }

.floating_box span{ color:#616265; font-size:9px; line-height:16px; font-weight:300; padding:5px 0 5px; text-transform:uppercase; display:block; clear:both; letter-spacing:1px; }

.floating_box a{ color:#fff; font-size:12px; line-height:14px; font-weight:700; background:#151747; display:block; width:100%; padding:14px 15px 14px; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s;}

.floating_box a:hover{background-color:#88b3da; box-shadow:0 -70px rgba(0,0,0,0.3) inset; -moz-box-shadow:0 -70px rgba(0,0,0,0.3) inset; -webkit-box-shadow:0 -70px rgba(0,0,0,0.3) inset;}

.floating_box a:after{ content:">"; color:#fff; padding:0 0 0 5px;}

.floating_box.right{ float:right; margin-right:-238px;}

.floating_box.left{ float:left; margin-left:-238px;}





/**Footer Css**/
footer{ float:left; width:100%; background:#333333; padding:30px 15px;}

footer p{ font-size:12px; line-height:20px; font-weight:400; color:#fff;}

footer .footer_top{float:left; width:100%; padding:0 0 10px;}

.footer_top p{ padding-bottom:15px;}

footer .footer_bottom{ display:block; text-align:center; border:1px solid #fff; margin:0 auto; padding:25px 15px; clear:both;}

.footer_bottom p {
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;
    text-transform: uppercase;
}

.footer_bottom p:first-child{ padding-bottom:5px;}



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; }



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

.topoffset {
	position: relative;
	top: 100px;
}