/*-----------------------------------------------------------------------------------*/
/*	GENERAL STYLING
/*-----------------------------------------------------------------------------------*/

body {
	margin:0; padding:0;
	font:13px/22px 'Lato', sans-serif;
	#font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: solid;
	color:#000000;
	#background: #FFFFFF;  
	background: #F7F7F7;
	-webkit-backface-visibility:hidden;
	overflow-x:hidden; 
	text-rendering:optimizeLegibility;
}

/**** PAGE CONTAINERS ****/
header { 
	padding:0 0;
	#background:#323A45;
	background:#A8A6A4;
	margin:0 auto; 
	width: 100%;
	z-index: 1000; 
}

.inner_content { padding:20px 0 0 0; }

.wrapper {  margin:0px auto; padding:0 0 60px;}
.banner { background:#e9e6e1; width: 100%; }

.intro_wrapper {  margin:0 auto; padding:0 0 40px;}
.intro_wrapper2 {  margin:-6px auto 0; padding:0 0 40px;}
.intro_wrapper3 {  margin:-20px auto 0; padding:0 0 40px;}

/**** GENERAL ****/
a, input, select {outline:none; text-decoration:none; }
a, li { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a, a:visited { text-decoration: none!important; }
:focus {outline: 0;}
ul {list-style-type:none; }
a:hover, a:active, a:focus { outline: 0!important;}
::-moz-selection{ color:#fff; background:#19C1C3; }
::selection { color:#fff; background:#19C1C3; }
p {margin-bottom:15px; }
span { font-weight:700; }
small { letter-spacing:0.2em; font-size:11px; }
.clear { height:0; clear: both; font-size:0; }
.normal { font-weight: normal; }
.pull-right { margin-left:12px; }
.pull-left { margin-right:12px; }
.center { text-align:center; margin: 0 auto; }
.right { text-align:right; margin: 0 auto; }
hr { border-top:1px solid #ccc;border-bottom:0; }
blockquote { border-left:3px solid #2BA6CB; }
.media img { margin-top:5px; }
.media-body a { color:#888; }
.media-body a:hover { color:#777; }
.big {font-size:100px; }
.myslider{ display:none; }

.well {
	background-color:#D3CDC4;
	border:0px none;
	margin-top:10px;
}
.icons{list-style-type:none;margin:0}
.icons li [class^="icon-"],.icons li [class*=" icon-"]{display:inline-block;width:1.2857142857142858em;text-align:center; margin-left:-3px; margin-right:4px;}

/* Colours */
.hue {color:#19C1C3; }
.white { color:#fff; }
.magnolia{color:#E9E6E1;}
.grey { color:#999; }
.grey2 { color:#69767F; }
.asphalt {color:#34495E; }
.colour {color:#2BA6CB; }
.orange {color:#FF4B00; }
.hue_block { background-color:#19C1C3; color: #fff; padding:0px 4px 2px; }
.hue_block:hover { background-color:#2BA6CB; }

/* Padding */
.pad90 { padding-top:90px; }
.pad45 { padding-top:45px; }
.pad30 { padding-top:30px; }
.pad25 { padding-top:25px; }
.pad15 { padding-top:15px; }
.pad10 { padding-top:10px; }
.pad5 { padding-top:5px; }

/* Margins */
.marg-bottom5 { margin-bottom:5px; }
.marg-left5 { margin-left:5px; }
.marg-right5 { margin-right:5px; }
.but_marg { margin-left:3px; }

/* Video */
.vendor{ 
	position:relative;
	padding-bottom:56.25%;
    padding-top:0px; 
	height:0;
	margin:0 0;
}
.vendor iframe { 
	position: absolute; 
	top:0; 
	left:0;
    width:100%;
	height:100%;
} 
iframe { border:0; width:100%; height:100%; }
video { width:100%; height:auto; }
.soundcloud{ width:100%; height:166px; }

/**** LINKS ****/
a:link {
	color:#FF4B00;
	text-decoration: underline;
}
a:hover {color: #555; text-decoration: underline;background-color: #black; }


/**** IMAGES ****/
img { vertical-align:top; ms-interpolation-mode:bicubic; opacity:1.0;}
/* Image Hover Colour */
.hover_img:hover, .hover_colour {  
	position:relative;
	background:#C0392B url(../img/zoom.png) no-repeat 50% 50%;
	-webkit-box-shadow: inset 0 0 0 7px rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0 0 0 7px rgba(255,255,255,0.15);
    box-shadow: inset 0 0 0 7px rgba(255,255,255,0.15); 
}

/**** BUTTONS ****/
.btn{ 
	border:0;
	-webkit-transition:background-color .4s ease-in;
    -moz-transition:background-color .4s ease-in;
    -o-transition:background-color .4s ease-in;
    transition:background-color .4s ease-in;
}
.btn-custom{ font-size:14px; padding:12px 15px 14px; margin-top:10px; }
.btn-rounded{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btn-primary { background-color:#FF4B00; border:0;}
.btn-primary:hover { background-color:#333;}
.btn:visited, .btn:focus { color:#fff; }
.label, .badge {text-shadow: none; }

/**** TYPOGRAPHY ****/
h1,h2,h3,h4,h5,h6 { font-weight:300; letter-spacing:-0.25px; }
h1.title {  font-size:40px; line-height:35px; font-weight:700; margin-bottom:35px; text-align:left;}
h1 { font-size: 24px; line-height:40px; }
h2 { font-size: 21px;  line-height:28px; }
h3 { font-size: 18px; line-height:25px; }
h4 { font-size: 16px; line-height:25px; margin-bottom:10px; }
h5 { font-size: 15px; line-height:22px; margin-bottom:10px; }
h6 { font-size: 14px; line-height:22px; margin-bottom:10px; }
h7 { font-size: 10px; line-height:22px; margin-bottom:10px; }
h1.intro {  line-height:40px; font-weight:300;}
.lead { font-size:18px; line-height:24px; }


/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/

/* Welcome Text */
.welcome_index {
	width:80%;
	font-size: 32px;
	line-height: 50px;
	padding:55px 0 30px;
	font-weight:300; 
	margin:0 auto;
	color:#69767F;
	text-align:center;
}

.subscription_index {
	width:75%;
	font-size: 32px;
	line-height: 50px;
	#padding:55px 0 30px;
	font-weight:300; 
	margin:0 auto;
	color:#69767F;
	text-align:center;
}

.subscription_index_details {
	width:50%;
	font-size: 20px;
	line-height: 50px;	
	margin:0 auto;
	font-weight:300; 	
	color:#69767F;	
	text-align:center;
}

.subscription_index_details_table {
	width:50%;
	font-size: 20px;
	line-height: 50px;		
	
	color:#69767F;	
}


/**** LOGO****/
.logo a{
 	float:left; 
	margin:26px 0 0 0;
	webkit-transition:all 0.3s ease-in;  
    -moz-transition:all 0.3s ease-in;  
    -o-transition:all 0.3s ease-in;  
    transition:all 0.3s ease-in;
}
.logo a:hover{ opacity: .80; }



/*-----------------------------------------------------------------------------------*/
/*	SEARCH
/*-----------------------------------------------------------------------------------*/

form[role=search]{
	margin-top: 32px;
	float: left;
}

input[type="text"], input[type="search"] {
	 border: 2px solid #d8d3cb;
	color: #888;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/
.menu_search {
	float: right;
	height:81px;
}

nav[role=navigation]{
	float: left;
	margin-right: 30px;
}

#main_menu select { display: none; font-size:12px; }
.menu_wrap { float:right; margin-top:15px; margin-right:-10px; }
.menu_wrap .nav li {
	list-style: none;
	float: left;
	margin: 0;
	position: relative;
}
.menu_wrap .nav > li { 
	padding: 0 0; 
	display: inline-block;
	height:20px;
	margin-top:0px;
	#width: 110px;
	width: 150px;
	
	
	
}
.menu_wrap .nav li a {
	font-weight:400;
	color: #FFFFFF;
	letter-spacing:2px;
	font-size: 13px;
	display: block;	
	#padding:24px 0px 22px;
	padding:24px 0px 20px;
	text-align: center;
	text-transform: uppercase;
}
.menu_wrap .nav > li > a:hover, .menu_wrap .nav > li > a:focus {
	#background:#323A45;
	color:#FF4B00;
}
.menu_wrap .nav > li.active > a, .menu_wrap .nav > li.active { background: #000000; color:#fff;
	-webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
.menu_wrap .nav > li.active > a:hover { background: #FF4B00; color: #fff; }


/*-----------------------------------------------------------------------------------*/
/*	INDEX PAGES
/*-----------------------------------------------------------------------------------*/

/***************************************************
	INDEX INTRO BOXES
 ***************************************************/
/* Index Boxes */
.tile {
	#background-color:  #F7F7F7;
	background-color:  #FFFFFF;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	border-color: #A8A6A4;
	border-style: solid;
    border-width: thin;
	padding: 14px;
	position: relative;
	text-align: center;
	margin-bottom:25px;
}
.tile.tile-hot:before {
    background: url("../img/ribbon.png") 0 0 no-repeat;
    background-size: 82px 82px;
    content: "";
    height: 82px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 82px;
}
.tile p { margin: 10px 0 22px 0; }
.tile-image {
  height: 100px;
  margin: 25px 0 15px;
  vertical-align: bottom;
}
.tile-image.big-illustration {
    height: 111px;
    margin-top: 10px;
    width: 112px;
}
.tile-title {  font-size: 18px; margin: 0; }

/* Index Box Icons */

.intro-icon {
	text-align:center;
	margin:0 auto;	
}
.intro-icon-disc.cont-large {
	padding:15px;
	text-align:center;
	width:40px; height:40px;
	margin:0 auto;	
}
.intro-icon-large:before{ 
	font-size:38px;
	padding-left:0px;
	margin-left:3px; 	
	color: #2980B9;
}
.intro-icon-disc {
	webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:50%;
	box-shadow: 0 0 0 30px transparent;
	background: rgba(255,255,255,0.4);
}
.intro-icon-disc:hover {
	box-shadow: 0 0 0 0 rgba(255,255,255,0.6);
}

/* Responsive images */
.responsive-images {
	margin: 0 auto 25px;
	text-align: center;
	border: 20px solid #e3e1e1;
	width: 768px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-transition: width 0.3s ease;
	-webkit-transition: width 0.3s ease;
	-o-transition: width 0.3s ease;
	transition: width 0.3s ease;
}

/* big button */
.big_button {
	display:block;
	float:none;
	clear:both;
	background:#e04a40;
	margin:0 auto;
	width:250px;
	height:65px;
	font-size:21px;
	line-height:65px;
	color:#fff;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow:0 5px 0px #b1453e;
    -moz-box-shadow: 0 5px 0px #b1453e;
    box-shadow:0 5px 0px #b1453e;
	position:relative;
	text-align:center; 
}
.big_button a{ color:#fff; opacity:1.0;}
.big_button:hover{
	color:#fff; background:#ee574d; 
	-webkit-box-shadow:0 5px 0px #9e3e37;
	-moz-box-shadow:0 5px 0px #9e3e37;
	box-shadow:0 5px 0px #9e3e37;
}
.big_button:active{
	color:#fff;
	background:#c23c33;
	-webkit-box-shadow:0 3px 0px #652824;
	-moz-box-shadow:0 3px 0px #652824;
	box-shadow:0 3px 0px #652824;
}
.big_button:visited, .big_button:focus { color:#fff;}

/*-----------------------------------------------------------------------------------*/
/*	PAGES
/*-----------------------------------------------------------------------------------*/

/***************************************************
	BLOGUE
 ***************************************************/
/* Date */
.btn-blog {margin:14px 0 10px; background:#2980B9; color:#fff;  padding-bottom:8px; font-weight:400; }
.btn-blog1 {margin:0px 0 10px; background:#2980B9; color:#fff;  padding-bottom:8px; font-weight:400;}
.btn-blog:hover, .btn-blog1:hover { background:#2980B9; color:#fff;}
a.com_no { color:#fff;}
.com_no:hover { color:#19C1C3;}
a.com2_no { color:#19C1C3;}
.com2_no:hover {color:#fff; }

h1.post_intro {  font-size:25px;
line-height:35px; font-weight:400;}
.blog_slide { margin-bottom:-20px;}
.blog_slide1 { margin-bottom:-10px;}
.post_link { font-weight:400; line-height:26px; }
.post_link a:hover, .read_more a:hover  { color:#19C1C3; }
.post_link a {color: #555; }

figure {margin: 0;padding: 0;}

/* Meta */
.post-meta ul {
	margin:-5px 0 15px 0;
	padding: 0 0;
	list-style:none;
	text-transform:uppercase;
	font-size:11px; clear:both;
}
.post-meta li { margin:0; display:inline; }
.post-meta a{ color: #555; }
.post-meta a:hover { color:#747474; }
.post-meta address {display: inline; margin: 0;}
.post-meta b {font-weight: 600;font-style: italic;}

.read_more  {  font-weight:400; letter-spacing:1.5px; }
.read_more a:hover { color:#555; }
.sidebar p, .sidebar .media-body p { font-size:13px; }

.avatar { float: left; margin:0 10px 0 0; }
.pad_author { margin:5px 20px 10px 0px; }
.media-body{ margin-bottom:5px;  }

/***************************************************
	CONTACT
 ***************************************************/
#map {margin:0 0 15px 0; height:310px; border-top:7px solid #fff; border-bottom:7px solid #fff;}
.contact_form { padding-top:10px; }
#ajax-contact-form input,.contact_form textarea { border:0px none; box-shadow:none; }
.contact_form textarea { min-height:150px;}

.form_info {
	color: #A8A6A4;
	text-transform:uppercase;
	font-weight:400;
	font-size:12px;
	letter-spacing:2px;
	margin-bottom:3px;
}
 #ajax-contact-form  input, #ajax-contact-form  textarea {
	border: 1px solid #D7D7D6;
	color: #888;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#ajax-contact-form  input, #ajax-contact-form  text {
	padding: 20px;          	
	border: 1px solid #D7D7D6;	
	line-height: 3;         
}

#ajax-contact-form  select, #ajax-contact-form  select {
	#padding: 20px;          	
	border: 1px solid #D7D7D6;	
	line-height: 3;         
}



.required{ color:#FF4B00; font-size:17px; }

#ajax-contact-form  input.btn-form {
	border:0 none;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:13px 12px;
	margin-top:10px;
	font-size:11px;
	letter-spacing:2px;
	font-weight:400;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	text-align:center;
}

/***************************************************
	FOOTER
 ***************************************************/

footer[role=contentinfo] {
	position:relative;
	text-align:center;
	padding:39px 0 36px; 
	background:#A8A6A4;
	color:#999;
	margin:0 0; 
	font-size:13px;
	font-weight:400;
}

.copyright a {color:#888; }
.copyright a:hover {color:#777; }


/*-----------------------------------------------------------------------------------*/
/*	CSS3 ANIMATIONS
/*-----------------------------------------------------------------------------------*/

/* Image Rotate */
.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow:hidden;
}  
.rotate:hover  {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes fadeIn { 0% {opacity: 0;}	 100% {opacity: 1;} }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInDown {
	0% { opacity: 0; -moz-transform: translateY(-20px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes fadeInDown {
	0% { opacity: 0; -o-transform: translateY(-20px);}
	100% { opacity: 1; -o-transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}
@-webkit-keyframes bounceInDown {
	0% { opacity: 0; -webkit-transform: translateY(-2000px); }
	60% { opacity: 1; -webkit-transform: translateY(30px); }
	80% { -webkit-transform: translateY(-10px); }
	100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes bounceInDown {
	0% { opacity: 0; -moz-transform: translateY(-2000px); }
	60% { opacity: 1; -moz-transform: translateY(30px); }
	80% { -moz-transform: translateY(-10px); }
	100% { -moz-transform: translateY(0); }
}
@-o-keyframes bounceInDown {
	0% { opacity: 0; -o-transform: translateY(-2000px); }
	60% { opacity: 1; -o-transform: translateY(30px); }
	80% { -o-transform: translateY(-10px); }
	100% { -o-transform: translateY(0); }
}
@keyframes bounceInDown {
	0% { opacity: 0; transform: translateY(-2000px); }
	60% { opacity: 1; transform: translateY(30px); }
	80% { transform: translateY(-10px); }
	100% { transform: translateY(0); }
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}

/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
@media (max-width: 979px) {

	header{
		text-align:center;
	}

	.logo  {
		margin:100px auto 0px;
		position: absolute;
		z-index: 3;
	}
	
	.logo a {
		margin:0px auto 0px auto;
		float:none !important;
	}

	.menu_search {
		margin: 0 auto;
		float: none;
		height:auto;
	}

	#main_menu {
		margin:25px auto 10px;
		width:35%;
		text-align:center;
		float: none;
	}
	#main_menu .menu_wrap {
		float: none;
		margin: 0;
	}

	#main_menu .menu_wrap .nav {
		margin: 0;
	}

	#main_menu .menu_wrap .nav li {
		display: block;
		width: 100%;
		float: none;
		height: 30px;
		line-height: 30px;
	}

	#main_menu .menu_wrap .nav li a {
		padding: 0;
	}
	form[role=search] {
		margin: 0 auto 25px;
		width: 35%;
		float: none;
	}
	form[role=search] input {
		width:100%;
		height: 30px;
		box-sizing:border-box;
		margin: 0;
	}
	.responsive-images {
		width: 480px;
	}
}





/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#main_menu {
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	form[role=search] {
		-moz-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.welcome_index {
		font-size: 2em;
		line-height: 2em;
		padding: 0 10%;
		padding: 0 10%;
	}
	.container {
		width: 90%;
	}
	.responsive-images {
		width: 375px;
	}
}



@media only screen and (max-width: 480px) {
	.menu_search {
		height: 115px;
	}
	form[role=search] {
		opacity:0;
		width: 0;
	}
	.welcome_index {
		font-size: 1.5em;
		line-height: 1.5em;
	}
	.responsive-images {
		width: 180px;
	}
}