/* mbhuju@gmail.com */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');

body{margin:0px; font-family:'Montserrat', sans-serif; font-size:18px; color:#000; font-weight: normal; line-height:30px; }

a:link, a:active, a:visited{ color:#ea3442; font-weight:700; text-decoration:none; }
a:hover{color:#000; text-decoration:none;}

a.footermenu:link, a.footermenu:active, a.footermenu:visited { font-size:12px; color:#939393; font-weight:700; text-transform: capitalize;  text-decoration:none;}
a.footermenu:hover{color: #ccc;}

a.more:link, a.more:active, a.more:visited { font-size:13px; color:#fff; font-weight:400;  text-decoration:none;}
a.more:hover{color: #999999;}

a.btnlink:link, a.btnlink:active, a.btnlink:visited {color:#ffffff; background:#cc000e; padding:15px 25px; font-weight:700;  font-size:18px; text-decoration:none; text-transform:uppercase; display: inline-block;}
a.btnlink:hover {background:#fd0200; text-decoration:none;}

/*********
HEADER
******/
.blackbg{  background:#292929; width: 100%;}
#top{width:1280px; margin:0 auto; padding:10px 0;}
#top_left{float:left; font-family: 'Helvetica Neue', sans-serif; font-size:13px; color:#FFF;}
#search{float:right;}
#top_right{float:right; margin-left:1%;}
#red_bg{width:100%; background:#cc000e;}
#red_inn{width:1280px; margin:0 auto;}
#icons{float:left; padding:10px 0 5px 0;}
#menu{float:right; padding-top:8px; text-transform: uppercase;}

.white_bg{width:100%; background:#FFF;}
#header_inn{width:1080px; margin:0 auto;}
#location{float:left; text-align:center; font-size:24px; font-weight:900; padding:105px 0 40px 0; text-transform:uppercase;}
#location_o{ display:none; text-align:center; font-size:24px; font-weight:900;  text-transform:uppercase;}
#logo{float:left; padding:45px 0; margin-left:8%;}
#phone{float:right; text-align:center; font-size:24px; font-weight:900; padding:105px 0 40px 0; text-transform:uppercase; margin-right:6%;}


/*******
BANNER
*********/
.bg-image {
    position: relative;
}
.bg-image img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

/****************/
#content{width:1120px; margin:0 auto;  }

	#left{float:left; width:57.14286%; text-align:center; padding:115px 0; font-size:20px; margin-right:11.60714%; }
	#right{float:right; padding:60px 0; width:31.25%;  }
	
	#inner{width:100%; margin:0 auto; padding:45px 0;}


#contact_left{float:left; width:45%; text-align:center; padding-top:80px;}
#contact_right{float:right; width:40%; text-align:center; margin-right:5%;}

#inn{width:1238px; margin:0 auto; padding-bottom:45px;}
.inn_o{width:84%; margin:0 auto; font-size:30px; color:#fff; font-weight:900; text-transform:uppercase; line-height:40px; padding:25px 0 35px 0; }
#sneakers1{width:32.95638%; float:left; margin-right:0.56543%; background:#5b5b5b;}
#sneakers2{width:32.95638%; float:left; margin-right:0.56543%; background:#d8000e;}
#sneakers3{width:32.95638%; float:right; background:#5b5b5b;}
.inn_o img{padding-top:10px;}

.services1{float:left; width:29%; margin-right:1%; text-align:center; font-size:15px; line-height:24px; margin-bottom:20px;  padding:20px;}
.services2{float:right; width:29%;text-align:center; font-size:15px; line-height:24px; padding:20px; margin-bottom:20px;}

.gallery1{float:left; width:48%; text-align:center; font-size:26px; font-weight:800; text-transform:uppercase; line-height:40px;}
.gallery2{float:right; width:48%; text-align:center; text-align:center; font-size:26px; font-weight:800; text-transform:uppercase; line-height:40px;}
.before{width:49%; float:left; }
.after{float:right; width:49%;}
.gallery1 img,.gallery2 img{padding-bottom:20px;}
/*******
FOOTER
*********/
	#footer_inn{width:1240px; margin:0 auto;}	
	#left_footer{float:left; color:#FFF;  padding:45px 0; font-weight:900; text-transform:uppercase; line-height:24px; }
	#middle_footer{float:left; padding:45px 0; margin-left:23%;}
	#right_footer{float:right; text-align: right; padding:45px 0; text-transform:uppercase;}

/*******
STYLE
*********/
h1{  font-size:45px; line-height:40px; color:#cc000e; font-weight:800; margin-top:0; text-transform:uppercase;}
.style1{ font-size:24px; font-weight:700; color:#e81724; line-height:30px;}
.style2{ font-size:22px; font-weight:800; color:#e81724; line-height:30px;}
.style3{ font-size:18px; font-weight:800;  line-height:30px;}
.style4{ font-size:22px; font-weight:800;  line-height:30px;}

/*******
FORM
*********/
#contactform{width:80%;}
input, textarea, select {padding:5px 10px; font-family:'Montserrat', sans-serif; border:1px solid #dedede; font-size:16px; background:#FFF;}
textarea{height:100px;}
.btn{ height:40px; font-weight:bold; font-family:'Montserrat', sans-serif; text-align:center; color:#FFFFFF; background:#fe0000; border:1px solid #fe0000; font-size:15px; margin-top:10px; padding:5px 20px; text-transform:uppercase; cursor:pointer;}
.email_error{ padding:2%; width:96%; border:1px solid red; color:red; margin:0 auto; text-align:center;}
.inputsize{ width:95%; margin-bottom:8px;}
.inputzipsize{ width:50px;}
#search input[type=text] {
  font-size: 13px;
}

/*******
MISC
*********/
.img{border:1px solid #cecac8; padding:5px; }
.imgright{ max-width:95%; float:right; margin-right:30px; }
.imgleft{ max-width:95%; float:left; margin-right:20px; padding:5px 0 20px 0; }


.clear{clear:both;}
img{max-width:100%;}
a[href^=tel] { color:inherit; text-decoration:none; }

.tbar{ border-bottom:#b2b2b2 1px solid; padding:10px 10px 10px 0;}

.back-to-top { position: fixed; bottom: 2em; right: 40px; display: none;}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

:focus {outline:0 !important;}

iframe, object, embed {
    max-width: 100%;
}