@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?-ee0u0f');
	src:url('../fonts/icomoon/icomoon.eot?#iefix-ee0u0f') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff?-ee0u0f') format('woff'),
		url('../fonts/icomoon/icomoon.ttf?-ee0u0f') format('truetype'),
		url('../fonts/icomoon/icomoon.svg?-ee0u0f#icomoon') format('svg');
}
@font-face {
	font-family: 'IcoMoon-Free';
	src: url('../fonts/icomoon/IcoMoon-Free.ttf?-b7qzp2') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'Raleway-Light';
	src: url('../fonts/raleway/Raleway-Light.ttf?-ee0u0f') format('truetype');
}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'Raleway';
	src: url('../fonts/raleway/Raleway-Regular.ttf?-ee0u0f') format('truetype');
}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'Raleway-Bold';
	src: url('../fonts/raleway/Raleway-Bold.ttf?-ee0u0f') format('truetype');
}

html, body, .container, .header {
	height: 100%;
	font-family: 'Raleway', Arial, sans-serif;
	background:#fff;
}

/* Header */
.header {
	position: relative;
	margin: 0 auto;
	min-height: 560px;
	width: 100%;
}

.bg-img {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1000;
}

.bg-img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	min-width: 100%;
	min-height: 85%;
}

.title {
	z-index: 1000;
	margin: 0 auto;
	padding: 0 1.25em;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 36%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.title h1 {
	padding: 0 0 0em;
	color: #fff;
	font-weight: 200;
	font-size:4em;
	margin: 1em auto;
	text-align:center;
	font-family: 'Raleway-Light',sans-serif;
}
h2 {
	
	color: #3366CC;
	font-weight: 200;
	letter-spacing:0em;
	font-size: 1.5em;
	margin: auto;
	font-family: 'Raleway-Light', sans-serif;
}
h3 {
	padding: 0 0 0.2em 0em;
	color: #336666;
	font-weight: 100;
	letter-spacing:0.1em;
	font-size: 2em;
	margin: 10px auto;
	font-weight:100;
}
.title p {
	color: #336699;
	padding: 0 0 0.3em;
	font-weight: 300;
	font-size: 0.85em;
	margin: 0 auto;
}
.title span {
	color:#006699
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 26px;
	right: 3%;
	overflow: hidden;
	width:50px;
	height:50px;
	border: none;
	text-indent: 100%;
	background: url("../img/top_move.png") no-repeat 0px 0px;
}
.cust_title {
	font-size: 2.8em;
  	font-family:'Raleway-Light',Arial,sans-serif;
  	color:rgba(51,102,51,1);
	font-weight:100;
	letter-spacing:2px;
	}
.title h1,
.title p.subline {
	line-height: 1em;
}

.title p.subline {
	font-size: 1.95em;
	text-align:right;
	padding: 0 0 0.2em;
}
.title p.sublinea {
	font-size: 1.95em;
	text-align:center;
	color: #ED3831;
	font-family: 'quicksandregular', sans-serif;
}
.title img.center {
	margin:25px;
	display: block;
    margin-left: auto;
    margin-right: auto 
}
ul.bullet-arrow li{
	background:url(../img/marker.gif) no-repeat scroll 0 0.5em transparent;
	padding-left:20px;
	margin-top:5px;
	list-style:none;
	font-weight:300;
	font-size:13px;
	color:#333;
}
.custom-counter {
  	margin: 0;
  	padding: 0;
  	list-style-type: none;
}
.custom-counter li {
  	counter-increment: step-counter;
  	margin:0 1em 1em 3em;
	font-size:13px;		
}
.custom-counter li::before {
   content: counter(step-counter);
   font-size:15px;
   background-color:rgb(204,153,0);
   color: white;
   font-weight: bold;
   padding: 3px 8px;
   border-radius: 3px;
   margin:0 5px 0 -30px;
}

/* Trigger Button */
button.trigger {
	position: fixed;
	bottom: 40px;
	left: 50%;
	z-index: 5000;
	display: block;
	margin-left: -0.5em;
	padding: 0;
	width: 1em;
	height: 1em;
	border: none;
	background: transparent;
	color: transparent;
	font-size: 3em;
	cursor: pointer;
}

.container:not(.notrans) button.trigger {
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.container.modify:not(.notrans) button.trigger {
	opacity: 0;
	pointer-events: none;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

button.trigger::before {
	position: absolute;
	bottom: 100%;
	left: -100%;
	padding: 0.8em;
	width: 300%;
	color: #fff;
	content: attr(data-info);
	font-size: 0.35em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

button.trigger:focus {
	outline: none;
}

button.trigger span {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

button.trigger span::before {
	
}
.arrow-downhny {
  position: absolute;
  bottom: 15px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  text-align: center;
}

.arrow-downhny .arrow-down-icon {
  background: rgba(222,75,0,0.5);
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  transition: 0.3s ease-in-out;
  -webkit-animation: ripple 1s linear infinite;
  animation: ripple 1s linear infinite;
}

.arrow-downhny .arrow-down-icon span.fa {
  color: #ccc;
  line-height: 40px;
  font-size: 16px;
}

@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(190,126,12,0.5), 0 0 0 10px rgba(190,126,12,0.5), 0 0 0 20px rgba(190,126,12,0.5);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 9, 0, 0.15), 0 0 0 20px rgba(190,126,12,0.5), 0 0 0 30px rgba(50, 100, 245, 0);
  }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(190,126,12,0.5), 0 0 0 10px rgba(190,126,12,0.5), 0 0 0 20px rgba(190,126,12,0.5);
  }

  100% {
    box-shadow: 0 0 0 10px rgba(190,126,12,0.5), 0 0 0 20px rgba(190,126,12,0.5), 0 0 0 30px rgba(50, 100, 245, 0);
  }
}

/* 2. Menu Styles
--------------------------------------*/
.templatemo-nav-container {
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.templatemo-nav-container .container {
  background-image: url('../images/blue-corner.png');
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 145px;
}
.templatemo-nav-container.sticky .templatemo-white-bg {
  background-image: none;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 87%,rgba(255,255,255,0.92) 91%,rgba(229,229,229,0.77) 99%,rgba(229,229,229,0.75) 100%); /* W3C */
}
.templatemo-nav-container.sticky .templatemo-nav { height: 45px; }
.templatemo-nav-container.sticky .templatemo-nav { padding: 12px 30px; }
.templatemo-nav-container.sticky .templatemo-nav li>a { padding: 5px 15px; }
.templatemo-nav {
  float: left;
	height: 145px;
	margin-bottom: 0;
  padding-left: 30px;
	padding-top: 40px;
}
.templatemo-nav li {
	display: inline-block;
	list-style: none;
}
.templatemo-nav li>a {
	border-radius: 50px;
	color: #9b9b9b;
	padding: 10px 30px;
	transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
}
#responsive-menu ul li:hover a, 
#responsive-menu ul li.active a,
.templatemo-nav li:hover a, 
.templatemo-nav li.active a {
	background-color: #0db5c0;
	color: #fff;
}
.templatemo-nav li:hover a, 
.templatemo-nav li.active a,
a:focus {
  text-decoration: none;
}
#responsive-menu {
  top: 0;
  width: 250px;
  height: 100%;
  background: rgba(180,180,180, 0.4);
  position: fixed;
  z-index: 5500;
  right: -1500px;
  display: none;
  overflow: auto;
}
#responsive-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#responsive-menu ul li {
  display: block;
  margin-bottom: 2px;
}
#responsive-menu ul li a {
  padding: 12px 18px;
  background-color: #454545;
  color: #333;
  display: block;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  text-transform: uppercase;
}
#responsive-menu ul li a i { margin-right: 15px; }
a#mobile_menu {
  font-size: 18px;
  background-color: rgba(13, 181, 192,0.8);
  border-radius: 30px;
  color: #333;
  width: 50px;
  height: 50px;
  display: block;
  text-align: center;
  line-height: 50px;
  position: fixed;
  top: 2px;
  right: 15px;
  z-index: 5500;
}
#responsive-menu ul li a:hover {
  color:#fff;
  background-color: #0db5c0;
  text-decoration: none;
}

