@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
/* Table of contents:
	1. Variables
	2. General
	3. Header
	4. Content
	5. Footer
	6. Contact form
	7. Responsive layouts
 */
/* ========================================================
 * 1. VARIABLES
 * ======================================================== */
/* ======== BODY ========== */
/* ======== BUTTONS ========== */
/* ======== MENU ========== */
/* ======== MENU LINKS ========== */
/* ======== SUB_MENU========== */
/* ======== SUB_MENU LINKS ========== */
/* ======== SUB SUB_MENU========== */
/* ======== SUB SUB_MENU LINKS ========== */
/* ======== END MENU========== */
/* ======== LIST ========== */
/* ======== END LIST ========== */
/* ======== MAP ========== */
/* ======== END MAP ========== */
/* ======== FORM ========== */
/* ======== END FORM ========== */
/* ========================================================
 * 2. GENERAL
 * ======================================================== */
.wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.extra_wrap {
  overflow: hidden;
  display: block;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
textarea,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: caret;
}
html,
body {
  height: 100%;
}
body {
  background: url(../images/g11line8.gif) repeat #ffffff;
  font: 400 14px/20px 'Open Sans', sans-serif;
  color: #000;
  position: relative;
  min-width: 320px;
  -webkit-text-size-adjust: none;
}

