/* @override 
	http://test.welcomematt.co.uk/css/style.css
	http://www.welcomematt.co.uk/css/style.css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {outline: none !important;
}
img {
	vertical-align:top;
	border:0;
	opacity:1;
	filter: alpha(opacity=100);
	max-width:100%;
}
ul {
	padding:0;
	margin:0;
}
li {
	padding:0;
	margin:0;
	list-style:none;
}
body {
	overflow-x:hidden;
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	line-height:22px;
	font-size: 14px;
	color: #797979;
	background: #fff;
}
html { font-size: 100%;
}
::selection{
	background: #967ade;
	color: #FFF;
}
::-moz-selection {
	background: #967ade; /* Firefox */
	color:#fff;
}
a {
	color: #003399;
	text-decoration:none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a:hover { color: #003399;
}
p {
	margin:0 0 20px;
	padding:0;
}
.fleft {
	float:left;
	margin-left: 20px;
}
.fright {
	float:right;
}
.txtcenter {
	text-align: center;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}

h1 {
	margin: 0 0 18px;
	padding:0;
	text-transform: capitalize;
	font-family: 'Caveat';
    font-weight: 400;
	line-height:65px;
	font-size:60px;
	color:#fffefe;
}
h2 {
	margin:0 0 9px;
	padding:0 20px 0;
	text-transform:uppercase;
	font-weight:400;
	line-height:62px;
	font-size:36px;
	color:#333;
}
h3 {
	margin:0 0 20px;
	padding:0;
	text-transform:uppercase;
	font-weight:400;
	line-height:42px;
	font-size:24px;
	color:#505050;
}
h4 {
    margin:0 0 0;
	padding:0;

	font-weight:300;
	line-height:20px;
	font-size:16px;
	color:#fff;
}
h5 {
    margin:0 0 22px;
/*    text-transform:uppercase;*/
    font-family: 'Caveat';
    font-weight:400;
	line-height:30px;
	font-size:30px;
    color:#333;
}
.container {
	width:1000px;
	margin:0 auto;
}
[class*="span"] {
	float: left;
	min-height: 1px;
	margin-left:20px;
	margin-bottom:20px;
}
.row {margin-left:-20px;
	padding-left: 20px;
}
.span12 {width: 960px;}
.span11 {width: 895px;}
.span10 {width: 810px;}
.span9 {width: 725px;}
.span8 {width: 640px;}
.span7 {width: 555px;}
.span6 {width: 470px;}
.span5 {width: 385px;}
.span4 {width: 300px;}
.span3 {width: 215px;}
.span2 {width: 130px;}
.span1 {width: 45px;}


.color {color:#967ade;
}
.bg_color {background-color:#967ade;
}
.page_section {
	padding:33px 0 25px;
}
.parallax_effect {
	width:100%;
	padding:32px 0 26px;
	background-size:cover;
}

.iubenda-ibadge {
	margin-bottom: -7px;
}

/* ____________________ Header ____________________ */
#top{
	position:relative;
	z-index:999;
	height: 74px;
	margin-bottom:-74px;
	padding: 0;
	background: url(../images/header_bg.png);
}
#logo a {
	display:block;
	margin-bottom:-74px;
	text-transform:uppercase;
	font-weight:300;
	line-height:74px;
	font-size:30px;
	color:#fff;
	text-align:center;
	text-indent:-10px;
}
.fixed-menu #logo a {color:#333;
}

/* __________ Menu _________ */

