/************************
Designed by : http://responsivewebinc.com
************************/
/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Handlee);
@font-face {
    font-family: 'TiemposHeadlineBold';
    src: url('../../fonts/TiemposHeadlineBold.eot');
    src: url('../../fonts/TiemposHeadlineBold.eot') format('embedded-opentype'), url('../../fonts/TiemposHeadlineBold.woff2') format('woff2'), url('../../fonts/TiemposHeadlineBold.woff') format('woff'), url('../../fonts/TiemposHeadlineBold.ttf') format('truetype'), url('../../fonts/TiemposHeadlineBold.svg#TiemposHeadlineBold') format('svg');
}

@../font-face {
    ../font-family: 'freighttextbook';
    src: url('../../fonts/freighttextbook.eot');
    src: url('../../fonts/freighttextbook.eot') format('embedded-opentype'), url('../../fonts/freighttextbook.woff2') format('woff2'), url('../../fonts/freighttextbook.woff') format('woff'), url('../../fonts/freighttextbook.ttf') format('truetype'), url('../../fonts/freighttextbook.svg#freighttextbook') format('svg');
}


/* Basic CSS starts */

body{
    font-family: 'Open Sans', sans-serif;
    color:#444;
    font-size:13px;
    line-height:25px;
    -webkit-font-smoothing: antialiased;
    background:#fafafa url('../../images/main-back.png') repeat;
    /* background:#EDEEF0; */
    padding-top: 82px;
}

h1,h2,h3,h4{
    font-family: 'Open Sans Condensed', sans-serif;
}

h5,h6{
    font-family: 'Open Sans', sans-serif;
}

p{
    margin:0;
    padding:0;
}

ul, ol{
    padding-left:15px;
}

a{
    color:#2ca8e4;
    text-decoration:none;
}

a:hover{
    color:#2ca8e4;
    text-decoration:none;
}

a:hover,a:active,a:focus {
    outline: 0;
}

hr{
}

strong{
    font-family: 'Open Sans', sans-serif !important;
    font-weight:600;
}

:focus {
    outline:none;
}

::-moz-focus-inner {
    border:0;
}

.form *{
    font-size:13px;
}

#myTab li.active a{
    color:#fff !important;
    background:#2ca8e4 !important;
    border-color:#2ca8e4 !important;
}

/* Basic CSS ends */