.white {background:#fff;
background-image: url(../images/white.jpg);
	background-repeat: repeat;
}
.orange {background: #ff8b0f;}
.black {background:#000;}
.green {background:#c3d600;}
.green2 {background:#b3c401;}

.image-curve {
		  -webkit-border-radius: 10px;
  border-radius: 10px;
}


/* Images
 	* ------------------------------------------------------- */
img {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: auto;
  max-width: 100%;
}

.img-para {
	 width:auto;
	 height:auto;
	margin-right: 20px;
	float:left;
border:#060000;
	border-width:thin;
	border-style:solid;
}
.home-img {
	float: right;
	width: auto;
	margin-right: -25px;
	margin-left: -25px;
	overflow: hidden;
	

	
}


.img_fleft {
  float: left;
  margin-right: 20px;
}
.img_fright {
  float: right;
  margin-left: 20px;
}
hr {
  border: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e4e4e4;
  margin-top: 0;
  margin-bottom: 28px;
}
#index2 hr {
  margin-bottom: 20px;
}

.img-shad {
	
		  -webkit-box-shadow: 3px 3px 5px 3px #fff;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 3px #fff;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 3px #fff;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	margin-bottom: 20px;
	
}
.ph-style {
	margin-top:50px;
	
	
}
.ph_top {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 33px;
	color: #000;
	font-weight: 700;

}

.mail_link {
  display: inline-block;
  font: 300 14px/20px 'Open Sans', sans-serif;
  color: #686868;
  text-decoration: underline;
  margin-bottom: 41px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.mail_link:hover {
  color: #906140;
}


.const-bar {
  background: url(../images/const-bar-1200.jpg) no-repeat center 0 #ffffff;
	
	min-height: 10px;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  overflow: hidden;
}
.blk-ptn {
background-image:url(../images/background.jpg);
	background-repeat:repeat;
}



.yel-grad  {
background: yellow; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(to right, white 40%, #f5bf03); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(to right, white 40%, #f5bf03); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(to right,white 40%, #f5bf03); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, white 40%, #f5bf03); /* Standard syntax */
}



/* ========================================================
	 * BUTTONS
	 * ======================================================== */
.btn1 {
  background: #ed7800;
  color: #ffffff;
  display: inline-block;
  font: 400 16px/16px 'Open Sans', sans-serif;
  padding: 11px 22px 13px 23px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.btn1:hover {
  background: #b3c401;
  color: #ffffff;
  text-decoration: none;
}

.btn2 {
  background: #ed7800;
  color: #ffffff;
  display: inline-block;
  font: 400 18px/24px 'Open Sans', sans-serif;
  padding: 18px 30px 18px 30px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.enrollbtn {
  background: #ed7800;
  color: #ffffff;
  display: inline-block;
  font: 400 18px/24px 'Open Sans', sans-serif;

  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.btn2 a:visited {
  background: #ed7800;
  color: #ffffff;
  display: inline-block;
  font: 400 18px/24px 'Open Sans', sans-serif;
  padding: 18px 30px 18px 30px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.btn2:hover {
  background: #b3c401;
  color: #ffffff;
  text-decoration: none;
}

.form-bkg {
  background: #ecece7;
   -webkit-border-radius: 15px;
  border-radius: 15px;
	padding-left: 50px;
	padding-right: 50px;
	margin-left: 150px;
	margin-right: 100px;
}

/* Indents
	 * ------------------------------------------------------- */
.space25 {margin-bottom: 25px;}

p {
  margin-bottom: 23px;
}
p a: {
	color: #F36D01;
	text-decoration: none;
   
}

p a:hover {
	color: #F36D01;
	text-decoration: underline;
   
}
/* ========================================================
	 * TITLES
	 * ======================================================== */


	
	h1 {
	height: 100%;
	font-family: 'Chelsea Market', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: #ff8b0f;
	text-transform: uppercase;
		 margin-bottom: 20px;
	border-bottom:#eee 1px solid;
	font-weight: 300;
	}

h2 {
	font-family: 'Chelsea Market', sans-serif;
	color:#fff;
	font-size:24px;
	line-height:28px;
	margin:19px 0 14px 0;
	text-transform:uppercase;
	font-weight:400;
	 margin-bottom: 20px;

	}
	
	h3 {
	font-family: 'Lato', sans-serif;
	color:#00a7ce;
	font-size:24px;
	line-height:28px;
	margin:19px 0 14px 0;
	text-transform:uppercase;
	font-weight:400;
	 margin-bottom: 20px;
	border-bottom:#e3eef3 1px solid;
	}
	
h4 {
font-family: 'Chelsea Market', sans-serif;
	color:#fff;
	font-size:20px;
	line-height:26px;
	margin:19px 0 14px 0;
	font-weight:400;

	}
	
h5 {
	font-family: 'Chelsea Market', sans-serif;
	color:#515A83;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	margin-bottom: 18px;
	text-transform: uppercase;
	}





h6 {
  font: 400 22px/28px 'Lato', sans-serif;
  color: #676767;
  margin-bottom: 14px;
}

h7 {
	font-family: 'Lato', sans-serif;
	color: #ed7800;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	margin-bottom: 15px;
	
	}
h8 {
	font-family: 'Lato', sans-serif;
	color:#434141;
	font-size: 15px;
	line-height: 21px;
	font-weight: 500;
	
	
	}

h9 {
font-family: 'Lato', sans-serif;
	color:#00a7ce;
	font-size:18px;
	line-height:26px;
	margin:19px 0 14px 0;
	font-weight:400;
	
	}


.pad-tit {

	margin-top: 20px;
	
	}

	
.bio_title {
	
font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	color: #c3d600;


	}	
	
.img-indent2 {
	 width:auto;
	 height:auto;
	padding:4px 18px 8px 0;
	float:left;
}

.img-indent3 {
	 width:auto;
	 height:auto;
padding:4px 18px 8px 0;
	float:right;
	
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h7 a {
  color: inherit;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h7 a:hover {
  color: #ed7800;
  text-decoration: underline;
}
/* ========================================================
	 * LIST
	 * ======================================================== */


.main-list li {
	background: url("../images/list_arrow.jpg") no-repeat scroll 0 7px transparent;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 22px;
	padding: 0 0 6px 20px;
	font-weight: normal;
}

.main-list li a {color:  #ed7800; }

.main-list li a:hover { color: #0EAAF6;}

.main-list{margin-bottom:16px;}



.list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
}
.list li {
  font: 400 14px/20px 'Open Sans', sans-serif;
  color: #000;
  background: url(../images/pawbullett.png) 2px 4px no-repeat;
  margin-top: 14px;
  padding-left: 25px;
}
.list li:first-child {
  margin-top: 0;
}
.list li a {
  color:#357DE1;
		font-size: 14px;
	font-weight: 500;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.list li a:hover {
  color:#357DE1;
	font-size: 14px;
	font-weight: 500;
  text-decoration: underline;
}







.level2 {
  font: 400 14px/20px 'Open Sans', sans-serif;
  color: #000;
 list-style: circle;
  margin-top: 14px;
  padding-left: 25px;
}

.level2 li{
  font: 400 14px/20px 'Open Sans', sans-serif;
	background: #fff;
  color: #000;
 list-style: circle;
  margin-top: 14px;
  padding-left: 5px;
}

.list-wh {
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
}
.list-wh li {
  font: 400 14px/20px 'Open Sans', sans-serif;
  color: #fff;
  background: url(../images/pawbullett.png) 2px 4px no-repeat;
  margin-top: 14px;
  padding-left: 25px;
}
.list-wh li:first-child {
  margin-top: 0;
}
.list-wh li a {
  color:#357DE1;
		font-size: 14px;
	font-weight: 500;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.list-wh li a:hover {
  color:#357DE1;
	font-size: 14px;
	font-weight: 500;
  text-decoration: underline;
}


.soc_list {
  overflow: hidden;
  display: inline-block;
	margin-top:50px;
  list-style: none;
  padding: 0;
}
.soc_list li {
  float: right;
  margin-left: 15px;
}
.soc_list li a {
  display: block;
  width: 45px;
  height: 44px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.soc_list li a.icon1 {
  background: url(../img/icon1.png) no-repeat;
}
.soc_list li a.icon2 {
  background: url(../img/icon2.png) no-repeat;
}
.soc_list li a.icon3 {
  background: url(../img/icon3.png) no-repeat;
}
.soc_list li a.icon4 {
  background: url(../img/icon4.png) no-repeat;
}
.soc_list li a:hover {
  opacity: 0.7;
}

.list2 {
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
}
.list2 li {
  font: 400 14px/16px 'Open Sans', sans-serif;
  color: #000;
  background: url(../img/list_marker2.png) 2px 4px no-repeat;
  margin-top: 14px;
  padding-left: 25px;
}
.list2 li:first-child {
  margin-top: 0;
}
.list2 li a {
  color:  #ed7800;
		font-size: 18px;
	font-weight: 500;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.list2 li a:hover {
  color:#0EAAF6;
	font-size: 18px;
	font-weight: 500;
  text-decoration: underline;
}

.list3 {
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
}
.list3 li {
  font: 400 14px/20px 'Open Sans', sans-serif;
  color: #000;
  background: url(../img/list_marker2.png) 2px 4px no-repeat;
  margin-top: 14px;
  padding-left: 25px;
}
.list3 li:first-child {
  margin-top: 0;
}
.list3 li a {
  color: #ed7800;
		font-size: 14px;
	font-weight: 500;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.list3 li a:hover {
  color:#ed7800;
	font-size: 14px;
	font-weight: 500;
  text-decoration: underline;
}

/* ========================================================
 * 3. HEADER
 * ======================================================== */
/* ======== LOGO ========== */

h1 a {
  display: inline-block;
}
h1 a img {
  width: 100%;
}
h1 a:hover {
  text-decoration: none;
}

.socialheader {
  float: right;
  margin-top: 28;
  margin-right: 25;
}


/* Icons */
.tm_icons{ position:relative; overflow:hidden; padding:10px 0; list-style-type: none; margin: 0;}
  .tm_icons li{ float:left; margin-right:3px; list-style-type: none;}
  .tm_icons.tm_social li{ width:100px;float:left;}
/* Under Construction page =====*/
.tm_constuction-main{width:100%; position: relative; z-index: 3; padding: 100px 0 0 0;}
#tm_constuction-box{box-shadow:0 0 15px rgba(0,0,0,.6); border-radius:15px;width: 570px;min-height:390px; position: relative; margin: 0 auto;}
  #tm_constuction-box .tm_inside{background:#fff;border-radius:15px;border-color:#fff; float:left; width:100%;}
  #tm_constuction-box .tm_inside .tm_inner{padding:40px 48px 25px;}
  #tm_constuction-box .tm_inside .tm_inner h1{ padding-bottom:10px;font-weight:normal;}
  #tm_constuction-box .tm_inside .tm_inner h5{ padding-bottom:5px;}
.tm_cntSeparator {font-size: 50px;margin: 24px 0px;color: #000; font-family:Georgia, "Times New Roman", Times, serif;}
.tm_counter_desc{ position:relative; overflow:hidden; font-size:16px; font-weight:bold; line-height:1.2em; padding:5px 0 0 0; margin-bottom: 40px;}
.tm_counter_desc div{ width:104px; margin-left:18px; text-align:center;}
.tm_counter_desc div:first-child{ margin-left:0;}
.tm_counter_desc .fleft{ float: left;}
.tm_icons_social2{
  margin: 0;
  list-style-type: none;
}
.tm_icons_social2 li{ 
  width:100px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  float:left;
}
.tm_icons_social2 li.last{width:90px;}
.under-constr-form{
  padding: 30px 0 0;
}
  .under-constr-form input{
    width: 335px;
  }



/* ======== MENU ========== */

   /* Add a black background color to the top navigation */
.topnav {
    background-color: #000;
    overflow: hidden;
	margin-left: 20px;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 4px 6px;
    text-decoration: none;
      font: 500 14px 'Open Sans', sans-serif;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #ffc614;
    color: #000;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

.topnav .men {
    display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
    float: left;
    overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
    font: 500 14px 'Open Sans', sans-serif;
    border: none;
    outline: none;
    color: #ffc614;
    padding: 4px 6px;
     background-color: #000;
 
    margin: 0;
}




/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
 position:absolute;
	margin-left: 150px;
	 font: 500 14px 'Open Sans', sans-serif;
    background-color: #ffc614;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;

    text-decoration: none;
    display: block;
    text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
   opacity: .7;
  filter: alpha(opacity=70);
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
	  font-size: 30px;
	  color:#EABA00;
	
  }
.topnav .men {
    font: 500 18px 'Open Sans', sans-serif;
display:inline;
    color:#EABA00;
    padding: 4px 6px;

}	
	
.dropdown-content {
   
	margin-left: 5px;

}	
	.first-nav {display: none;}
	
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
	.first-nav {display: none;}
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
	.dropdown-content {
   
	margin-left: 5px;

}
	
} 


/* ======== STUCK MENU ========== */
.menuborder {
border-bottom: thick;
	border-bottom-color: #FFFFFF;
	
}



#stuck_container {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
}

.isStuck {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
}
.isStuck h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.isStuck .tm_navbar {
  padding: 25px 0px 0 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.isStuck .menuBox {
  margin: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
/* ======== GENERAL MENU ========== */

.blackbkg {background: #000;
}



.menuheader {
  float: right;
  margin-top: 0;
  margin-right: 0;
}

/* ========================================================
 * 4. CONTENT
 * ======================================================== */
#content {
  width: 100%;
  background: #fff;
}
.row_1 {

  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.bkg1 {
	
	  background: url(../img/row_1.jpg) repeat center 0;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
	
	
}
.row_1.second {
  padding-top: 17px;
  padding-bottom: 10px;
}
.row_1.second h4 {
  margin-bottom: 21px;
}
.row_1.second .qoute_box {
  padding-top: 0px;
  margin-bottom: 20px;
}
.row_1.second .qoute_box h4 {
  margin-top: 0;
  margin-bottom: 17px;
}
.row_1.second .qoute_box h4 a {
  color: inherit;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.row_1.second .qoute_box h4 a:hover {
  color: #fff;
}
.row_1.second .qoute_box .qoute {
  margin-top: 0;
}
.row_1.second .qoute_box .qoute span {
  margin-top: -4px;
}
.row_1 h4 {
  color: #fff;
  margin-top: 35px;
  margin-bottom: 0px;
}
.course_title {
  float: left;
	width: 100%;
	vertical-align: bottom;
  text-align: left;
  min-height: 100px;
}
.bottom-title {
	vertical-align: bottom;
}

.team_box {
  margin-bottom: 36px;
}
.team_box img {
  width: 100%;
  margin-bottom: 14px;
}
.team_box h6 {
  font: italic 400 15px/23px 'Open Sans', sans-serif;
  color: #000;
  margin-bottom: 0px;
}
.team_box h6 a {
  color: inherit;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.team_box h6 a:hover {
  text-decoration: none;
  color: #686868;
}
.team_box p {
  font: 400 14px/20px 'Open Sans', sans-serif;
  color: #686868;
  margin-bottom: 0;
}
.single_img {
  width: 100%;
  margin-bottom: 22px;
}
.qoute_box {
  overflow: hidden;
  padding-top: 18px;
  margin-bottom: 29px;
}
.qoute_box .qoute {
  float: left;
  width: 100px;
  font: 300 65px/65px 'Open Sans Condensed', sans-serif;
  color: #69584d;
  margin-top: 11px;
}
.qoute_box .qoute span {
  display: block;
  font: 400 22px/28px 'Open Sans', sans-serif;
  color: #b4b4b4;
  margin-top: -8px;
  padding-left: 14px;
}
.qoute_box h4 {
  font: 400 22px/28px 'Open Sans', sans-serif;
  color: #b4b4b4;
  text-align: left;
  margin-bottom: 15px;
  margin-top: 10px;
}
.qoute_box p {
  font: 400 13px/18px 'Open Sans', sans-serif;
  color: #6f6a66;
  margin-bottom: 18px;
}
.qoute_box .btn1 {
  font-size: 14px;
  line-height: 14px;
  padding: 9px 20px 12px 17px;
  background: #463d37;
}
.qoute_box .btn1:hover {
  background: #8e755f;
  color: #ffffff;
  text-decoration: none;
}
.qoute_box1 {
  overflow: hidden;
  margin-bottom: 41px;
}
.qoute_box1 .qoute {
  float: left;
  text-align: center;
  background: #fff;
  width: 60px;
  font: 300 45px/45px 'Open Sans Condensed', sans-serif;
  color: #69584d;
  padding-top: 5px;
  padding-bottom: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 30px;
}
.qoute_box1 .qoute_content {
  overflow: hidden;
}
.qoute_box1 .qoute_content h6 {
  font: 400 16px/24px 'Open Sans', sans-serif;
  color: #c8c8c8;
  margin-bottom: 15px;
}
.qoute_box1 .qoute_content h6 a {
  color: inherit;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.qoute_box1 .qoute_content h6 a:hover {
  color: #fff;
}
.qoute_box1 .qoute_content p {
  font: 400 13px/18px 'Open Sans', sans-serif;
  color: #c8c8c8;
  margin-bottom: 0;
}
.qoute_box2 {
  overflow: hidden;
  margin-bottom: 15px;
}
.qoute_box2 .qoute {
  float: left;
  text-align: left;
  width: 55px;
}
.qoute_box2 .qoute span {
  font-size: 36px;
  line-height: 36px;
  color: #fff;
}
.qoute_box2 .qoute2 {
  float: left;
  text-align: left;
  width: 55px;
}
.qoute_box2 .qoute2 span {
  font-size: 36px;
  line-height: 36px;
  color: #c3d600;
}

.qoute_box2 .qoute3 {
  float: right;
  text-align: left;
  width: 55px;
}
.qoute_box2 .qoute3 span {
  font-size: 36px;
  line-height: 36px;
  color: #c3d600;
}
.qoute_box2 .qoute_content {
  overflow: hidden;
}
.qoute_box2 .qoute_content h6 {
  font: italic 400 15px/20px 'Open Sans', sans-serif;
  color: #fff;
  margin-bottom: 0;
}
.qoute_box2 .qoute_content h6 a {
  color: inherit;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.qoute_box2 .qoute_content h6 a:hover {
  color: #c8c8c8;
}
.qoute_box2 .qoute_content p {
  font: 400 16px/21px 'Open Sans', sans-serif;
  color: #fff;
  margin-bottom: 10px;
}

.qoute_box2 .qoute_content2 p {
  font: 400 16px/24px 'Open Sans', sans-serif;
  color: #000;
  margin-bottom: 10px;
	margin-right: 20px;
	
}


.partners {margin-top:35px;}

.partners dt { 
	border-right:#e3e3e3 0px solid; 
	display:inline-block;
	padding:15px 30px 15px 0;
	float:left;
}

.partners dd {
	margin-left:10px;
	float:left;
}

.partners img:hover{
	opacity: 0.6;
}	
.senter_row {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 40px;
  background: #fff;
}
.senter_row.bg {
  background: #f5f5f5;
}
.senter_row.second h4 {
  margin-bottom: 27px;
}
.senter_row.second p {
  line-height: 23px;
  margin-bottom: 43px;
}
.senter_row h4 span {
  font-weight: 400;
}
.senter_row p span {
  font-style: italic;
  color: #000000;
}

.blk-rpt {
 background-image: url(../images/black.jpg);
	background-repeat:repeat;



}

.feature_box {
 background-image: url(../images/parabkgr2.jpg);
	background-repeat: repeat-y;
}

.feature_box:hover .feature_content h4 {
  color: #fff;
}
.feature_box:hover .feature_content p {
  color: #fff;
}
.feature_box:hover .feature_content a {
  color: #fff;
}

.feature_box .feature_content {
  padding: 32px 32px 32px 29px;
	margin-top: 20px;
	margin-bottom: 20px;
		border: double;
	border-color: #EACA19;
}
.feature_box .feature_content.second {
  padding: 32px 32px 32px 29px;
}
.feature_box .feature_content.second p {
  margin-bottom: 0px;
}
.feature_box .feature_content h4 {
  font: 300 28px/32px 'Chelsea Market', sans-serif;
  color: #fff;
  margin-bottom: 21px;
	text-underline: none;
  padding-bottom: 25px;
  text-align: left;
  border-bottom: 1px solid #ededed;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.feature_box .feature_content p {
  font: 300 14px/22px 'Open Sans', sans-serif;
  color: #fff;
  margin-bottom: 8px;
	text-underline: none;

  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.feature_box .feature_content a {
 
  font: 400 14px/22px 'Open Sans', sans-serif;
  color: #357DE1;
	text-decoration: none;
}
.feature_box .feature_content a:hover {
  text-decoration: underline;
}

.feature_box .feature_content p a:hover {
  text-decoration: underline;
}

.feature_box .feature_content h4 a:hover {
  text-decoration: none;
}


.feature_box .btn1 {
  background: #b3c401;
	text-decoration: none;
  color: #fff;
	
	
}
.feature_box .btn1:hover {
  background: #00A7CE;
  color: #fff;
}


.feature_box2 {
background-color: #FFF;
}

.feature_box2:hover .feature_content2 h4 {
color:#f8bc02;
}
.feature_box2:hover .feature_content2 p {
  color: #000;
}
.feature_box2:hover .feature_content2 a {
  color: #357DE1;
}

.feature_box2 .feature_content2 {
  padding: 32px 32px 32px 29px;
	margin-top: 20px;
	margin-bottom: 20px;
		border: double;
	border-color: #f8bc02;
}
.feature_box2 .feature_content2.second {
  padding: 32px 32px 32px 29px;
}
.feature_box2 .feature_content2.second p {
  margin-bottom: 0px;
}
.feature_box2 .feature_content2 h4 {
  font: 300 28px/32px 'Chelsea Market', sans-serif;
  color: #f8bc02;
  margin-bottom: 21px;
	text-underline: none;
  padding-bottom: 25px;
  text-align: left;
  border-bottom: 1px solid #ededed;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.feature_box2 .feature_content2 p {
  font: 400 14px/22px 'Open Sans', sans-serif;
  color: #000;
  margin-bottom: 20px;
	text-underline: none;

  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.feature_box2 .feature_content2 a {
  
  font: 400 14px/22px 'Open Sans', sans-serif;
  color: #357DE1;
}
.feature_box2 .feature_content2 a:hover {
  text-decoration: underline;
}

.feature_box2 .feature_content2 p a:hover {
  text-decoration: underline;
}

.feature_box2 .feature_content2 h4 a:hover {
  text-decoration: none;
}


.feature_box2 .btn1 {
  background: #b3c401;
	text-decoration: none;
  color: #fff;
	
	
}
.feature_box2 .btn1:hover {
  background: #00A7CE;
  color: #fff;
}






.feature-btn {
  background: #b3c401;
	text-decoration: none;
  color: #fff;
	float: left;
	 margin-bottom: 21px;
  padding-bottom: 25px;
  text-align: left;
  border-bottom: 1px solid #ededed;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
	
}

.feature-btn h4 {
  font: 400 32px/34px 'Open Sans', sans-serif;
  color: #fff;
  margin-bottom: 21px;
  padding-bottom: 25px;
  text-align: left;
  border-bottom: 1px solid #ededed;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}


.feature-btn:hover {
  background: #00A7CE;
  color: #fff;
}


/* ========================================================
 * PATTERN ROWS
 * ======================================================== */

#index2 .row_2 {
  padding-top: 47px;
  padding-bottom: 60px;
}
#index2 .row_2 h4 {
  color: #fff;
}
.row_2 {

  padding-top: 96px;
  padding-bottom: 94px;
  overflow: hidden;
}

.bkgptn {  background: url(../images/g11line8.gif) repeat #ffffff;	
	
}
.bkgblu {  background: url(../img/blue-txt-bkg.jpg) repeat #ffffff;	
	
}

.row_2 .img_fleft {
  margin-right: 65px;
}
.row_2 h3 {
  font: 500 38px/48px 'Open Sans', sans-serif;
  color: #fff;
  margin-top: 11px;
  margin-bottom: 15px;
	text-tranform: none;
	  text-decoration: none;
	border-bottom: none;
}

.row_2 h3:hover {
  text-decoration: none;
	border-bottom: none;
}


.row_2 h6 {
  font: 400 18px/26px 'Open Sans', sans-serif;
  color: #fff;
  margin-top: 0;
  margin-bottom: 21px;
}
.row_2 h6.second {
  font: 400 13px/18px 'Open Sans', sans-serif;
  color: #c8c8c8;
  margin-bottom: 27px;
}
.row_2 .btn1 {
  background: #ed7800;
  color: #fff;
}
.row_2 .btn1:hover {
  background: #00a7ce;
  color: #fff;
}




.row_3 {
  background: url(../img/row_art.jpg) no-repeat center 0 #ffffff;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  padding-top: 96px;
  padding-bottom: 94px;
  overflow: hidden;
}

.row_4_ptrn {
  background: url(../img/pattern1.jpg) repeat #ffffff;
  padding-top: 96px;
  padding-bottom: 94px;
  overflow: hidden;
}
/* ========================================================
 * IMAGE ROWS
 * ======================================================== */

.row_4 {

  padding-top: 20px;
  padding-bottom: 20px;
	margin-bottom: 25px;
  overflow: hidden;
	  -webkit-box-shadow: 3px 3px 5px 3px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 3px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 3px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.bkg-write {
	  background: url(../img/row_chlk.jpg) no-repeat center 0 #ffffff;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
	
}

.bkg-sports {
	  background: url(../img/row_sports.jpg) no-repeat center 0 #ffffff;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
	
}

.bkg-train {
  background: url(../img/row_train.jpg) no-repeat center 0 #ffffff;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;

}

.retreats {
  background: url(../img/retreats.jpg) no-repeat center 0 #ffffff;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;

}


.bkg-summer {
  background: url(../img/row_summer.jpg) no-repeat center 0 #ffffff;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;

}
.story-bkg {
  background: url(../img/story-img.jpg) no-repeat center 0 #ffffff;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;

}

.story-ed {
  background: url(../img/row_ed_cons.jpg) no-repeat center 0 #ffffff;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;

}

.marg-top-50 {
	margin-top: 150px;
}

.row_4 .img_fleft {
  margin-right: 65px;
}
.row_4 p {
  font: 400 14px/21px 'Open Sans', sans-serif;
  color: #fff;
	
	z-index: 10;
}
.box-trans {
	    background: rgb(50, 50, 50); /* Fallback for older browsers without RGBA-support */
    background: rgba(50, 50, 50, 0.7);
	 -webkit-border-radius: 10px;
  border-radius: 10px;
	padding: 15px;
}


.box-trans h2 {
	
color: #c3d600;	
	font: 400 18px/24px 'Open Sans', sans-serif;
	
	
}

.box-transW {
	    background: rgb(247, 243, 243); /* Fallback for older browsers without RGBA-support */
    background: rgba(247, 243, 243, 0.7);
	 -webkit-border-radius: 10px;
  border-radius: 10px;
	padding: 15px;
	
}

.row_4 h1 {
	height: 100%;
	font-family: 'Lato', sans-serif;
	border-color: #373737;
	border-style:solid;
	border-width:thin;
	font-size: 32px;
	line-height: 38px;
	color:#fff;
	background-color: #b3c401;
	padding: 10px;

	text-transform: uppercase;
		 margin-bottom: 20px;
	font-weight: 400;
	}

.blackP {
  font: 400 14px/21px 'Open Sans', sans-serif;
  color: #000;
	
	z-index: 10;
	

}
.row_4 h3 {
  font: 500 42px/48px 'Open Sans', sans-serif;
  color: #fff;
  margin-top: 11px;
  margin-bottom: 15px;
}
.row_4 h6 {
  font: 400 18px/26px 'Open Sans', sans-serif;
  color: #fff;
  margin-top: 0;
  margin-bottom: 21px;
}
.row_4 h6.second {
  font: 400 13px/18px 'Open Sans', sans-serif;
  color: #c8c8c8;
  margin-bottom: 27px;
}
.row_4 .btn1 {
  background: #00A7CE;
  color: #fff;
}
.row_4 .btn1:hover {
  background: #ed7800;
  color: #fff;
}










.row_404 {
  margin-bottom: 45px;
}
.row_404 h4 {
  text-align: left;
}
.events_box {
  overflow: hidden;
  margin-bottom: 40px;
}
.events_box img {
  display: block;
  float: left;
  margin-right: 32px;
}
.events_box h4 {
  font: 400 22px/28px 'Open Sans', sans-serif;
  color: #544d4a;
  margin-bottom: 14px;
  text-align: left;
}
.events_box h4 a {
  color: inherit;
}
.events_box h4 a:hover {
  color: #8e755f;
}
.events_box p {
  font: 400 14px/20px 'Open Sans', sans-serif;
  color: #686868;
  text-align: left;
  margin-bottom: 0;
}
#thumbs .touch_img {
  position: relative;
  display: block;
  overflow: hidden;
}
#thumbs .touch_img img {
  width: 100%;
}
#thumbs .touch_img span.fa-expand {
  position: absolute;
  left: 50%;
  margin-left: -23px;
  top: -30px;
  margin-top: -23px;
  color: #eae9e9;
  font-size: 46px;
  line-height: 46px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  z-index: 2;
}
#thumbs .touch_img:hover span.fa-expand {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -23px;
  top: 50%;
  margin-top: -23px;
  font-size: 46px;
  line-height: 46px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#thumbs .touch_img span.bg {
  position: absolute;
  background: url(../img/span_bg.png) repeat 0 0;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#thumbs .touch_img:hover span.bg {
  background: url(../img/span_bg.png) repeat 0 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}


/* ========================================================
	 * STAFF BIO
	 * ======================================================== */

p.link1  {margin-bottom:5px;}

.img-indent3 {
	padding:4px 18px 8px 0;
	float:left;

}

	
.bio_title {
	height: 100%;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #00A7CE;

	}	
.border-bottom {border-bottom:#e3e3e3 1px solid; margin-bottom:45px;}	



/* ========================================================
	 * ADVISORY BOARD
	 * ======================================================== */
.pad-R 		{padding-right:50px;}

.box_info2:first-child {
	margin-left:0;}

.box_info2 {
	overflow-x: hidden;
 overflow-y: scroll;
  -webkit-overflow-scrolling: touch;

	padding:31px 31px 27px 17px;
	height: 250px;
}

.partnerimg a:hover {
  opacity: 0.9;
}

.img-indent2 {
	padding:4px 18px 8px 0;
	float:left;

}


/* ========================================================
	 * PARTNERS
	 * ======================================================== */
.margin_5 {margin-bottom:40px;}
.margin_3 {margin-bottom:15px;}

a.hideDisplay{
position: relative; /* This makes everything work.*/
/* Allows you to layer overlapping elements. */
 z-index: 20; 
 color: #000;
 text-decoration: none
 }

a.hideDisplay:hover{
 /* Allows you to layer overlapping elements. */
 z-index: 30; 
 }

a.hideDisplay span.showDisplayOnHover{
display: none
}
 
/* This will only display itself when the
 * user hovers the mouse over the anchor. */
 a.hideDisplay:hover span.showDisplayOnHover{ 
  display: block;
  position: absolute;
 font-size: 14px;
 
/* This sets the height of a line of text in the box. */
  line-height: 18px;
 
 /* These position the box where it needs to go. */
 top: 15px; 
 left: 1px; 
 
 /* These adjust the size of the box when it appears. */
 width: 200px;
 padding: 10px;
 
 border: 1px solid #666666;
  background-color: #eee; 
 
 /* text color */
 color: #000000;
 text-align: left;
 }

span.showBodyOfDisplayOnHover {
 font-size: 14px; 
  font-weight: normal;
 color: #000000;
 line-height: 18px; 
 }



/* ========================================================
 * 5. FOOTER
 * ======================================================== */
#footer {
  width: 100%;
 
  text-align: center;

}


.footer-grad  {
background: yellow; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(to bottom, white 10%, #f5bf03); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(to bottom, white 10%, #f5bf03); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(to bottom,white 10%, #f5bf03); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, white 10%, #f5bf03); /* Standard syntax */

	
}

#footer .copyright {
  font: 400 14px/17px 'Open Sans', sans-serif;
  
  color: #34312f;
}
#footer .copyright #copyright-year {
  margin-right: 5px;
}
#footer .copyright a {
  display: inline-block;
  margin-left: 5px;
  color: #906140;
}

#toTop {
  display: none;
  position: fixed;
  color: transparent;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #f5f3f2;
  height: 46px;
  width: 46px;
  right: 50% !important;
  margin-right: -700px !important;
  bottom: 40px;
  z-index: 20;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#toTop:after {
  font-family: FontAwesome;
  content: "\f077";
  font-size: 17px;
  line-height: 17px;
  color: #474747;
  position: absolute;
  top: 10px;
  left: 12px;
}
#toTop:hover {
  border-color: #474747;
}
#toTop:active,
#toTop:focus {
  outline: none;
}
/* ========================================================
 * 7. FORMS
 * ======================================================== */

 /* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Style the submit button */
input[type=submit] {
  background-color:#18298E;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

/* Style the container */
.container-form {
  border-radius: 15px;
  background-color: #fff;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.col-25a {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75a {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25a, .col-75a, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
} 






/*------------ Contact form ------------*/
.contact-form .coll-1,
.contact-form .coll-2,
.contact-form .coll-3 {
  margin-bottom: 15px;
  margin-right: 16px;
  width: 236px;
  display: inline-block;
}
.contact-form .coll-3 {
  margin-right: 0;
}
.coll-message {
  position: relative;
}
#contact-form {
  padding-top: 4px;
  margin-bottom: 44px;
  position: relative;
}
#contact-form label {
  position: relative;
  display: block;
  margin-bottom: 0;
}
#contact-form span {
  display: block;
}
#contact-form input,
#contact-form textarea {
  outline: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font: 300 14px/18px 'Open Sans', sans-serif;
  color: #686868;
  width: 100%;
  padding: 10px 13px 10px 13px;
  border: 1px solid #cecece;
  background: #f5f5f5;
}
#contact-form textarea {
  height: 201px;
  resize: none;
  margin: 0 0 27px;
  overflow: hidden;
}
#contact-form ._placeholder {
  width: 100%!important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: text;
  font: 300 14px/18px 'Open Sans', sans-serif;
  color: #686868;
  padding: 12px 10px 9px 14px;
  display: block;
}
#contact-form ._placeholder.focused {
  opacity: .4;
  filter: alpha(opacity=40);
  box-shadow: none;
}
#contact-form ._placeholder.hidden {
  display: none;
}
#contact-form .success-message {
  font: 300 14px/18px 'Open Sans', sans-serif;
  color: #686868;
  background: #f5f5f5;
  position: absolute;
  overflow: hidden;
  height: 0;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
  z-index: 10;
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.7s linear;
  transition: all 0.7s linear;
  padding: 0;
}
#contact-form.success .success-message {
  height: 50px;
  color: #686868;
  padding: 15px 0;
  border: 1px solid #cecece;
  -webkit-transition: all 0.7s linear;
  transition: all 0.7s linear;
}
#contact-form .error-message,
#contact-form .empty-message {
  height: 0;
  overflow: hidden;
  font: 10px/20px 'Open Sans', sans-serif;
  color: #686868;
  -webkit-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  position: absolute;
  right: 3px;
  top: 0;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
  height: 20px;
}
#contact-form .btn1 {
  position: relative;
  border: none;
  z-index: 10;
  font: 400 16px/16px 'Open Sans', sans-serif;
  color: #ffffff;
  background: #978d86;
  padding: 11px 22px 13px 23px;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#contact-form .btn1:hover {
  background: #8e755f;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/*------------ End Contact form ------------*/
address {
  margin-bottom: 30px;
}
address .info {
  margin-bottom: 19px;
}
address .info strong {
  display: block;
  font: 400 22px/28px 'Open Sans', 'sans-serif';
  color: #544d4a;
  margin-bottom: 12px;
}
address .info p {
  margin-bottom: 0px;
}
address .info p.adr {
  margin-bottom: 20px;
}
/*------------ 404 ------------*/
.block-404 .forminfo h2 {
  padding: 21px 0 6px;
}
.block-404 .forminfo h2 strong {
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  font-size: 48px;
  line-height: 48px;
  font-weight: 800;
  color: #333333;
  display: block;
}
.block-404 .forminfo h2 span {
  text-transform: uppercase !important;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #949494;
  display: block;
  margin-top: 15px;
}
.block-404 p {
  margin-bottom: 10px;
}
.form-404 {
  width: 100%;
  display: block;
  margin: 0;
  position: relative;
  margin-top: 23px;
}
.form-404 input {
  outline: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font: 300 14px/18px 'Open Sans', sans-serif;
  color: #686868;
  width: 370px;
  padding: 10px 13px 10px 13px;
  border: 1px solid #cecece;
  background: #f5f5f5;
  margin-bottom: 27px;
}
.form-404 input:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid #d7d7d7;
}
.form-404 a {
  background: #978d86;
  color: #ffffff;
  display: inline-block;
  font: 400 16px/16px 'Open Sans', sans-serif;
  padding: 11px 22px 13px 23px;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: left;
}
.form-404 a:hover {
  box-shadow: none;
  text-decoration: none;
  background: #8e755f;
  color: #fff;
}

.pad-gen {
	padding: 15px;
}

.pad-foot2 {
	padding-left: 30px;
	padding-right: 30px;
	padding-top:40px;
	padding-bottom:15px;
}


.pad-foot {
	padding-left: 30px;
	padding-right: 30px;
	padding-top:15px;
	padding-bottom:15px;
}
/*------------End 404 ------------*/
/* ========================================================
 * 8. RESPONSIVE LAYOUTS
 * ======================================================== */
@media (min-width: 1220px) {
  .contact-form .coll-1,
  .contact-form .coll-2,
  .contact-form .coll-3 {
    width: 243px;
  }
  .contact-form .coll-3 {
    margin-right: 0;
  }
  .container {
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .contact-form .coll-1,
  .contact-form .coll-2,
  .contact-form .coll-3 {
    width: 191px;
    margin-right: 17px;
  }
  .contact-form .coll-3 {
    margin-right: 0;
  }
  .feature_box {
    min-height: 255px;
  }
  .form-404 input {
    width: 100%;
  }
}
/*------------Stuck menu ------------*/
@media (max-width: 991px) {
  .isStuck {
    background: transparent !important;
  }
  #stuck_container {
    position: relative !important;
    box-shadow: none;
  }
  .pseudoStickyBlock {
    height: 0 !important;
  }
}
/*------------End Stuck menu------------*/
@media (min-width: 767px) and (max-width: 991px) {
  .tm_navbar {
    padding: 44px 0px 0 0;
  }
  .row_2 .img_fleft {
    margin-right: 25px;
    width: 300px;
  }
	
	.box_info2 {

	padding:21px 21px 27px 7px;

}

	
  .row_2 h3 {
    font: 300 30px/38px 'Open Sans', sans-serif;
    color: #fff;
    margin-top: 0px;
  }
  .feature_box {
    min-height: 300px;
  }
  .feature_box .feature_content.second {
    padding: 42px 20px 50px 20px;
  }
  .feature_box .feature_content {
    padding: 42px 20px 42px 20px;
  }
  .feature_box .feature_content h4 {
    font: 300 19px/24px 'Open Sans', sans-serif;
    margin-bottom: 10px;
    padding-bottom: 15px;
  }
  .contact-form .coll-1,
  .contact-form .coll-2,
  .contact-form .coll-3 {
    margin-right: 0;
    width: 100%;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  h1 {
    text-align: center;
  }
  .tm_navbar {
    padding: 0;
  }
	
	.soc_list {

	margin-top:20px;

}
	
	.img-indent2 {
	padding:4px 4px 4px 0;


}
	
	.pad-R 		{padding-right:15px;}
  .menuheader {
    float: none;
    margin-bottom: 30px;
  }
		.box_info2 {

	padding:21px 21px 27px 7px;

}
	
  .sf-menu {
    display: none !important;
  }
  .select-menu {
    display: block !important;
    border: 1px solid #343434;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 5px;
  }
	
	.ph-style {
	margin-top:20px;
	
	
}	
		.form-bkg {

	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
	
  .select-menu option {
    padding: 0;
  }
  .camera_prev {
    left: 20px;
  }
  .camera_next {
    right: 20px;
  }
  .row_2 .img_fleft {
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .img_fleft,
  .img_fright {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .map iframe {
    width: 100%;
    height: 250px;
  }
  .row_2 h3 {
    font-size: 25px;
    line-height: 30px;
  }
	
	  .feature_box {
    min-height: 300px;
  }
  .contact-form .coll-1,
  .contact-form .coll-2,
  .contact-form .coll-3 {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
  }
}
@media (max-width: 480px) {
  .events_box img {
    display: block;
    float: none;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 25px;
  }
	.pad-R 		{padding-right:15px;}
	.row_3 {
  background: #ffffff;

  padding-top: 96px;
  padding-bottom: 94px;
 
}
	
	.form-bkg {

	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
	
		.img-indent2 {
	padding:4px 4px 4px 0;


}
	
		.box_info2 {

	padding:21px 21px 27px 7px;

}
	
.ph-style {
	margin-top:20px;
	
	
}	
	
		  .feature_box {
    min-height: 300px;
  }
	
	.soc_list {
	margin-top:20px;

}
}

 

/*Core variables and mixins*/