/* NEKO CSS FRAMEWORK
================================================== */
/*** lists ***/
/* icons */
.iconList li:before{
	content:'\e801';
	font-family: 'custom-icons';
	font-size: 10px;
	text-align: left;
	padding: 0;
	margin:0;
	display:inline-block;
	margin-right:10px;
	line-height:1em;
}
.iconList li {padding:5px;}

/* border*/
.borderList li {
	border-bottom: 1px solid rgba(125,125,125,0.5);
}

/*** icons ***/
.iconRounded{
	border-radius:50%;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	font-size:18px;	
}

.iconRounded:before{margin: auto;text-align: center; line-height: 40px; }
.iconBig{
	font-size: 40px;
}

.iconBig.iconRounded{
	width:100px;
	height: 100px;
}

.iconBig.iconRounded:before{
	line-height: 100px;	
}

.iconMedium {
	font-size: 33px;
}

.iconMedium.iconRounded{
	width: 66px;
	height: 66px;
}

.iconMedium.iconRounded:before{
	line-height: 66px;	
}

.iconSmall:before {
	font-size: 10px;
}

.iconSmall.iconRounded{
	width: 26px;
	height: 26px;
}

.iconSmall.iconRounded:before{
	line-height: 26px;	
}


/*** boxes ***/

.boxContent{padding:22px;}
.boxContent h2, .boxContent h3 {font-weight:400;}
.boxFocus{padding:22px;}

/* feature boxes */
.featureBox {text-align: center;}
.featureBox i { display:inline-block; }
.featureBox h2 { margin-bottom: 0.5em; }