/* Content */
.content {
	margin: 1em auto;
	padding: 0 1em 1em;
	text-shadow:1px 1px #fff;
	font-weight: 100;
	width: 80%;
	border-left:1px rgba(29,53,73,0.1) solid;
	border-right:1px rgba(29,53,73,0.1) solid;
}
 
.content  p  {
 	font-size: 16px;
	font-weight:300;
	letter-spacing:0.1em;
}
.content > div:not(.title) {
	margin: -150px auto 0;
	max-width: 1100px;
	padding: 0 1.25em;
}

.content h3 {
	margin: 0;
	font-size: 1.4em;
}
.content h3 a {
	margin: 10px;
	font-size: 1em;
	background:rgba(51,153,102,1);
	color:#fff;
	padding:10px 20px;
	border-radius:5px;
	text-shadow:none;
}
.content h3 a:hover {
	background:rgba(51,153,102,0.5);
}
.content blockquote {
	padding: 0.25em;
	font-style: italic;
	font-size: 1.65em;
	font-family: 'Lora', serif;
	line-height: 1.4;
}

.content span img { float:right; padding:10px }

.content blockquote::before {
	content: '\201C';
}

.content blockquote::after {
	content: '\201D';
}

/*----*/
/*  Contact Form  */
.contact form{
	font-family: 'Open Sans', sans-serif;
}
.map{
	margin-bottom:30px;
}
/*----container----*/

