/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Accordion & Toggle
/*-----------------------------------------------------------------------------------*/
.md-accordions .panel-group .panel-heading{
	padding: 0;
}

.md-accordions .panel-group .panel-heading h4{
	line-height: 1em;
}

.md-accordions .panel-group .panel-heading a{
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding: 15px;
	font-weight: bold;
}

.md-accordions .panel-group .panel-heading a i{
	position: absolute;
	right: 15px;
	top: 16px;
	display: none;
}

.md-accordions .panel-group .panel-heading a i.minimize{
	display: block;
}

.md-accordions .panel-group .panel-heading a.collapsed i.expand{
	display: block;
}

.md-accordions .panel-group .panel-heading a.collapsed i.minimize{
	display: none;
}

.md-accordions .panel-group .panel-heading+.panel-collapse .panel-body{
	border-top: none;
	border-color: #ddd;
}

.md-accordions .panel-group .panel{
	border: none;
}

.md-accordions.fill .panel-group .panel-heading{
	background: #bbb;
}


.md-accordions.no-fill .panel-group .panel-heading{
	border:1px solid #444;
}

.md-accordions.no-fill .panel-group .panel-heading a{
	color: #444;
}

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

.md-tabs .nav-tabs li{
	padding: 0;
	margin: 0;
	border: none;
}

.md-tabs .nav-tabs li a{
	display: block;
	padding: 15px 20px;
	line-height: 1em;
	color: #fff;
	background: #e9e9e9;
	border: none;
	font-weight: 600;
}

.md-tabs .nav-tabs>li.active>a,
.md-tabs .nav-tabs>li.active>a:hover,
.md-tabs .nav-tabs>li>a:hover{
	background: #ddd;
	color: #fff;
	border: none;
}

.md-tabs .tab-pane{
	padding: 15px;
}



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Progress Bar
/*-----------------------------------------------------------------------------------*/
.md-progress-bar{
	width: 100%;
	position: relative;
	background: #e9e9e9;
	margin-bottom: 10px;
	height: 46px;
	line-height: 46px;
}

.md-progress-bar span{
	position: absolute;
	top: 0;
	left: 0;
	background: #ddd;
	color: #fff;
	width: 0;
	text-indent: 20px;
	height: 100%;
	font-weight: bold;
}

