/* 
Theme: **LABLE START**
Description: ""
Author: ""

THEME CSS INDEXING
==================
1.) HOME
1.1) Header
1.2) Banner 
1.3) Label STarr
1.4) Selling Point
1.5) Feature Section
1.6) Contact Us
1.7) Download
1.8) footer
2.) About Us 
3.) Contact Us
4.) Supplies
5.) Product Page
6.) Feature Detail Pages

 */


/* Global CSS */
html {
    font-size: 14px;
}

body {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	line-height: normal;
}



 img {
 	max-width: 100%;
 	vertical-align: middle;
 }

 a, .customize_btn, select, button, input {
 	transition: all .35s ease;
 	-webkit-transition: all .35s ease;
 	-ms-transition: all .35s ease;
 }

 a:focus, select:focus, button:focus, .btn:focus, input:focus  {
 	outline: none !important;
 }

 h1, h2, h3, h4, h5, h6 , p, figure {margin-bottom: 0;margin-top: 0;}

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

a {
	color: #ed1b24;
}
a:hover, a:focus, a:active {
	text-decoration: none;
	color: #ae131a;
}

.btnToggle {
    display: none;
}
/* Common Css */

.container {
    max-width: 1200px;
    width: 100%;
}

.commonPadding {
    padding: 70px 0;
}



/* Header */
.headerBottom {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
}

.headerTop {
    background-color: #f9f9f9;
    color: rgba(66,71,76,0.6);
}

.topLeftInfo {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.topLeftInfo > li {
    text-align: left;
    padding: 10px;
}

.topLeftInfo > li, .topRightInfo > li, .phoneNo {
    font-size: 14px;
}

.topLeftInfo {
    margin-right: auto;
}

.topLeftInfo > li > a, .topRightInfo > li > a {color: rgba(66,71,76,0.6);}

.topLeftInfo > li > a:hover, .topLeftInfo > li > a:focus, .topLeftInfo > li > a:active, .topRightInfo > li > a:hover, .topRightInfo > li > a:focus, .topRightInfo > li > a:active, .phoneNo > a:hover, .phoneNo > a:focus, .phoneNo > a:active {
    color: #ed1b24;
}

.headerTopContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.phoneNo {padding: 10px;}

.address, .phoneNo {
	border-right: 1px solid rgba(197, 203, 207, 0.50);
}

.topRightInfo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-left: auto;
    padding-right: 0;
}


.topRightInfo > li > a {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 16px;
}

.phoneNo > a {
    font-weight: 700;
    font-size: 15px;
    margin-left: 10px;
    color: rgba(66,71,76,0.6);
}

.headerBottomContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}


.navigationWrapper .menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navigationWrapper .menu > li {
    padding: 26px 0;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
}

.navigationWrapper .menu > li > a {
    width: 100%;
    margin: 0;
    white-space: nowrap;
    padding: 10px;
    display: flex;
    position: relative;
}

.navigationWrapper .menu > li.menu-item-has-children .sub-menu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.navigationWrapper .menu > li > a {
    color: #333;
    font-size: 16px;
    text-transform: uppercase;
    font-family: inherit;
    line-height: 1.4;
}
.brandLogo a {
    display: flex;
    padding: 12px 0;
}


.navigationWrapper .menu > li:hover a, 
.navigationWrapper .menu > li:focus a, 
.navigationWrapper .menu > li:active a, 
.navigationWrapper .menu > li.menu-item-has-children a, 
.navigationWrapper .menu > li.current-menu-item a {
    color: #ed1b24;
}


/* Banner */

.bannerWrapper img {
    margin-left: auto;
    margin-right: auto;
    display: table;
    height: auto;
}

.bannerWrapper {
    background-color: whitesmoke;
}

/* Label STarr */

.bannerLableStar img {
    margin-right: auto;
    margin-left: auto;
    height: 600px;
    display: table;
}
.laser-printer {
    position: relative;
}

.laser-printer:after {
    content: "OR";
    position: absolute;
    left: 50%;
    bottom: -20px;
    font-size: 15px;
    font-weight: 800;
    font-family: inherit;
    background-color: #fff;
    color: #ed1b24;
    border-radius: 100%;
    padding: 10px;
    border: 2px solid #ed1b24;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    transform: translateX(-50%);
}

.laser-printer:before {
    content: "";
    height: 2px;
    background-color: #e4e4e4;
    position: absolute;
    width: 45%;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}

.LabelStarrContent h2 {
    font-size: 34px;
    font-family: inherit;
    font-weight: 700;
    color: #ed1b24;
    position: relative;
    line-height: 1.3;
}

