/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/
/*============================================Kal===============================================*/

@font-face {
    font-family: 'robotolight';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('fonts/Roboto-Medium-webfont.eot');
    src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotothin';
    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mk-header-toolbar{border-top: solid 2px #da0011!important;}

.current_page_item:after {
	position: absolute;
	bottom: -5px;
	left: -3px;
	display: inline-block;
	width: 100%;
	height: 5px;
	border-left: 1px #E4E4E4 solid;
	content: "";
	-moz-transform: skew(-35deg, 0);
	-ms-transform: skew(-35deg, 0);
	-o-transform: skew(-35deg, 0);
	-webkit-transform: skew(-35deg, 0);
	transform: skew(-35deg, 0);
	background: #56595c;
}

.current_page_item:after {
	position: absolute;
	bottom: -5px;
	left: -3px;
	display: inline-block;
	width: 100%;
	height: 5px;
	border-left: 1px #E4E4E4 solid;
	background: transparent;
	content: "";
	-moz-transform: skew(-35deg, 0);
	-ms-transform: skew(-35deg, 0);
	-o-transform: skew(-35deg, 0);
	-webkit-transform: skew(-35deg, 0);
	transform: skew(-35deg, 0);
	background: #56595c;
}

.main-navigation-ul > li.menu-item:hover:after {
	position: absolute;
	bottom: -5px;
	left: -3px;
	display: inline-block;
	width: 100%;
	height: 5px;
	border-left: 1px #E4E4E4 solid;
	content: "";
	-moz-transform: skew(-35deg, 0);
	-ms-transform: skew(-35deg, 0);
	-o-transform: skew(-35deg, 0);
	-webkit-transform: skew(-35deg, 0);
	transform: skew(-35deg, 0);
	background: #56595c;
}

.banner_text{ background: rgba(191, 47, 35, 0.8); padding: 5%; float: left;}
.banner_text h3{ color: #FFFFFF!important; font-size: 2.6em!important; text-transform: uppercase; font-family: 'robotomedium'!important; font-weight: normal!important; text-shadow: 2px 2px 2px rgba(0, 0 ,0 , 0.42);}

.banner_text p{color:#FFFFFF!important; font-size: 14px!important; line-height: 18px!important;}
.banner_text a{color:#FFFFFF!important; font-size: 14px!important; line-height: 18px!important; background: #1d1d1b!important; padding:12px 7%; float: left; -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.banner_text a:hover{ background: #000000!important; -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}


.wpb_layerslider_element.wpb_content_element.ls-direction-fix.ls-overflow-visible{margin-bottom: 0!important;}

.call_text{float: left; text-shadow: 1px 1px 1px rgba(0, 0 ,0 , 0.42); text-transform: uppercase; font-size: 28px; color: #FFFFFF!important; font-family: 'robotolight'; padding-top: 2.8%;}
.call_icon{float: left; margin: -6px 2% 0 3%; position: relative; z-index: 999;}
.call_number{float: left; font-size: 32px; color: #f5e143!important; font-family: 'robotoregular';  padding-top: 2.8%;}
.call_number a{color: #f5e143!important;}

.top_red{height: 94px;}
.top_red .widget{margin-bottom: 0!important;}

.red_info_social{float: right; margin-top: 2.7%; width: 200px;}
.red_info_social span{color: #FFFFFF!important; text-transform: uppercase; font-size: 14px!important; margin-right: 10px;}

.top_box_main .wpb_single_image{ margin-bottom: 5px;}
.top_box_main .mk-box-icon-2-title{ display: none!important;}
.top_box_main h4{color: #200e0a!important; font-size: 16px!important; text-transform: uppercase!important; font-family: 'robotomedium'; padding:4% 3%; background:url(images/top_box_line.png) repeat-y right bottom #FFFFFF; width: 94%!important; margin-bottom: 0!important; }
.top_box_main h4:last-child{background: #FFFFFF!important;}
.top_box_main p{margin-bottom: 0;}
.top_box_main .mk-box-icon-2{ border-bottom: solid 4px #8e9194; margin-bottom: 0!important; -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.top_box_main .mk-box-icon-2:hover{ border-bottom: solid 4px #4e5153; -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

.bottom_row h5{color: #ffffff!important; font-size: 24px!important; text-transform: uppercase;}
.bottom_row h6{color: #e8ebeb!important; font-size: 18px!important;}
.bottom_row p{color: #e8ebeb!important; font-size: 14px!important;}

.portfolio_main h4{ font-size:30px!important; text-transform: uppercase;}

.footer_red{width: 100%; float: left; padding: 20px 0 15px 0;}
.footer_red_info .widget{margin-bottom: 0!important;}
.footer_mail{width:180px; float: left; padding-left:40px; background: url(images/footer_mail.png) no-repeat left center;}
.footer_mail a{ font-size: 14px!important; color: #FFFFFF!important;}

.footer_phone{width: 260px; float:none; margin: 0 auto; display: block; padding-left: 40px; background: url(images/footer_phone.png) no-repeat left center;}
.footer_phone a{ font-size: 24px!important; color: #FFFFFF!important;}

.footer_social{float: right; width: 200px; margin-top: -25px;}
.footer_social span{color: #FFFFFF!important; text-transform: uppercase; font-size: 14px!important; margin-right: 10px;}

.mk-header-social ul li a svg{width: 26px!important; height: 26px!important;}
.mk-header-toolbar{height: 40px;}

#mk-footer li{ background: url(images/footer_list.png) no-repeat left 6px; padding-left:25px; margin-bottom: 10px;}
#mk-footer li a{color: #555553!important;}
/*#mk-footer .mk-col-1-3:nth-child(3) li{margin-bottom: 0!important;}*/
#mk-footer .widgettitle{ letter-spacing: inherit!important;}

.wpcf7-form .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{ background: #e7e9e9!important; width: 100%!important; font-size: 14px!important;}
.wpcf7-form .wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{ background: #e7e9e9!important; height: 90px;  width: 100%!important;  font-size: 14px!important;}

.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel{ background: #e7e9e9!important; width: 100%!important; font-size: 14px!important;}

.wpcf7-form p{ margin-bottom: 2px!important;}
.wpcf7-form-control.wpcf7-submit{background: #4e5153!important; color: #FFFFFF!important; border: 0!important; font-family: 'robotolight'!important; font-weight: normal!important; font-size: 14px!important; margin-bottom: 0!important;}
.footer-wrapper.mk-grid{padding-bottom: 0!important;}

.designed_by{float: right; margin-top: 20px; font-size: 12px!important; color: #9a9f9f!important;}
.designed_by a{ color: #9a9f9f!important;}
.designed_by p{font-size: 12px!important; color: #9a9f9f!important;}


.footer-wrapper.mk-grid{ display: none;}
.home .footer-wrapper.mk-grid{ display: block;}

.home_list_style ul li{color: #ffffff!important;}

/*===========================================Media===============================================*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.call_icon{float: left; margin:0; width: 100%; text-align: center;}
	.call_icon img{ width: 50px;}
	.call_text{width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px;}
	.top_red{height: auto;}
	.call_number{width: 100%; text-align: center; margin-bottom: 15px;}
	.red_info_social{float: none; display: block; clear: both; margin: 0 auto;}
	.banner_text{display: none;}
	.footer_red{width: 100%; float: left; padding: 0 0 15px 0;}
	.top_box_main .vc_col-sm-3{width: 300px; margin: 0 auto; display: block; float: none;}
	.top_box_main h4{background: #FFFFFF!important;}
	.footer_mail{float: none; margin: 10px auto;}
	.footer_phone{float: none; margin: 10px auto;}
	.footer_social{float: none; margin: 10px auto;}
	
	.bottom_row{padding-left: 15px!important; padding-right: 15px!important;}
	.mk-toolbar-holder{text-align: center;}
	.mk-header-toolbar{height: auto;}
	
	.designed_by{float: left; text-align: center; width: 100%; margin-top: 0;}
}

@media only screen and (min-width: 320px) and (max-width: 360px) {

}

@media only screen and (min-width: 360px) and (max-width: 480px) {

}

@media only screen and (min-width: 375px) and (max-width: 414px) {

}

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

}

@media only screen and (min-width: 480px) and (max-width: 640px) {

}

@media only screen and (min-width: 620px) and (max-width: 700px) {

}
@media only screen and (min-width: 667px) and (max-width: 736px) {

}

@media only screen and (min-width: 768px) and (max-width: 900px) {
.banner_text{padding: 3%; margin-top: -10%!important; margin-left: -25%!important;}
.banner_text p{font-size: 12px!important; line-height: 16px!important;}
.top_box_main h4{font-size: 14px!important;}

.call_text{margin-top: 15px; padding-left: 10px;}
.call_number{font-size:28px!important; margin-top: 15px;}
.red_info_social{margin-top: 34px;}
.top_box_main h4{background: #FFFFFF!important;}
.mk-toolbar-holder{text-align: center;}
.mk-header-toolbar{height: auto;}
.footer_mail{margin-left: 3%;}
	.designed_by{margin-right: 25px;}

}

@media only screen and (min-width: 800px) and (max-width: 900px) {


}

@media only screen and (min-width: 1024px) and (max-width: 1050px) {

}