/* box icons */
.boxIcon a{
	padding:33px;
	text-align: center;
	display: block;
	margin-bottom:11px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.boxIcon a i{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.boxIcon a span {display:none;}
.boxIcon i {margin: 0 auto 22px auto; display: block; border-radius:50%;}
.boxIcon h2 {font-size: 18px; font-weight: 400;} 
.boxIcon p {margin: 0;}
.boxIcon a:hover{text-decoration:none; }

/*** testimonial **/
.boxTestimonial blockquote{
	padding:22px;
	font-size:18px;
	line-height: 33px;
	position:relative;
}

.boxTestimonial blockquote:after {
	top: 100%;
	left:50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-width: 11px;
	margin-left: -11px;
}

.boxTestimonial .clientIcon img {
	width:50px;
	height:50px;
	margin-right: 10px;
}

.clientIcon span {font-weight: 300;}

.clientIcon span, .clientIcon span strong {vertical-align: bottom; font-size: 14px;}


/* FOOTER 
================================================== */

footer {
	color:#777;
	background:#222;
	border-top:2px solid #444;
}

footer h1,footer h2,footer h3,footer h4{
	color:#ddd;
	font-weight:300;
}

#footerRights {
	background-color:#333;
	color:#999;
	border-top:1px solid #1b1b1b;
}
.iconRounded {
    color: #dc492c;
    border: 1px solid #dc492c;
}
.iconRounded {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 18px;
}
.iconRounded:hover {
	background-color:#dc492c;
	color:#FFF;
}

/* END FOOTER 
=========================================
/* FOOTER 
================================================== */

footer{padding:44px 0 0 0;}
#footerLogo {margin-bottom: 15px;}
#footerRights {padding-top:22px;padding-bottom:0px;margin-top:22px; text-align: center; font-size:10px;}
.footerWidget {margin-bottom: 22px}

/* footer 1 */
.worksList li{display:inline-block; margin: 0 10px 10px 0;}

/* footer 4 */
.footer4 #footerRights {text-align: left; background:#333;}
.bigTitle.bigTitleFooter {font-size: 2em; margin-bottom: 0;}

.fc1{}
.fc2{text-align:right;}

@media screen and (max-width: 768px) {
 .fc1{text-align:center;}
 .fc2{text-align:center;}
}
@media screen and (max-width: 480px) {
#footerLogo {width: 250px;}
}
@media(min-width:992px){
	/* footer 4 */
	.footer4 #footerRights .quickMenu {float:right;}
	/* footer 5 */
	.footer5 #footerRights p{float: left;}
	.footer5 #footerRights .socialNetwork{float: right;}
}
/* END FOOTER 
================================================== */



/* MISCELANIOUS
================================================== */

/* demo */
.highlight{margin-bottom: 44px;}
.bs-docs-section .btn {margin-bottom: 11px;}


/*** STYLE SWITCHER ***/
.styleSwitcher {display:none;}
#switcherContent{padding:0 15px 15px 15px;}
.styleSwitcher {background:rgba(0, 0, 0, 0.5); position:fixed; top:200px; width:170px;left:-170px;z-index:9999}' +
.switcher.dark{background:#555;}
.styleSwitcher ul li{display:inline-block;}
.styleSwitcher ul {display:block; padding:0; margin:0}
.styleSwitcher ul.switcher li a {display:block; text-indent:-3000px; overflow:hidden; border:none; width:20px; height:20px; margin:0 5px 5px 0;}
.styleSwitcher h1 {padding:0 0 6px 0; line-height:44px;font-size:14px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform:uppercase; color:#eee;border:none; margin:0; text-align:left;}
.styleSwitcher h1:after {content:none;}
.styleSwitcher #showHideSwitcher{outline:none; width:50px; height:50px; position:absolute; right:-50px; background:rgba(0, 0, 0, 0.5); top:0; font-size:24px; text-align:center; line-height:50px; color:#eee;}
.styleSwitcher #showHideSwitcher:hover i {color:#fff;}
.styleSwitcher select{font-size:11px;margin:0 0 15px 15px;background:#eee; border:1px solid #ddd; width:120px;padding:4px; color:#333;}

a.btnSwitcher {
	display: block;
	width:120px;
	border:1px solid #eee;
	background:#fff;
	margin-top:10px;
	text-transform: uppercase;
	padding:10px;
	color:#777;
	text-decoration: none;
	text-align: center;
}
.btnSwitcher.active, .btnSwitcher:hover {
	border-color:#eee;
	background:#eee;
} 


.imgHover article {
	position:relative;
}
.mask {
	position:absolute;
	top:0;
	left:15px;
	background: rgba(255,255, 255, 0.8);
	/*width:100%;*/
	z-index:0;
	opacity: 0;
}

.pinBox .mask{
	top:15px;
}



.iconLinks {
	display:none;
	position: relative;
}

.iconLinks a{  
	display: inline-block;
	text-decoration:none;

}
.iconLinks a:hover i{     
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.iconLinks a span{
	position: relative;
	top: 0px;
	font-size: 14px;
	text-align: center;
	width: 100%;
	display: block;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;

}

.mediaHover {
	text-align:center;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;

}

.ie8 .mask {
	bacground:white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}



ul.socialNetwork {padding:0; display: block; margin-bottom: 0;}
ul.socialNetwork li {display:inline-block; list-style-type: none; margin-top: 0.8em;}

/*** pricing table ***/
.pricingBloc {
	text-align:center;
	margin-top:22px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

}

.pricingBloc:hover {
	margin-top:18px;
}

.pricingBloc .iconRounded{display: inline-block; margin-top: 22px;}
.pricingBloc ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:12px;
}
.pricingBloc ul li {
	padding:11px 0;
	margin: 0 11px;
}
.pricingBloc h2 {
	font-size: 14px;
	margin-bottom: 0;
	padding: 11px;
	font-weight: 400;
}

.pricingBloc h3 {
	font-size: 44px;
	font-weight: 400;
	display: block;
	padding: 22px;
	margin-bottom: 0;
}
.pricingBloc h3 span {
	font-size: 14px;
	font-weight: 400;
	margin: 11px 0 0 0;
	display: block;
	letter-spacing: normal;
	line-height: 22px;
}
.pricingBloc p {
	margin-bottom:0;
	padding:1.5em
}
.pricingBloc.focusPlan {
	margin-top:0;
}
.pricingBloc.focusPlan h3 {
	font-size:66px;
	padding:22px;
}
/*** end pricing table ***/