/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Section
/*-----------------------------------------------------------------------------------*/
.padding-small{
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding-medium{
	padding-top: 80px;
	padding-bottom: 80px;
}

.padding-large{
	padding-top: 120px;
	padding-bottom: 120px;
}

.padding-no{
	padding-top: 0;
	padding-bottom: 0;
}

.page-section{
	position: relative;
	overflow: hidden;
}

.page-section.bg-parallax{
	background-position: top center;
	background-size: cover;
}

.page-section .section-video{
	z-index: 1;
}

.page-section .section-mask{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
}

.page-section .section-content{
	position: relative;
	z-index: 3;
}

.page-section.shadow-inside-top{
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}

.page-section.shadow-inside-bottom{
	box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.15);
}

.page-section.shadow-inside-top-bottom{
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 -1px 3px rgba(0, 0, 0, 0.15);
}

.page-section.shadow-outside-top{
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.15);
	z-index: 1;
}

.page-section.shadow-outside-bottom{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	z-index: 1;
}

.page-section.shadow-outside-top-bottom{
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.15);
	z-index: 1;
}




/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Box Icon
/*-----------------------------------------------------------------------------------*/
.md-box-icon{
	position: relative;
	margin-bottom: 30px;
}

.md-box-icon.align-left.simple-icon .box-text{
	margin-left: 34px;
	text-align: left;
}

.md-box-icon.align-left.simple-icon .md-icon{
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 24px;
}

.md-box-icon.align-right.simple-icon .box-text{
	margin-right: 34px;
	text-align: right;
}

.md-box-icon.align-right.simple-icon .md-icon{
	position: absolute;
	right: 0;
	top: 5px;
	font-size: 24px;
}

.md-box-icon.align-left.simple-icon .md-icon i:before,
.md-box-icon.align-right.simple-icon .md-icon i:before{
	vertical-align: top;
}

.md-box-icon.align-top.simple-icon{
	padding-top: 50px;
}

.md-box-icon.align-top.simple-icon .box-text{
	text-align: center;
}

.md-box-icon.align-top.simple-icon .md-icon{
	position: absolute;
	left: 0;
	top: 10px;
	vertical-align: top;
	font-size: 32px;
	width: 100%;
	text-align: center;
}

.md-box-icon.align-left.advanced-icon .box-text{
	margin-left: 90px;
	text-align: left;
}

.md-box-icon.align-left.advanced-icon .md-icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 26px;
}

.md-box-icon.align-left.advanced-icon .md-icon i{
	padding: 24px;
}

.md-box-icon.align-right.advanced-icon .box-text{
	margin-right: 90px;
	text-align: right;
}

.md-box-icon.align-right.advanced-icon .md-icon{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 26px;
}

.md-box-icon.align-right.advanced-icon .md-icon i{
	padding: 24px;
}

.md-box-icon.align-top.advanced-icon{
	padding-top: 120px;
}

.md-box-icon.align-top.advanced-icon .box-text{
	text-align: center;
}

.md-box-icon.align-top.advanced-icon .md-icon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 32px;
	width: 100%;
	text-align: center;
}

.md-box-icon.align-top.advanced-icon .md-icon i{
	padding: 36px;
}



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Icon
/*-----------------------------------------------------------------------------------*/
.md-icon{
	display: inline-block;
	text-align: center;
}

.md-icon i{
	transition: all .2s;	
}

.md-icon.style-circle i,
.md-icon.style-round i,
.md-icon.style-square i{
	border: 1px solid;
	padding: 28px;
	display: inline-block;
	line-height: 1em;
}

.md-icon.style-round i{
	border-radius: 5px;
}

.md-icon.style-circle i{
	border-radius: 50% !important;
}




/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Divider
/*-----------------------------------------------------------------------------------*/
.md-divider{
	margin: 20px 0;
	width: 100%;
	line-height: 1em;
}

.md-divider span{
	background:;
	width: 20%;
	margin: 0 auto;
	display: inline-block;
	line-height: 1em;
}

.md-divider.thick-solid{
	border-bottom: 4px solid;
}

.md-divider.thick-solid-center{
	text-align: center;
}

.md-divider.thick-solid-center span{
	height: 4px;
}

.md-divider.thin-solid{
	border-bottom: 1px solid;
}

.md-divider.thin-solid-center{
	text-align: center;
}

.md-divider.thin-solid-center span{
	height: 1px;
}
.md-divider.single-dotted{
	border-bottom: 1px dotted;
}

.md-divider.double-dotted{
	border-bottom: 2px dotted;
	border-top: 2px dotted;
	height: 6px;
}

.md-divider.single-dashed{
	border-bottom: 1px dashed;
}

.md-divider.double-dashed{
	border-bottom: 2px dashed;
	border-top: 2px dashed;
	height: 6px;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Video
/*-----------------------------------------------------------------------------------*/
.md-video{
	position: relative;
	z-index:0;
	padding: 0 0 67.5% 0;
}

.md-video embed,
.md-video iframe,
.md-video video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:1;
	border: none;
}

.md-video-hosted,
.section-video{
	position: relative;
	z-index: 1;
}

.section-video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.md-video-hosted.hide-controls .mejs-container .mejs-controls, 
.md-video-hosted.hide-controls .mejs-container .mejs-overlay, 
.section-video .mejs-container .mejs-controls,
.section-video .mejs-container .mejs-overlay{
	display: none !important;
}