.md-progress-bar span i{
	text-indent: 0;
	margin: 0 5px 0 0;
	color: #fff;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Alert
/*-----------------------------------------------------------------------------------*/
.md-alert{
	width: 100%;
	position: relative;
	background: #e9e9e9;
	margin-bottom: 10px;
	padding: 15px;
	display: block;
	color: #fff;
}

.md-alert strong{
	color: #fff;
}

.md-alert.info{
	background: #3498db;
}

.md-alert.success{
	background: #1abc9c;
}

.md-alert.warning{
	background: #e67e22;
}

.md-alert.error{
	background: #e74c3c;
}

.md-alert a.message-close{
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	line-height: 1em;
	text-align: center;
	opacity: 0.5;
	font-weight: normal;
	text-decoration: none;
}

.md-alert a.message-close:hover{
	opacity: 1;
}





/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Special Heading
/*-----------------------------------------------------------------------------------*/
.md-special-heading{
	padding: 0 0 15px 0;
	margin: 0;
	width: 100%;
	line-height: 1em;
	overflow: hidden;
}

.md-special-heading:before, .md-special-heading:after{
	content: "";
	width: 200%;
	height: 1px;
	display: inline-block;
	background-color: #ecf0f1;
	position: relative;
	vertical-align: bottom;
	margin: 0 -200% 0 0;
	left: 20px;
	bottom: 6px;
}

.md-special-heading:before{
	left: -20px;
	margin: 0 0 0 -200%;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Highlight
/*-----------------------------------------------------------------------------------*/
.md-highlight{
	color: #fff;
	background: #ddd;
	padding: 0 6px;
	display: inline-block;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Dropcap
/*-----------------------------------------------------------------------------------*/
.md-dropcap{
	background: #ddd;
	color: #fff;
	padding: 6px 12px;
	margin: 5px 8px 2px 0;
	display: inline-block;
	float: left;
	font-size: 20px;
	border-radius: 2px;
}


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

.tooltip .tooltip-inner{
	color: #fff;
	padding: 8px 20px;
	border-radius: 2px;
	transition: all 2s;
}


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

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

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

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

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

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

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

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

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

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

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



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Button
/*-----------------------------------------------------------------------------------*/
.md-button,
.wpcf7 input.wpcf7-submit{
	padding: 16px 28px;
	display: inline-block;
	color: #fff;
	position: relative;
	letter-spacing: 1.2px;
	line-height: 1em;
	font-size: 13px;
	font-weight: 700;
	border: none;
	transition: all .2s;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
}

.md-button span.lbl{
	position: relative;
	z-index: 2;
}

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

.md-button.large{
	padding: 20px 32px;
	font-size: 16px;
}

.md-button.fill{
	background: #ddd;	
}

.md-button.no-fill{
	border:1px solid #ddd;
	color: #ddd;
	background: none;
}

.md-button.no-fill{
	padding: 14px 26px;
}

.md-button.no-fill.small{
	padding: 10px 18px;
}

.md-button.no-fill.large{
	padding: 18px 30px;
}

.md-button.fill:after{
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 1);
	position: absolute;
	opacity: 0;
	z-index: 1;
	transition: all .4s;
}

.md-button.fill:hover:after{
	opacity: 0.15;
}


.md-button.with-icon .btn-icon{
	display: inline-block;
	width: 45px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.md-button.fill.with-icon .btn-icon{
	border-right:1px solid #fff;
}

.md-button.with-icon .btn-icon .md-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -6px;
	margin-top: -6px;
	color: #fff;
}

.md-button.fill.with-icon .lbl{
	margin-left: 35px;
}

.md-button.with-icon .lbl{
	margin-left: 12px;
}

.md-button.small.with-icon .btn-icon{
	width: 36px;
}

.md-button.small.fill.with-icon .lbl{
	margin-left: 26px;
}

.md-button.small.with-icon .lbl{
	margin-left: 14px;
}

.md-button.small.with-icon .btn-icon i{
	margin-top: -5px;
	margin-left: -5px;
}


.md-button.large.with-icon .btn-icon{
	width: 56px;
}

.md-button.large.fill.with-icon .lbl{
	margin-left: 46px;
}

.md-button.large.with-icon .lbl{
	margin-left: 16px;
}

.md-button.large.with-icon .btn-icon i{
	margin-top: -8px;
	margin-left: -8px;
}


.demo .md-button{
	margin-right: 15px;
	margin-bottom: 15px;
}



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Blockquote
/*-----------------------------------------------------------------------------------*/
.md-blockquote{
	border:1px solid #f1f1f1;
	border-left:5px solid #f1f1f1;
	background: #fff;
	padding: 20px;
	cursor: pointer;
}



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Icon
/*-----------------------------------------------------------------------------------*/
.md-icon{
	display: inline-block;
	color: #ddd;
	vertical-align: middle !important;
}

.md-icon.icon-tiny{
	font-size: 12px;
}

.md-icon.icon-1x{
	font-size: 18px;
}

.md-icon.icon-2x{
	font-size: 24px;
}

.md-icon.icon-3x{
	font-size: 36px;
}

.md-icon.icon-circled{
	text-align: center;
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 50% !important;
	display: inline-block;
}

.md-icon.icon-round{
	text-align: center;
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 2px;
	display: inline-block;
}

.md-icon.fill{
	background: #ddd;
	color: #fff;
}


.md-icon.icon-circled.icon-tiny,
.md-icon.icon-round.icon-tiny{
	width: 20px;
	height: 20px;
	line-height: 20px;
}


.md-icon.icon-circled.icon-1x,
.md-icon.icon-round.icon-1x{
	width: 32px;
	height: 32px;
	line-height: 32px;
}

.md-icon.icon-circled.icon-2x,
.md-icon.icon-round.icon-2x{
	width: 64px;
	height: 64px;
	line-height: 64px;
}

.md-icon.icon-circled.icon-3x,
.md-icon.icon-round.icon-3x{
	width: 96px;
	height: 96px;
	line-height: 96px;
}


.demo .md-icon{
	margin: 0 10px 0 0;
	color: #444;
}

.demo .icon-demo{
	color: #ddd;
	margin: 0 16px 16px 0;
	display: inline-block;
	position: relative;
}

.demo .icon-demo .md-icon{
	font-size: 14px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: rgba(255, 255, 255, 0.95);
	border:1px solid #eee;
	display: inline-block;
	margin: 0;
	transition: all .1s;
	position: relative;
	cursor: pointer;
}

.demo .icon-demo span{
	position: absolute;
	bottom: -50px;
	left: -52px;
	width: 146px;
	padding: 4px 0;
	background: #111;
	color: #fff;
	text-align: center;
	font-size: 12px;
	z-index: 11;
	display: none;
}

.demo .icon-demo:hover span{
	display: block;
}
.demo .icon-demo:hover .md-icon{
	-moz-transform: scale(4);
	-webkit-transform: scale(4);
	transform: scale(4);
	z-index: 9;
	border: none;
}



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

.md-box-icon.align-icon-left.size-icon-tiny .box-text{
	padding-left: 28px;
}

.md-box-icon.align-icon-left.size-icon-1x .box-text{
	padding-left: 52px;
}

.md-box-icon.align-icon-left.size-icon-2x .box-text{
	padding-left: 84px;
}

.md-box-icon.align-icon-left.size-icon-3x .box-text{
	padding-left: 116px;
}

.md-box-icon.align-icon-left.size-icon-tiny.type-icon-normal .box-text{
	padding-left: 16px;
}

.md-box-icon.align-icon-left.size-icon-1x.type-icon-normal .box-text{
	padding-left: 32px;
}

.md-box-icon.align-icon-left.size-icon-2x.type-icon-normal .box-text{
	padding-left: 35px;
}

.md-box-icon.align-icon-left.size-icon-3x.type-icon-normal .box-text{
	padding-left: 53px;
}

.md-box-icon.align-icon-right.size-icon-tiny .box-text{
	padding-right: 28px;
}

.md-box-icon.align-icon-right.size-icon-1x .box-text{
	padding-right: 52px;
}

.md-box-icon.align-icon-right.size-icon-2x .box-text{
	padding-right: 84px;
}

.md-box-icon.align-icon-right.size-icon-3x .box-text{
	padding-right: 116px;
}

.md-box-icon.align-icon-right.size-icon-tiny.type-icon-normal .box-text{
	padding-right: 16px;
}

.md-box-icon.align-icon-right.size-icon-1x.type-icon-normal .box-text{
	padding-right: 32px;
}

.md-box-icon.align-icon-right.size-icon-2x.type-icon-normal .box-text{
	padding-right: 35px;
}

.md-box-icon.align-icon-right.size-icon-3x.type-icon-normal .box-text{
	padding-right: 53px;
}



.md-box-icon.align-icon-left .md-icon,
.md-box-icon.align-icon-right .md-icon{
	position: absolute;
	top: 0;
}

.md-box-icon.align-icon-left .md-icon{
	left: 0;
}

.md-box-icon.align-icon-right .md-icon{
	right: 0;
}

.md-box-icon.align-icon-left.size-icon-tiny .md-icon,
.md-box-icon.align-icon-right.size-icon-tiny .md-icon{
	top: 7px;
}

.md-box-icon.align-icon-left.size-icon-1x .md-icon,
.md-box-icon.align-icon-right.size-icon-1x .md-icon{
	top: 7px;
}

.md-box-icon.align-icon-top .wrap-icon{
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Box
/*-----------------------------------------------------------------------------------*/
.md-box{
	border: 1px solid #e9e9e9;
	padding: 20px;
}

.md-box.no-border{
	border: none;
}

.md-box.fill{
	background: #fff;
}

.md-box p{
	margin: 0;
}




/*-----------------------------------------------------------------------------------*/
/*	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;
	overflow: hidden;
}


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


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Call To Action
/*-----------------------------------------------------------------------------------*/
.md-cta{
	padding: 20px;
	border:1px solid #e9e9e9;
	position: relative;
}


.md-cta .md-button{
	position: absolute;
	right: 20px;
	top: 50%;
}

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

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

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

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




/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Testimonials
/*-----------------------------------------------------------------------------------*/
.md-testimonials{
	position: relative;
	text-align: center;
}

.md-testimonial .testimonial-content{
	background: #fff;
	border:1px solid #ddd;
	padding: 20px;
	position: relative;
	border-radius: 4px;
	margin-bottom: 60px;
}

.md-testimonials img{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	padding: 2px;
	border:1px solid #ddd;
	background: #fff;
	position: absolute;
	bottom: -60px;
	left: 50%;
	margin-left: -40px;
}

.md-testimonials .testimonial{
	font-weight: 600;
	font-style: italic;
	display: block;
	font-size: 20px;
	margin-bottom: 5px;
	width: 100%;
	text-align: center;
}

.md-testimonials.owl-carousel .owl-controls .owl-pagination{
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 19;
}

.md-testimonials.owl-carousel .owl-controls .owl-pagination .owl-page{
	display: inline-block;
}

.md-testimonials.owl-carousel .owl-controls .owl-pagination .owl-page span{
	width: 8px;
	height: 8px;
	background: #ddd;
	border-radius: 8px;
	margin-left: 5px;
	display: inline-block;
	cursor: pointer;
	transition: all .2s;
}

.md-testimonials.owl-carousel .owl-controls .owl-pagination .owl-page.active span,
.md-testimonials.owl-carousel .owl-controls .owl-pagination .owl-page:hover span{
	background: #444;
}

/*
.md-testimonial .testimonial-content{
	background: #f9f9f9;
	border:1px solid #eee;
	padding: 20px 20px 50px 20px;
	position: relative;
	margin-bottom: 60px;	
}

.md-testimonial .testimonial{
	font-weight: 600;
	font-style: italic;
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}

.md-testimonial img{
	width: 80px;
	border-radius: 50%;
	padding: 2px;
	border:1px solid #eee;
	margin-right: 10px;
	position: absolute;
	background: #fff;
	left: 50%;
	margin-left: -40px;
	bottom: -40px;
}

.md-testimonials.carousel .md-testimonial{
	margin:0 5px;
}
*/



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Clients
/*-----------------------------------------------------------------------------------*/
.md-clients{
	position: relative;
	overflow: hidden;
}

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


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Callout
/*-----------------------------------------------------------------------------------*/
.md-callout{
    font-weight: 100;
    font-size: 40px;
    line-height: 1.2em;
}

.md-callout strong{
	font-weight: bold;
}




/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Heading
/*-----------------------------------------------------------------------------------*/
.md-heading .md-icon{
	margin-right: 10px;
	vertical-align: middle;
}

.md-heading strong{
	color: auto;
}


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

.md-single-image.image-round{
	border-radius: 5px;
}

.md-single-image.image-circle{
	border-radius: 50%;
}



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Social Share
/*-----------------------------------------------------------------------------------*/
.md-social-share .item{
	display: inline-block;
	text-align: center;
	position: relative;
	font-size: 11px;
	color: #fff;
	position: relative;
	overflow: hidden;
	text-transform: uppercase;
	font-weight: 600;
	margin:0 10px 10px 0;
	min-width: 60px;	
}

.md-social-share .item a{
	color: #fff;
	padding: 2px 10px;
	display: block;
	position: relative;
}
.md-social-share .item a:hover{
	color: #fff;
}
.md-social-share .item a i{
	font-size: 16px;
	padding: 8px 5px;
	display: inline-block;
	vertical-align: middle;
}

.md-social-share .item a .social{
	display: none;
}

.md-social-share a:after{
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #007bff transparent transparent transparent;
}

.md-social-share .item span.count{
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 10px 0 5px 0;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	color: #666;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	background: #fff;
}

.md-social-share .item a#share-facebook{
	background-color: #3b5998;
}

.md-social-share .item a#share-facebook:after{
	border-top-color: #3b5998;
}

.md-social-share .item a#share-twitter{
	background-color: #00acee;
}

