@import url(//fonts.googleapis.com/css?family=Varela+Round);

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, html { font-size: 100%; padding: 0; margin: 0 !important; }
body {font-family:'Varela Round', Arial, Helvetica, sans-serif !important; color: #333; font-size:15px;}



a, a:hover, a:focus, a:hover {
	color: #ed2c32; text-decoration:none !important;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

h1 {font-family:'Varela Round', Arial, Helvetica, sans-serif !important; font-size:25px; font-weight:400; margin:0;}
h2 {font-family:'Varela Round', Arial, Helvetica, sans-serif !important; font-size:18px; font-weight:400; text-transform:uppercase; margin:0;}
h3 {font-family:'Varela Round', Arial, Helvetica, sans-serif !important; color:#1ca397 !important; font-size:16px; font-weight:300; text-transform:uppercase; margin:0;}


/*------------------------------------*\
    MAIN ELEMENTS
\*------------------------------------*/

.header {padding: 10px 0px 10px 0px; text-align:left;  background:#f1f1f1;}

.header h3 {width:100%; text-align:center; font-family:'Varela Round', Arial, Helvetica, sans-serif !important; font-size:20px !important; font-weight:300; text-transform:uppercase; margin:0; margin-top:8px;}

.navigation {padding: 10px 0px 10px 0px; text-align:left;  background:#1ca397; margin-bottom:0px;}

.main { padding: 10px 0px 10px 0px; border: none; box-shadow: none; margin-top:15px; margin-bottom: 15px;background-color: #ffffff; }

.main p { line-height:2em; font-size:15px; font-weight:400;}
.main ol li {line-height:2em; font-size:15px; font-weight:400;}

.main ul { list-style:none; display:block; }
.main li { list-style:none; font-size:15px; font-weight:400; padding-bottom:5px; padding-top:5px; }

.main a:link { text-decoration:none; color:#1ca397;}
.main a:active { text-decoration:none; color:#1ca397;}
.main a:visited { text-decoration:none; color:#1ca397;}
.main a:hover { text-decoration:none; color:#333;}

#gray { background-color:#e1e1e1; padding:15px; border-radius:6px; min-height:525px;}

.poa { margin-top:30px;}

#home { float: left; color: #fff; font-size: 24px; margin-right: 10px;  margin-top: 15px;}

.greybk {background:#f1f1f1; padding:15px; margin-top:30px;}

.home-left {min-height:450px; width:auto; background-image:url(../img/home-img-left.jpg); background-size:cover; overflow:hidden; margin-bottom:30px;}
.home-left h2 { text-align:center; font-size:16px; color:#fff; padding-top:30%; margin:0px; height: 450px; }
.home-left h2::after {content: "";display: block;margin: 0.45em auto;border-bottom: 2px solid #ffffff;width: 120px; }

#hover-content { display:none;}

.home-left:hover { }
.home-left:hover #hover-content { display:block; height:100%; background-color: rgba(0,0,0, 0.6) !important;}

.home-right {min-height:450px; width:auto; background-position:0% 50%; background-image:url(../img/home-img-right.jpg); background-size:cover;}

.ianlogo { max-width:400px;}
.logo { text-align:center; margin:0 auto; max-width:265px; padding-top:10px; padding-bottom:10px;}

.logged {width:100%; background-color:#e1e1e1; min-height:60px; margin-top:15px; padding:12px; float:right; border-radius:5px;}
.logged ul { display:list-item; list-style:none; margin-left:-40px;}
.logged li { color:#333; font-size:13px; text-align:right;}

.logged a:link { text-decoration:none; color:#333;}
.logged a:active { text-decoration:none; color:#333;}
.logged a:visited { text-decoration:none; color:#333;}
.logged a:hover { text-decoration:none; color:#1ca397;}


.featc { background:#efefef; padding-bottom:25px;}
.featc h2 {font-size: 20px;}

.featc img { border:#ccc 1px solid; border-radius:3px; margin-bottom:10px; }

.top {margin-top:-20px !important;}

.infoa {background:#2e2626; padding-bottom:20px;}
.infoa h2 {color:#1ca397; font-size:18px;}
.infoa p {color:#ddd;}

.infoa ul {list-style:none; display:list-item; margin-left:-40px;}
.infoa li { color:#ddd; text-transform:uppercase; padding-bottom:5px;}

.infoa a:link { text-decoration:none; color:#fff;}
.infoa a:active { text-decoration:none; color:#fff;}
.infoa a:visited { text-decoration:none; color:#fff;}
.infoa a:hover { text-decoration:none; color:#1ca397;}

footer {background-color: #000000; padding: 15px 0;color: #fff;font-size: 13px; text-align:center; line-height: 16px;}

footer a:link { text-decoration:none; color:#fff;}
footer a:active { text-decoration:none; color:#fff;}
footer a:visited { text-decoration:none; color:#fff;}
footer a:hover { text-decoration:none; color:#1ca397;}

.img-responsive {
	width: 100%;
}


#spacer {margin-top:20px; margin-bottom:20px;}
#slide_spacer {margin-top:0px; margin-bottom:20px;}
#cta1 { background:#1ca397; background-image:url(../img/bali.jpg); background-size:cover; min-height:450px;color:#fff; padding:12px; }
#cta2 { background:#efefef; height:450px; overflow:hidden; color:#fff; padding:12px;}


/*------------------------------------*\
    DIGITAL ELEMENTS
\*------------------------------------*/

#bg-video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.vidtext {
  z-index: 1;
  position: absolute;
}


/*------------------------------------*\
    MENU ELEMENTS
\*------------------------------------*/
#menu{}
#menu ul {list-style:none; position:relative; float:left; margin:0; padding:0;}
#menu ul a { display:block;padding:10px 9px;}
#menu ul li {position:relative;float:left; margin:0; padding:0;}
#menu ul ul {display:none;position:absolute;top:100%;left:0; top: 10; padding:0;}
#menu ul ul li {float:none;width:350px;}
#menu ul ul a {line-height:120%; padding:10px 10px;}
#menu ul ul ul {top:0; left:100% }
#menu ul li:hover > ul {display:block }

nav ul { text-align: left; display: inline; list-style: none; margin-left:-40px;}
nav ul li {font-family:'Varela Round', Arial, Helvetica, sans-serif; font-weight:400; border-right:0px; font-size:14px; text-transform: uppercase; display: inline-block; margin: 0px; position: relative; padding: 5px 5px; cursor: pointer; }

nav ul li:last-child{border:none; }
nav ul li ul li:nth-child(1) {margin-top:0px !important;}
nav ul li ul li ul li:nth-child(1) {margin-top:0px !important;}

nav ul li a:link { color: #fff !important; text-decoration:none;}
nav ul li a:active { color: #fff  !important; text-decoration:none; }
nav ul li a:visited { color: #fff !important; text-decoration:none;}
nav ul li a:hover {color: #333 !important; text-decoration:none;}

nav ul li ul li {background:rgba(28, 163, 151, 1); font-size:13px; text-align:left; border-right: none !important; font-family:'Varela Round', Arial, Helvetica, sans-serif; font-weight:400; display: block; z-index:9999; color: #fff; padding-top:10px;   }

nav ul li ul li a:link { color: #fff!important; text-decoration:none;}
nav ul li ul li a:active { color: #fff!important; text-decoration:none;}
nav ul li ul li a:visited { color: #fff!important; text-decoration:none;}
nav ul li ul li a:hover {color: #333 !important;}


/* ======== SLICKNAV RESPONSIVE MENU =========== */

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 55em) {
	.js #menu {
		display:none;
	}
	
	.navigation {display:none;}
	
	.js .slicknav_menu {
		display:block;
	}
}

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left;  }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.15em; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { display:none;}
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:18px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #000000; font-weight:normal;font-family:'Varela Round', Arial, Helvetica, sans-serif;
}

/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #ffffff;
	font-weight: normal;	
		
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #ffffff;
}
.slicknav_menu {
	background:#000000;
	padding:5px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;font-family:'Varela Round', Arial, Helvetica, sans-serif;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin: 5px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff; font-family:'Varela Round', Arial, Helvetica, sans-serif;
	font-size:16px; text-transform:uppercase;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#fff;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#fff;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}


/*------------------------------------*\
    SLIDER 
\*------------------------------------*/

.slider { width:100%; height:450px;}

.swiper-container {  width: 100%;height: 100%; height:450px;}
#ctaslide { height: auto !important;}

.swiper-slide { text-align: center;  font-size: 18px;  background: #fff; display: -webkit-box;  display: -ms-flexbox;   display: -webkit-flex;  display: flex;  -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;  justify-content: center; -webkit-box-align: center;  -ms-flex-align: center; -webkit-align-items: center;align-items: center;   }  

.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

#slider1 { background-image:url(../img/hero-image.jpg); background-size:cover; background-position: 0% 20%;}
#slider2 { background-image:url(../img/hero-image.jpg); background-size:cover; background-position: 0% 40%;}
#slider3 { background-image:url(../img/hero-image.jpg); background-size:cover; background-position: 0% 20%;}


/*------------------------------------*/

#book { background-image:url(../img/book_leading_cover.jpg); background-size:cover; height:420px; border:1px #ddd solid; border-radius:4px;  }
#booktxt {background-color: rgba(255,255,255, 0.7); padding:12px;}
#bookpic {border:1px #ddd solid; border-radius:4px; margin-bottom:10px; }
#bookpic_index {border:1px #ddd solid; border-radius:4px; margin-bottom:10px; /*min-height:480px;*/ }

#ianw { background-image:url(../img/ian_w.jpg); background-size:cover; height:420px; border:1px #ddd solid; border-radius:4px; background-position: 0% 40%;  }

.reader { /* background-color: rgba(255,255,255, 0.9); */ margin:5px; padding: 20px 12px 20px 12px; text-align:left;}
.reader h1 { font-size:40px; font-weight:300; color:#fff;}
.reader p { font-size:25px; font-weight:300; color:#fff; line-height:25px;}


/*------------------------------------*/

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {   margin: 0 4px;}
.swiper-pagination-clickable .swiper-pagination-bullet {  cursor: pointer;}
.swiper-pagination-bullet-active {opacity: 1;  background: #1ca397 !important;}
.swiper-pagination-bullet {width: 12px !important; height: 12px !important;   display: inline-block;   border-radius: 100%;  background: #000;   opacity: 0.2;}


/*------------------------------------*\
  SLIDESHOW
\*------------------------------------*/

.carousel-control { background-image: none !important; bottom: 60px !important; }

/*------------------------------------*\
  FORMS
\*------------------------------------*/

input { width:100%; border: 1px #d3d3d3 solid; background-color:#f9f9f9; border-radius:3px; padding:8px;  margin-bottom:2px; margin-top:2px; font-size:0.8em; box-sizing: border-box; font-family:'Varela Round', Arial, Helvetica, sans-serif; }

textarea { width:100%; border: 1px #d3d3d3 solid; background-color:#f9f9f9; border-radius:3px;  padding:8px; margin-bottom:10px; margin-top:10px; font-size:1em; font-family:'Varela Round', Arial, Helvetica, sans-serif; box-sizing: border-box;  }

label { width:100% !important; color:#333333; font-size:14px; font-family:'Varela Round', Arial, Helvetica, sans-serif; font-weight:300; text-transform: uppercase; }

input[type="radio"] { margin-right: 15px !important; }

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="input"],
button { padding:10px; text-align:center; display:inline-block; white-space:nowrap; color:#fff !important; font-size: 15px !important; background-color:#1ca397; border:none; font-weight:300 !important; font-family:'Varela Round', Arial, Helvetica, sans-serif; text-transform: uppercase; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; cursor:pointer !important;}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="input"]:hover,
button:hover {color: #ffffff !important; background-color:#222222 !important;}

.redbut { background-color:#ed2c32;}

.control { font-family:'Varela Round', Arial, Helvetica, sans-serif; display: block; position: relative; padding-left: 30px; padding-top: 0px; cursor: pointer; font-size: 0.81em; margin-bottom:10px; margin-top:2px; }
.control input {position: absolute; z-index: -1; opacity: 0;}
.control_indicator { position: absolute;top: 2px;left: 0;height: 20px;width: 20px;background: #e6e6e6;border: 0px solid #000000;}
.control-radio .control_indicator {border-radius: undefined%;}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {background: #cccccc;}
.control input:checked ~ .control_indicator {background: #96694c;}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {background: #0e6647d;}
.control input:disabled ~ .control_indicator {background: #e6e6e6;opacity: 0.6;pointer-events: none;}
.control_indicator:after {box-sizing: unset;content: '';position: absolute;display: none;}
.control input:checked ~ .control_indicator:after {display: block;}
.control-checkbox .control_indicator:after {left: 8px;top: 4px;width: 3px;height: 8px;border: solid #ffffff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.control-checkbox input:disabled ~ .control_indicator:after {border-color: #7b7b7b;}

select {width: 100%; border: 1px #d3d3d3 solid; background-color:#f9f9f9; border-radius:3px;  padding:8px; margin-bottom:10px; margin-top:10px; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none; -o-appearance: none;appearance: none;}

.select-wrapper {position: relative;}
.select-wrapper:after { content: '\f078'; font: normal normal normal 17px/1 FontAwesome; color: #222; right: 11px; top: 0px; height: 45px; padding: 10px 0px 0px 8px; position: absolute; pointer-events: none; }
select::-ms-expand {display: none;}

/*------------------------------------*\
   NAV PILLS
\*------------------------------------*/


.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {color: #fff; background-color: #ed2c32 !important; }
.nav > li > a {color:#ed2c32;}

/*------------------------------------*\
    TABLES
\*------------------------------------*/


table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0px;
	width:100%;
	font-family: 'Varela Round', sans-serif; font-size: 15px;
}

table ul li { margin-left:-20px;}

td,th {
    border: 0px;
    padding: 8px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}


.tdhead {background-color: #efefef; color:#333;}

/*tbody tr:nth-child(even) td {background-color: #efefef;}
tbody tr:nth-child(1) td {}*/

@media screen and (max-width: 640px) {
	table {
		overflow-x: auto;
		
	}
}


/*------------------------------------*\
    MEDIA QUERIES 
\*------------------------------------*/


@media only screen and (max-width: 800px) {

.main { margin-top:0px; transition: 0.3s;}	
.logo {float:none; margin:0 auto; text-align:center;}	
.logged { float:none; width:100%;}	

#gray { border-radius:0px;}

#bg-video {display:none;}
#cta2 { background-image:url(../img/brain_bg.jpg); background-size:cover;}


}

@media screen and (max-width: 640px) {
	table {
		overflow-x: auto;
		display: block;
	}
}