/* Selling Point */

.sellingPoint {
    background-color: #f5f5f5;
}

.title {
    text-align: center;
    font-size: 38px;
    font-family: inherit;
    margin-bottom: 35px;
    text-transform: uppercase;
    color: #ed1b24;
    font-weight: 600;
}

.brandNameTitle {
    font-size: 26px;
    margin-bottom: 20px;
    font-family: inherit;
    font-weight: 500;
    color: #333;
    position: relative;
    padding-bottom: 15px;
}

.brandNameTitle:after {
    content: "";
    height: 2px;
    background-color: red;
    position: absolute;
    width: 55px;
    bottom: 0;
    left: 0;
}

.labelStarList li, .otherCompetitors li {
    font-size: 18px;
    font-weight: 400;
    color: #111;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e1e1;
    line-height: 1.4;
    padding-left: 20px;
    position: relative;  
}

.labelStarList li:after, 
.otherCompetitors li:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    font-size: 24px;
    top: -4px;
    color: #ed1b24;
}


/* Feature Section */
.feature .title {
    margin-bottom: 10px;
}

.featureCol {
    margin-top: 60px;
}

.featureIcon {
    border: 2px solid #ed1b24;
    height: 150px;
    width: 150px;
    border-radius: 150px;
    margin: 0 auto 30px;
    font-size: 55px;
    color: #ed1b24;
    line-height: 145px;
    transition: all .35s ease;
}


.featureWrapper h4 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
    color: #333;
    line-height: normal;
    font-family: inherit
}
.featureWrapper:hover .featureIcon, 
.featureWrapper:focus .featureIcon {
    background-color: #ed1b24;
    color: #fff;
}

/* Contact Us */

.getFreeRow {
    display: flex;
    flex-flow: row wrap;
}

.getFreeContent, .getFreeImage {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
    min-height: 450px;
    position: relative;
    overflow: hidden;
}

.getFreeContent {
    background: #ed1b24;
    display: flex;
    align-items: center;
    justify-content: center;
}
.getFreeWrapper {padding-left: 65px;position: relative;}

.getFreeWrapper:before {
    content: "";
    height: 3px;
    background: #fff;
    width: 45px;
    position: absolute;
    left: 0;
    top: 25px;
}

.getFreeWrapperContent h1 {
    margin-bottom: 15px;
    font-size: 34px;
    font-weight: 400;
    color: #fff;
    font-family: inherit;
}

.getFreeWrapperContent h6 {
    font-size: 18px;
    color: #fff;
    font-family: inherit;
    line-height: normal;
    margin-bottom: 10px;
}

.getFreeWrapperContent .viewMore {
    background-color: #000;
    color: #fff;
    margin-top: 35px;
    width: 185px;
    line-height: 50px;
}

.viewMore {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 15px;
    text-align: center;
    border: 2px solid transparent;
}


.getFreeWrapperContent .viewMore:hover, 
.getFreeWrapperContent .viewMore:focus, 
.getFreeWrapperContent .viewMore:active {
    border: 2px solid #000;
    background-color: transparent;
    color: #000;
}

.getFreeImage img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    right: 0;
    left: 0;
    height: 100%;
}

/* Download  */

.downloadsoftware h3 {
    font-size: 38px;
    line-height: 1.7;
    font-weight: 600;
    color: #333;
    margin-bottom: 50px;
    font-family: inherit;
}

.downloadBtn {
    display: inline-block;
    background-color: #ed1b24;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    padding: 15px 25px;
    border: 2px solid transparent;
}

.downloadBtn:hover, .downloadBtn:focus, .downloadBtn:active {
    color: #ed1b24;
    border: 2px solid #ed1b24;
    background-color: transparent;
}


/* footer */
.footerMain {
    background: #8f98a3;
}

.footerMenu > li {
    display: inline-block;
    padding: 0 15px 25px;
}