.md-social-share .item a#share-twitter:after{
	border-top-color: #00acee;
}

.md-social-share .item a#share-google{
	background-color: #dd1812;
}

.md-social-share .item a#share-google:after{
	border-top-color: #dd1812;
}

.md-social-share .item a#share-pinterest{
	background-color: #c8232c;
}

.md-social-share .item a#share-pinterest:after{
	border-top-color: #c8232c;
}

.md-social-share-classic .item{
	display: inline-block;
}

.md-social-share-classic .item.share-fb{
	margin-right: 30px;
}

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

.md-lightbox-thumb{
	position: relative;
	overflow: hidden;
	display: inline-block;
}

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

.md-lightbox-thumb .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
    transition: all 0.4s;
}

.md-lightbox-thumb .mask i{
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: -24px;
	margin-left: -24px;
	color: #fff;
	font-size: 48px;
	opacity: 0;
    transition: all 0.4s;
}

.md-lightbox-thumb:hover .mask{
	opacity: 0.9;
}

.md-lightbox-thumb:hover .mask i{
	top: 50%;
	opacity: 1;
}



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Carousel
/*-----------------------------------------------------------------------------------*/
.md-carousel{
	width: 100%;
}

.md-carousel .item{
	display: inline-block;
}



/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Gallery
/*-----------------------------------------------------------------------------------*/
.md-gallery.md-gallery-lightbox .item,
.md-gallery.md-gallery-stacked .item{
	margin-bottom: 30px;
}