.md-video-hosted .mejs-container,
.md-audio-hosted .mejs-container{
	width: 100% !important;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Audio
/*-----------------------------------------------------------------------------------*/
.md-audio-hosted{
	width: 100%;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Dropcap
/*-----------------------------------------------------------------------------------*/
.md-dropcap{
	display: inline-block;
	font-size: 40px;
	height: 54px;
	line-height: 54px;
	width: 54px;
	text-align: center;
	font-weight: bold;
	float: left;
	margin:0 5px 0 0;
	border-radius: 3px;
	float: left;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Highlights
/*-----------------------------------------------------------------------------------*/
.md-highlight{
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	border-radius: 3px;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Tooltip
/*-----------------------------------------------------------------------------------*/
.md-tooltip{
	border-bottom:1px dashed;
	cursor: pointer;
}

.tooltip .tooltip-inner{
	color: #fff;
	padding: 8px 20px;
	border-radius: 2px;
	transition: all 2s;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Counter
/*-----------------------------------------------------------------------------------*/
.md-counter{
	text-align: center;
	display: inline-block;
	width: 100%;
}

.md-counter span{
	display: inline-block;
	width: 100%;
}

.md-counter span.number{
	line-height: 1em;
	font-weight: 600;
}

.md-counter span.label{
	line-height: 1em;
	font-weight: 800;
	letter-spacing: 2px;
}

.md-counter .md-icon{
	margin-bottom: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Accordion
/*-----------------------------------------------------------------------------------*/
.md-accordions .panel{
	border: 1px solid #e5e5e5;
	padding: 0;
	width: 100% !important;
	margin-bottom: 0;
}

.md-accordions .panel+.panel {
	border-top: none;
	margin-top: 0;
}

.md-accordions .panel .panel-heading{
	margin: 0;
	padding: 0;
}

.md-accordions .panel .panel-heading h4{
	padding: 0;
	font-weight: normal;
}

.md-accordions .panel .panel-heading a{
	line-height: 48px;
	padding: 0 15px;
	position: relative;
	display: block;
	background: #fff;
}

.md-accordions .panel .panel-heading a,
.md-accordions .panel .panel-heading a:hover{
	color: #fff;
}

.md-accordions .panel .panel-heading a:before{
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	color: #fff;
	font-size: 20px;
	line-height: 1em;
	content:'\f107';
	font-family: 'FontAwesome';
    transition: all .5s;
}

.md-accordions .panel .panel-heading a.collapsed:before{
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	     -o-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}

.md-accordions.style-2 .panel{
	margin-bottom: 5px;
}

.md-accordions.style-2 .panel+.panel {
	border: 1px solid #e5e5e5;
}

.md-accordions.style-2 .panel .panel-heading a,
.md-accordions.style-2 .panel .panel-heading a:before{
	color: #fff;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Tabs
/*-----------------------------------------------------------------------------------*/
.md-tabs .nav.nav-tabs{
	border: none;
	margin: 0;
	padding: 0;
}

.md-tabs .nav.nav-tabs li{
	margin: 0 0 -1px 0;
	float: left;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

.md-tabs .nav.nav-tabs li a{
	border: none;
	color: #111;
	background: #f2f2f2;
	border-radius: 0;
	padding: 12px 28px;
	font-weight: bold;
	margin: 0;
	border-bottom: 1px solid #e5e5e5;
}

.md-tabs .nav.nav-tabs li:last-child{
	border-right: 1px solid #e5e5e5;
}

.md-tabs .nav.nav-tabs li.active a{
	background: #fff;
	border-bottom-color: #fff;
}

.md-tabs .tab-content{
	border: 1px solid #e5e5e5;
	padding: 20px;
	background: #fff;
}

.md-tabs .tab-content img{
	max-width: 100%;
}

.md-tabs .tab-content .img-full-responsive{
	margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Single Image
/*-----------------------------------------------------------------------------------*/
.md-single-image{
	max-width: 100%;
}



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Box Content
/*-----------------------------------------------------------------------------------*/
.md-box-content{
	padding: 20px;
	border:1px solid;
	border-radius: 3px;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: List
/*-----------------------------------------------------------------------------------*/
.md-list{
	margin: 0;
	padding: 0;
}

.md-list.mini{
	font-size: 12px;
}

.md-list.big{
	font-size: 16px;
	line-height: 1.4em;
}

.md-list.normal,
.md-list.list-icon{
	list-style: none;
}

.md-list.list-icon li{
	margin-bottom: 5px;
}

.md-list.list-icon i.icon{
	vertical-align: middle;
	margin-right: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Call to Action
/*-----------------------------------------------------------------------------------*/
.md-cta .cta-content{
	width: 75%;
	display: inline-block;
}

.md-cta .cta-button{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 25%;
	text-align: center;
}

.md-cta .cta-button .md-button{
	position: absolute;
	top: 50%;
	right: 0;
	margin: 0;
	max-width: 100%;
}

.md-cta.button-small .cta-button .md-button{
	margin-top: -20px;
}

.md-cta.button-medium .cta-button .md-button{
	margin-top: -24px;
}

.md-cta.button-large .cta-button .md-button{
	margin-top: -23px;
}

.md-cta.button-block .cta-button .md-button{
	margin-top: -27px;
	width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Progress Bar
/*-----------------------------------------------------------------------------------*/
.md-progress-bar{
	width: 100%;
	height: 40px;
	position: relative;
	font-weight: bold;
}

.md-progress-bar .bar{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 14px;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}

.md-progress-bar .bar .increment{
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 3px;
}

.md-progress-bar .lbl{
	position: absolute;
	left: 0;
	top: 0;
}

.md-progress-bar .percent{
	position: absolute;
	top: 0;
	right: 0;
}

.md-progress-circular .easyPieChart {
    position: relative;
    text-align: center;
	display: inline-block;
	font-weight: bold;
}

.md-progress-circular .easyPieChart .percent {
	position: relative;
	font-size: 80px;
	display: block;
}

.md-progress-circular .easyPieChart .lbl {
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
}

.md-progress-circular .easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Button
/*-----------------------------------------------------------------------------------*/
.md-button{
	position: relative;
	border:1px solid;
	border-radius: 3px;
	vertical-align: middle;
	display: inline-block;
	margin:0 0.4em 0.4em 0;
	text-align: center;
	line-height: 1em;
	font-size: 14px;
	letter-spacing: 1.2px;
	font-weight: bold;
	padding: 14px 15px;
}

.md-button.style-1:hover{
	box-shadow: inset 0 -200px 0 rgba(0, 0, 0, 0.1);
}

.md-button .lbl{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.md-button i{
	font-size: 16px;
	display: inline-block;
	margin-right: 10px;
}

.md-button.extra-small{
	font-size: 12px;
	padding: 9px 12px;
}

.md-button.extra-small i{
	font-size: 12px;
}

.md-button.small{
	font-size: 13px;
	padding: 11px 13px;
}

.md-button.small i{
	font-size: 13px;
}

.md-button.large{
	font-size: 18px;
	padding: 12px 18px;
}

.md-button.large i{
	font-size: 18px;
}

.md-button.block{
	font-size: 18px;
	padding: 12px 0;
	width: 100%;
}

.md-button.block i{
	font-size: 18px;
}

.md-button.style-1.standard,
.md-button.style-2.standard:hover{
	color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Special Heading
/*-----------------------------------------------------------------------------------*/
.md-special-heading{
	margin-bottom: 30px;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.md-special-heading span{
	display: inline-block;
	position: relative;
	z-index: 2;
}

.md-special-heading.textaligncenter span{
	padding: 0 15px;
}

.md-special-heading.textalignleft span{
	padding: 0 15px 0 0;
}

.md-special-heading.textalignright span{
	padding: 0 0 0 15px;
}


.md-special-heading.style-1 span:before,
.md-special-heading.style-1 span:after,
.md-special-heading.style-2 span:before,
.md-special-heading.style-2 span:after,
.md-special-heading.style-3 span:before,
.md-special-heading.style-3 span:after,
.md-special-heading.style-4 span:before,
.md-special-heading.style-4 span:after,
.md-special-heading.style-5 span:before,
.md-special-heading.style-5 span:after,
.md-special-heading.style-6 span:before,
.md-special-heading.style-6 span:after{
	content: "";
	width: 100%;
	height: 1px;
	display: inline-block;
	position: absolute;
	top: 50%;
	line-height: 1em;
	z-index: 1;
}

.md-special-heading.style-1 span:before,
.md-special-heading.style-2 span:before,
.md-special-heading.style-3 span:before,
.md-special-heading.style-4 span:before,
.md-special-heading.style-5 span:before,
.md-special-heading.style-6 span:before{
	margin: 0 0 0 -100%;
	left: -10px;
}

.md-special-heading.style-1 span:after,
.md-special-heading.style-2 span:after,
.md-special-heading.style-3 span:after,
.md-special-heading.style-4 span:after,
.md-special-heading.style-5 span:after,
.md-special-heading.style-6 span:after{
	margin: 0 -100% 0 0;
	right: -10px;
}

.md-special-heading.style-2 span:after,
.md-special-heading.style-2 span:before{
	height: 2px;
}

.md-special-heading.style-3 span:after,
.md-special-heading.style-3 span:before{
	border-bottom: 1px dotted;
}

.md-special-heading.style-4 span:after,
.md-special-heading.style-4 span:before{
	border-bottom: 2px dotted;
}

.md-special-heading.style-5 span:after,
.md-special-heading.style-5 span:before{
	border-bottom: 1px dashed;
}

.md-special-heading.style-6 span:after,
.md-special-heading.style-6 span:before{
	border-bottom: 2px dashed;
}

.md-special-heading.style-7,
.md-special-heading.style-8{
	padding-bottom: 15px;
}

.md-special-heading.style-7{
	border-bottom: 1px solid;
}

.md-special-heading.style-8{
	border-bottom: 2px solid;
}

.md-special-heading.style-9{
	text-align: center;
}

.md-special-heading.style-9 span:before,
.md-special-heading.style-9 span:after{
	content: "";
	width: 30px;
	height: 1px;
	background-color: #111;
	position: absolute;
	top: 50%;
	line-height: 1em;
}

.md-special-heading.style-9 span:before{
	left: -40px;
}

.md-special-heading.style-9 span:after{
	right: -40px;
}

.md-special-heading.style-10{
	margin-bottom: 30px;
	padding-bottom: 20px;
	text-align: center;
}

.md-special-heading.style-10 span:before{
	content: "";
	width: 50px;
	height: 1px;
	position: absolute;
	margin: 0 0 0 -25px;
	left: 50%;
	bottom: -20px;
	line-height: 1em;
}

.md-special-heading.nomargin{
	margin-bottom: 0 !important;
}

.md-special-heading.style-1.light span:before,
.md-special-heading.style-1.light span:after,
.md-special-heading.style-2.light span:before,
.md-special-heading.style-2.light span:after,
.md-special-heading.style-9.light span:before,
.md-special-heading.style-9.light span:after,
.md-special-heading.style-10.light span:before{
	background-color: #ddd;
}

.md-special-heading.style-3.light span:before,
.md-special-heading.style-3.light span:after,
.md-special-heading.style-4.light span:before,
.md-special-heading.style-4.light span:after,
.md-special-heading.style-5.light span:before,
.md-special-heading.style-5.light span:after,
.md-special-heading.style-6.light span:before,
.md-special-heading.style-6.light span:after,
.md-special-heading.style-7.light,
.md-special-heading.style-8.light{
	border-color: #ddd;
}

.md-special-heading.style-1.dark span:before,
.md-special-heading.style-1.dark span:after,
.md-special-heading.style-2.dark span:before,
.md-special-heading.style-2.dark span:after,
.md-special-heading.style-9.dark span:before,
.md-special-heading.style-9.dark span:after,
.md-special-heading.style-10.dark span:before{
	background-color: #999;
}

.md-special-heading.style-3.dark span:before,
.md-special-heading.style-3.dark span:after,
.md-special-heading.style-4.dark span:before,
.md-special-heading.style-4.dark span:after,
.md-special-heading.style-5.dark span:before,
.md-special-heading.style-5.dark span:after,
.md-special-heading.style-6.dark span:before,
.md-special-heading.style-6.dark span:after,
.md-special-heading.style-7.dark,
.md-special-heading.style-8.dark{
	border-color: #999;
}

.md-special-heading.style-1.white span:before,
.md-special-heading.style-1.white span:after,
.md-special-heading.style-2.white span:before,
.md-special-heading.style-2.white span:after,
.md-special-heading.style-9.white span:before,
.md-special-heading.style-9.white span:after,
.md-special-heading.style-10.white span:before{
	background-color: #fff;
}

.md-special-heading.style-3.white span:before,
.md-special-heading.style-3.white span:after,
.md-special-heading.style-4.white span:before,
.md-special-heading.style-4.white span:after,
.md-special-heading.style-5.white span:before,
.md-special-heading.style-5.white span:after,
.md-special-heading.style-6.white span:before,
.md-special-heading.style-6.white span:after,
.md-special-heading.style-7.white,
.md-special-heading.style-8.white{
	border-color: #fff;
}

.md-special-heading.style-1.black span:before,
.md-special-heading.style-1.black span:after,
.md-special-heading.style-2.black span:before,
.md-special-heading.style-2.black span:after,
.md-special-heading.style-9.black span:before,
.md-special-heading.style-9.black span:after,
.md-special-heading.style-10.black span:before{
	background-color: #111;
}

.md-special-heading.style-3.black span:before,
.md-special-heading.style-3.black span:after,
.md-special-heading.style-4.black span:before,
.md-special-heading.style-4.black span:after,
.md-special-heading.style-5.black span:before,
.md-special-heading.style-5.black span:after,
.md-special-heading.style-6.black span:before,
.md-special-heading.style-6.black span:after,
.md-special-heading.style-7.black,
.md-special-heading.style-8.black{
	border-color: #111;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Clients
/*-----------------------------------------------------------------------------------*/
.md-clients .item{
	margin-bottom: 30px;
}

.md-clients .md-client img{
	width: 100%;
	height: auto;
}

.md-clients .md-client{
	border:1px solid #e5e5e5;
	display: inline-block;
	width: 100%;
}

.md-clients .md-client:hover{
	border-color: #000;
}

.md-clients .md-carousel .item{
	padding: 0 15px 0 15px;
	margin-bottom: 0;
}

.md-clients .md-carousel .md-client{
	border: none;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Portfolio
/*-----------------------------------------------------------------------------------*/
.md-portfolio .md-work{
	width: 100%;
}

.md-portfolio .md-work a{
	color: #111;
}

.md-portfolio.style-1 .item,
.md-portfolio.style-2 .item{
	margin-bottom: 30px;
}

.md-portfolio .md-work .work-thumb{
	width: 100%;
	position: relative;
	overflow: hidden;
}

.md-portfolio .md-work .work-thumb .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .2s;
	z-index: 2;
}

.md-portfolio .md-work .work-thumb .mask a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.md-portfolio .md-work .work-thumb .mask a:after{
	content:'\e832';
	font-family: 'entypo';
	position: absolute;
	top: 55%;
	left: 50%;
	color: #fff;
	margin-left: -19px;
	margin-top: -21px;
	font-size: 42px;
	line-height: 1em;
	transition: all .2s;
	opacity: 0;
}

.md-portfolio .md-work .work-thumb:hover .mask a:after{
	top: 50%;
	opacity: 1;
}

.md-portfolio .md-work .work-thumb img{
	width: 100%;
	height: auto;
	transition: all .2s;
}

.md-portfolio .md-work .work-thumb:hover img{
	-webkit-transform: rotate(-5deg) scale(1.2);
	   -moz-transform: rotate(-5deg) scale(1.2);
	    -ms-transform: rotate(-5deg) scale(1.2);
	     -o-transform: rotate(-5deg) scale(1.2);
	        transform: rotate(-5deg) scale(1.2);
}

.md-portfolio .md-work .work-title{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

.md-portfolio.style-2 .md-work{
	padding: 10px;
	border:1px solid #e5e5e5;
	box-shadow: 0 1px 0 rgba(220, 220, 220, 1);
	border-radius: 3px;
	background: #fff;
}

.content-full .md-portfolio.style-1,
.content-full .md-portfolio.style-2{
	padding-left: 30px;
	padding-right: 30px;
}

.md-portfolio.style-3 .item-grid{
	float: left;
	position: relative;
}

.md-portfolio.style-3:after{
	content: '';
	display: table;
	clear: both;
}

.md-portfolio.style-3 .item-grid-2{
	width: 16.6666%;
}

.md-portfolio.style-3 .item-grid-3{
	width: 25%;
}

.md-portfolio.style-3 .item-grid-4{
	width: 33.3333%;
}

.md-portfolio.style-3 .item-grid-6{
	width: 50%;
}

.md-portfolio.style-3 .item-grid-12{
	width: 100%;
}

.md-portfolio.style-3 .item-grid .md-work{
	position: relative;
	overflow: hidden;
}

.md-portfolio.style-3 .item-grid .md-work .work-title{
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 3;
	transition: all .4s;
	font-size: 18px;
}

.md-portfolio.style-3 .item-grid .md-work:hover .work-title{
	bottom: 10px;
}

.md-portfolio.style-3 .item-grid .md-work .work-title a{
	color: #fff;
}

.md-portfolio.style-masonry .item-square,
.md-portfolio.style-masonry .item-tall{
	width: 25%;
}

.md-portfolio.style-masonry .item-square-big,
.md-portfolio.style-masonry .item-wide{
	width: 50%;
}

.md-portfolio .md-carousel .item{
	padding: 0 5px;
}

.md-portfolio-filter{
	text-align: right;
	margin-bottom: 30px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}

.md-portfolio-filter a{
	margin-left: 20px;
	display: inline-block;
}

.content-full .md-portfolio-filter{
	margin-right: 20px;
}


.md-portfolio.style-1 .md-carousel .item,
.md-portfolio.style-2 .md-carousel .item,
.md-portfolio.style-3 .md-carousel .item{
	margin-bottom: 0;
	padding: 0 15px;
}

.md-portfolio.style-3 .md-carousel .item{
	margin-bottom: 0;
	padding: 0;
	width: 100% !important;
}

.md-portfolio.style-3 .md-carousel{
	padding: 0 15px;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Recent Posts
/*-----------------------------------------------------------------------------------*/
.md-recent-posts .item{
	margin-bottom: 30px;
}

.md-recent-posts .item .featured-image{
	margin-bottom: 10px;
}

.md-recent-posts .item .featured-image img{
	width: 100%;
	height: auto;
}

.md-recent-posts .item h2{
	font-size: 24px;
	line-height: 30px;
	color: #111;
	font-weight: 600;
	margin: 0;
}

.md-recent-posts .item h2 a{
	color: #111;
}

.md-recent-posts .item .post-content{
	padding-bottom: 10px;
	border-bottom: 2px solid #eee;
	margin-bottom: 10px;
}

.md-recent-posts .md-carousel .item{
	padding: 0 15px;
	margin-bottom: 0;
}



/*-----------------------------------------------------------------------------------*/
/*  Isotope
/*-----------------------------------------------------------------------------------*/
.isotope-item {
  z-index: 2;
}

.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;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-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;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Team
/*-----------------------------------------------------------------------------------*/
.md-team .item{
	text-align: center;
	margin-bottom: 30px;
}

.md-team .md-member .member-image img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: inline-block;
}

.md-team.preview-circle .md-member .member-image img{
	border-radius: 100%;
	width: 70%;
}

.md-team .md-member .member-info{
	margin-top: 10px;
}

.md-team .md-member .member-info span{
	display: block;
}

.md-team .md-member .member-info span.member-name{
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
}

.md-team .md-member .member-content{
	margin-top: 10px;
}

.md-team .md-member .member-content .member-presentation{
	margin-bottom: 0;
}

.md-team .md-member .member-social{
	margin-top: 10px;
}

.md-team .md-member .member-social a{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 4px 4px 4px;
	position: relative;
	font-size: 20px;
}

.md-team .md-member .member-social a:after{
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'FontAwesome';
	color: #bbb;
	width: 20px;
	text-align: center;
	line-height: 20px;
	transition: all .2s;
}

.md-team .md-member .member-social a.facebook:after{ content:'\f09a'; }
.md-team .md-member .member-social a.twitter:after{ content:'\f099'; }
.md-team .md-member .member-social a.google_plus:after{ content:'\f0d5'; }
.md-team .md-member .member-social a.youtube:after{ content:'\f167'; }
.md-team .md-member .member-social a.linkedin:after{ content:'\f0e1'; }
.md-team .md-member .member-social a.pinterest:after{ content:'\f0d2'; }
.md-team .md-member .member-social a.flickr:after{ content:'\f16e'; }
.md-team .md-member .member-social a.instagram:after{ content:'\f16d'; }
.md-team .md-member .member-social a.apple:after{ content:'\f179'; }
.md-team .md-member .member-social a.tumblr:after{ content:'\f173'; }
.md-team .md-member .member-social a.dribbble:after{ content:'\f17d'; }
.md-team .md-member .member-social a.android:after{ content:'\f17b'; }
.md-team .md-member .member-social a.email:after{ content:'\f0e0'; }

.md-team .md-member .member-social a.facebook:hover:after{ color: #3b5998; }
.md-team .md-member .member-social a.twitter:hover:after{ color: #55acee; }
.md-team .md-member .member-social a.google_plus:hover:after{ color: #dd4b39; }
.md-team .md-member .member-social a.youtube:hover:after{ color: #b31217; }
.md-team .md-member .member-social a.linkedin:hover:after{ color: #0976b4; }
.md-team .md-member .member-social a.pinterest:hover:after{ color: #cc2127; }
.md-team .md-member .member-social a.flickr:hover:after{ color: #0063dc; }
.md-team .md-member .member-social a.instagram:hover:after{ color: #3f729b; }
.md-team .md-member .member-social a.apple:hover:after{ color: #5bc236; }
.md-team .md-member .member-social a.tumblr:hover:after{ color: #35465c; }
.md-team .md-member .member-social a.dribbble:hover:after{ color: #ea4c89; }
.md-team .md-member .member-social a.android:hover:after{ color: #a4c639; }
.md-team .md-member .member-social a.email:hover:after{ color: #ADEADA; }

.md-team .md-carousel .item{
	padding: 0 15px 0 15px;
	margin-bottom: 0;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Testimonial
/*-----------------------------------------------------------------------------------*/
.md-testimonials .item{
	margin-bottom: 30px;
}

.md-testimonials .md-testimonial .testimonial-content{
	border:1px solid #e5e5e5;
	background: #f9f9f9;
	padding: 20px;
	border-radius: 3px;
	margin-bottom: 20px;
}

.md-testimonials .md-testimonial .testimonial-content .testimonial-quote{
	padding: 0;
	margin: 0;
}

.md-testimonials .md-testimonial .testimonial-image{
	width: 80px;
	display: inline-block;
	padding: 3px;
	background: #fff;
	border:1px solid;
	border-radius: 80px;
	vertical-align: top;
	margin: 0 20px;
}

.md-testimonials .md-testimonial .testimonial-image img{
	width: 100%;
	height: auto;
	border-radius: 80px;
}

.md-testimonials .md-testimonial .testimonial-info{
	display: inline-block;
	padding-top: 15px;
}

.md-testimonials .md-testimonial .testimonial-info span{
	display: block;
}

.md-testimonials .md-testimonial .testimonial-info span.testimonial-author{
	font-weight: bold;
	letter-spacing: 1.2px;
	font-size: 16px;
	text-transform: uppercase;
}

.md-testimonials .md-testimonial .testimonial-info span.testimonial-company{
	font-style: italic;
}

.md-testimonials .md-carousel .item{
	padding: 0 15px 45px 15px;
	margin-bottom: 0;
}

.md-testimonials-minimal .item{
	margin-bottom: 30px;
}

.md-testimonials-minimal .md-testimonial{
	width: 100%;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
	font-weight: 300;
}

.md-testimonials-minimal .md-testimonial .testimonial-info{
	font-size: 18px;
	font-style: italic;
	margin-top: 15px;
}

.md-testimonials-minimal .md-testimonial .testimonial-info a:hover{
	text-decoration: underline;
}

.md-testimonials-minimal .md-carousel .item{
	padding: 0 15px;
	margin-bottom: 0;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Social Share
/*-----------------------------------------------------------------------------------*/
.md-social-share{
	margin-bottom: 30px;
	width: 100%;
}

.md-social-share .item{
	vertical-align: top;
	display: inline-block;
	width: 100px;
	overflow: hidden;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Twitter Feed
/*-----------------------------------------------------------------------------------*/
.md-tweets{
	margin-bottom: 30px;
	width: 100%;
}

.md-tweets .md-tweet{
	width: 100%;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
}

.md-tweets .md-tweet .tweet-info{
	font-size: 18px;
	font-style: italic;
	margin-top: 15px;
}

.md-tweets .md-tweet .tweet-info a:hover{
	text-decoration: underline;
}




/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Blockquote
/*-----------------------------------------------------------------------------------*/
blockquote.style-3{
	padding: 20px 20px 20px 80px;
	background: rgba(0, 0, 0, 0.05);
	border: none;
	position: relative;
}


blockquote.style-3:after{
	font-family: 'Entypo';
	content: '\e833';
	position: absolute;
	top: 15px;
	left: 20px;
	font-size: 60px;
	line-height: 1em;
	color: #bbb;
}

/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Alerts
/*-----------------------------------------------------------------------------------*/
.md-alert{
	padding: 20px;
	border-radius: 3px;
	border: 1px solid;
	position: relative;
	margin-bottom: 20px;
	z-index: 5;
}

.md-alert.with-icon{
	padding-left: 75px;
}


.md-alert .alert-icon{
	font-size: 40px;
	line-height: 1em;
	opacity: 0.8;
	position: absolute;
	top: 50%;
	left: 20px;
	margin: 0;
	display: inline-block;
	margin-top: -20px;
}

.md-alert a.message-close{
	position: absolute;
	top: 8px;
	right: 8px;
}

.md-alert a.message-close:hover{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.md-alert.message{
	background: #eee;
	border-color: #ddd;
}

.md-alert.message .alert-icon,
.md-alert.message a.message-close{
	color: #444;
}

.md-alert.info{
	background: #d1eff8;
	border-color: #afe0ee;
}

.md-alert.info .alert-icon,
.md-alert.info a.message-close{
	color: #3498db;
}

.md-alert.success{
	background: #b8f4d0;
	border-color: #72dd9d;
}

.md-alert.success .alert-icon,
.md-alert.success a.message-close{
	color: #1abc9c;
}

.md-alert.warning{
	background: #FBF1C9;
	border-color: #e0c069;
}

.md-alert.warning .alert-icon,
.md-alert.warning a.message-close{
	color: #e67e22;
}

.md-alert.error{
	background: #fac6bf;
	border-color: #fd8585;
}

.md-alert.error .alert-icon,
.md-alert.error a.message-close{
	color: #e74c3c;
}



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Lightbox
/*-----------------------------------------------------------------------------------*/

.md-lightbox{
	width: 100%;
	position: relative;
	overflow: hidden;
}

.md-lightbox .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .2s;
	z-index: 2;
}

.md-lightbox .mask a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.md-lightbox .mask a:after{
	position: absolute;
	top: 55%;
	left: 50%;
	color: #fff;
	margin-left: -19px;
	margin-top: -21px;
	font-size: 42px;
	line-height: 1em;
	transition: all .2s;
	opacity: 0;
}

.md-lightbox:hover .mask a:after{
	top: 50%;
	opacity: 1;
}

.md-lightbox.image a:after{
	content:'\e01d';
	font-family: 'flaticon';
}

.md-lightbox.video a:after{
	content:'\e006';
	font-family: 'flaticon';
}

.md-lightbox.map a:after{
	content:'\e017';
	font-family: 'flaticon';
}

.md-lightbox img{
	width: 100%;
	height: auto;
}

.md-lightbox-gallery .md-lightbox{
	margin-bottom: 30px;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Revolution Slider
/*-----------------------------------------------------------------------------------*/
.md-revslider .tp-leftarrow,
.md-revslider .tp-rightarrow{
	background: none !important;
	top: 48% !important;
}

.md-revslider .tp-leftarrow:after{
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1em;
	content: '\e87c';
	font-family: 'entypo';
	color: #fff;
	font-size: 40px;
}

.md-revslider .tp-rightarrow:after{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1em;
	content: '\e87d';
	font-family: 'entypo';
	color: #fff;
	font-size: 40px;
}

.md-revslider .tp-leftarrow{
	left: 10px !important;
    transition: all .2s;
    opacity: 0;
}

.md-revslider .tp-rightarrow{
	right: 10px !important;
    transition: all .2s;
    opacity: 0;
}

.md-revslider:hover .tp-leftarrow{
	left: 20px !important;
	opacity: 1;
}

.md-revslider:hover .tp-rightarrow{
	right: 20px !important;
	opacity: 1;
}

.md-revslider .tp-bullets .bullet{
	background: transparent !important;
	border-radius:12px;
	width: 12px !important;
	height: 12px !important;
	margin: 0 4px !important;
	border: 2px solid #fff;
    transition: all .2s;
}

.md-revslider .tp-bullets .bullet:hover,
.md-revslider .tp-bullets .bullet.selected{
	background: #fff !important;
}

.md-revslider .tp-caption.middle-title{
	font-weight: bold;
	text-shadow: 0 2px rgba(0, 0, 0, 0.1);
	font-size: 52px;
}

.md-revslider .tp-caption.big-title{
	font-weight: bold;
	text-shadow: 0 2px rgba(0, 0, 0, 0.1);
	font-size: 80px;
}

.md-revslider .tp-caption.medium_light_white{
	text-shadow: 0 2px rgba(0, 0, 0, 0.1);
	font-size: 42px;
	font-weight: 300;
}


/*-----------------------------------------------------------------------------------*/
/*	Owl Carousel
/*-----------------------------------------------------------------------------------*/
.owl-pagination{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.owl-pagination .owl-page{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	margin: 0 4px;
	transition: all .2s;
	border:1px solid #e5e5e5;
	background: transparent;
}

.owl-pagination .owl-page:hover,
.owl-pagination .owl-page.active{
	background: #e5e5e5;
}

.owl-buttons{
	position: absolute;
	top: -24px;
	left: 0;
	width: 100%;
}

.owl-buttons div{
	position: absolute;
	background: #e5e5e5;
	width: 24px;
	height: 24px;
	top: 0;
	text-indent: -999px;
	overflow: hidden;
	z-index: 9;
	color: #999;
	font-size: 16px;
	transition: all .2s;
}

.owl-buttons div:hover{
	background: #777;
	color: #fff;
}

.owl-buttons div.owl-prev{
	right: 25px;
}

.owl-buttons div:after{
	content:'\e878';
	font-family: 'Entypo';
	position: absolute;
	top: 3px;
	left: 0;
	text-indent: 0;
	text-align: center;
	width: 100%;
}

.owl-buttons div.owl-next{
	right: 0;
}

.owl-buttons div.owl-next:after{
	content:'\e879';
	font-family: 'Entypo';
	position: absolute;
	top: 3px;
	left: 0;
	text-indent: 0;
	text-align: center;
	width: 100%;
}


/*-----------------------------------------------------------------------------------*/
/*	Fancybox
/*-----------------------------------------------------------------------------------*/
.fancybox-skin{
	padding: 0 !important;
}

.fancybox-close{
	position: absolute;
	top: 0;
	right: -45px;
	background: none;
}

.fancybox-close:after{
	position: absolute;
	top: -5px;
	left: 0;
	font-size: 40px;
	line-height: 1em;
	margin: 0;
	color: #fff;
	content: "\e122";
	font-family: 'typicons';
}



.fancybox-prev span,
.fancybox-next span{
	background: none;
}


.fancybox-prev:after{
	position: absolute;
	left: -30px;
	top: 50%;
	font-size: 40px;
	line-height: 1em;
	margin-top: -20px;
	color: #fff;
	content: "\e047";
	font-family: 'typicons';
}


.fancybox-next:after{
	position: absolute;
	right: -30px;
	top: 50%;
	font-size: 40px;
	line-height: 1em;
	margin-top: -20px;
	color: #fff;
	content: "\e049";
	font-family: 'typicons';
}


/*-----------------------------------------------------------------------------------*/
/*	Flex Slider
/*-----------------------------------------------------------------------------------*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0; position: relative; overflow: hidden;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.flexslider .flex-control-nav{
	width: 100%;
	position: absolute;
	bottom: -30px;
	left: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	z-index: 89;
	opacity: 0;
	transition: all .2s;
}

.flexslider:hover .flex-control-nav{
	bottom: 0;
	opacity: 1;
}


.flexslider .flex-control-nav li{
	display: inline-block;
	margin: 0 2px;
	padding: 0;
}

.flexslider .flex-control-nav li a{
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	display: block;
	border:2px solid #fff;
	border-radius: 12px;
	transition: all .2s;
}

.flexslider .flex-control-nav li a:hover,
.flexslider .flex-control-nav li a.flex-active{
	background: #fff;
}

.flexslider .flex-direction-nav{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
}

.flexslider .flex-direction-nav li{
	margin: 0;
	padding: 0;
	position: relative;
}

.flexslider .flex-direction-nav li a.flex-prev{
	position: absolute;
	left: -10px;
	top: -20px;
	z-index: 89;
	width: 40px;
	height: 40px;
	opacity: 0;
    transition: all .2s;
}

.flexslider .flex-direction-nav li a.flex-next{
	position: absolute;
	right: -10px;
	top: -20px;
	z-index: 89;
	width: 40px;
	height: 40px;
	opacity: 0;
    transition: all .2s;
}


.flexslider .flex-direction-nav li a.flex-prev:after{
	position: absolute;
	top: 0;
	left: 10px;
	line-height: 1em;
	content: '\e87c';
	font-family: 'entypo';
	color: #fff;
	font-size: 36px;
}

.flexslider .flex-direction-nav li a.flex-next:after{
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 1em;
	content: '\e87d';
	font-family: 'entypo';
	color: #fff;
	font-size: 36px;
}


.flexslider:hover .flex-direction-nav li a.flex-prev{
	opacity: 1;
	left: 0;
}

.flexslider:hover .flex-direction-nav li a.flex-next{
	opacity: 1;
	right: 0;
}


/*-----------------------------------------------------------------------------------*/
/*	Contact Form 7
/*-----------------------------------------------------------------------------------*/
.wpcf7 label,
.wpcf7 p{
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
	text-transform: uppercase;
}

.wpcf7 input.wpcf7-text,
.wpcf7 textarea{
	width: 100%;
	max-width: 100% !important;
	padding: 5px 40px 5px 10px;
	outline: 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	height: 40px;
	background-color: #fff;
	border:1px solid #e5e5e5;
	border-radius: 3px;
	box-shadow:  0 -1px 0 rgba(220, 220, 220, 1);
}

.wpcf7 textarea{
	height: 280px;
}

.wpcf7 .wpcf7-submit{
	border:none;
	padding: 8px 20px;
	text-transform: uppercase;
	color: #fff;
}

.wpcf7 .wpcf7-response-output{
	border:1px solid;
	padding: 20px;
	margin: 0;
	font-weight: bold;
}

.wpcf7 .wpcf7-response-output.wpcf7-validation-errors{
	background: #fac6bf;
	border-color: #fd8585;
	color: #e74c3c;
}

.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok{
	background: #b8f4d0;
	border-color: #72dd9d;
	color: #1abc9c;
}


/*-----------------------------------------------------------------------------------*/
/*	Media Elements
/*-----------------------------------------------------------------------------------*/
audio, canvas, video {
    outline: none;
}

.mejs-container {
    position: relative;
    min-width: 150px;
    width: 100% !important;
    outline: none;
    background: none;
    vertical-align: top;
    text-align: left;
    text-decoration: none;
    font-family: sans-serif;
}

.me-plugin {
    position: absolute;
}

.mejs-embed, .mejs-embed body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.mejs-container-fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%;
    background: #000000;
}

/* Start: LAYERS */
.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.mejs-poster img {
    display: block;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border: 0;
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.mejs-overlay-play {
    width: 100% !important;
    height: 100% !important;
    cursor: pointer;
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -35px !important;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    background-color: rgba(0,0,0,0.5);
    background-image: none;
    -webkit-transition: background 0.15s ease-in-out 0s;
    -moz-transition: background 0.15s ease-in-out 0s;
    -o-transition: background 0.15s ease-in-out 0s;
    transition: background 0.15s ease-in-out 0s;
}

.mejs-overlay-button:after{
	content: '\e897';
	font-family: 'entypo';
	position: absolute;
	color: #fff;
	font-size: 40px;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -7px;
	padding: 0;
	display: inline-block;
}


.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px;
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: url(../img/blog/media-loading.gif);
}


.mejs-controls{
	position: absolute;
	width: 100%;
	height: 50px !important;
	background: rgba(0, 0, 0, 0.8);
	bottom: 0;
	left: 0;
}


.mejs-controls .mejs-button button {
    width: 15px;
    height: 16px;
    background: transparent url(../img/blog/media-controls.png) no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.mejs-controls .mejs-playpause-button{
	margin: 15px 0 0 15px;
}

.mejs-controls .mejs-play button {
    background-position: 0 0;
}

.mejs-controls .mejs-play:hover button {
    background-position: 0 -32px;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}

.mejs-controls .mejs-pause:hover button {
    background-position: 0 -48px;
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0;
}

.mejs-time-rail{
	position: absolute;
	top: 20px;
	left: 45px;
	width: 75% !important;
	height: 9px !important;
	cursor: pointer;
}

.mejs-time-rail .mejs-time-total{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%;
	background: #222;
}

.mejs-time-rail .mejs-time-current{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.mejs-time-rail .mejs-time-float,
.mejs-currenttime-container{
	display: none !important;
}

.mejs-duration-container{
	position: absolute;
	left: 75%;
	margin-left: 60px;
	top: 19px;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	font-family: 'Arial';
}

.mejs-controls .mejs-fullscreen-button{
	position: absolute;
	right: 15px;
	top: 16px;
}


.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px;
}


.mejs-controls .mejs-volume-button {
	position: absolute;
	right: 65px;
	top: 15px;
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}

.mejs-controls .mejs-mute button:hover {
    background-position: -16px -48px;
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}

.mejs-controls .mejs-unmute button:hover {
    background-position: -16px -32px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    position: absolute;
    top: -68px;
    left: -10px;
    z-index: 1;
    display: none;
    margin: 0;
    width: 32px;
    height: 68px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.8);
}


.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    top: 8px;
    left: 13px;
    margin: 0;
    padding: 0;
    width: 7px;
    height: 46px;
    background: #373A3A;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    top: 6px;
    left: 13px;
    margin: 0px;
    width: 7px;
    height: 50px;
    background-position: bottom;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    top: 16px;
    left: 14px;
    margin: 0;
    width: 5px;
    height: 5px;
    background: transparent;
}



.mejs-controls .mejs-horizontal-volume-slider {
    position: absolute;
    right: 65px;
    top: 20px;
    width: 50px;
    height: 9px;
    margin-right: -55px !important;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: #373A3A;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

.mejs-container.mejs-audio .mejs-controls{
	background: #111;
}


@media (max-width:991px){
	.mejs-duration-container{
		left: 60%;
	}

	.mejs-time-rail{
		width: 60% !important;
	}
	
	#footertweet{
   
		margin: 8px 1px 0px -55px !important;
	}
	#copyright .copyright-text, #copyright .copyright-social, #copyright .float-right{
		width: 100% !important;
		display: block;
		text-align: left !important;
    
	}
	.post-body .post-info {
		text-align: left;
		float: left;
		width: 13% !important;
		color: #0471BE;
	}
	.cercle_3 {
		width: 100% !important;
	}
	#CERTIFICATIONS {
		padding-top: 0px !important;
		height: 364px !important;
		
	}
	
	.telechargerimg{
		float: left !important;
		margin-left: 40% !important;
	}
	.logo1 , .logo5{
		width:100% !important;
	}
	#HORLOGERIE .textaligncenter,#MEDICAL .textaligncenter,#ELECTRONIQUE .textaligncenter,#LUNETTERIE .textaligncenter,
	#AERONAUTIQUE .textaligncenter,#MECANIQUE-GENERALE .textaligncenter ,#AUTOMOBILE .textaligncenter ,
	#DECOLLETAGE .textaligncenter ,#MOULISTE .textaligncenter{
		width: 100% !important;
	
	}
	#HORLOGERIE .textaligncenter h2{
		padding-top: 129px !important;
		text-align: right !important;
		padding-right: 0px !important;
	
	}
	#MEDICAL .textaligncenter h2{
		text-align: left !important;
		padding-top: 129px !important;
		padding-left: 0px !important;
	}
	
	#ELECTRONIQUE .textaligncenter h2{
		text-align: right !important;
		padding-top: 129px !important;
		padding-right: 100px !important;
	}
	#MECANIQUE-GENERALE .textaligncenter h2{
		padding-top: 0px !important;
	}
	
	#AUTOMOBILE .textaligncenter h2{
		text-align: right !important;
		padding-top: 129px !important;
		padding-right: 12px !important;
	}
	
	#MOULISTE .textaligncenter h2{
		text-align: left !important;
		padding-top: 129px !important;
		padding-left: 195px !important;
	}
	
	.header-mobile {
	position: relative!important;
	z-index: 100000;

	}
	/*#page-header {
		margin-top: 91px;

	}
	#page-container {
		padding-top: 90px !important;
	}*/
}

@media (max-width:767px){
	.mejs-duration-container{
		left: 45%;
	}

	.mejs-time-rail{
		width: 45% !important;
	}
}