/* __________ Fixed Menu Style __________ */
.fixed-menu {
	border:none;
	position:fixed;
	left:0px;
	top:-100px;
	width:100%!important;
	height:74px;
	background:#fff!important;
	z-index:99999;
	opacity: 0;
	filter: alpha(opacity=0);
	width:100%!important;
	transition: all 300ms; 
	-webkit-transition: all 300ms;
}
.fixed-menu.fixed_show {
	top:0px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.fixed-menu-wrapper {
	padding: 0;
}
.fixed-menu:after  { 
	content:'';
	height:6px;
	display:block;
	width:100%;
	position:absolute;
	bottom:-6px;
	background:url(../images/menu_shadow.png) repeat-x left top;
}
.fixed-menu .navmenu {
	padding:0;
}
.fixed-menu .navmenu ul li a{
	color: #333;
}
.fixed-menu .navmenu ul li a:hover,
.fixed-menu .navmenu ul li.active a{
	color:#695446;
}

/* _________ //Fixed Menu Style _________ */
a.menu_toggler { display:none;
}
.navmenu{
	margin: 0;
	text-align:center;
}
.navmenu ul li {
	position: relative;
	display: inline-block;
	margin: 0 38px;
}
.navmenu ul li a{
	display:block;
	padding: 0;
	text-decoration:none !important;
	text-transform:uppercase;
	line-height:74px;
	color: #ebebeb;
}
.navmenu ul li a:hover,
.navmenu ul li.active a{
    padding: 0;
    text-decoration: none;
	color:#fff;
}
.navmenu ul li.center_menu_item {
	margin-right:310px;
}
.navmenu ul li.first {margin-left:0;
}
.navmenu ul li.last {margin-right:0;
}

/* _________ //Menu _________ */

/* ___________________ //Header ___________________ */

/* ____________________ Home ____________________ */
#home {
	position:relative;
	padding:0;
	background-image: url(../images/microphone-bg.jpg);
	box-shadow:0 0 250px rgba(0,0,0,0.24) inset;
}
.home_gradient {
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/home_gradient.png);
}
.welcome_block {
	position:relative;
	z-index:1;
}
.welcome_block h1 {
	width: 100%;
	margin-bottom: 6px;
	//box-shadow: 0 0 0 4px rgba(255,255,255,0.59);
}
.welcome_block p {
	margin:0;
	padding: 10px 60px 0;
	text-transform:uppercase;
	font-weight:300;
	line-height:25px;
	font-size:13px;
	color:#fffefe;
	text-shadow: 1px 2px 0 rgba(0,0,0,0.19);
}
.welcome_block #headshot {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border-radius: 50%;
	width: 20%;
}
.welcome_block audio {
	margin-top: 10px;
}
.welcome_block #codecs img {
	height: 30px;
	vertical-align: middle;
	margin-right: 20px;
	margin-bottom: 20px;
}
a.down_btn {
	position:absolute;
	z-index:1;
	left:50%;
	bottom:5%;
	margin-left:-32px;
	display:block;
	width:63px;
	height:63px;
	background:url(../images/down_btn.png) no-repeat;
}

/* ___________________ //Home ___________________ */


/* ____________________ About ____________________ */
#about h2 {color: #333;
}
#about p {
	padding-right: 30px;
}
#about #connection_logos img {
	width: 217px;
}
#about #studio {
	float: right;
	margin-right: 20px;
}
#about #studio img {
	width: 200px;
	margin-bottom: 10px;
	border-radius: 50%;
	border: 5px solid #003399;
}
#about #clients img {
	height: 30px;
	vertical-align: middle;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* ___________________ //About ___________________ */



/* ____________________ Services ____________________ */
#services {
	width:100%;
	overflow:hidden;
	padding:0;
}
.services_gradient {
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/home_gradient.png);
}
#services .parallax_effect {
	position:relative;
	background-image: url(../images/service_bg.jpg);
}
#services .parallax_effect .container {
	position:relative;
	z-index:1;
}
#services .parallax_effect h2 {color:#fff;
}
#services .parallax_effect h3 {color:#fff; margin-bottom: 0;
}
#services .parallax_effect p {color:#fff;
}
#services .parallax_effect p a {text-decoration: underline!important; color:#ccc;
}
#services .parallax_effect a:hover {color: #ddd;
}