.container{ max-width:1050px; }
.color{ color:#2ca8e4; }
.sep-bor{
    border-top:1px dashed #ccc;
    border-bottom:1px dashed #ccc;
    margin:20px 0px;
    height:5px;
}

.sep{
    height: 5px;
    margin:20px 0px;
    background: url("../../images/sep.png") repeat;
}

.blocky{
    margin:30px 0px;
}

.page-title{
    margin:10px 0px;
}

.page-title i{
    font-size:30px;
    margin-right:5px;
}

.page-title h2{
    font-size:35px;
}

.page-title small{
    font-size:21px;
    margin-left:5px;
}

.section-title h4{
    margin:0px;
    padding:0px;
    padding-right:50px;
    font-family:"Open Sans", sans-serif;
    font-size:22px;
    margin-bottom:5px;
    color:#777;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
}

.btn-blue{
    color:#fff !important;
    background:#2ca8e4;
    border:1px solid #2ca8e4;
    border-bottom:2px solid #2ca8e4;
    font-size:13px;
}

.btn-blue:hover{
    color:#fff !important;
    background:#14b9d1;
    border:1px solid #2ca8e4;
    border-bottom:2px solid #2ca8e4;
    font-size:13px;
}

.social{
    margin:10px 0px;
}

.social a i{
    display:inline-block;
    width:40px;
    height:40px;
    font-size:17px !important;
    line-height:40px;
    text-decoration:none;
    text-align:center;
    color:#fff;
    -webkit-transition: background 2s ease;
    -moz-transition: background 2s ease;
    -o-transition: background 2s ease;
    -ms-transition: background 2s ease;
    transition: background 2s ease;
    border-radius:100px;
    margin-right:5px;
}
.social a.instagram i{
    background:#2ca8e4;
}
.social a.facebook i{
    background:#1e78ae;
}
.social a.twitter i{
    background:#1ba1e2;
}

.social a.google-plus i{
    background:#f22d0c;
}

.social a.pinterest i{
    background:#dd1617;
}

.social a.linkedin i{
    background:#2d93cf;
}

.social a:hover i{
    background:#000;
    -webkit-transition: background 2s ease;
    -moz-transition: background 2s ease;
    -o-transition: background 2s ease;
    -ms-transition: background 2s ease;
    transition: background 2s ease;
}

.social a, .social a:hover{
    border:0px;
    text-decoration:none;
}

.input-group .btn{
    margin-top:0px !important;
}


/* Cool block */

.cool-block{
    background:#fff;
    border:1px solid #bbb;
    box-shadow:0px 0px 1px #999;
    border-radius:3px;
}

.cool-block-bor{
    margin:3px;
    border:1px dashed #aaa;
    box-shadow:0px 0px 1px #999;
    border-radius:3px;
    padding:15px;
}

/* Header carousel */

.carousel{
    top:-3px;
}

.carousel-inner{
    background:#222;
}

.carousel .item{
    animation-duration:3s;
    animation-delay:0.5s;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-duration: 3s;
    -moz-animation-delay: 0.5s;
    -ms-animation-duration: 3s;
    -ms-animation-delay: 0.5s;
    -o-animation-duration: 3s;
    -o-animation-delay: 0.5s;
}

.carousel .carousel-caption h2{
    animation-duration:2s;
    animation-delay:1s;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 1s;
    -moz-animation-duration: 2s;
    -moz-animation-delay: 1s;
    -ms-animation-duration: 2s;
    -ms-animation-delay: 1s;
    -o-animation-duration: 2s;
    -o-animation-delay: 1s;
}

.carousel .carousel-caption p{
    animation-duration:2s;
    animation-delay:1s;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 1s;
    -moz-animation-duration: 2s;
    -moz-animation-delay: 1s;
    -ms-animation-duration: 2s;
    -ms-animation-delay: 1s;
    -o-animation-duration: 2s;
    -o-animation-delay: 1s;
}

.carousel .carousel-caption a{
    animation-duration:2s;
    animation-delay:1s;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 1s;
    -moz-animation-duration: 2s;
    -moz-animation-delay: 1s;
    -ms-animation-duration: 2s;
    -ms-animation-delay: 1s;
    -o-animation-duration: 2s;
    -o-animation-delay: 1s;
}

.carousel .carousel-control span{
    display:inline-block;
    background:#222;
    border-radius:50px;
    height:50px;
    width:50px;
    line-height:45px;
    text-align:center;
}

.carousel .carousel-caption{
    bottom:90px;
    text-shadow:2px 2px 2px #000;
}

.carousel .carousel-caption h2{
    font-size:60px;
    text-transform:capitalize;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:normal;
}

.carousel .carousel-caption p{
    font-size:25px;
    line-height:35px;
    font-family: 'Open Sans Condensed', sans-serif;
}

.carousel .carousel-caption a.btn{
    margin-top:20px;
    border-radius:0px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    border-bottom:2px solid #2ca8e4;
}

.carousel-indicators .active{
    background:#5ebdea;
    border:1px solid #5ebdea;
}

.carousel-indicators li:hover{
    background:#5ebdea;
    border:1px solid #5ebdea;
}

/* SETTINGS FOR BANNER CONTAINERS */

.tp-banner-container{
    margin-top: 0px;
    margin-bottom: 30px;
    width:100%;
    position:relative;
    padding:0;
    background: #f9f9f9;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.tp-banner{
    width:100%;
    position:relative;
    overflow: hidden;
}

.tp-banner ul{
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tp-banner .white { color: #fff; text-shadow: 1px 1px 1px #454545; }

.tp-banner .largepinkbg {
    background:#d2322d;
}

.tp-banner .mediumwhitebg{
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    padding-top:10px;
    line-height:20px;
    color:#666;
}

.tp-banner .img-tag {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    font-size: 13px !important;
    color: #fff;
    background: #d2322d;
    border-radius: 100px;
    font-weight:bold;
}
.tp-banner .large_bold_white { font-family: 'Open Sans', sans-serif; font-size:55px; text-shadow:0px 0px 3px #FFF; color: #FFF; }
.tp-banner .large_bold_black { font-family: 'Open Sans', sans-serif; font-size:55px; text-shadow:0px 0px 5px #000; color: #FFF; }
.tp-banner .large_bold_yellow { font-family: 'Open Sans', sans-serif; font-size:55px; text-shadow:0px 0px 3px #555; color: #CCCC00; }

.tp-banner .medium_light_white { font-size: 18px; line-height:28px; text-shadow:0px 0px 2px #111; color: #fff; font-weight: bold; }
.tp-banner .medium_light_black { font-size: 18px; line-height:28px; text-shadow:0px 0px 0px; color: #333; font-weight: bold; }
.tp-banner .medium_light_yellow { font-family: 'Handlee'; font-size: 20px; line-height:28px; text-shadow:0px 0px 2px #111; color: #CCCC00; font-weight: bold; }

.tp-banner a.btn {
    border:0px;
    padding: 10px 15px 13px 15px;
    color: #fff;
    border-radius:2px;
    font-weight:bold;
    box-shadow:inset 0px -3px 0px rgba(0,0,0,0.3);
    font-size:14px;
}

/* Pagination */
.pagination>li>a { color: #2ca8e4; }
.pagination>li>a:hover, .pagination>li>span:hover,
.pagination>li>a:focus, .pagination>li>span:focus {
    background: #2ca8e4;
    color: #fff;
    border-color: #2ca8e4;
}
.pagination>.active>a, .pagination>.active>span,
.pagination>.active>a:hover, .pagination>.active>span:hover,
.pagination>.active>a:focus, .pagination>.active>span:focus {
    background: #2ca8e4;
    border-color: #2ca8e4;
}

/* Navigation */

.navi {
    text-align:right;
    padding-top:15px;
    padding-bottom:15px;
}

.mattblackmenu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border-bottom: none;
    overflow: hidden;
    background: transparent;
}

.mattblackmenu li a{
    float: none;
    display: inline-block;
    text-decoration: none;
    margin: 0px;
    padding: 10px 12px;
    border:0px;
    color:#fff;
    font-weight:normal;
    background:transparent;
    font-size:14px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight:600;
}

.mattblackmenu li a:hover{
    background:transparent;
}

.mattblackmenu a.selected {
    background: transparent;
}

/* Hero */

.hero{
    text-align:center;
    margin:15px 0px;
}

.hero h3{
    font-size:50px;
}

.hero p{
    max-width:800px;
    margin:20px auto !important;
    padding:15px;
    font-size:17px;
    line-height:28px;
    font-weight:400;
    font-style:italic;
    color:#999;
    background:#f8f8f8;
    border-top:3px solid #eee;
    border-bottom:3px solid #eee;
}

.hero .btn{
    text-shadow:0px 1px 1px #333;
    font-size:13px;
    font-weight:bold !important;
    text-transform:uppercase;
    border-radius:4px;
    padding:12px 18px;
    border-radius:3px;
    font-weight:600;
}

.hero .btn-info{
    border-bottom:3px solid #2ca8e4;
}

.hero .btn-danger{
    border-bottom:3px solid #c8403c;
}

/* Service */

.home-service h5{
    font-size:15px;
    font-weight:600;
    line-height:25px;
    margin:0px;
    padding:0px;
    font-family: 'Open Sans', sans-serif;
}

.home-service p{
    font-size:13px;
    line-height:24px;
}

.home-service hr{
    margin:6px 0px;
}

.home-service .service-check{
    color:#777;
    margin:8px 0px;
    font-style:italic;
}

.home-service .service-item{
    padding:5px 0px 10px 0px;
    margin:5px 0px;
    border-bottom:1px dashed #eee;
}

.home-service .service-item i{
    margin-right:5px;
}

.home-service .service-testi{
    background:#fff;
    border:1px solid #bbb;
    box-shadow:0px 0px 1px #999;
    border-radius:3px;
}

.home-service .service-testi-bor{
    margin:3px;
    border:1px dashed #aaa;
    box-shadow:0px 0px 1px #999;
    border-radius:3px;
    padding:15px;
}

.home-service .service-testi img{
    margin-left:10px;
    margin-top:5px;
    box-shadow:0px 0px 2px #444;
}

.home-service .service-testi p{
    font-size:13px;
    font-weight:600;
    font-style:italic;
    color:#777;
}

.home-service .service-testi .service-testi-author{
    font-weight:400;
    font-style:normal;
}

/* CTA */

.cta{
    margin:10px 0px;
    background:#fff;
    border-radius:5px;
    box-shadow:0px 0px 2px #ccc;
    border:1px solid #ddd;
    padding:25px 35px;
}

.cta h5{
    font-family: 'Open Sans', sans-serif;
    font-size:22px;
    font-weight:400;
    line-height:44px;
    margin:0px;
    padding:0px;
    color:#888;
    text-transform:capitalize;
}

.cta h5 i{
    display:inline-block;
    color:#fff;
    width:35px;
    height:35px;
    text-align:center;
    line-height:35px;
    border-radius:100px;
    background:#2ca8e4;
    font-size:25px;
    margin-right:5px;
}

.cta p{
    margin-top:10px;
    font-size:13px;
    color:#777;
    font-style:italic;
    font-weight:bold;
}

.cta .btn{
    text-shadow:0px 1px 1px #333;
    font-size:13px;
    font-weight:bold !important;
    text-transform:uppercase;
    padding:12px 20px;
    border-radius:4px;
}

.cta .btn-info{
    border-bottom:3px solid #39a0bf !important;
}

.cta .btn-danger{
    border-bottom:3px solid #b32722 !important;
}

/* Catchy */

.catchy{
    margin:19px 0px;
    background:#fff;
    border-top:1px solid #bbb;
    border-bottom:1px solid #bbb;
    box-shadow:0px 0px 2px #ccc;
}

.catchy .catchy-inner1{
    margin:3px 0px;
    border-top:1px dashed #bbb;
    border-bottom:1px dashed #bbb;
}

.catchy .catchy-inner2{
    padding:25px 0px;
    color:#fff;
    margin:3px 0px;
    background:#333 url('../../images/bit-tile-blue.gif') repeat center center;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}

.catchy .catchy-subscribe h3{
    font-size:40px;
    line-height:65px;
    margin:0px;
    padding:0px;
    font-family:"Open Sans", sans-serif;
    text-shadow:1px 1px 2px #444;
    text-transform:uppercase;
}

.catchy .catchy-subscribe p{
    font-size:17px;
    line-height:25px;
    text-shadow:1px 1px 2px #222;
}

.catchy .catchy-subscribe form *{
    font-size:14px !important;
}

.catchy .catchy-subscribe input[type="text"]{
    border:1px solid #1d7faf !important;
    padding:5px 15px;
    height:40px;
    box-shadow: 0 2px 0 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(255,255,255,0.7);
    font-style:italic;
}

.catchy .catchy-subscribe button{
    padding:10px 20px;
    box-shadow: 0 2px 0 0 rgba(255,255,255,0.3) inset,0 2px 3px rgba(0,0,0,0.3);
    font-weight:bold;
    font-size:13px !important;
    text-transform:uppercase;
    text-shadow:0px 1px 1px #000;
}

.catchy .catchy-inner3{
    min-height: 400px;
    padding:75px 0px;
    color: #fff;
    margin:-21px 0px;
    background:#2ca8e4 url('../../images/home-search-banner-dt.jpg') bottom left;
	background-repeat: no-repeat;
    background-attachment: fill;
    border-bottom:1px solid #999;
}

.catchy .catchy-location h1{
    font-size: 42px;
    line-height:65px;
    margin:0px;
    padding:0px;
    font-family: 'TiemposHeadlineBold';
    text-shadow: 0 3px 5px #444;
    text-align:center;
}

.catchy .catchy-location h3{
    font-size: 42px;
    line-height:65px;
    margin:0px;
    padding:0px;
    font-family: 'TiemposHeadlineBold';
    text-shadow: 0 3px 5px #444;
    text-align:center;
}

.catchy .catchy-location p{
    font-size:17px;
    line-height:25px;
    text-shadow:1px 1px 2px #222;
    text-align:center;
}

.catchy .catchy-location form *{
    font-size:14px !important;
}

.catchy .catchy-location input[type="text"]{
    border-top:1px solid #1d7faf !important;
    border-bottom:1px solid #1d7faf !important;
    border-left:0px !important;
    border-right:0px !important;
    padding:5px 15px;
    height:40px;
    box-shadow: 0 2px 0 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(255,255,255,0.7);
    font-style:italic;
}

.catchy .catchy-location .input-group-addon {
    padding:5px 15px;
    height:40px;
    box-shadow: 0 2px 0 0 rgba(255,255,255,0.3) inset,0 1px 1px rgba(255,255,255,0.7);
    font-style:italic;
    background:white;
}

.catchy .catchy-location .input-group-addon-left {
    border-top:1px solid #1d7faf !important;
    border-bottom:1px solid #1d7faf !important;
    border-left:1px solid #1d7faf !important;
    border-right:0px !important;
}

.catchy .catchy-location .input-group-addon-right {
    border-top:1px solid #1d7faf !important;
    border-bottom:1px solid #1d7faf !important;
    border-left:0px !important;
    border-right:1px solid #1d7faf !important;
}

.catchy .catchy-location button{
    padding:10px 20px;
    box-shadow: 0 2px 0 0 rgba(255,255,255,0.3) inset,0 2px 3px rgba(0,0,0,0.3);
    font-weight:bold;
    font-size:13px !important;
    text-transform:uppercase;
    text-shadow:0px 1px 1px #000;
}

.catchy .report{
    background:#fff;
    border:1px solid #229bd5;
    box-shadow:0px 0px 1px #1e78a4;
    border-radius:4px;
    color:#bbb;
    font-size:16px;
    font-weight:bold;
}

.catchy .report-bor{
    margin:3px;
    border:1px dashed #aaa;
    box-shadow:0px 0px 1px #999;
    border-radius:3px;
    padding:15px;
}

.catchy .report .report-data{
    margin:10px 0px;
}

.catchy .report .report-icon{
    text-align:center;
    font-size:43px;
}

.catchy .report .report-icon i{
    color:#989898;
}

.catchy .report .report-big{
    font-size:28px;
    font-weight:normal;
}

.catchy .report span{
    display:block;
}

/* Carousel for Recent posts */

.recent-posts{
    padding: 0px;
}

.recent-posts .carousel .carousel-inner{
    padding: 0px;
    background:transparent;
}

.recent-posts .c-control{
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 100;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    background: #2ca8e4;
    border: 0;
    color: #fff;
    border-radius:3px;
}

.recent-posts .c-control.left{
    right: 45px;
}

.recent-posts .c-control.right{
    right: 15px;
}

.recent-posts .best-selling-opt {
    position: absolute;
    width: 250px;
    display: inline-block;
    top: 0px;
    right: 75px;
    font-weight: bold;
}

/* Slider items */

.recent-posts .s-item {
    max-width:250px;
    background: #fff;
    margin:0 auto;
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    border: 1px solid #eee;
    border-right:3px solid #eee;
    border-bottom:3px solid #eee;
    border-radius: 6 px;
}

.recent-posts .s-item img{
    max-height:150px;
    margin:10px auto;
}

.recent-posts .s-item .s-caption{
    margin-top: 0px;
    padding: 5px;
}

.recent-posts .s-item .s-caption h4{
    font-size: 16px;
    line-height: 26px;
    color: #858585;
    margin:5px 0px;
    padding:0px;
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
}

.recent-posts .s-item .s-caption h4 a{
    color:#858585;
    text-decoration:none !important;
    border-bottom:0px;
}

.recent-posts .s-item .s-caption p{
    font-size: 13px;
    line-height: 20px;
    color: #9e9e9e;
}


/* Sidebar */

.sidey{
        margin-bottom:30px;
}

.sidey .nav, .sidey .nav ul, .sidey .nav li {
    list-style: none;
}

.sidey .nav ul {
    padding: 0;
    margin: 0 0 0 0;
}

.sidey .nav {
    padding: 0px;
    margin: 0px;
    border-top:1px solid #2ca8e4;
}

.sidey .nav > li {
    margin: 0;
}

.sidey .nav > li li {
    margin: 0;
}

.sidey .nav > li li a{
    padding-left:25px;
}

.sidey .nav > li > a {
    font-size: 14px;
    line-height: 20px;
    padding: 12px 15px;
    color: #fff;
    background:#2ca8e4;
    display: block;
    text-decoration: none;
    border:1px solid #2ca8e4;
    border-top:0px;
    font-weight:bold;
}

.sidey .nav > li > ul > li > a {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 10px 10px 25px;
    color: #666;
    background:#fff;
    display: block;
    text-decoration: none;
    border:1px solid #ddd;
    border-top:0px;
}

.sidey .nav a:hover, .sidey .nav li.active > a {
    background: #5ebdea;
    color: #fff;
    border-bottom:1px solid #5ebdea;
}

.sidey .nav > li.active > a    {
    background: #444;
}

.sidey .nav a .caret {
    float: right;
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: top;
    border-top: 4px solid #fff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: 8px;
    margin-left: 2px;
}

.sidey .nav a:hover .caret {
    border-top-color: #fff;
}

.sidey .nav li.open > a > .caret {
    border-top: none;
    border-bottom: 4px solid #fff !important;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.sidey .nav li.open > a:hover > .caret {
    border-bottom-color: #fff;
}

/* Ecommerce account */

.account-content h3{
    font-size:16px;
    font-weight:bold;
    margin:0px;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
    font-family:"Open Sans", sans-serif;
}

.account-content h4{
    font-size:15px;
    font-weight:bold;
    margin:0px;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
    font-family:"Open Sans", sans-serif;
}

.account-content address{
    font-size:14px;
    line-height:25px;
}

/* Featured items */

.sidebar-items h5{
    font-weight:bold;
    margin-bottom:12px;
    padding-bottom:12px;
    border-bottom:1px dotted #eee;
}

.sidebar-items img{
    max-width:40px;
}

.sidebar-items .sitem{
    border-bottom:1px solid #eee;
    margin-bottom:10px;
    padding-bottom:10px;
}

.onethree-left{
    float: left;
    width: 23%;
}

.onethree-right{
    float: right;
    width: 76%;
}

/* Single item */

.single-item .btn, .single-item .form-group {
    margin-top: 5px;
    margin-bottom: 5px;
}

.single-item .input-group{
    max-width:100px;
}

.single-item h4{
    font-weight:bold;
    font-family:"Open Sans", sans-serif;
    font-size:16px;
    border-bottom:1px solid #eee;
    padding-bottom:8px;
    margin-bottom:8px;
}

.single-item .item-image img{
    width:auto !important;
    height:auto !important;
    max-height:250px !important;
    margin-top:20px !important;
    margin:auto;
}

.item-review .rmeta{
    font-style:italic;
    color:#888;
}

/* Items */

.shop-items{
    margin: 20px 0px;
}

.shop-items .breadcrumb{
    background:none;
    padding:0px;
    margin:0px;
    font-weight:bold;
    padding-bottom:7px;
    border-bottom:1px dashed #eee;
}

.shop-items .item{
    position:relative;
    /* max-height: 400px; */
    max-width: 250px;
    margin: 10px auto;
    padding: 20px 10px 10px 10px;
    background:#fff;
    border:1px solid #f2f2f2;
    border-right: 2px solid #eee;
    border-bottom:2px solid #eee;
    border-radius:7px;
    overflow:hidden;
}

.shop-items hr{
    margin: 5px 0px;
}

.shop-items .item-icon{
    position:absolute;
    top:5px;
    left:7px;
}

.shop-items .item-icon span{
    width:35px;
    height:20px;
    background:#2ca8e4;
    display:inline-block;
    color:#fff;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    line-height:18px;
    border-radius:5px;
}

.shop-items .item-image{
    max-height: 200px;
}

.shop-items .item-image img{
    padding: 0px 0px;
    height: 190px;
    display: block;
    margin: 0 auto;
}

.shop-items .item-details h5{
    text-align: center;
    font-weight:bold;
    font-size:16px;
    line-height:25px;
}

.shop-items .item-details h5 a{
    color: #777;
}

.shop-items .item-details h5 a:hover{
    color:#555;
    border:0px;
}

.shop-items .item-details h5 a:hover{
    text-decoration: none;
}

.shop-items .item-details p{
    text-align: center;
    margin-bottom:10px;
    color:#888;
    font-size:13px;
    line-height:20px;
}

.shop-items .item-price{
    margin: 7px 5px;
    display: inline-block;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
    background:#2ca8e4;
    color:#fff;
    width:40px;
    text-align:center;
}

.shop-items .btn, .shop-items .form-group{
    margin-top:5px;
    margin-bottom:5px;
}

.shop-items-carousel .owl-item img {
    width:auto;
}

/* Main */

.mainy{
    position: relative;
    margin-left: 240px;
    margin-right: 0px;
    width: auto;
    min-height: 700px;
}

.mainy .container{
    width: 100%;
    padding: 0px !important
}

/* Clients */

.clients .client{
    width:155px;
    height:65px;
    margin:10px;
    background:#fff;
    text-align:center;
    border:1px solid #eee;
    border-radius:4px;
    padding:10px;
    box-shadow:inset 0px 0px 3px #eee;
}

/* Error block (404) */

.error-block h2{
    font-size:80px;
    line-height:100px;
    color:#666;
}

.error-block .error-para{
    font-size:17px;
    color:#888;
    line-height:28px;
}

.link-list h5{
    font-size:16px;
    line-height:26px;
}

.link-list{
    margin:30px 0px;
    font-size:16px;
}

.link-list a{
    margin-right:10px;
}

/* About us */

.about-us h4{
    margin:0px;
    font-family:"Open Sans", sans-serif;
    font-size:16px;
    line-height:35px;
    font-weight:bold;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px dashed #ccc;
}

.about-us ul{
    padding-left:15px;
}

.about-us .about-team .staff{
    max-width:220px;
}

.about-us .about-team h3{
    font-size:22px;
    font-family:"Open Sans", sans-serif;
}

.about-us .about-team h3 i{
    font-size:17px;
}

.about-us .about-team    .pic img{
    margin-bottom: 16px;
}

.about-us .about-team    .details{
    margin-top:10px;
    margin-bottom:20px;
}

.about-us .about-team .details .name{
    line-height:15px;
    padding:0px;
    margin:0px;
    font-size:14px;
    font-weight:bold;
}

.about-us .about-team    .details em{
    color:#888;
    font-size: 13px;
    line-height: 20px;
}

.about-us .about-team .asocial i{
    text-align:center;
    font-size: 14px;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height:25px;
    background:#2ca8e4;
    display:inline-block;
}

.about-us .about-team    .asocial a, .about-us .about-team    .asocial a:visited, .about-us .about-team    .asocial a:hover{
    text-decoration:none;
    border:0px;
    color:#fff;
}

.about-us .about-team    .details .adesc{
    max-width:300px;
    margin:0 auto;
    border-top:1px solid #eee;
    margin-top:5px;
    padding-top: 5px;
}

.about-us .form form { padding-top: 8px; }

.testimonials .testi{
    background:#fff;
    border:1px solid #bbb;
    box-shadow:0px 0px 1px #999;
    border-radius:3px;
}

.testimonials    .testi-bor{
    margin:3px;
    border:1px dashed #aaa;
    box-shadow:0px 0px 1px #999;
    border-radius:3px;
    padding:15px;
}

.testimonials    .testi img{
    margin-left:10px;
    margin-top:5px;
    box-shadow:0px 0px 2px #444;
}

.testimonials    .testi p{
    font-size:13px;
    font-weight:600;
    font-style:italic;
    color:#777;
}

.testimonials .testi .testi-author{
    font-weight:400;
    font-style:normal;
}

/* Blog */

.blog .entry h2{
    font-size:30px;
    line-height:35px;
    color: #555;
    margin:0px;
}

.blog .entry h2 a, .blog .entry h2 a:visited{
    text-decoration:none;
    color:#555;
}

.blog .entry h2 a:hover{
    border:0px;
    color:#777;
}

.blog .meta{
    border-top:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
    margin:14px 0px;
    padding:5px 8px;
    color:#777;
    text-transform:uppercase;
    font-size:11px;
}

.blog .meta a, .blog .meta a:visited{
    color:#555;
}

.blog .meta i{
    margin:0px 3px;
}

.blog .bthumb{
    margin:10px 0px 5px 0px;
    padding:1px;
    box-shadow:0px 0px 1px #777;
}

.blog .btn{
    font-size:12px;
}

.blog .entry{
    margin-bottom:25px;
    padding-bottom:15px;
    border-bottom:1px solid #eee;
    font-size: 13px;
    line-height: 27px;
}

.blog .entry p{
    margin: 0px 0px 4px 0px;
}

.blog .post-foot{
    border-left: 2px solid #eee;
    padding: 15px 15px;
}

.blog .post-foot .social{
    margin-top: 0px;
}

.sidebar{
    background:#fff;
    border:1px solid #e1e1e1;
    margin-top:10px;
    padding:10px 15px;
}

.sidebar h4{
    font-family:"Open Sans", sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#777;
    line-height:18px;
    margin-bottom:5px;
    padding-bottom:10px;
    text-transform:uppercase;
    border-bottom:1px solid #eee;
}

.sidebar .widget{
    padding:4px;
    font-size: 13px;
    line-height: 23px;
    margin-bottom:7px;
}

.sidebar .widget form{
    margin:10px 0px;
}

.sidebar .widget .widget-search input{
    width:180px;
    font-size:12px;
}

.sidebar ul li{
    padding: 3px 0px;
}

/* Service */

.services h5{
    font-weight:bold;
    font-size:16px;
}

/* Comments */

.respond{
    padding-top: 10px;
}

.comments h5{
    font-size:16px;
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
}

.comments > ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.comments > ul > li{
    background:none;
    padding:0px;
    margin:0px;
}

.comments{
    margin-bottom: 20px;
}

.comments .comment{
    margin:25px 0px;
}

.comment .avatar{
    margin-top:20px;
    margin-right:15px;
    max-width:70px;
    border-radius:100px;
}

.comment a{
    color:#555;
    font-weight:bold;
    border:0px !important;
}

.comment .cmeta{
    font-size:13px;
    color:#777;
    font-style:italic;
}

.comment p{
    margin-top:5px;
    font-size: 13px;
}

.comments .reply{
    margin-left:75px;
}

.respond{
    border:1px solid #eee;
    border-radius:10px;
    margin:20px 0px;
    padding:20px;
    background:#fff;
    border-top: 1px solid #eee;
}

.respond h5{
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
    padding-bottom:10px;
    border-bottom:1px dashed #eee;
    margin-bottom:10px;
    font-size:16px;
}

/* Countdown */

.countdown{
    width:500px;
    margin:10px auto;
}

.countdown .hasCountdown {
    border: 0px solid #ccc !important;
    background-color:transparent !important;
}

.countdown_section {
    color: #777;
    padding: 10px;
    margin: 0px;
    text-transform: uppercase;
    background:#fcfcfc;
    border-radius:5px;
    border:1px solid #ddd;
}

.countdown_amount {
    display: inline-block;
    font-size: 40px;
    height: 50px;
    line-height: 50px;
    color: #888;
    margin: 0px;
}

/* Support */

/* an un-stupid filter-area option */
.page-area {
    background:#fff;
    padding:18px;
    border:1px solid #ddd;
    border-radius:10px;
    margin-bottom:10px;
}

.page-area p {
    margin-bottom:10px;
}

.page-area h4{
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
    color:#777;
}

.filter-area{
    background:#fff;
    padding:18px;
    border:1px solid #ddd;
    border-radius:10px;
    margin-bottom:10px;
}

.filter-area h4{
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
    color:#777;
}

.filter-area input{
    padding:3px 7px !important;
    margin:10px 0px;
    border-radius:3px;
    box-shadow:0px;
    border:1px solid #ccc;
}

#slist{
    padding-left:15px;
}

#slist p{
    display:none;
    margin:5px 0px;
    padding:10px 10px;
    background:#fff;
    line-height: 25px;
    border:1px solid #eee;
}

#slist li a{
    display: block;
    font-size: 13px !important;
    margin-bottom: 10px;
    border:0px;
}

.scontact{
    background:#fff;
    padding:18px;
    border:1px solid #ddd;
    border-radius:10px;
}

.scontact h4{
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
    color:#777;
}

.scontact p{
    margin-bottom: 7px;
}

/* Checkout */

.checkout h4{
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
    font-size:16px;
    color:#777;
    margin-bottom:8px;
    padding-bottom:8px;
    border-bottom:1px solid #eee;
}

/* View Cart */

.view-cart img{
    max-height:50px;
}

.view-cart .input-group{
    max-width:120px;
}

/* FAQ */

.faq *{
    box-shadow:none !important;
}

.faq .panel-heading{
    padding:15px 10px;
}

.faq h4{
    font-family:"Open Sans", sans-serif;
    font-weight:600;
    font-size:13px;
}

.faq h4 a{
    color:#777;
    border:0px;
}

/* Careers */

.careers h5{
    font-size:16px;
    font-weight:600;
    margin-top:20px;
}


/* Coming soon */

.c-soon{
    margin: 90px 0px;
    padding: 40px;
    text-align: center;
    background:#fff;
    border-radius:10px;
    border:1px solid #ddd;
}

.soon-med{
    font-size:22px;
    line-height:30px;
}

.soon-big{
    font-size:70px;
    line-height:90px;
    font-family:"Open Sans Condensed", sans-serif;
}

.soon-small{
    font-size:14px;
    line-height:25px;
    max-width:600px;
    margin:10px auto;
}

/* Sitemap */

.sitemap h4{
    font-family:"Open Sans",sans-serif;
    font-weight:600;
    font-size:14px;
    border-bottom:1px dashed #eee;
    margin-bottom:10px;
    padding-bottom:10px;
}

.sitemap ul{
    padding-left:15px;
}

/* Components */

.components h5{
    font-weight:600;
}

/* Contact us */

.cwell{
    padding:20px;
    background: #fff;
    margin-top: 10px;
    border:1px solid #eee;
    border-radius:10px;
}

.cwell h5{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-size:17px;
    font-weight:600;
}

.cwell h6{
    font-size: 14px;
    font-weight:600;
}

.gmap iframe{
    width:100%;
    margin-bottom: 10px;
    padding-bottom:0px !important;
    border-bottom:1px solid #ccc;
}



/* Register & Login */

.reg-login-info h2{
    font-family:"Open Sans", sans-serif;
    font-size:22px;
    padding-bottom:12px;
    margin-bottom:12px;
    border-bottom:1px dotted #eee;
}

.reg-login-info img{
    margin-bottom:5px;
}

.register-login{
    margin:30px auto;
}

.register-login h3{
    margin:0px;
    font-size:18px;
    line-height:25px;
    color:#888;
    margin-bottom:20px;
    padding-bottom:15px;
    border-bottom:1px solid #eee;
    font-weight:bold;
    font-family:"Open Sans",sans-serif;
}

/* Back to top */

.totop {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 104400;
    background: #2ca8e4;
}

.totop a, .totop a:visited{
    display: block;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.totop a:hover {
    color: #eee;
    text-decoration: none;
}

/* Footer */

footer{
    background:#333 url("../../images/footer-back.png") repeat;
    border-top:3px solid #ddd;
    box-shadow:inset 0px 0px 3px #111;
    color:#ccc;
    font-size:14px;
    line-height:25px;
    padding:35px 0px 10px 0px;
}

footer a{
    color:#eee;
    text-decoration:none;
    border-bottom:1px dotted #888;
}

footer a:hover{
    color:#aaa;
    text-decoration:none;
    border:0px;
}

footer hr{
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: #000 1px solid;
    border-bottom: #212121 1px solid;
}

footer .social{
    margin-top:10px;
}

footer .social a i{
    width:30px;
    height:30px;
    font-size:13px !important;
    line-height:30px;
    box-shadow:1px 1px 3px #000;
}

footer .fwidget{
    font-style:italic;
    margin-bottom:30px;
}

footer .fwidget h4{
    font-size:26px;
    color:#eee;
    font-style:normal;
}

footer .fwidget ul{
    margin-left:0px;
    padding-left:0px;
    list-style-type:none;
}

footer .fwidget ul li{
    margin-bottom:10px;
}

footer    i.contact-icon{
    background:#2ca8e4;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    border-radius:100px;
    color:#fff;
    font-size:12px;
    margin-right:7px;
}

footer .address p{
    margin-bottom:6px;
}

footer .copy{
    font-size:13px;
    margin:15px 0px;
}

/* Spinner buttons */

.spinner {
    display: inline-block;
    opacity: 0;
    max-width: 0;
    -webkit-transition: opacity 0.25s, max-width 0.45s;
    -moz-transition: opacity 0.25s, max-width 0.45s;
    -o-transition: opacity 0.25s, max-width 0.45s;
    transition: opacity 0.25s, max-width 0.45s; /* Duration fixed since we animate additional hidden width */
}

.has-spinner.active {
    cursor:progress;
}

.has-spinner.active .spinner {
    opacity: 1;
    max-width: 50px; /* More than it will ever come, notice that this affects on animation duration */
}

/* Top Navbar Navigation */
.navbar {
    background-color: #2ca8e4;
    z-index: 1000;
    margin:0px;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #FFFFFF;
    background: #2ca8e4;
}

.navbar-default .navbar-nav > .active {
    background-color: #2ca8e4;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFFF;
    background-color: #3D709C;
}

.navbar .navbar-top {
    height:30px;
    transition:all 0.1s ease-out 0s;
    -webkit-transition:all 0.1s ease-out 0s;
    -moz-transition:all 0.1s ease-out 0s;
    -ms-transition:all 0.1s ease-out 0s;
    -o-transition:all 0.1s ease-out 0s;
    font-size:11px;
    font-weight:bold;
    line-height:11px;
    text-transform:uppercase;
    background:#106faf;
    margin:0px 0px;
}

.phone-number-dropdown {
    position:absolute;
    margin-left:160px;
}

.phone-number-dropdown ul li {
    text-align:right;
}

.phone-number-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: 0;
    background: transparent;

    font-size:12px;
    font-weight:600;
    color: #ffffff;

    transition:opacity 0.2s ease-out 0s;
    -webkit-transition:opacity 0.21s ease-out 0s;
    -moz-transition:opacity 0.2s ease-out 0s;
    -ms-transition:opacity 0.2s ease-out 0s;
    -o-transition:opacity 0.2s ease-out 0s;
}

.user-menu {
    margin-left:125px;
}
.user-menu>li {
    display:block;
    float:left;
}
.user-menu>li>a {
    color:#FFFFFF;
    display:block;
    float:right;
    font-size:12px;
    line-height:30px;
    padding:0 20px 0 0;
    text-decoration:none;
    transition:opacity 0.2s ease-out 0s;
    -webkit-transition:opacity 0.21s ease-out 0s;
    -moz-transition:opacity 0.2s ease-out 0s;
    -ms-transition:opacity 0.2s ease-out 0s;
    -o-transition:opacity 0.2s ease-out 0s;
}
.user-menu>li>a:hover {
    opacity:0.9;
}

/*
    Ratings Stars
    (with as little code as possible)
*/
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: center;
}
.rating > span {
    display: inline-block;
    position: relative;
    width: 1.1em;
}
.rating > span:hover,
.rating > span:hover ~ span {
    color: transparent;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
     content: "\2605";
     position: absolute;
     left: 0;
     color: gold;
}

/*
    Fave button
*/

.faved {
        background: green;
}

.del_from_faves_btn {
    color: red;
}

.del_from_faves_btn:hover, .del_from_faves_btn:active, .del_from_faves_btn:focus {
    color: red;
}

.add_to_faves_btn {
    color: grey;
}

.add_to_faves_btn:hover, .add_to_faves_btn:active, .add_to_faves_btn:focus {
    color: grey;
}

/**
    Ribbons
*/

.img-ribbon {
    background-color: #a00;
    overflow: hidden;
    white-space: nowrap;
    /* top left corner */
    position: absolute;
    left: -22px;
    top: 4px;
    /* 45 deg ccw rotation */
    -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    /* shadow */
    -webkit-box-shadow: 0 0 10px #888;
     -moz-box-shadow: 0 0 10px #888;
            box-shadow: 0 0 10px #888;
}
.img-ribbon span {
    border: 1px solid #faa;
    color: #fff;
    display: block;
    font-size: 11px;
    margin: 1px 0;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 5px #444;
}

.img-staff-pick {
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    right: 4px;
    top: 0px;
}

.img-staff-pick span {
    color: gold;
    display: block;
    /* font-size: 12px; */
    margin: 1px 0;
}

.img-staff-pick a {
    color: gold;
}

.img-promoted-best-selling {
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    right: 4px;
    top: 0px;
}
.img-promoted-best-selling span {
    color: gold;
    display: block;
    /* font-size: 12px; */
    margin: 1px 0;
}

.product_descr_mini {
    height:40px;
    overflow:hidden;
}

.product_label_mini {
    min-height:70px;
    overflow:hidden;
}

.shopping_cart_button_botnav {
    position: fixed;
    bottom: 0;
    width: 100%;
    background:#2ca8e4;
    height:50px;
    z-index:10000;
    text-align: center;
}

.kart-links .btn {
    background:grey;
    color: white;
    font-weight: bold;
    margin-top:8px;
}

.navbar .navbar-form {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar .navbar-form input, .navbar .navbar-form button {
    height:33px;
    margin-top:0px;
}

.ui-effects-wrapper {
    display:inline;
}

/* Search Filter Menu */
.sfm_list li {
    list-style-type: none;
    /* white-space: nowrap; */
}
.rm_from_sfm {
    color: #428bca;
    background: #eeeeee;
    padding: 5px 10px 5px 10px;
    border: 1px solid #428bca;
    border-radius: 5px;
    line-height:35px;
}



/* Responsive CSS */

/* Smaller than Desktop */
@media (max-width: 991px){
    .navi{
        display:none;
    }
    .navis{
        width:60%;
        margin:18px auto;
    }
    .navis select {
         display: inline-block;
        width:100%;
    }
     .carousel .carousel-caption{
        bottom:20px;
    }
    .carousel .carousel-caption h2{
        font-size:40px;
    }
    .carousel .carousel-caption p{
        font-size:22px;
    }
    .cta .btn{
        margin-bottom:10px;
    }
    .catchy .report{
        margin-top: 20px;
    }
    .sidey{
        margin-top:50px;
    }

    /* Top Navbar Navigation */

    .navbar-default .navbar-toggle {
        background: #dddddd;
        height:33px;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background: #5edbea;
    }

    .navbar-default .navbar-nav > .open > .dropdown-menu {
        background: #cccccc;
    }

    .navbar-default .navbar-nav > .open > .dropdown-menu > li > a {
        /* color: black; */
        background: #cccccc;
    }

    .navbar-default .navbar-nav > .open > .dropdown-menu .divider {
        display: none;
    }

    .navbar-default .navbar-nav li a{
        padding-left:10px;
        padding-right:10px;
    }

    /* the shopping cart takes up the bottom 40px */
    body {
        padding-bottom:40px;
    }

    .catchy .catchy-inner3{
        background:#2ca8e4 url('../../images/home-search-banner-tb.jpg') bottom left;
        background-repeat: no-repeat;
        background-attachment: fill;
    }
}

/* Smaller than Tablet */
@media (max-width: 767px){
    .navbar-top i {
        font-size:14px;
        font-style:normal;
        line-height:1;
        padding:5px 0 0;
    }
    .user-menu {
        margin-left:0px;
    }
    .user-menu li a {
        padding-top:3px;
        line-height:normal;
    }
    .phone-number-dropdown {
        margin-left:100px;
        margin-top:-3px;
    }
    .phone-number-button {
        font-size:12px;
        font-weight:600;
    }
    .container {
        width:100%;
    }
    .shop-items .item {
        max-height:100% !important;
        height:100% !important;
    }
    .carousel .carousel-caption{
        bottom:30px !important;
    }
    .carousel .carousel-caption h2{
        font-size:25px !important;
    }
    .carousel .carousel-caption p{
        font-size:18px !important;
        display:none;
    }
    .carousel .carousel-control span{
        display:inline !important;
        background:transparent;
        border-radius:0px;
        height:0px;
        width:0px;
        line-height:0;
        text-align:right;
    }
    .header{
        height:auto;
        padding:15px 0px;
    }
    .header .logo{
        text-align:center;
        padding-bottom:10px;
    }
    .cta h5{
        line-height:30px;
        margin-bottom:15px;
    }
    .cta .cta-buttons{
        float:none !important;
    }
    .cta .btn{
        margin-bottom:0px !important;
        max-width:150px;
    }
    .catchy .report-data{
        margin-bottom:15px;
        padding-bottom:15px;
        border-bottom:1px dashed #eee;
    }

    .countdown{
        width:350px;
    }

    .countdown_amount {
        font-size:30px;
    }

    .tp-banner .img-tag {
        width: 32px;
        height: 18px;
        font-size: 9px !important;
        line-height: 18px !important;
    }

    .catchy .catchy-subscribe {
        max-width: 400px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .catchy .catchy-location {
        max-width: 400px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .catchy .report {
        max-width: 400px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .navbar .navbar-form{
        padding-left:0;
        padding-right:0;
    }
    .navbar .navbar-form .btn{
        margin-right:10px;
    }

    .single-item .item-image img{
        width:auto !important;
        height:auto !important;
        max-height:160px !important;
        margin-top:0px !important;
        margin:auto;
    }

    .catchy .catchy-inner3{
        background:#2ca8e4 url('../../images/home-search-banner-tb.jpg') bottom left;
        background-repeat: no-repeat;
        background-attachment: fill;
    }
}

/* Smaller than Mobile */
@media (max-width: 480px){
    .carousel .carousel-caption{
        top:20px !important;
        bottom:0px !important;
    }
    .carousel .carousel-caption h2{
        font-size:13px !important;
    }
    .carousel .carousel-caption p{
        display:none;
        font-size:18px !important;
    }
    .carousel .carousel-caption .btn{
        display:none;
    }
    .carousel .carousel-control span{
        display:inline-block;
        background:#111;
        border-radius:50px;
        height:50px;
        width:50px;
        line-height:45px;
        text-align:center;
    }

    .countdown{
        width:250px !important;
    }

    .countdown_amount {
        font-size:20px !important;
    }

    .countdown_section{
        font-size:10px !important;
    }

    .carousel-indicators{
        display:none;
    }

    .tp-caption a.btn {
        padding: 3px 5px !important;
        font-size: 9px !important;
        box-shadow:none;
    }
    .catchy .catchy-inner3{
        background:#2ca8e4 url('../../images/home-search-banner-ph.jpg') bottom left;
        background-repeat: no-repeat;
        background-attachment: fill;
    }
}

/* Larger than Desktop */
    /**
     No gutter spacing between buttons...
    */
    .row.no-gutter [class*="col-"]:not(:first-child):not(:last-child) {
        padding-right:1px;
        padding-left:1px;
    }
    .row.no-gutter [class*="col-"]:first-child {
        padding-right:1px;
    }
    .row.no-gutter [class*="col-"]:last-child {
        padding-left:1px;
    }



/* Swiper stuff */
.shop-items-swiper-container {
    padding-bottom:30px;
}
.shop-items-swiper-pagination {
    bottom:-8px !important;
}

.top-bottom-bar-swiper-container {
    text-align:center;
}

.swiper-button-prev, .swiper-button-next {
    height:10px;
}

/* Top bar */

.top-bottom-bar {
    height: 45px;
    line-height: 45px;
}

.top-bottom-bar ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.top-bottom-bar ul li {
    display: inline-block;
    list-style: none;
    padding: 0 40px;
}

@media only screen and (max-width: 1200px) {
    .top-bottom-bar ul li {
        font-size: 16px;
        padding: 0 15px;
    }
    .top-bottom-bar ul li img {
        width: 30px;
    }
}

.top-bottom-bar-delivery-address {
    border-bottom:1px solid #ccc;
    background: #eee;
    white-space: nowrap;
    overflow: hidden;
}

.top-bottom-bar-delivery-address .fa {
    padding: 0 2px 0 12px;
}

.top-bottom-bar-covid-warning {
    border-top:1px solid red;
    border-bottom:1px solid red;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 0 3px 0;
}
.top-bottom-bar-covid-warning a {
    font-weight: bold;
}

/* How it works */

.how-it-work h2 {
    font-size: 42px;
    font-weight: 400;
	padding-bottom: 50px;
}

.how-it-work {
    margin-right: -15px;
    margin-left: -15px;
}

.how-it-work-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.how-it-work h2 span {
    font-weight: 600;
}

.how-it-work h3 {
    font-size: 24px;
    font-weight: 600;
}

.how-it-work p {
    font-size: 18px;
    font-weight: 300;
}

@media only screen and (max-width: 1380px) {
    .how-it-work br {
        display: none;
    }
    .how-it-work-inner img {
        height: 190px;
    }
}

@media only screen and (max-width:767px) {
    .catchy .catchy-location h3 {
        font-size: 30px;
		line-height: 32px;
    }
    .catchy .catchy-location p {
        font-size: 18px;
		line-height: 20px;
    }
}


/***
 * Offcanvas menu...
 */

.sidebar-offcanvas {
    z-index:999;
}
.has-sidebar-offcanvas {
    overflow-x: hidden;
}
.row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.btn-offcanvas-toggle, .btn-offcanvas-toggle:hover, .btn-offcanvas-toggle:focus {
    background: #106faf;
    color: white;
    outline: none !important;
}
.btn-offcanvas-toggle.active {
    background: black;
    color: white;
}
.btn-offcanvas-toggle .badge {
    background:white;
    color:black;
}
@media screen and (max-width: 991px){
    .row-offcanvas-right {
        right: 0;
    }
    .row-offcanvas-left {
        left: 0;
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -50%; /* 6 columns */
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -50%; /* 6 columns */
    }
    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }
    .row-offcanvas-left.active {
        left: 50%; /* 6 columns */
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%; /* 6 columns */
    }
}
@media screen and (max-width: 767px) {
    .row-offcanvas-right {
        right: 0;
    }
    .row-offcanvas-left {
        left: 0;
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -75%; /* 9 columns */
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -75%; /* 9 columns */
    }
    .row-offcanvas-right.active {
        right: 75%; /* 9 columns */
    }
    .row-offcanvas-left.active {
        left: 75%; /* 9 columns */
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 75%; /* 9 columns */
    }
}