.footerMenu > li > a {
    color: #eee;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}

.footerMenu > li > a:hover, 
.footerMenu > li > a:focus, 
.footerMenu > li > a:active, 
.socialIcon > li > a:hover, 
.socialIcon > li > a:focus, 
.socialIcon > li > a:active {
    color: #fff;
}

.footerMenu {
    border-bottom: 1px solid #9c9fa2;
}

.addressfoot, .mainContact {
    max-width: 250px;
    border-right: 0;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.9;
    font-size: 14px;
    font-weight: 300;
    color: #eee;
}

.mainContact a {
    color: #eee;
    text-decoration: underline;
}

.footercontactInfo {
    margin-top: 25px;
}

.socialIcon > li {
    display: inline-block;
    padding: 0 10px;
}

.socialIcon > li > a {
    color: #eee;
    line-height: 1.7;
}

.socialIcon {
    padding: 25px 0;
}

.copyRight {
    font-size: 13px;
    color: #eee;
    font-weight: 300;
    padding-top: 25px;
    border-top: 1px solid #9c9fa2
}

/* About Us */

.contentWrapper p {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #111;
    font-weight: 400;
    font-family: inherit;
}
.contentWrapper h2, .contentWrapper h3, .contentWrapper h4 {
    color: #111;
    line-height: 1.7;
    margin-top: 15px;
    margin-bottom: 13px;
    font-family: inherit;
}

.contentWrapper ul li {
    line-height: 1.7;
    font-size: 18px;
    font-weight: normal;
    color: #111;
    list-style: disc;
    margin-bottom: 5px;
    font-family: inherit;
}

.contentWrapper ul {
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.contentWrapper table thead tr th, .contentWrapper table tbody tr td {font-size: 18px;padding: 10px 15px;color: #111;line-height: 1.4;font-family: inherit;}

.contentWrapper table thead tr th {
    background-color: #ed1b24;
    color: #fff;
}

.contentWrapper table {
    border: 1px solid #e2e2e2;
}

.contentWrapper table tbody tr:nth-child(2n) {
    background: #e4e0e0;
}


/* Contact Us */
.input_field input[type='text'], .input_field input[type='email'] {
    height: 40px;
    width: 100%;
    padding: 0 15px;
    border: 1px solid rgb(222, 209, 209);
}

.input_field input[type='text'], .input_field input[type='email'], .input_field textarea {
    width: 100%;
    border: 1px solid rgb(222, 209, 209);
    font-size: 16px;
    color: #111;
    font-family: inherit;
    line-height: normal;
    font-weight: 400;
}

.input_field textarea {
    padding: 10px 15px;
    height: 160px;
    resize: none;
}


input[type='text']:focus, input[type='email']:focus, textarea:focus {
    border-color: #ed1b24;
    outline: none;
}

.form-submit input[type='submit'] {
    background-color: #ed1b24;
    color: #fff;
    display: inline-block;
    width: 160px;
    line-height: 40px;
    text-align: center;
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid transparent;
}

.form-submit input[type='submit']:hover, .form-submit input[type='submit']:focus, .form-submit input[type='submit']:active {
    background-color: transparent;
    border: 2px solid #ed1b24;
    color: #ed1b24;
}
span.wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 5px;
}

.contactUs .title {
    margin-bottom: 60px;
}

.contactUsMap iframe {
    width: 100%;
}


/* Supplies */
.supplies img.alignright {
    float: right;
    margin: 15px;
}
.printerSelling {
    background-color: #f7f7f7;
}
.printerSellingWrapper {    
	padding: 30px 15px 15px;
    border-bottom: 1px solid #ccc;
    margin-top: 30px;
    border-top: 5px solid #ed1b24;
}

.printerSellingWrapper h3 {
    font-size: 22px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: normal;
    color: #333;
    font-weight: bold;
}

.printerPrice {
    text-align: center;
    color: green;
    font-weight: bold;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 15px;
}

.labelSupplies .printerPrice {color: #ed1b24;}

.actionBuyNow {
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding: 0 0 20px;
}


.tonnerSellingWrappper h3 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 15px;
    font-family: inherit;
}

.typeandPrice {
    max-width: 180px;
    text-align: center;
    line-height: 1.7;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
.typeandPrice {
    border-bottom: 1px solid #ccc;
}
.typeandPrice span {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    font-family: inherit;
    line-height: normal;
    margin-top: 10px;
}
.typeandPrice:last-child {
    border-bottom: none;
}

.printerSellingWrapper.labelSupplies {
    border-bottom: none;
}

.sizeWithDimention {
    text-align: center;
    padding: 0 !important;
    max-width: 250px;
    margin: 0 auto !important;
}

.sizeWithDimention .sizewidth_list {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.sizeWithDimention .sizewidth_list:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

/* Product Page */

.productPageWrapper ._title {
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: bold;
    line-height: normal;
}

.productPageWrapper .productImg {
    border: 1px solid #ccc;
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;
}

.productPageWrapper .buyProduct {
    background-color: #ed1b24;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 15px;
    line-height: normal;
    width: auto;
    text-align: center;
    margin-top: 15px;
    border: 1px solid #ed1b24;
}

.productPageWrapper .buyProduct:hover, 
.productPageWrapper .buyProduct:focus, 
.productPageWrapper .buyProduct:active {
    background-color: transparent;
    color: #ed1b24;
}


/* Feature Detail Pages */

.featureIconDetailPage .alignright {
    float: right;
    margin: 25px 0 25px 25px;
}

.featureDetailOuter .aligncenter {
    max-width: 600px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-top: 25px;
    margin-bottom: 25px;
}


/* Media Query */



@media (max-width: 990px) {
	.brandLogo img {
	    max-width: 250px;
	}
	.navigationWrapper .menu > li > a {
	    padding: 5px;
	}	
	.headerTop {display: none;}

}


@media (max-width: 767px) {
	.navigationWrapper {
	    position: fixed;
	    background-color: #ed1b24;
	    top: 0;
	    left: -100%;
	    width: 200px;
	    height: 100vh;
	    z-index: 10;
	    transition: left .35s ease;
	    overflow-y: auto;
	}

	.activSlide .navigationWrapper {
	    left: 0;
	}
	.navigationWrapper .menu > li > a {
	padding: 8px 15PX;
	}

	.navigationWrapper .menu > li:hover a, .navigationWrapper .menu > li:focus a, .navigationWrapper .menu > li:active a, .navigationWrapper .menu > li.menu-item-has-children a, .navigationWrapper .menu > li.current-menu-item a {
	    color: #111;
	}	
    .navigationWrapper .menu {
        display: block;
    }

    .navigationWrapper .menu > li {
        margin: 0;
        padding: 0;
    }

    .navigationWrapper .menu > li > a {
        color: #fff;
    }	

	.btnToggle {
	    display: block;
	    background-color: #ed1b24;
	    border: none;
	    padding: 6px 10px;
	    color: #fff;
	}
	.overLay {
	    position: fixed;
	    background-color: rgba(0,0,0,.7);
	    top: 0;
	    right: 0;
	    bottom: 0;
	    display: block;
	    left: 0;
	    height: 100%;
	    transition: all .25s ease;
	}   
	.bannerLableStar img {
	    height: auto;
	}
	body.activSlide {
	    overflow-y: hidden;
	}
	.commonPadding {
	    padding: 45px 0;
	}
	.title {
	    font-size: 34px;
	}
	.brandNameTitle {
	    font-size: 22px;
	}
	.labelStarList li, .otherCompetitors li, .getFreeWrapperContent h6, .contentWrapper table thead tr th, .contentWrapper table tbody tr td {
	    font-size: 15px;
	}
	.labelStarList li:last-child, .otherCompetitors li:last-child {
	    border-bottom: 0;
	    margin-bottom: 0;
	}
	.labelStarList li:after, .otherCompetitors li:after {
	    top: 0;
	}
	.featureWrapper h4, .labelStarList li:after, .otherCompetitors li:after {
	    font-size: 18px;
	}

	.featureIcon {
	    height: 100px;
	    width: 100px;
	    border-radius: 100px;
	    font-size: 35px;
	    line-height: 100px;
	}
	.getFreeWrapperContent h1 {
	    font-size: 26px;
	}
	.viewMore {
	    font-size: 14px;
	}

	.getFreeWrapperContent .viewMore {
	    margin-top: 25px;
	    width: 165px;
	    line-height: 45px;
	}

	.downloadsoftware h3 {
	    font-size: 28px;
	    margin-bottom: 30px;
	}
	.downloadBtn {
	    font-size: 18px;
	    padding: 10px 20px;
	}
	.footerMenu > li {
	    padding: 0 5px 25px;
	}
	.printerSellingOuter {
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.contentWrapper p {line-height: 1.7;}
	.contentWrapper table thead tr th, .contentWrapper table tbody tr td {
	    padding: 10px;
	}
	.contentWrapper table thead tr th, .contentWrapper table tbody tr td {
	    line-height: 1.6;
	}
    .contact-left, .contact-right {
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .contact-right {
        margin-top: 40px;
    }
    .contactUs .title {
      margin-bottom: 35px;
    }

}


@media (max-width: 575px) {
	.getFreeRow {
	    display: flex;
	    flex-flow: column-reverse;
	}
	.getFreeContent, .getFreeImage {
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.getFreeContent, .getFreeImage {
	    min-height: 350px;
	}
	.sellingPointOther {
	    margin-top: 40px;
	}
	.printerSellingOuter {
	    flex: 0 0 100%;
	    max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	.contentWrapper p, .contentWrapper ul li {font-size: 15px;}
	.supplies img.alignright {
	    float: none;
	    margin: 30px auto;
	    display: table;
	}
	.productPageWrapper .productCol + .productCol {
	    margin-top: 40px;
	}

}

@media (max-width: 479px) {
	.brandLogo img {
	    max-width: 200px;
	}
}