.services_block {
/*    margin-top:-6px;*/
}
.services_item {
	display:block;
    margin-bottom: 20px;
	text-align:left;
	color:#fff;
}
.services_item:hover {color:#fff;
}
.services_block .mejs__container {
    margin-left: 0px;
}
.demos, .videos {
    background: rgba(200, 200, 200, 0.3);
    padding: 10px 20px 10px;
    box-sizing: border-box;
}
.videos li {
    width: 48%;
    float: left;
}
.videos li:nth-child(even) {
    float: right;
}
.collapsible {
    cursor: pointer;
    width: 100%;
}
.demos .collapsible:after, .videos .collapsible:after {
  content: '+'; /* Unicode character for "plus" sign (+) */
  font-size: 20px;
  color: white;
  float: right;
  margin-left: 5px;
}
.demos .active:after, .videos .active:after {
  content: "—"; /* Unicode character for "minus" sign (-) */
    font-size: 20px;
}
/* Style the collapsible content. Note: hidden by default */
.content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, margin-top 0.4s ease-out;
}
.icon_block {
	overflow:hidden;
	position:relative;
	margin:0 auto 27px;
	width:100px;
	height:100px;
/*	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;*/
}
/*.services_item:hover .icon_block {
	-webkit-transform: translateY(51px);
	-ms-transform: translateY(51px);
	transform: translateY(51px);
}*/
/*.services_item:hover p {
	-webkit-transform: translateY(-132px);
	-ms-transform: translateY(-132px);
	transform: translateY(-132px);
}*/


/* ___________________ //Services ___________________ */


/* ____________________ Contact ____________________ */
.contact_info {
	margin-bottom:20px;
	padding-right:12px;
}
.contact_info a {
	display:block;
	color:#797979;
	word-wrap: break-word;
}
.contact_info a:hover {
	color:#aaa;
}
.contact_form [class*="span"] {
	margin-bottom:0;
}
textarea,
input[type="text"] {
	margin:0 0 20px 0;
	padding: 17px 16px;
	width: 262px;
	text-transform:none;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size: 13px;
	color: #999;
	font-style:normal;
	border-radius: 0;	
	background: #fff;
	border: 3px solid #dedede;
	box-shadow: none;		  
}
textarea {
	min-height:168px;
	width:347px;
	overflow:hidden;
	resize: none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	outline: 0;
	box-shadow: none;
	border: 3px solid #dedede;
}
.span9.contact_btn {
	width: 705px;
}
.contact_btn {
	display: block;
	cursor:pointer;
	padding:13px 0;
	border: 5px solid #003399;
	border-radius: 0;
	box-shadow: 0;
	text-align:center;
	text-shadow:none;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	line-height:20px;
	font-size:15px;
	color:#003399;
	background:none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.contact_btn:hover {
	background:#003399;
	color:#fff;
}

.notification_error {
	color:#f00;
}

/* ___________________ //Contact ___________________ */


/* ____________________ Footer ____________________ */
.footer {
	padding:29px 0 21px;
	color:#979797;
	background:#efefef;
}
.footer .copyright {
	float: left;
	margin-left: 20px;
} 
.footer a {color:#003399;	
}
.footer a:hover {color:#979797;	
}

.footer a.up_btn {
	position:static;
	float: right;
	margin:0 20px 0;
	padding:0;
	display:block;
	width:auto;
	height:20px;
	text-transform:uppercase;
	font-size:14px;
	color:#003399;
}

/* ___________________ //Footer ___________________ */

/**** Isotope Filtering ****/
.isotope-item {
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}






/* ____________________ Responsive Style ____________________ */

@media (max-width: 1023px) {
	.parallax_effect {background-size:cover;background-position:0 0 !important;}

}

@media (max-width: 1024px) and (-webkit-min-device-pixel-ratio:0) {
	.parallax_effect {background-size:cover;background-position:center 0 !important;}

}

@media (min-width: 767px) and (max-width: 1000px) {
	.container {width:724px;}
	
	#sed_ul .parallax_effect .container h2 {font-size:30px;}
    
    h3 {
		text-align: left;
		font-size: 24px;
	}

/* __________ Menu __________ */
	.navmenu ul li {margin:0 10px;}
	.navmenu ul li.center_menu_item {margin-right:280px;}
/* _________ //Menu _________ */

/* __________ Home __________ */
	.welcome_block #headshot {
		width: 28%;
	}
/* _________ //Home _________ */

/* __________ About __________ */
	#about #studio {
		margin-left: 0;
	}