.wrapper{
	width:100%;
	padding-right: 15px;
  	padding-left: 15px;
  	margin-right: auto;
  	margin-left: auto;
}
.map iframe{
	min-height:350px;
	width:100%;
	border:none;
}
.list3 li>img {
	float: left;
	margin-right:10px;
	list-style:none;
}
.extra-wrap {
	overflow: hidden;
}
.extra-wrap p {
	color: #A5A5A5;
	line-height: 1.8em;
	font-size: 0.8em;
	margin-bottom: 5px;
	font-family: 'Open Sans', sans-serif;
}
span.mail a {
	color:#FE3026;
}
span.mail a:hover{
	color:#626262;
	text-decoration:none;
}
.contact-to input[type="text"] {
	padding: 12px 10px;
	width: 31.9%;
	font-family: 'Open Sans', sans-serif;
	margin: 12px 2px;
	border: 1px solid rgba(192, 192, 192, 0.61);
	color: #626262;
	background: #FFF;
	float: left;
	outline: none;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.contact-to input[type=number] {
 	padding: 12px 10px;
	width: 20.9%;
	font-family: 'Open Sans', sans-serif;
	margin: 12px 10px;
	border: 1px solid rgba(192, 192, 192, 0.61);
	color: #626262;
	background: #FFF;
	float: left;
	outline: none;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    background: #eee url(../img/button.png) no-repeat 50% 50%;  
    width: 14px;
    height: 14px;
    padding: 4px;
    position: relative;
    right: 4px;
    border-radius: 28px;
}
.contact-to input[type="text"]:nth-child(2),.contact-to input[type="text"]:nth-child(3){
	margin-left:10px;
}
.text2 input[type="text"], .text2 textarea {
	width: 99%;
	margin: 12px 0;
	border: 1px solid rgba(192, 192, 192, 0.61);
	color: #626262;
	font-family: 'Open Sans', sans-serif;
	outline: none;
	margin-bottom: 25px;
	height: 100px;
	padding: 12px 10px;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}

.text2 input[type="text"]:hover,.text2 textarea:hover,.contact-to input[type="text"]:hover{
	border: 1px solid #FE3026;
}
.contact-form input[type="submit"] {
	background:rgba(102,153,51,0.8);
	color: #FFF;
	font-size: 1.2em;
	outline: none;
	padding: 0.42em 2em 0.5em 2em;
	border-radius: 0.3em;
	border:none;
	cursor: pointer;
	outline: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-transform:uppercase;
}
.contact-form input[type="submit"]:hover{
	background:rgba(102,153,51,1);
	text-decoration: none;
}
.span_1_of_first1 h5{
	color: #333333;
	font-weight: 700;
	font-size: 1em;
	padding-bottom: 0.5em;
	text-transform: uppercase;
}
.span_1_of_first1 p {
	font-size:0.5em;
	}
	
.span_1_of_first1 {
	width: 29.5%;
}
.col_1_of_bottom:first-child {
	margin-left: 0;
}
.col_1_of_bottom {
	display: block;
	float: left;
	margin: 1% 0 1% 3.6%;
}
.contact-grids {
	margin-bottom: 1em;
}
/*----//End-contact----*/
/***** Individual effects *****/

/*--YouTube tabs----*/
.content-bottom {
    margin-top: 0em;
}
.resp-tabs-container{
	width: 68%;
    margin: auto;
	float:left;
}
.resp-tabs-container h1 {
	font:40px/40px 'Raleway-Light', sans-serif;;
}
.resp-tabs-container h3 {
	margin: 0;
	font-size: 1.4em;
	border-top:1px #ccc solid;
}
	
.resp-tabs-list {
    width:32%;
	float:right;
    padding: 3.5em 1em;
	border-radius: 5px;
}
.tab-text h3 a {
  color: #918D8D;
  font-size: 1.4em;
  text-decoration: none;
}
i.resp-tab-item.lost {
  margin: 0;
}
.resp-tab-item{
  border:none;
  cursor: pointer;
  display:block;
  list-style: none;
  width:100%;
  margin:0 1em 0.7em;
  outline: none;
}
.resp-tab-item:nth-child(4){
	margin-bottom:0;
}
.resp-tab-item:hover {

}
.resp-tabs-list p{
	color:#333;
	margin:0.5em 0 0.5em 1.2em;
	font-weight:600;
	font-size:0.8em;
}
.resp-tab-active {
   border:2px solid #ccc;
    text-shadow: none;
    color: #2B2B2B;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}
.resp-tab-content {
  display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}
.tab-text{
  width:68.5%;
  position: relative;
}
.post-meta {
  margin-top: 1em;
}
.link1 {
  font-size: 0.9em;
  color: #918A8A;
  font-style: italic;
  font-weight: 600;
}
.post-meta a:hover{
  color:red;
}
.tab-left{
  margin-bottom:5%;
}
li.resp-tab-item.lost{
  margin:0;
}
.facts iframe{
	width:100%;
	height:380px;
}
iframe{
	
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
/* -------------------------- */
/* Faded gradient */
/* -------------------------- */

.intro-effect-fadeout:not(.notrans) .bg-img {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-fadeout:not(.notrans) .bg-img::after {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.intro-effect-fadeout:not(.notrans) .header h1 {
	-webkit-transition-property: color;
	transition-property: color;
}

.intro-effect-fadeout:not(.notrans) .header p,
.intro-effect-fadeout:not(.notrans) .content > div {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-fadeout:not(.notrans) .bg-img,
.intro-effect-fadeout:not(.notrans) .bg-img::after,
.intro-effect-fadeout:not(.notrans) .header h1,
.intro-effect-fadeout:not(.notrans) .header p,
.intro-effect-fadeout:not(.notrans) .content > div {
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-fadeout .header {
	overflow: hidden;
}

.intro-effect-fadeout.modify .bg-img {
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%);
}

.intro-effect-fadeout .bg-img::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,2) 100%);
}

.intro-effect-fadeout.modify .bg-img::after {
	opacity: 1;
}

.intro-effect-fadeout .title {
	text-align: left;
	max-width: 900px;
	padding-top:2em;
}

.intro-effect-fadeout.modify .header h1,
.intro-effect-fadeout .header p {
	color: #514753;
}

.intro-effect-fadeout .header p {
	opacity: 0;
}

.intro-effect-fadeout .header p:nth-child(2) {
	-webkit-transform: translateX(150px);
	transform: translateX(150px);
}

.intro-effect-fadeout .header p:nth-child(3) {
	-webkit-transform: translateX(-150px);
	transform: translateX(-150px);
}

.intro-effect-fadeout.modify .header p:nth-child(2),
.intro-effect-fadeout.modify .header p:nth-child(3) {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.intro-effect-fadeout .content {
	z-index: 100;
	position: relative;
}

.intro-effect-fadeout .content > div {
	opacity: 0;
	-webkit-transform: translateY(350px);
	transform: translateY(350px);
}

.intro-effect-fadeout.modify .content > div {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* -------------------------- */
/* Side */
/* -------------------------- */

.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .title {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.intro-effect-side:not(.notrans) .bg-img::after {
	-webkit-transition-property: top, left, bottom, right, background-color;
	transition-property: top, left, bottom, right, background-color;
}

.intro-effect-side:not(.notrans) .header p {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
}

.intro-effect-side:not(.notrans) .content > div {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .bg-img::after,
.intro-effect-side:not(.notrans) .title,
.intro-effect-side:not(.notrans) .header p,
.intro-effect-side:not(.notrans) .content > div {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.intro-effect-side .codrops-top a {
	color: #7b8d92;
}

.intro-effect-side .bg-img::before,
.intro-effect-side .bg-img::after {
	content: '';
	position: absolute;
	z-index: 100;
}

.intro-effect-side .bg-img::before {
	background: #fff;
	top: 0;
	left: 0;
	width: 65%;
	height: 90%;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	
}

.intro-effect-side.modify .bg-img::before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.intro-effect-side .bg-img::after {
	border: 67px solid #fff;
	top: -80px;
	right: -80px;
	bottom: -80px;
	left: -80px;
	background-color: rgba(255,255,255,0.1);
}

.intro-effect-side.modify .bg-img::after {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.4);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,2) 100%);
}

.intro-effect-side .codrops-demos a {
	color: #43939d;
}

.intro-effect-side .codrops-demos a.current-demo {
	border-bottom: 3px solid #43939d;
}

.intro-effect-side .title {
	text-align: right;
	left: 10%;
	width: 80%;
	margin:8.4em 0 0 0;
	-webkit-transform:  translateY(-50%);
	transform: translateY(-50%);
}

.intro-effect-side.modify .title {
	-webkit-transform: translateX(-20%) translateY(-50%);
	transform: translateX(-20%) translateY(-50%);
	text-align: right;
}
.intro-effect-side .title img {
	opacity: 0;
	-webkit-transform: translateX(90%) translateY(-150%);
	transform: translateX(90%) translateY(-150%);
	
}
.intro-effect-side.modify .title img {
	opacity: 1;
	-webkit-transform: translateX(90%) translateY(-150%);
	transform: translateX(90%) translateY(-150%);
}

.intro-effect-side .header p {
	opacity: 0;
	color: #333;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
}

.intro-effect-side.modify .header p {
	opacity: 1;
	-webkit-transform: translateX(-19%);
	transform: translateX(-19%);
}

.intro-effect-side .content > div {
	margin-top: 0px;
	opacity: 0;
}

.intro-effect-side.modify .content > div {
	opacity: 1;
}

.intro-effect-side button.trigger span::before,
.intro-effect-side button.trigger::before {
	color: #fff;
}

/* Delays */
.intro-effect-side:not(.notrans) .title,
.intro-effect-side:not(.notrans) .bg-img::before,
.intro-effect-side:not(.notrans) .bg-img::after {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.intro-effect-side.modify:not(.notrans) .title,
.intro-effect-side.modify:not(.notrans) .bg-img::before,
.intro-effect-side.modify:not(.notrans) .bg-img::after {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.intro-effect-side.modify:not(.notrans) .header p:nth-last-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.intro-effect-side.modify:not(.notrans) .header p:last-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.intro-effect-side.modify:not(.notrans) .content > div {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}


/* -------------------------- */
/* Push */
/* -------------------------- */
.intro-effect-push:not(.notrans) .header,
.intro-effect-push:not(.notrans) > .title,
.intro-effect-push:not(.notrans) .content > div {
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.intro-effect-push:not(.notrans) .header {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.intro-effect-push .codrops-demos a {
	color: #108576;
}

.intro-effect-push .header {
	position: absolute;
	z-index: 1500;
}

.intro-effect-push > .title {
	position: relative;
	top: auto;
	left: auto;
	padding: 1em 1em 2em;
}

.intro-effect-push .content > div {
	margin-top: 10px;
	color: #333;
}

.intro-effect-push > .title,
.intro-effect-push .content > div {
	-webkit-transform: translateY(400px);
	transform: translateY(400px);
	opacity: 0;
}

.intro-effect-push.modify > .title,
.intro-effect-push.modify .content > div {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.intro-effect-push.modify .header {
	opacity: 0;
	-webkit-transform: translateY(-100%) scale(0.9);
	transform: translateY(-100%) scale(0.9);
}

/* Delays */
.intro-effect-push.modify:not(.notrans) > .title {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.intro-effect-push.modify:not(.notrans) .content > div {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
blockquote {
	padding: 0.25em;
	font-style: italic;
	font-size: 1.5em;
	font-family: 'Lora', serif;
	line-height: 1.4;
	color:#666;
	text-align:center;
}

/*-----------------------------------------------------------------------------------*/
/*================ FOOTER SETTING =====
/*-----------------------------------------------------------------------------------*/

.clearfix { zoom: 1 }
#footer {
	background: #222;
	background-size: cover;
	margin-left: auto;
	margin-right:auto;
	height:100%;
	max-height:180px;
}
#footer .shell {
	padding: 26px 0;
}
#footer img { float:right }
#footer .footer-cols { padding: 0 32px 26px;  }
#footer .col { width: 212px; float: left; }
#footer .col + .col { padding-left: 22px; }
#footer h2 {
	font-size: 20px;
	margin-bottom:  10px;
	color: #333;
	background: url(images/footer-cols.png) repeat-x 0 bottom;
	padding-bottom: 10px;
	text-shadow: rgba(0,0,0,0.9) 1px 1px 1px;
	font-family: 'Jura', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
#footer h3 {
	padding: 0 0 0.2em 0em;
	color: rgba(102,153,51,1);
	font-weight: 100;
	letter-spacing:0.1em;
	font-size: 1.8em;
	margin: auto;
	text-align:center;
	font-weight:300;
}
#footer .col ul { list-style: none; list-style-position: outside; }
#footer .col ul li { padding-left: 11px; background: url(images/green-arr.png) no-repeat 0 8px; padding-bottom: 7px; font-size: 11px; }
#footer .col p { font-size: 11px; color: #333; } 

#footer .footer-bottom {
	border-top: 1px dotted #999;
	padding: 15px 30px 0;
}

#footer .footer-bottom p.copy { line-height: 11px; font-size: 0.85em; color: #ccc; text-align:right}
#footer .footer-bottom p.copy span { padding: 0 8px; }
#footer .footer-bottom p.copy a { color: #ff6600; text-decoration: none; }
#footer .footer-bottom p.copy a:hover { color: #fff; text-decoration: none; }

#footer .footer-nav { float: left; width:32% ;  padding-left: 20px; color:#ccc ; font-size:11px }
#footer .footer-nav ul { list-style: none; list-style-position: outside; line-height: 11px;  }
#footer .footer-nav ul li { float: left;  padding: 0 8px; text-shadow: rgba(0,0,0,0.7) 0px 1px 1px; }
#footer .footer-nav ul li:first-child { padding-left: 0; }
#footer .footer-nav ul li a { color: #fff; }
#footer .footer-nav ul li a:hover {
	color: #FF6600;
}
#footer .footer-nav p { text-align: center;  }
/* === END FOOTER SETTING ===== */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
/*----------------------------------------*/
/*----- 14. Social Icons -----*/
/*----------------------------------------*/
.social { margin:auto 15px }
.social li a:hover {
	background:rgba(21, 53, 112, 0.6);
}
.social li a i {
	width: 24px;
	height: 24px;
	display: block;
	background: url(../img/social.png) no-repeat;
}
.social li a i.facebook {
	background-position:-2px -2px;
}
.social li a i.twitter {
	background-position:-27px -2px;
}
.social li a i.pinterest {
	background-position:-56px -2px;
}
.social li a i.google {
	background-position:-84px -2px;
}
.social li a i.tw {
	background-position:-112px -2px;
}
.social li a i.instagram {
	background-position:-140px -2px;
}
.social li a i.youtube{
	background-position:-169px -2px;
}
ul.twitter_footer {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 78%;
}

.social li:first-child {
	margin-left: 0;
}
.social li {
	display: inline-block;
	margin:auto;
}
.social li a {
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 30.33333333%;
  }
  
  .col-md-3 {
    width: 20%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}
/* Media Queries */
@media screen and (max-width: 60em) {
	.intro-effect-side .title img { display:none }
	.title, .content {
		font-size: 80%;
	}
	.title h3 { display:block }
	.intro-effect-side .title {
	
	width: 80%;
	margin:2em 0 0 0;
	}
	#footer h3 { font-size:1.4em }
	#footer { max-height:400px; height:40% }
	#footer img { margin:auto; display:block; float:none }
	#footer .footer-bottom p.copy { text-align:center; padding-top: 20px ; line-height:10px}
	.facts iframe{ top:0 }
}
}
@media screen and (max-width: 47em) {
	.title, .content {
		font-size: 60%;
		}

	.codrops-demos a {
		font-size: 80%;
	}

	.intro-effect-side .title {
		width: 100%;
		padding: 0 1em;
		margin:2em 0 0 -5em;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.intro-effect-side.modify .title {
		-webkit-transform: translateX(-20%) translateY(-50%);
		transform: translateX(-20%) translateY(-50%);
		text-align: right;
		margin:2em 0 0 5em;
	}
	.intro-effect-side.modify .bg-img::before {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	.intro-effect-side .bg-img::after {
		border-left-width: 0px;
		border-right-width: 0px;
		right: 0px;
		left: 0px;
		background: rgba(255,255,255,0.1);
		
	}

	.intro-effect-side.modify .bg-img::after {
		background: rgba(255,255,255,0.8);
	}

	.intro-effect-sidefixed .content {
		width: 100%;
		margin-left: auto;
	}

	.intro-effect-sidefixed .bg-img::after {
		width: 95%;
	}
	#footer .footer-nav { float: left; width:100%}
	#footer .footer-cols { padding-left: 20px; padding-right: 20px;  }
	#footer .footer-cols .col { width: 165px; }
	#footer .footer-cols .col + .col { padding-left: 16px; }
	#footer .footer-bottom { padding-left: 20px; padding-right: 20px; }
	.contact-info{	display: none}
	#footer .footer-bottom p.copy { text-align:center; padding-top: 20px ; line-height:10px}
	#footer { max-height:300px; height:50% }
	.social li a i  { margin:auto; text-align:center}
}

@media screen and (max-width: 27em) {
	.intro-effect-jam3 .content {
		padding: 0 2em 5em;
	}
	#footer { max-height:400px; height:40% }
	.intro-effect-grid .grid li h2 {
		display: none;
	}

	.intro-effect-push .header .title {
		top: 60px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.title, .content {
		font-size: 50%;
	}

	button.trigger::before {
		display: none;
	}
	
	.text input[type="reset"]{ display:none }
	
}
@media (max-width:768px){
	#footer .footer-nav { width:100% }
	#footer { max-height:450px; height:100% }
	ul.bullet-arrow li{	font-size:14px;}
	.contact-to input[type="text"], .text2 textarea  { width:90%; margin:5px 10px; font-size:11px }	
	.content span img { padding:10px ; width:100% }
	.resp-tabs-list p {
		font-size: 0.825em;
	}
	.resp-tabs-container h1 {
		font:30px/40px 'Raleway-Light', sans-serif;;
	}
	.resp-tabs-list {
		width: 100%;
	}
	.resp-tab-item {
		width: 50%;
		text-align: center;
	}
	.resp-tabs-container {
		width: 100%;
		margin-right: 0;
		float: left;
	}
	.resp-tabs-list {
		width: 100%;
	}
	.resp-tabs-list p {
		margin: 0.5em 0 0.5em 0em;
		font-weight: 600;
		font-size: 1em;
	}
	.content {
		width: 100%;
		border-left:1px rgba(29,53,73,0.1) solid;
		border-right:1px rgba(29,53,73,0.1) solid;
	}
}