@charset "utf-8";

/* CSS Document */

body{ margin:0; padding:0; background:#f5f7fa; font-family:'calibr'; color:#3b3b3b; line-height:22px; font-size:17px; -webkit-text-size-adjust:100%;}



@font-face {

    font-family: 'calibr';

    src: url('https://barberchop.com/fonts/calibri.eot');

    src: url('https://barberchop.com/fonts/calibri.eot?#iefix') format('embedded-opentype'),

         url('https://barberchop.com/fonts/calibri.woff') format('woff'),

         url('https://barberchop.com/fonts/calibri.ttf') format('truetype'),

         url('https://barberchop.com/fonts/calibri.svg#calibri') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'calibri-i';

    src: url('https://barberchop.com/fonts/calibrii.eot');

    src: url('https://barberchop.com/fonts/calibrii.eot?#iefix') format('embedded-opentype'),

         url('https://barberchop.com/fonts/calibrii.woff') format('woff'),

         url('https://barberchop.com/fonts/calibrii.ttf') format('truetype'),

         url('https://barberchop.com/fonts/calibrii.svg#calibri') format('svg');

    font-weight: normal;

    font-style: normal;

}

*{ margin:0; padding:0;}

img{ border:none;}

ul, li{ margin:0; padding:0; list-style:none;}

a{ text-decoration:none;}

input{ border:none;}

.clear{ clear:both;}

.main{ margin:0 auto; width:1000px; position:relative; }

#header-top{

background: #444444; /* Old browsers */

background: -moz-linear-gradient(top,  #444444 0%, #282828 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#282828)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #444444 0%,#282828 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #444444 0%,#282828 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #444444 0%,#282828 100%); /* IE10+ */

background: linear-gradient(to bottom,  #444444 0%,#282828 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#282828',GradientType=0 ); /* IE6-9 */

float:left; width:100%;

}

.logo{ position:absolute; top:0; left:0; margin:5px; z-index:999;}

#header-top nav{ float:left; margin:0 0 5px 35%;}

#header-top nav ul{ margin:0;}

#header-top nav ul li{ margin:0; display:inline-block; float:left; min-width:80px;}

#header-top nav ul li a{ margin:0; color:#b6b6b6; text-transform:uppercase; float:left; text-align:center; padding:0; line-height:64px; min-width:80px;}

#header-top nav ul li.current-menu-item a, #header-top nav ul li a:hover{ background:url(../images/active-bg.png) no-repeat center top; color:#fff;}

#banner-bg{ background:url(../images/banner-bg.png) repeat; float:left; width:100%;}

a.loginfb{ float:right; margin:15px 0 0;}

.likeus-main{ float:left; width:100%;}

.likeus{ margin:10px 0; float:left;}

.likeus .facebook-like{ margin-right:10px;}

#container{ float:left; width:100%; background:url(../images/bg.png) repeat; border-top:1px solid #b7c9d1; min-height:350px; }

.container-top{ float:left; width:100%;}

.container-top p a{ color:#cf191e;}

.container-top .left-side{ float:left; width:52%;}

h1{ font-size:55px; font-family: 'calibri-i'; color:#255c94; line-height:60px; padding:10px 0; float:left;}

h1 span{ color:#cf191e;}

.container-top{ padding:0 0 20px; float:left; width:100%;}

.container-top .left-side p{ padding:0; }

.video{ margin:20px 0; }

.right-side{ float:right; width:45%;}

.right-side ul{}

.right-side ul li{ width:46%; margin:0 2% 20px; float:left; min-height:215px;}

.right-side ul li img{ margin:0 auto; display:table;}

.right-side ul li p{ text-align:center; line-height:20px;}

.right-side ul li h2{ text-align:center; font-weight:normal; color:#255C94; font-size:22px; margin-bottom:5px;}

img.banner{ float:left;}

.container-bottom{ float:left; width:98%; padding:0 1%; }

.container-bottom img.mobile-pic{ float:right; margin:20px 20px 0 0; }

.container-bottom .mobile-pic-right{ width: 320px; float:right; margin:20px 20px 0 0; }

.mobile-pic-right .android-button { padding-top: 10px; }

.left-section{ margin-top:50px;}

.left-section > ul{ margin:45px 0 0 30px;}

.left-section > ul > li{ background:url(../images/dot.png) no-repeat left center; padding-left:25px; margin:18px 0; }

a.app-store{ margin:30px 0 0; float:right;}

.testimonials{ float:left; width:100%; position:relative;}

.testimonil-heading{ background:url(../images/testimonial-line.png) no-repeat right center; float:left; width:100%;}

.testimonil-heading h2{ font-size:55px; font-family:'calibri-i'; color:#255c94; line-height:60px; padding:10px 0; float:left;}

p.testimon{ float:left; width:52%;}

.news-main{ float:left; width:100%;}

.news-main #news{ color:#303030; padding:58px 21px; font-size:16px; text-align:center;}

.news-main img.image1{ position:absolute; right:0; bottom:0;}

.testimonial-img img{ margin-right:30px;}

.testimonal-main{ float:right; position:relative; width:100%;}

.news{ float:left; width:30%; margin:0 1.6%; min-height:300px;}

.news p{ float:left; background:#9b9b9b; color:#fff; border:1px solid #acacac; padding:10px 3%; width:94%; min-height:140px; font-size:14px;}

.news-btm{ float:left; width:100%; background:url(../images/testimonial-arrow.png) no-repeat left top; padding:30px 0 0; position:absolute; z-index:999; margin-top:161px; }

.news-btm img{ float:left;}

.news p img{ margin:0 10px 0 0;}

.news strong{ float:left; margin:40px 0 0 20px; color:#255c94;}

.row.testimonial-img{ margin-top:120px; margin-bottom:30px;}

.questions{ float:left; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #a8a8a8;}

.questions h3{ color:#255C94; font-size:22px; font-weight:normal; padding:5px 0;}

.accordion{ margin-top:20px;}

.accordion h3{ font-weight:normal; color:#fff; padding:10px; margin-top:10px; background:url(../images/accordion.png) no-repeat 100% 0 #006da7; cursor:pointer;}

.accordion h3.active{ background-position:100% 100%;}

.accordion p{ padding:10px 10px 0;}

.appstore{ float:right; margin:10px 0 0;}

.tool-box{ float:left; width:100%; margin:20px 0 ;}

.tool-box ul li{ float:left; width:31%; padding:0 1%;}

.tool-box ul li img{ margin:0 auto; display:table;}

.tool-box ul li p{ text-align:center; line-height:20px;}

.tool-box ul li h2{ text-align:center; font-weight:normal; color:#255C94; font-size:22px; margin:5px 0;}

.row p a{ color:#CF191E; font-family:'calibri-i';}

footer{ background:#212121; padding:15px 0 0 0; float:left; width:100%;}

.row{ float:left; width:100%;}

footer .span h3{ color:#fff; font-size:20px; font-family:'calibri-i'; }

footer .span.span1{ float:left; width:60%; margin-right:4%;}

footer .span.span2{ float:right; width:30%; margin-right:0%;}

footer .span.span3{ float:right; width:25%;  }

footer .span.span1 h3{ background:url(../images/hot-links.png) no-repeat left; padding-left:20px; }

footer .span.span2 h3{ background:url(../images/social-links.png) no-repeat left; padding-left:35px; }

footer .span.span3 h3{ background:url(../images/subscribe-links.png) no-repeat left; padding:3px 0 0 30px;}

footer .span ul{ margin:10px 0 0 10px; float:left;}

footer .span.span1 ul{ width:98%;}

footer .span.span1 ul li{ background:url(../images/hot-links-li.png) no-repeat left center; float:left; padding-left:20px; margin-right:5%;}

footer .span.span1 ul li a{ color:#686868; text-transform:uppercase; font-size:15px;}

footer .span.span1 ul li a:hover{ color:#fff;}

footer .span.span2 .social-links{ float:left; margin:10px 0 0 12%; width:80%;}

footer .span.span3 .social-links{ float:left; margin:10px 0 0 10%; width:80%;}

footer .span.span2 .social-links a{ float:left; margin:0 5px 5px 0; }

footer .span.span2 .social-links a img{ float:left;}

footer .span.span3 form{ background:#e4e4e4; margin:10px 0 0 8%; padding:10px 3%; border-radius:5px; width:86%; float:left;}

footer .span.span3 form input[type="text"]{ background:#ffffff; border:1px solid #bdbdbd; padding:7px 7px 8px; float:left; width:70%; margin:10px 0 0;}

footer .span.span3 form input[type="submit"]{ background:url(../images/submit-btn.png) no-repeat; width:87px; float:left; -webkit-appearance:none; font-size:0; height:34px; margin:10px 0 0; cursor:pointer;}

p.copy-right{ color:#787878; border-top:1px solid #3b3b3b; margin:10px 0 0; padding:10px 0; font-size:16px; float:left; width:100%;}

.contact-left{ float:left; width:50%; clear:left; margin-bottom:20px;}

.contact-right{ float:left; width:50%; margin-bottom:20px;}

.row.contact-us{ margin:0 0 20px; padding:0; border-bottom:1px solid #999;}

.row.contact-us h3{ color:#255C94; font-weight:normal; font-weight:600; margin-bottom:10px;}

.contact-left iframe, .contact-right iframe{ padding:5px; border:1px solid #CECECE; margin:10px 0 0; background:#fff; }

h2{ color:#255C94; font-size:30px; float:left; width:100%; margin-bottom:20px;}

h2 span{ color:#CF191E;}

img.align-left{ float:left; margin-right:15px;}

.row p{ margin-bottom:10px;}

.contact-right > div{ float:left; width:50%;}

.contact-left.span3{ width:35%;}

.contact-right.span4{ width:65%;}





#slideshow { position:relative; height:350px; }

#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }

#slideshow IMG.active { z-index:10; opacity:1.0; }

#slideshow IMG.last-active { z-index:9; }

.slide-out-div h2 { color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold; margin-bottom:10px; }

.formslable { color: #393939; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: bold; padding: 0 15px 0 0; width:27%; }

.formsinput > img{ border:1px solid #ccc;}

span.star { color: #FF0000; }

.formsinput input { border: 1px solid #CCCCCC; padding: 5px; width:80%;}

.formsinput textarea { border: 1px solid #CCCCCC; padding: 5px; width:80%;}

.sndbtn input { background-color: #393939; border: 0 none; color: #FFFFFF; cursor: pointer; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; margin: 0; padding: 5px 10px; text-align: center; -webkit-appearance:none; }

.slide-out-div { background-color: #FFFFFF; border: 5px solid #393939; margin: 0; padding: 0; z-index: 999; }

.simplesocialbutton { float:left; margin-right:20px;}

.wpcf7-validation-errors, span.wpcf7-not-valid-tip{ color:#f00; font-size:12px; display:block; clear:left;}

.wpcf7-form-control-wrap .error{color:#ff0000;}



#wpcf7-f7-o1{ margin:30px 0 0; overflow:hidden;}

#wpcf7-f7-o1 form{}

#wpcf7-f7-o1 form div#form5{ float:left; width:50%;}

#wpcf7-f7-o1 form div#form5 p{ float:left; width:100%;}

#wpcf7-f7-o1 form div#form5 p label{ float:left; width:30%;}

#wpcf7-f7-o1 form div#form5 p label span{ color:#f00; font-size:14px; line-height:15px; vertical-align:top;}

#wpcf7-f7-o1 form div#form5 p span.wpcf7-form-control-wrap{ float:left; width:70%;}

#wpcf7-f7-o1 form div#form5 p span.wpcf7-form-control-wrap input{ background:#EEE; border:1px solid #ccc; padding:7px 5px; width:80%;}

#wpcf7-f7-o1 form div#form5 p span.wpcf7-form-control-wrap textarea{ background:#EEE; border:1px solid #ccc; padding:5px; width:80%; }

#wpcf7-f7-o1 form .lable-security label{ float:left; width:30%;}

#wpcf7-f7-o1 form .lable-security label span{ color:#f00;}

.capcha{ float:left;}

.capcha img{ float:left; border:1px solid #ccc; padding:3px 0; background:#fff;}

.lable-security .captcha-input{ float:left; width:54%;}

.lable-security .captcha-input input{ float:left; background:#EEE; border:1px solid #ccc; padding:7px 5px; width:74%; margin-left:2%;}

p.submit{ float:left; width:auto; margin-left:30%; margin-top:10px; }

p.submit input[type="submit"]{ background:#255c94; color:#fff; font-size:15px; padding:7px 10px; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; cursor:pointer; -webkit-appearance:none;}

.thanks-logo{ margin:30px 0 100px 20%; float:left;}

.thanks-message{ float:left; margin:-15px 0 0 12%;}

header ul.login_wid{ font-size: 14px;

color: aliceblue;}

header ul.login_wid input{ display:none;}

header .login_wid > li{ float:right; margin-top:15px;}

header ul.login_wid li a{ color: aliceblue;}

header ul.login_wid li font{ font-size:0;}

header li#fb_login_wid-4 h3{ display:none;}

.slide-out-div .formsinput > img{ float:left;}

.slide-out-div .formsinput .captcha{ float:left; width:61%; margin-left:5%;}

.wpcf7-response-output{ clear:left; float:left;}

a.handle{ font-size:0;}

p.copy-right a{ color:#787878; }

p.copy-right a:hover{ text-decoration:underline; }

.gallery{ margin:20px 0 0;}

.gallery img{ padding:0.4%; width:99%; border:1px solid #b7c9d1;}

.col-lg-3{ display:inline-block; margin-right:1%; width:24%;}

.col-lg-3.last{ float:right; margin-right:0;}

.col-lg-3 img{ width:98%;}