/* _________ //About _________ */

/* __________ Contact __________ */
	input[type="text"] {width:190px;}
	textarea {width:252px;}
	.span9.contact_btn {width: 290px;}
/* _________ //Contact _________ */

	.span12 {width: 704px;}
	.span11 {width: 652px;}
	.span10 {width: 590px;}
	.span9 {width: 528px;}
	.span8 {width: 486px;}
	.span7 {width: 404px;}
	.span6 {width: 342px;}
	.span5 {width: 280px;}
	.span4 {width: 218px;}
	.span3 {width: 156px;}
	.span2 {width: 94px;}
	.span1 {width: 32px;}

}

@media (max-width: 766px) {
	.container {width:470px;}
	
	.parallax_effect {background-size:cover;background-position:center 0 !important;}
	.row {
		padding-left: 0px;
	}
	h2 {
		padding: 0px;
	}

/* __________ Header __________ */
	#top header {
		height: 75px !important;
		padding: 0;
		position: fixed; width: 100%; z-index: 999; top: 0; left:0;
		background:#fff;
	}
	#top header:before {content:''; position:absolute; left:0; bottom:-6px; width:100%; height:6px; background:url(../images/menu_shadow.png) repeat-x left bottom;}
	#logo {
		text-align: center;
	}
	#logo a {display:inline-block;text-indent:0;color:#333;}
/* _________ //Header _________ */

/* __________ Menu __________ */	
	.fixed-menu, .fixed-menu:before, .fixed-menu:after, .navmenu {display:none !important;}
	a.menu_toggler {
		display:inline-block;
		float:right;
		margin:-17px 0px 0px 0;
		border:#cfcfcf 1px solid;
		border-radius:4px;
		box-shadow:inset #fbfbfb 0 1px 0;
		width:34px;
		height:34px;
		position:absolute;
		overflow:hidden;
		right:20px;
		top:50%;
	
		background-color:#efefef;
		background-image: linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -webkit-linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -moz-linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -ms-linear-gradient(top, #f5f5f5, #e9e9e9);
		background-image: -o-linear-gradient(top, #f5f5f5, #e9e9e9);
	}
	a.menu_toggler:hover {
		background-color:#f5f5f5;
		background-image: linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -webkit-linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -moz-linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -ms-linear-gradient(top, #e9e9e9, #f5f5f5);
		background-image: -o-linear-gradient(top, #e9e9e9, #f5f5f5);	
	}

	a.menu_toggler:before {
		content:'';
		display:block;
		position:absolute;
		left:7px;
		top:7px;
		width:20px;
		height:20px;
		background-repeat:no-repeat;
		background:url(../images/btn_menu.png) no-repeat 0 0;		
	}
	.mobile_menu_wrapper {
		display:block;
		background:#eee;
		position: fixed; width: 100%; z-index: 999; top:75px; left:0;
		padding: 15px 40px 15px 20px;
	}
	.mobile_menu_wrapper a {color:#505050; text-transform:uppercase;line-height: 30px;
	}
	.mobile_menu_wrapper a:hover {color:#967ade;
	}
	.mobile_menu_wrapper a span {display:none;}

/* _________ //Menu _________ */

/* __________ Home __________ */
	.welcome_block h1 {
		margin-top:30px;
		font-size:50px;
		line-height:40px;
	}
	.welcome_block p {font-size:12px;}
	.welcome_block #headshot {
		width: 35%;
	}

/* _________ //Home _________ */

/* __________ About __________ */
	
	#about #studio {
		margin-right: 0;
	}
	#about #studio img {
		margin-right: 20px;
		border-radius: 50%;
	}
	#about #clients img {
		height: 40px;
		margin-bottom: 30px;
	}
	#about .span12 {
		margin-bottom: 0px;
	}
	#about p {
		padding: 0;
	}

