/*@import 'https://fonts.googleapis.com/css?family=Roboto:400,700';*/
@font-face {
    font-family: 'Roboto';
    src:  url('./../fonts/Roboto-Regular.woff2') format('woff2'),
    url('./../fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Roboto';
    src:  url('./../fonts/Roboto-Bold.woff2') format('woff2'),
    url('./../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
}
.container { max-width: 1024px; }
.row { margin: 0 -8px; } div[class *= 'col-md-'] { padding: 0px 8px; }
a, a:hover, a:active, a:focus { outline: none; text-decoration: none; color: #444; } a:hover { color: #b00e01; }
img { max-width: 100%; } h1 { font-size: 1.5em; font-weight: bold; margin-top:15px; } h2 { font-size: 1.4em; } h3 { font-size: 1.5em; margin-top:5px; }
.thumbnail { margin-bottom: 5px; } .required::after { content: "*"; color: red; margin-left: 5px; }
.top15 { margin-top: 15px;} .left15 {margin-left: 15px;} .right15 {margin-right: 15px;} .bottom15 { margin-bottom: 15px;} .minus15 { margin: 0 -15px; } .padding15 { padding: 15px; } .top0 { margin-top: 0px; }
.mt5 { margin-top: 5px; } .top5 { margin-top: 5px; } .left5 { margin-left: 5px; } .right { margin-right: 5px; }
.bar { background: url('./../img/bar.gif') repeat-x left top; height: 0px; } .fb-like { float: right; margin-left: 10px; }
.text-gray { color: #888; font-size: 12px; } .text-bold { font-weight: bold; } .text-red{ color: red } .radius { border-radius: 5px; }
.syslist { margin: 0px; padding: 0px; list-style: none; } .syslist li { font-size: 13px; line-height: 25px; background: url('./../img/bullet.gif') no-repeat 2px 8px; padding-left: 15px;  }
.sysborder { border: 1px solid #f4f4f4; box-shadow:0px 0px 3px 3px #e2e2e2; } .color { color: #e23955 !important; } .color:hover { color: #444 !important; } .bg { background-color: #e23955; }
.tab-pane { padding: 5px; border: 1px solid #ccc; border-top: none; padding-top: 20px; border-radius:0px 0px 5px 5px; }
.table-noborder td { border-top: none !important; padding: 8px 8px 8px 8px !important; vertical-align: middle; } .table-noborder tr td:first-child { font-weight: normal; } .relative { position: relative }
.left0 { padding-left: 0px !important; } .right0 { padding-right: 0px !important; } .video-icon { position: absolute; top:30%; left:45%; font-size: 100px; opacity: 0.4; color: #000; }
.playing { background-color: rgba(212, 0, 25, 0.8); color:#fff; line-height: 25px; padding: 0px 10px; position: absolute; z-index: 1; } .playing a { color: #fff; }
figure, .figure { text-align: center; border: solid 1px #ccc; border-radius: 0px; background: rgba(0,0,0,0.05); padding: 0px; margin: 10px 0px; display: block; }
figure video { }
figure figcaption, .figure figcaption { text-align: center; display: block; margin: 5px 0px; }
.f15 { font-size: 15px !important; }
#loading { background-color: yellow; border-radius:0px 0px 5px 5px; padding:5px; position: fixed; top:0; left: 50%; margin-left: -100px; width: 200px; text-align: center; display: none; z-index: 999; }

body, html { font-family: "Roboto"; }
header { color: #444; background: url('./../images/topbg.jpg') repeat-x left bottom #fff; }
header a { color: #337ab7; }
header .header-top { background-color: #e2e2e2; color: #333; font-size: 14px; padding: 5px 0px; }
header .header-top a { color: #333; }
header .header-center { padding: 15px 0px 10px; }
header .logo img { max-height: 60px; }

.navbar { min-height: 30px !important; border: none; margin-bottom: 0px; z-index: 3 !important;}
.navbar .container { padding: 0px; }
.navbar-header { display: none; }
.navbar a { color: #fff; display: block; }
.navbar-collapse.collapse, .navbar-header { margin: 0px; padding: 0px; }
.navbar .navbar-nav > li {  margin-top: -3px; }
.navbar .navbar-nav > li > a { color: #f2f2f2; font-size: 15px; font-weight: bold; border-bottom: 3px solid transparent; border-top: 3px solid transparent; padding: 10px 14px 8px 14px; }
.navbar-toggle { padding: 4px; }
.navbar-brand { height: auto; }
.navbar-brand i { color: #fff; margin-top: 10px; margin-left: 10px; }

.navbar-default { background-color: #2090C7; border-radius: 0px; }
.navbar-default .container {  }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; color: #fff; }
.navbar .navbar-nav > li:hover > ul { display: block; }
.dropdown-menu>li>a { padding: 3px 10px; }
.navbar .navbar-nav > li > a:hover { border-bottom: 3px solid transparent; color: #444; }
.navbar .navbar-nav > li > ul > li { position: relative; border-bottom: 1px dotted #ccc; }
.navbar .navbar-nav > li > ul > li:last-child { border-bottom: none; }
.navbar .navbar-nav > li > ul > li > ul { display: none; }
.navbar .navbar-nav > li > ul > li:hover > ul { display: block; left: 100%; position: absolute; top:0px; background: #fff; }
.sticky-header { z-index: 2 !important; }
.hot_cat { margin: 5px; }
.hot_cat ul { margin: 0; padding: 0; list-style: none; }
.hot_cat ul li { float: left; margin-right: 10px; font-weight: bold; }

.search .btn { position: absolute; z-index: 1; top:0; right: 0; border-radius: 0px; }
.search .input { height: 30px; border-radius: 0px; width: 100%; }
.search .hot { font-size: 12px; line-height: 25px; }
.search .hot a { margin-right: 15px; }

.slideshow { max-height: 200px; overflow: hidden; }

.body-content {  }
.body-content .container { background-color: #fff; }
.body-content .container-headline { min-height: 0px; padding-top: 0px; }

.trends { line-height: 30px; }
.trends .border { border: 1px solid #e2e2e2; }
.trends .text { background-color: #259DC5; color: #fff; padding: 0px 10px; }
.trends .tags a { margin-left: 10px; background-color: #e2e2e2; padding: 3px 5px; border-radius:2px; line-height: 20px; font-size: 12px; }

.featured .first h2 { position: absolute; bottom: 0px; width: 100%; background-color: rgba(0, 0, 0, 0.5); color: #fff; margin: 0px; padding: 15px; font-weight: bold; }
.featured .second h3 { font-size: 14px; font-weight: bold; }
.featured .third { background-color: #EFEFEF; padding-top: 8px; }
.featured .third .item { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #fff; }
.featured .third h3, .size3 { font-size: 13px; font-weight: bold; line-height: 20px; margin: 0px; }
.col-md-6 .size3 { height: 60px; overflow: hidden; }

.media { margin-bottom: 15px; }
.media .heading { border-bottom: 2px solid #858585; margin-top: 0px; }
.media .heading span { display: inline-block; margin-bottom: -2px; background-color: #259DC5; color: #fff; font-size: 15px; padding: 5px 15px; font-weight: bold; }
.media .content .title { line-height: 25px; font-size: 1em; font-weight: bold; margin-top: 0px; padding: 5px 0px; margin-bottom: 0px; }
.media .content hr { margin: 5px 0px; }
.media .info { padding: 5px 0px; }
.news-category .info { margin-bottom: 5px; border-radius:2px; padding: 3px 0px; margin-top: -5px; }

.video { background-color: #000; padding: 15px 0px; }
.video .container { background-color: #000; color: #e2e2e2; }
.video .heading { background-color: #2D2E30; height: 20px; }
.video .heading .title { text-transform: uppercase; font-size: 15px; font-weight: bold; background-color: #000; padding-right: 15px; }
.video .heading .all { font-size: 13px; background-color: #000; padding-left: 15px; line-height: 20px; }
.video .container a { color: #e2e2e2; }

.videos .menu { background-color: #000; color: #fff; padding: 10px 0px; border-top:1px solid #555; }
.videos .menu .heading { margin: 0px; font-weight: bold; }
.videos .menu .container { background-color: #000; }

.breadcrum { margin-top: 5px; }
.breadcrum .glyphicon-menu-right { font-size: 10px; }
.breadcrum ul { margin: 0; padding: 0; list-style: none; }
.breadcrum ul li { float: left; margin-right: 5px; }
.headline { background-color: #dbdbd9; color: #444; margin: 0px -15px; clear: both; height: 30px; line-height: 30px; font-size: 13px; position: relative; padding-left: 130px }
.headline .title { background:url('./../img/headline.gif') no-repeat right top; color: #fff; padding:0px 15px; padding-right: 20px; text-transform: uppercase; margin-right: 10px; position: absolute; width: 122px; height: 30px; left: 0; }
.headline #timer { position: absolute; width: 130px; right: 0; top: 0; }
.headline .scrolltop { height: 30px; overflow: hidden; }
.headline .left { background:url('./../img/bg_left.gif') no-repeat right top; position: absolute; top: 0; left: -73px; width: 73px; height: 73px; }
.headline .right { background:url('./../img/bg_right.gif') no-repeat right top; position: absolute; top: 0; right: -72px; width: 73px; height: 73px; }
.headline a { color: #444; margin-right: 10px; }

.home-title { border-bottom: 2px solid #0085bb;
    border-radius: 5px 5px 0px 0px;
    background: url(./../img/home_title_left.png) no-repeat -130px top #f2f2f2;
    margin: 0px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px 10px;
    position: relative; }
.home-title .title { position: relative; line-height: 32px; left: -10px; padding: 0px 10px; margin: 0px; text-transform: uppercase; font-weight: bold; font-size: 14px; }
.home-title .iconright { background:url('./../img/home_title_right.gif') no-repeat right top transparent; position: absolute; width: 0px; height: 0px; right: 0; top: 0; }
.home-title a { color: #444; }
.home-title a:hover { color: #000; }

.home-title-tab { background: #f2f2f2; padding-left: 0px; }
.home-title-tab a { line-height: 32px; display: inline-block; color: #000; padding: 0px 30px 0px 10px; border-radius:5px 0px 0px 0px;  }
.home-title-tab a.active { background: url(./../img/home_title_left.png) no-repeat right top transparent; color: #fff; }

.home_header .guide { height: 200px; padding: 10px; }

.block-item .header ul { margin: 0; padding: 0; height: 22px; margin-top: -2px; }
.block-item .header ul li { list-style-type:none; float:left; }
.block-item .header ul li a { color:#e23955;  font-weight: normal; text-transform: none; margin-right: 10px; padding-right: 10px; border-right: 1px solid #e2e2e2; }
.block-item .header > ul > li:last-child > a { border-right: none; }
.block-item .header ul li a:hover { color: #ffc94f; }
.block-item .header ul li a.active { font-weight: bold; color: #444; }
.block-item .content { font-size: 14px; color: #666; border: 1px solid #ccc; padding: 5px; }
.block-item .content h3, .size2 { margin: 5px 0px; font-size: 15px; font-weight: bold; line-height: 20px; color: #444; }
.block-item .content .syslist li { background: none; border-bottom: 1px solid #e2e2e2; padding-left: 0px; line-height: 30px; position: relative; }
.block-item .content .syslist li:last-child { border-bottom: none; }
.block-item .content .syslist li a { display: block; }
.block-item .content .syslist li a span { color: #0b6694; }
.block-item .content .syslist li a span i { color: #000; }
.block-item .content .syslist li:hover ul { display: block; position: absolute; left: 100%; top:0; width: 200px; }
.block-item .content .syslist li:hover ul li ul { display: none; }
.block-item .content .syslist li:hover ul li:hover ul { display: block; }

ul.submenu li a { margin-right: 0px !important; padding: 2px 15px; border: 1px solid #e2e2e2; border-bottom: none; border-radius:5px 5px 0px 0px; }
ul.submenu li a.active { background-color: #e23955; color:#fff !important; }
ul.news { margin: 0; padding: 0; list-style: square; list-style-position: inside; }
ul.news li { padding-left: -5px;  margin-left: 0px; color: #b00e01; font-size: 16px; margin-bottom: 5px; border-bottom: 1px solid #e2e2e2; padding-bottom: 5px; }
ul.news li a { color: #444; font-size: 14px; margin-left: -5px; }
ul.news li a:hover { color: #b00e01; }
ul.news-image { margin: 0px; padding: 0px; }
ul.news-image li { list-style: none; margin-bottom: 15px; }
.videos .item { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #e2e2e2; }

.news .item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #e2e2e2; overflow: auto; }
.news .item .item-content { margin-left: 140px; }
.news .item .item-intro { color: #666; }
.news .item h3 { font-weight: bold; font-size: 18px; line-height: 25px; }
.news .item .item-image { width: 120px; }
.news-details .meta { background-color: #f4f4f4; padding: 5px; color: #666; margin-bottom: 15px; font-size: 12px; }
.resize { position:absolute; right: 5px; top:5px; }
.comments .form textarea { width: 100%; margin-bottom: 5px; }
.comments .list .item { padding: 10px 5px; }
.comments .control-sm { width: 120px; float: left; margin-right: 5px; }
.comments .odd { background-color: #f4f4f4; }
.comments .reply { margin-left: 40px; margin-top: 15px; }
.comments .reply i { margin-left: -23px; margin-right: 5px; }
.news .prevpost, .news .nextpost { padding: 5px 15px; margin-bottom: 15px; background-color: #f9f9f9; }
.fa-news { color: red; font-size: 14px !important; font-weight: normal; }
.tags a { margin-right: 5px; background-color: #f5f5f5; padding: 3px 5px; border-radius:2px; line-height: 20px; font-size: 12px; }


.slideshow .title, .banner_footer .title { color: #fff; position: absolute; padding: 5px 10px; bottom: 0px; background: rgba(0, 114, 243, 0.6); width: 90%; margin: 0px; font-size: 14px; }
.slideshow .title { width:100%; text-align:left; }
footer { background:url('./../img/bgFooter.jpg') no-repeat center top #2595CE; color: #fff; font-size: 13px; }
footer .title { border-bottom: 1px solid #00a7d0; padding-bottom: 5px; }
footer a { color: #f4f4f4; }
footer .copyright { background: #333; color: #ccc; padding: 8px 0px; }

/* Salon */
.rating { background:url('./../img/stars.png') no-repeat left top transparent; width: 80px; height: 17px; }
.member { min-height: 500px; }
.member .heading { border-bottom: 2px solid #e2e2e2; margin-bottom: 5px; padding-bottom: 5px; }

.uploads .upload .item { border: 1px solid #ccc; text-align: center; padding: 5px; border-radius:3px; }
.uploads .upload .item img { height: 80px; margin-bottom: 5px; border-radius:3px; width:auto; }
.fb-container .fb-page {
    margin: -1px 0px 0px -1px;
    display: block;
}

.slick { }
.slick-home { display: none; }
.slick-initialized { display: block; }
.slick-home.slick .slick-list { padding-bottom: 0px !important; }
.slick-home.slick .slick-slide { position: relative; border:8px solid #444; border-left-width: 3px; border-right-width: 2px; }
.slick-home.slick h5 { display: none; background-color: rgba(0,0,0, 0.5); color: #fff; margin: 0px; padding: 10px; position: absolute; width: 100%; bottom: 0px; text-align: left;  }
.slick-home.slick .slick-current h5 { display: block; }
.slick-prev, .slick-next { z-index: 1;
    height: 28px;
    width: 28px;
    background: rgba(255,255,255,0.8);
    position: absolute;
    z-index: 1;
    text-align: center;
    line-height: 28px;
    cursor: pointer; }
.slick-prev { left:10px !important; }
.slick-next { right:10px !important; }
.slick-prev:before, .slick-next:before { font-size: 23px !important; }

.modal-content { border:8px solid rgba(255,255,255,.2); }
.modal-header { border-radius: 5px 5px 0px 0px; }
.modal-footer { border-radius: 0px 0px 5px 5px; }

.paymentForm .nav-tabs { background-color: #0d6aad; color: #fff; text-transform: uppercase; }
.paymentForm .nav-tabs a { color: #fff !important; font-weight: bold; }
.paymentForm .nav-tabs>li { margin-bottom: -2px; }
.paymentForm .nav-tabs>li.active>a, .paymentForm .nav-tabs>li:hover>a { background-color: red; border: none; border-radius: 0px; }

.gsc-control-cse { padding: 0px !important; }
.gsc-thumbnail-inside, .gsc-url-top { padding-left: 0px !important; }
#adBlock, .gsc-adBlock { display: none !important; }
#menu .caret { display: none; }

.weather { border-radius: 5px; }
.mshow { display: none; }
@media screen and (max-width: 1024px) {
    .left.mhide, .right.mhide { display: none; }
}

@media screen and (max-width: 980px) {
    .mhide { display: none }
    .mshow { display: block; }
    .headline { padding-left: 15px; }
    .headline .title { color: #5A5555; width: 15px; text-indent: -1000px; display: none }
    .home-title { padding-right: 10px; }

    .featured2 .thumbnail { height: 160px; }
}
@media screen and (max-width: 768px) {
    html, body { overflow-x: hidden; }
    .mm-menu.mm-offcanvas.mm-opened { z-index: 2; }
    .mbottom15 { margin-bottom: 15px; } .mtop0 { margin-top: 0px; }
    .mcenter { padding-left: 5px !important; padding-right: 5px !important; }
    header { display: block; color:#fff; text-align: center; }
    header a { color:#fff; }
    .header-top .container { padding: 0px; }
    .sticky-header, .navbar-header { background-color: #4468B0; border-radius: 0px; z-index: 0; }
    .sticky-wrapper { position: relative; z-index: 1; }
    .navbar-header, .navbar-mobile { display: block;  }
    .navbar-header { width: 100%; }
    .navbar-header img { height: 100%; padding: 5px; margin-left: 5px; }
    .sticky-header { transition: top 0.2s ease-in-out; }
    .nav-up { top: -50px !important; }

    .featured .second .item { margin-bottom: 15px; }
    .featured .second img { width: 30%; float:left; margin-right: 10px; }
    .row-mobile .item { margin-bottom: 5px; border-bottom: 1px solid #e2e2e2; padding-bottom: 5px; }
    .row-mobile ul { list-style: none; }
    .row-mobile ul li a { margin-left: 0px; }
    video { height: auto; width: 100%; }

    .news-category .third .item img { width: 30%; float: left; margin-right: 10px; }

    .navbar-default .navbar-brand { padding: 0px; }
    .size2, .size3 { height: 60px; overflow: hidden; }
    .size3.top5 { margin-top: 5px; }
    .block-item .size2 { margin-top: -10px !important; height: auto; font-size: 18px; }

    .navbar-header { margin: 0 !important; }
    .navbar-nav { margin: 0px; padding: 0px 15px; }
    .featured2 .thumbnail { height: 120px; }

    .news .item .item-image { width: 30%; }
    .news .item .item-content { margin-left: 33%; }
    .news .fulltext img { height: auto !important; }
    .related img { height: 155px; }
    .related .col-xs-6 { height: 215px; overflow: hidden; }

    .footer .pull-right { float: left !important; margin-top: 15px; }
    .nav-tabs>li>a { padding: 3px 3px; }
    .modal-body { padding: 3px; }
    .tab-content>.tab-pane { padding: 5px 15px; }
    #embedded-chat-facebook-bar-container { display: none; }
}
@media screen and (max-width: 480px) {
    .navbar-header img { height: 100%; padding: 5px; margin-left: 0px; }
    .headline { padding-left: 15px; }
    .headline .title { color: #5A5555; width: 15px; text-indent: -1000px; display: none }
    .home-title { padding-right: 0px; }
    .home-title .iconright { display: none; }

    .news .item { border-bottom: none; }
    .news .item .thumbnail { border: none; }
    .news .item h3 { font-size: 15px; line-height: 25px; font-weight: bold; }
    .news .item .item-content .item-intro { display: none; }
    .related img { height: 115px; }
    .related .col-xs-6 { height: 175px; overflow: hidden; }

    video { height: auto; width: 100%; }
    .block-item { font-size: 17px; }
    .block-item .content { font-size: 14px; }

    iframe { height: auto; width: 100%; }
    .news .fulltext { font-size: 15px; }
    .featured2 .thumbnail { height: 80px; }
    .block-item .content .thumbnail { width: 100%; height: auto; clear: both; }

    .block-item .header ul { height: auto; margin-top: 15px; width: 105%; clear: both; float: none !important; display: inline-block; margin-bottom: -13px; }
    .block-item .header ul li a { margin: 0px; padding: 6px 5px; border: none; }
    .block-item .header ul li:first-child a { margin-left: 0px; }
    .fixheight { height: 20px; }


    .salon-details .logo .thumbnail { height: auto; width: auto; margin-top: 0px; margin-left: 0px; }
    .salon-details .logo img { width: 100px !important; }
    #filter label { margin-bottom: 5px; }
    .table-noborder td { padding: 5px 5px 0px 5px !important;}
}

@media screen and (max-width: 320px) {
    .home-title {  }
    .featured2 .thumbnail { height: 70px; }
    /*.newhair .item, .hothair .item, .hair .item { height: 150px; overflow: hidden; }*/
    .salon .item { height: 125px; overflow: hidden; }
    .newhair .item, .hothair .item { height: 215px; overflow: hidden; }
    .hair #filter-results .col-xs-6 { height: 240px; overflow: hidden; }
}