.md-gallery.md-gallery-stacked .item:last-child{
	margin-bottom: 0;
}


/*-----------------------------------------------------------------------------------*/
/*	Shortcode: Counter
/*-----------------------------------------------------------------------------------*/
.md-counter{
	text-align: center;
	display: inline-block;
	margin: 0 20px;
}
.md-counter span{
	display: block;
}

.md-counter span.number{
	font-size: 60px;
	line-height: 1em;
	margin-bottom: 10px;
	font-weight: 600;
}



/*-----------------------------------------------------------------------------------*/
/*	Back To Top
/*-----------------------------------------------------------------------------------*/
#md-back-top{
	position: fixed;
	bottom: -48px;
	right: 5px;
	height: 48px;
	width: 48px;
	line-height: 52px;
	text-align: center;
	background: rgba(0, 0, 0, 0.35);
	transition: all .2s;
	z-index: 99;
	border-radius:2px 2px 0 0;
}

#md-back-top i{
	color: #fff;
	font-size: 18px;
}


/*-----------------------------------------------------------------------------------*/
/*	Contact Form 7
/*-----------------------------------------------------------------------------------*/
.wpcf7{
	margin-bottom: 20px;
}

.wpcf7-from{
	margin: 0;
}

.wpcf7 p{
	margin: 0 0 20px 0;
	font-weight: 400;
	color: #333;
}