/* _________ //About _________ */


	.row {margin-left:0;}
	[class*="span"] {
		display: block;
		float: none;
		width: 100%;
		margin-left: 0;
	}
	
	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 0px;
		height: 0;
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
    
/* __________ Services __________ */    
    .videos li {
    width: 100%;
    float: none;
    }
    .videos li:nth-child(even) {
        float: none;
    }
/* __________ //Services __________ */
    
/* __________ Contact __________ */
	.span9.contact_btn {width: 434px;}
	
	
/* _________ //Contact _________ */

}

@media (max-width: 479px) {	
	.container {width:310px;}
	
	.parallax_effect {background-size:cover;background-position:center 0 !important;}
	
    h2 {
        font-size: 28px;
        line-height: 40px
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    h5 {
        font-size: 26px;
        line-height: 30px
    }
    p {
		padding-right: 0;
		text-align: justify;
	}

/* __________ Home __________ */

	#logo {
		text-align: inherit;
	}

/* __________ //Home __________ */

/* __________ Home __________ */

	.welcome_block #headshot {
		width: 45%;
	}
	.welcome_block h1 {
		width: 200px;
		margin: auto;
		line-height: 60px;
	}
	.welcome_block p {
		padding: 4% 0 0;
		text-align: center;
	}
	a.down_btn {
		/*display: none;*/
	}

/* __________ //Home __________ */

/* __________ About __________ */

	#about #connection_logos {
		text-align: center;
	}
	#about #connection_logos img {
		width: 217px;
		margin-bottom: 10px;
	}
	#about #studio {
		text-align: center;
	}
	#about #studio img {
		margin-right: 0;
		margin-bottom: 20px;
	}
	#about #clients {
		width: 100%;
		text-align: center;
	}	
	#about #clients h3 {
		text-align: center;
	}	
	

/* __________ //About __________ */

/* __________ Contact __________ */

	.span9.contact_btn {width: 310px;}
	textarea, input[type="text"] {width:272px;}
	
/* _________ //Contact _________ */

/* __________ Footer __________ */	

	.footer .copyright {
		float: none;
		margin-left: auto;
		text-align: center;
	}
	.footer a.up_btn {	
		float: none;
		margin-top: 20px;
		margin-left: auto;	
		margin-right: auto;
		text-align: center;
	}
	
/* __________ //Footer __________ */	
}

@media (max-height: 600px) and (min-width: 480px) {

	/* __________ Home __________ */
	
	.parallax_effect#home {
		height: 600px !important;
		background-size:cover;
		background-position:center 0 !important;
	}
	.home_gradient {
		position:absolute;
		z-index:0;
		left:0;
		top:0;
		height: 600px;
		width:100%;
	}
	.welcome_block {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 100px!important;
		padding-bottom: 0!important;
	}
	a.down_btn {
		/*display: none;*/
	}

	/* __________ //Home __________ */
}


@media (max-height: 600px) and (max-width: 479px) {

	/* __________ Home __________ */
	
	.parallax_effect#home {
		height: 600px !important;
		background-size:cover;
		background-position:center 0 !important;
	}
	.home_gradient {
		position:absolute;
		z-index:0;
		left:0;
		top:0;
		height: 600px;
		width:100%;
	}
	.welcome_block {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 100px!important;
		padding-bottom: 0!important;
	}
	a.down_btn {
		/*display: none;*/
	}

	/* __________ //Home __________ */
}