/* If you want to add your own CSS code, please do it in this file */

/* 
 * font awesome 
 */
.the-icons.span3 { float:left; width: 25%; line-height:25px; padding-bottom:10px; position:relative;}
.the-icons.span3 [class^="icon-"] { color: #3E3E3E; font-size: 20px; position:absolute; top:0; left:0; cursor:default;}
.the-icons.span3 [class^="icon-"]:hover { font-size:50px; background:#fff; padding:10px; display:block; text-align:center; width:70px; height:50px; border:1px solid #eee; top:-25px; left:-32px; z-index:2;}
.the-icons.span3 .i-name { padding-left:40px;}

@media only screen and (min-width: 768px) and (max-width: 959px){
	.the-icons.span3 { width:33.333%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
	.the-icons.span3 { width:50%;}
}
@media only screen and (max-width: 479px){
	.the-icons.span3 { width:100%;}
}

/*
 *  #configurator 
 */
#configurator { color:#545454 !important; background:#f9f9f9; width: 230px; position: fixed; left: -232px; top: 60px; z-index: 9000; color: #515E6C; line-height: 21px; font-size: 12px; text-transform:uppercase; font-weight:100;}
#configurator form { margin-bottom:0; text-align:center;}
#configurator select { background:none; box-shadow:0 0 0; margin-bottom:10px; padding: 3px; color:#213442;}
#configurator .control { display:block; width:51px; height:51px; position:absolute; top:37px; right:-51px; background:#f9f9f9 url(../images/configurator/ico.png) no-repeat center; text-indent:-9999px;}
#configurator .inside { padding:10px;}
#configurator .header { text-align:center; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #eee; font-size:18px;}

#configurator ul.image-select { margin-bottom:5px;}
#configurator ul.image-select li { display:block; float:left; }
#configurator ul.image-select li a { display:block; width:32px; height:32px; float:left; margin:5px;}
#configurator ul.image-select li:hover { border-color:#ccc;}

#configurator ul.select-color li a { text-indent:-9999px;}
#configurator ul.select-header li a { width:37px;}

#configurator ul.text-select { margin-bottom:15px; }
#configurator ul.text-select li { float:left; width:50%; font-size:14px; }
#configurator ul.text-select li:not(.active) a { color:#515E6C; }

#configurator p { line-height:16px; margin-bottom:5px;}

/* mobile only */
@media only screen and (max-width: 768px){
	#configurator { display:none;}
}

/*
 *  demo 
 */

#Action_bar { display:none;}
#menu ul li ul li i:not(.menu-arrow) { color:#666; margin-right:3px;}

/* sections */
.parallax-video .content_video iframe { border: 35px solid #efefef; 
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px; 
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
}

/* Slider */
/* .header-alpha #mfn-rev-slider .tp-caption { margin-top:60px;} */

/* Home corporate */
.corporate-tabs .one { margin-bottom: 20px; }
.corporate-tabs .ui-tabs { margin-bottom: 0; }

/* Contact */
.page-id-165 aside { margin-bottom: 0; padding-bottom: 0; }

/* Taste it */
.page-id-10600 #Subheader { display: none; }

/* About us */
.page-id-3716 #Content { padding-top: 0 !important; }
.page-id-3716 #Subheader .title { color: #fff !important; }

.page-id-9424 #Content { padding-top: 0 !important; }
.page-id-9424 #Subheader .title { color: #545454 !important; }