.wpcf7 input.wpcf7-text{
	background: #fafafa;
	border:1px solid #ccc;
	padding: 10px;
	display: inline-block;
	margin-top: 10px;
}

.wpcf7 textarea{
	border:1px solid #ccc;
	padding: 10px;
	width: 100%;
	background: #fafafa;
	margin-top: 10px;
}

.wpcf7 input.wpcf7-text:focus,
.wpcf7 textarea:focus{
	background: #fff;
}


.wpcf7-form.invalid input.wpcf7-not-valid,
.wpcf7-form.invalid textarea.wpcf7-not-valid,
.wpcf7-form input:focus:invalid:focus,
.wpcf7-form textarea:focus:invalid:focus{
    border-color: #e74c3c;
}

.wpcf7 input.wpcf7-submit{
	text-transform: uppercase;
}


.wpcf7-form.invalid span.wpcf7-not-valid-tip{
    display: none;
}

.wpcf7 .wpcf7-response-output{
    margin: 0;
    padding: 0;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-mail-sent-ok{
    border: none;
    color: #1abc9c;
}

.wpcf7 .wpcf7-validation-errors{
	color: #e74c3c;
}

.wpcf7 .wpcf7-validation-errors
.wpcf7 img.ajax-loader{
    margin-left: 15px;
    width: auto;
}

/*-----------------------------------------------------------------------------------*/
/*  Table Like
/*-----------------------------------------------------------------------------------*/
.table-like{
    display: table;
    height: 100%;
    width: 100%;
}

.cell-like{
    display: table-cell;
    vertical-align: middle;
}


/*-----------------------------------------------------------------------------------*/
/*  OwlCarousel
/*-----------------------------------------------------------------------------------*/
.owl-carousel{
	cursor:url('../js/libs/owl-carousel/grabbing.png') 8 8, move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
.owl-carousel .owl-wrapper-outer{
	z-index: 9;
}
.owl-carousel .owl-controls{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.owl-carousel .owl-controls{
	cursor: move;
}

.owl-carousel .owl-controls .owl-buttons div{
	width: 50px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: rgba(0, 0, 0, 1);
	display: inline-block;
	font-size: 24px;
	color: #fff;
	margin: 0;
	margin-top: -40px;
	opacity: 0;
	z-index: 10;
	top: 50%;
	position: absolute;
	transition: all .2s;
	display: none;	
}

.owl-carousel .owl-controls .owl-buttons .owl-prev{
	left: -20px;
}

.owl-carousel .owl-controls .owl-buttons .owl-next{
	right: -20px;
}

.owl-carousel:hover .owl-controls .owl-buttons div{
	opacity: 0.75;
}

.owl-carousel:hover .owl-controls .owl-buttons .owl-prev{
	left: 0;
}

.owl-carousel:hover .owl-controls .owl-buttons .owl-next{
	right: 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;
}





/*-----------------------------------------------------------------------------------*/
/*	FlexSlider
/*-----------------------------------------------------------------------------------*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.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{
	overflow: hidden;
	position: relative;
	width: 100%;
}

.flexslider ul.slides{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider ul.slides li{
	width: 100%;
}

.flexslider ul.slides li img{
	width: 100%;
}

.flexslider .flex-direction-nav{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 19;
	margin: -20px 0 0 0;
	padding: 0;
	list-style: none;
}

.flexslider .flex-direction-nav a{
	height: 40px;
	width: 40px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	position: absolute;
	top: 0;
	opacity: 0;
	color: #fff;
	font-size: 11px;
	background: #232527;
	border-radius: 2px;
	transition: all .2s;
}


.flexslider .flex-direction-nav a i{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -4px;
}

.flexslider .flex-direction-nav a.flex-prev{
	left: 0;
}

.flexslider .flex-direction-nav a.flex-next{
	right: 0;
}

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

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


/*-----------------------------------------------------------------------------------*/
/*	Demo Shortcodes Menu
/*-----------------------------------------------------------------------------------*/
#menu-shortcodes ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu-shortcodes li{
	margin: 0;
	border-bottom: 1px solid #eee;
}

#menu-shortcodes li a{
	color: #444;
	padding: 10px 0;
	display: block;
	position: relative;
	transition: all .2s;
}

#menu-shortcodes li a:hover,
#menu-shortcodes li.current-menu-item a{
	font-weight: bold;
}

#menu-shortcodes li a:after{
	content:'\f105';
	font-family: 'FontAwesome';
	position: absolute;
	right: 10px;
	font-size: 14px;
	color: #444;
	transition: all .2s;
}

#menu-shortcodes li a:hover:after{
	right: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*	Demo Css Animation
/*-----------------------------------------------------------------------------------*/

#md-animation-demo select{
	margin-bottom: 60px;
}

#md-animation-demo select option{
	opacity: 1 !important;
}

#md-animation-demo #el{
	width: 160px;
	height: 160px;
	background: #000 url('http://demo.themesholic.com/assets/img/logo-animation.png') center no-repeat;
	display: inline-block;
}


@media (max-width:749px){
.md-portfolio-grid .item.wall{
	width: 100% !important;
}
}