/** CSS Document
Start Date: 29.06.2017
Written by: Pankaj Thakur
**/

td.value span {
    display: block;
}
select::-ms-expand {
    display: none;
}

::-webkit-scrollbar {
    min-width: 3px;
    width: 0.3%;
    max-width: 4px;
}

::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
    background: #171719;
}

::-webkit-scrollbar-button,
::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.6);
}

/** SVG reset **/

svg:not(:root) {
    height: 100%;
    width: 100%;
}

/** Bootstrap modal vertical middle **/

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal .close {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #999;
    padding: 0;
    height: 30px;
    width: 30px;
    z-index: 1;
    text-align: center;
}

.modal .close svg {
    height: 10px;
    width: 10px;
}

.modal-open {
    padding-right: 0 !important;
}

.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 20px;
    border: 1px solid #696969;
}

html {
    overflow-y: scroll !important;
}

.modal-open .header,
.modal-open main,
.modal-open .footer {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: normal;
    margin: 0;
}

strong,
b {
    font-weight: 600;
}

i,
em {
    font-style: italic;
}

label {
    font-weight: normal;
}

label[required]:after {
    content: "*";
    color: red;
}

input,
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

input[type='checkbox'],
input[type='radio'] {
    width: auto;
    height: auto;
}

input[type='checkbox'] {
    appearance: checkbox;
    -webkit-appearance: checkbox;
}

input[type='radio'] {
    appearance: radio;
    -webkit-appearance: radio;
}

select[multiple],
select[size],
textarea {
    height: auto;
}

a {
    color: #30a4dd;
    text-decoration: none !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover {
    color: #454545;
}

*:focus {
    outline: none !important;
}

img {
    max-width: 100%
}

.clr {
    border: 0;
    clear: both;
    height: 0;
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

.display-table {
    display: table;
    width: 100%;
    height: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (min-width:1500px) {

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

.btn {
    min-width: 190px;
    padding: 13px 20px;
    text-transform: uppercase;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn:hover,
.btn:focus,
.btn:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.btn:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.btn:hover:before,
.btn:focus:before,
.btn:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

body {
    background: #fff;
    color: #454545;
    font-family: 'Lato', sans-serif;
    font-kerning: none;
    font-size: 16px;
    line-height: 1.625;
    opacity: 0;
    overflow-x: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-text-stroke: rgba(255, 255, 255, 0.01) 0.1px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
}

body.loaded,
.no-js body {
    opacity: 1;
}

/* Header */

.header {
    padding: 14px 0 0;
}

.logo {
    display: block;
    margin: 26px 0 0;
}

.topMiddleArea {
    font-family: 'Open Sans', sans-serif;
    margin: 5px 0 0;
    text-align: center;
}

/* Shopping Cart Area */

.shoppingCart {
    background: #eeeeee;
    margin: 0 auto 10px;
    max-width: 390px;
    padding: 8px 20px 8px 15px;
    display: inline-block;
    vertical-align: top;
}

.shoppingCart .cartTitle {
    color: #444444;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 0 0;
    text-transform: uppercase;
}

.shoppingCart .cartTitle #cartIcon {
    display: inline-block;
    height: 15px;
    margin: 0 2px 0 0;
    vertical-align: -3px;
    width: 15px;
}

.shoppingCart .cartItems {
    color: #2e2e2e;
    display: block;
    float: left;
    font-size: 11px;
    padding: 5px 10px 0;
    vertical-align: top;
}

.shoppingCart .viewBasketBtn {
    background: #00abec;
    border-radius: 2px;
    color: #fff;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 6px;
    text-transform: uppercase;
}

.shoppingCart .viewBasketBtn:hover {}

.shoppingCart .viewBasketBtn .backgroundInner {
    background-color: #444;
}

/* Search Area */

.searchBar {
    margin: 0 auto;
    max-width: 610px;
    position: relative;
}

.searchBar .categorySelect {
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 1;
}

.searchBar form {
    position: relative;
}

.searchBar form select {
    background: #f6f6f6 url(../images/select-dd.png) no-repeat right 7px center;
    background-size: 10px auto;
    border: 0;
    border-right: 1px solid #e3e3e3;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    height: 37px;
    padding: 0 20px 0 8px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 125px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
}

.searchBar input[type="text"],
.searchBar input[type="search"] {
    border: 1px solid #e2e2e2;
    color: #565655;
    font-size: 13px;
    height: 39px;
    padding: 0 55px 0 158px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 100%;
}

.searchBar input[type="text"]:focus,
.searchBar input[type="search"]:focus {
    border-color: #00abec;
}

.searchBar form select:focus {
    box-shadow: 0 0 0 1px #00abec;
}

.searchBar .searchSubmit {
    position: absolute;
    right: 1px;
    top: 1px;
}

.searchBar .searchSubmit input[type='submit'] {
    background: #383838 url(../images/search-btn.png) no-repeat center;
    background-size: 15px auto;
    border: 1px solid #383838;
    color: rgba(0, 0, 0, 0);
    display: block;
    font-size: 0;
    height: 37px;
    padding: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 42px;
}

.searchBar .searchSubmit input[type='submit']:hover {
    background-color: #00abec;
    border-color: #00abec;
}

/* Login area */

.loginArea input[type='text'],
.loginArea input[type='password'],
.loginArea input[type='email'] {
    border: 1px solid #afafaf;
    border-radius: 2px;
    color: #2e2e2e;
    display: block;
    font-size: 11px;
    height: 24px;
    margin: 0 0 9px;
    padding: 0 11px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 100%;
}

.loginArea input[type='text']:focus,
.loginArea input[type='password']:focus,
.loginArea input[type='email']:focus {
    border-color: #00abec;
}

.loginArea .custom-checkbox {
    color: #2e2e2e;
    display: block;
    float: left;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    padding: 0 0 0 22px;
    position: relative;
}

.loginArea .custom-checkbox input[type="checkbox"] {
    display: none;
}

.loginArea .custom-checkbox span.custom-check {
    border: solid 1px #bbbbbb;
    cursor: pointer;
    display: block;
    height: 13px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 13px;
}

.loginArea .custom-checkbox input[type='checkbox']:checked ~ span.custom-check {
    border-color: #00abec;
}

.loginArea .custom-checkbox input[type='checkbox']:checked ~ span.custom-check:after {
    background: #00abec;
    bottom: 0;
    content: "";
    height: 7px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px;
}

.loginArea .forgotPass {
    color: #2e2e2e;
    display: block;
    float: right;
    font-size: 13px;
    line-height: 1;
    margin: 0 20px 0 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.loginArea .forgotPass:hover {
    color: #00abec
}

.loginArea input[type='submit'] {
    background: #30a4dd;
    border: 1px solid #30a4dd;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 28px;
    margin: 11px 0 0;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 100%;
}

.loginArea input[type='submit']:hover {
    background: #383838;
    border-color: #383838;
}

.loginArea .notaMember {
    color: #6a6a6a;
    font-size: 14px;
    line-height: 1;
    margin: 12px 0 0;
    text-align: center;
}

.header .navBar {
    background: #30a4dd;
    margin: 14px 0 0;
}

.header .navbar-collapse {
    padding: 0;
}

/** Register Area **/

.registerNow {
    display: block;
}

.modal h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 24px;
    margin: 0 0 20px;
}

.modal p {
    text-align: center;
    font-size: 14px;
}

.modal .row {
    margin-left: -8px;
    margin-right: -8px;
}

.modal div[class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

.modal label {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.modal label[required]:after {
    font-size: 14px;
}

.modal .input {
    border-radius: 0;
    margin: 0 0 5px;
}

.modal .modal-content {
    padding: 20px 30px;
}

.modal .modal-dialog {
    width: 100%;
    max-width: 420px;
}

.modal .submitBtn {
    background-color: #ea2628;
    border: 1px solid #ea2628;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 13px 20px;
    text-transform: uppercase;
    line-height: 1;
    text-shadow: none;
    border-radius: 0;
    display: block;
    width: 100%;
    margin: 15px 0 20px;
}

.modal .submitBtn:hover {
    background: #30a4dd;
    border-color: #30a4dd
}

.modal .close {
    position: absolute;
    right: 0;
    top: -1px;
    border: 0;
    padding: 0;
    height: 30px;
    width: 30px;
    z-index: 1;
    text-align: center;
    background: #ea2628;
    opacity: 1 !important;
    color: #fff;
    line-height: 18px;
    margin: 0;
}

label.error {
    display: none !important;
}

input.error,
select.error {
    border-color: #ff2000 !important;
}

input.submitBtn {
    margin-top: 15px !important;
}

#register .modal-dialog {
    max-width: 750px;
}

.modal select {
    border: 1px solid #d6d6d6;

    font-size: 14px;
    height: 40px;
    margin: 0 0 10px;
    padding: 0 10px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    width: 100%;
}

.modal .close svg {
    height: 10px;
width: 10px;
fill: #fff;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 50%;
transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#imk_register h3:after {
    position: absolute;
    content: "";
    width: 85px;
    height: 1px;
    left: 0;
    background: #329dd6;
    bottom: 0;
}

#imk_register h3 {
    font-size: 20px;
    margin: 18px 0 5px;
    padding: 0 0 8px;
    color: #329dd6;
    position: relative;
}

#register h2 {
    margin: 0;
}

/* Side menu */

.sidebarMenu {
    display: block;
    float: left;
    position: relative;
    width: 215px;
    z-index: 99
}

.sidebarMenu .menuBtn {
    display: block;
    position: relative;
}

.sidebarMenu .menuBtn a {
    background: #0a4463;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 50px;
    padding: 0 22px;
}

.sidebarMenu .menuBtn a:before,
.sidebarMenu .menuBtn a:after {
    font: normal normal normal 14px/1 FontAwesome;
}

.sidebarMenu .menuBtn a:before {
    content: "\f03a";
    margin-right: 10px;
    vertical-align: 0;
}

.sidebarMenu .menuBtn .tg_menu {
    display: none;
}

.sidebarMenu .menuBtn a:after {
    /* border: 1px solid #fff; border-radius: 50%; bottom: 0; content: "\f0d7"; font-size: 13px; height: 16px; line-height: 15px; margin: auto; position: absolute; right: 20px; text-align: center; top: 0; transition: all 0.3s; -webkit-transition: all 0.3s; width: 16px;*/
}

.sidebarMenu .menuBtn a:hover {
    background-color: #383838
}

.sidebarMenu .menuContent {
    position: absolute;
    top: 100%;
    width: 100%;
}

.sidebarMenu .menuContent ul {
    margin: 0;
    padding: 0;
}

.sidebarMenu .menuContent ul li {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    list-style: none;
    margin: 4px 0 0;
    position: relative;
}

.sidebarMenu .menuContent ul li a {
    background: #eeeeee;
    color: #515b5f;
    display: block;
    line-height: 1.2;
    padding: 17px 10px 17px 35px;
    position: relative;
}

.sidebarMenu .menuContent ul li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 18px;
    left: 15px;
    position: absolute;
    top: 48%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.sidebarMenu .menuContent ul li .megaMenu h3 a{padding-left: 20px;}
.sidebarMenu .menuContent ul li .megaMenu h3 a:before{transform: translateY(-50%);
    -webkit-transform: translateY(-50%);top:50%;display: none;}

.sidebarMenu .menuContent ul li:hover > a:before {
    color: #fff;
    left: 20px;
}

.sidebarMenu .menuContent ul li:hover > a {
    background: #30a4dd;
    color: #fff;
}

.sidebarMenu .menuContent .megaMenu {
    border: 1px solid #e3e1e1;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 100%;
    width: 850px;
    background: #fff;
    padding: 30px 30px 0;
    pointer-events: none;
    top: 100%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}

.sidebarMenu .menuContent ul li:hover .megaMenu {
    pointer-events: auto;
    top: 0;
    visibility: visible;
    opacity: 1;
}

.sidebarMenu .menuContent .megaMenu h3 {
    color: #282828;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600
}

.sidebarMenu .menuContent .megaMenu ul {
    margin: 0 0 30px;
}

.sidebarMenu .menuContent .megaMenu ul li {
    margin: 15px 0 0;
}

.sidebarMenu .menuContent .megaMenu ul li a {
    background: none;
    color: #282828;
    padding: 0 0 0 20px;
    display: inline-block;
}

.sidebarMenu .menuContent .megaMenu ul li a:before {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top:48%;
    left: 0;
    color: #282828;
}

.sidebarMenu .menuContent .megaMenu ul li:hover > a,
.sidebarMenu .menuContent .megaMenu ul li:hover > a:before {
    color: #30a4dd;
}


/* Main navigation */

.mainNav {
    float: left;
}

.mainNav ul {
    float: left;
    margin: 0;
    padding: 0 0 0 32px;
    width: 100%;
}

.mainNav ul li {
    float: left;
    font-size: 20px;
    list-style: none;
    margin: 0 50px 0 0;
    position: relative
}

.mainNav ul li:last-of-type {
    margin-right: 0;
}

.mainNav ul li a {
    color: #fff;
    display: block;
    position: relative;
}

.mainNav ul li.hassub > a:after {
    content: "\f0d7";
    font: normal normal normal 20px/1 FontAwesome;
    margin-left: 8px;
}

.mainNav > ul > li > a {
    line-height: 50px;
}

.mainNav ul li:hover > a,
.mainNav ul li.current-menu-item > a {}

.mainNav > ul > li > a:before {
    position: absolute;
    top: -5px;
    left: 50%;
    color: transparent;
    content: ".";
    text-shadow: transparent 0px 0px;
    font-size: 40px;
    line-height: 10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    pointer-events: none;
    transition: text-shadow 0.3s, color 0.3s;
    -webkit-transition: text-shadow 0.3s, color 0.3s;
    opacity: 0.8;
    z-index: 2;
}

.mainNav ul li:hover a:before,
.mainNav ul li a:focus:before,
.mainNav ul li.current-menu-item > a:before,
.mainNav ul li.subActive > a:before {
    color: #fff;
    text-shadow: 10px 0 #fff, -10px 0 #fff;
}

.mainNav ul li ul {
    background: #fff;
    border: 1px solid #30a4dd;
    border-bottom: 0;
    border-top: 0;
    left: -12px;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    visibility: hidden;
    width: 200px;
    z-index: 2;
}

.mainNav ul li:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.mainNav ul li ul li {
    float: none;
    font-size: 16px;
    margin: 0;
}

.mainNav ul li ul li a {
    border-bottom: 1px solid #30a4dd;
    color: #30a4dd;
    line-height: 1.3;
    margin-top: -20px;
    overflow: hidden;
    padding: 10px;
}

.mainNav ul li ul li:hover > a,
.mainNav ul li ul li.current-menu-item > a {
    background: #30a4dd;
    color: #fff;
}

.mainNav ul li:hover ul li a {
    margin-top: 0;
    overflow: visible;
}

/* Phone number */

.navBar .phoneNum {
    float: right;
}

.navBar .phoneNum a {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
    line-height: 50px;
}

.navBar .phoneNum a:before {
    color: #ededed;
    content: "\f095";
    font-family: FontAwesome;
    line-height: 1;
    margin-right: 15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    vertical-align: -2px;
}

.navBar .phoneNum a:hover,
.navBar .phoneNum a:hover:before {
    color: #0a4463;
}

/** Slider **/

.sliderArea {
    margin: 0 0 100px
}

.sliderArea .carousel-indicators {
    bottom: 13px;
    left: 0;
    margin: 0;
    width: 100%;
}

.sliderArea .carousel-indicators li {
    height: 12px;
    margin: 0 2px;
    width: 12px;
}

.sliderArea .offerBadge {
    background: #fff;
    border-radius: 50%;
    color: #30a4dd;
    display: table;
    font-family: 'Roboto Slab', serif;
    height: 130px;
    left: 30px;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 130px;
    z-index: 1;
}

.sliderArea .offerBadge p {
    display: table-cell;
    font-size: 48px;
    font-weight: bold;
    margin: 0;
    vertical-align: middle;
}

.sliderArea .offerBadge small {
    display: block;
    font-size: 24px;
}

.sliderArea .slideCaption {
    max-width: 450px;
    position: absolute;
    right: 70px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    top: 49%;
    transform: translate3d(0, -51%, 0);
    -webkit-transform: translate3d(0, -51%, 0);
}

.sliderArea .slideCaption h2 {
    color: #fff;
    font-size: 36px;
    line-height: 1.28;
    margin: 0 0 30px;
    text-transform: uppercase;
}

.sliderArea .slideCaption p {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.625;
}

.btnShop {
    background-color: #ea2628;
    border: 1px solid #ea2628;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-shadow: none;
}

.btnShop:hover,
.btnShop:focus {
    background-color: #30a4dd;
    border-color: #fff;
    color: #fff;
}

.sliderArea .slideCaption .btn {
    margin-top: 32px;
}

/** Products rotator **/

.productsRotator {
    display: block;
    margin: 0 0 40px;
}

/** Products Filters bar **/

.productFiltersBar {
    border-bottom: 1px solid #e8e8e8;
    margin: 0 0 55px;
}

.productFiltersBar ul {
    margin: 0;
    padding: 0;
}

.productFiltersBar ul li {
    display: block;
    float: left;
    font-size: 16px;
    list-style: none;
    margin: 0 0 -1px;
}

.productFiltersBar ul li a {
    border: 1px solid transparent;
    color: #383838;
    display: block;
    padding: 8px 20px;
}

.productFiltersBar ul li.active a {
    border: 1px solid #e8e8e8;
    border-bottom: 0;
    box-shadow: 0px -2px 0px 0px #0f4983, inset 0 0 2px #d5d5d5;
}

/** Product slider **/

.productsRotator .owl-carousel {
    min-height: 300px;
}

.productsRotator .owl-carousel.owl-loaded {
    background: #fff;
}

.productsRotator .owl-item {
    margin-right: 30px;
}

.productsRotator .owl-nav {
    position: absolute;
    top: -91px;
    right: 0;
}

.productsRotator .owl-nav > div {
    display: block;
    float: left;
    width: 20px;
    height: 27px;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 23px;
    color: #c3c3c3;
    margin: 0 0 0 4px;
}

.productsRotator .owl-nav > div:hover {
    background: #30a4dd;
    border-color: #30a4dd;
    color: #fff;
}

/** Single Product **/

.productSingle {
    border: 1px solid #e8e8e8;
    padding: 25px 25px 25px;
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    text-align: center;
}
.brandProduct .productSingle{margin: 15px;}

.productSingle:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.productSingle .productLabel {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 23px;
    padding: 0 10px;
    position: absolute;
    right: 39px;
    text-transform: uppercase;
    top: 7px;
    z-index: 1;
}

.productSingle .productLabel:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 6px 0;
    border-color: transparent;
    position: absolute;
    right: 10px;
    top: 100%;
}

.productSingle .productLabel.sale {
    background: #30a4dd;
    color: #fff;
}

.productSingle .productLabel.sale:after {
    border-right-color: #30a3dd;
}

.productSingle figure {
    display: block;
    margin: 0;
}

.productSingle figure img {
    display: block;
    margin: 0 auto;
}

.productSingle figcaption {
    margin: 10px 0 0
}

.productSingle .proInfo {
    display: block;
}

.productSingle .proInfo h3 {
    font-size: 15px;
    min-height: 60px;
}

.productSingle .proInfo h3 a {
    color: #454545;
}

.productSingle .proInfo h3 a:hover {
    color: #30a4dd;
}

.productSingle .proActions {
    word-spacing: -4px;
}

.productSingle .proActions a {
    border: 1px solid #dddddd;
    color: #9c9c9c;
    display: inline-block;
    height: 32px;
    line-height: 30px;
    min-width: 32px;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    word-spacing: normal;
}

.productSingle .proActions a + a {
    margin-left: 6px;
}

.productSingle .proActions a:before {
    display: inline-block;
    font-family: FontAwesome;
    vertical-align: 0;
}

.productSingle .proActions a:hover,
.viewProductBtn:hover {
    background: #30a4dd;
    border-color: #30a4dd;
    color: #fff;
}

.productSingle .proActions .toCartBtn,
.viewProductBtn {
    color: #4a4a4a;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.productSingle .proActions .toCartBtn:before {
    content: "\f07a";
    font-size: 18px;
    margin: 0 7px 0 0;
}

.productSingle .proActions .toFavoriteBtn {
    padding: 0 6px;
}

.productSingle .proActions .toFavoriteBtn:before {
    content: "\f004"
}

.productSingle .proActions .toCompareBtn {
    padding: 0 4px;
}

.productSingle .proActions .toCompareBtn:before {
    content: "\f080"
}

/** Magic Button **/

.magicBtn {
    overflow: hidden;
    position: relative;
    -webkit-transition: color 0.1s ease;
    -webkit-transition-delay: 0.1s;
    transition: color 0.1s ease 0.1s;
    z-index: 1;
}

.magicBtn .background {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -1;
}

.magicBtn .backgroundInner {
    background-color: #383838;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.magicBtn:hover {
    color: #fff;
}

.magicBtn:hover .backgroundInner {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

/** Featured Equipments **/

.featuredPros {
    display: block;
}

.featuredPros [class*="equipments-"] {
    position: relative;
}

.featuredPros [class*="equipments-"] figure {
    display: block;
}

.featuredPros [class*="equipments-"] figcaption {
    position: absolute;
    text-shadow: 0 0 10px #fff;
    z-index: 5;
}

.featuredPros [class*="equipments-"] figcaption h3 {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 31px;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.featuredPros [class*="equipments-"] figcaption p {
    color: #000;
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 1.32;
    margin: 0 0 14px;
}

.featuredPros [class*="equipments-"] figcaption .shopNowBtn {
    background: #30a4dd;
    border: 1px solid #30a4dd;
    color: #fff;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: bold;
    line-height: 50px;
    padding: 0 16px;
    text-shadow: none;
    text-transform: uppercase;
}

.featuredPros [class*="equipments-"] figcaption .shopNowBtn .backgroundInner {
    background-color: #000;
}

.featuredPros [class*="equipments-"] figcaption .shopNowBtn i {
    margin-left: 10px;
}

.featuredPros [class*="equipments-"] figcaption .shopNowBtn:hover {
    border-color: #000;
}

.featuredPros .equipments-I figcaption {
    max-width: 430px;
    right: 40px;
    top: 50%;
    transform: translate3d(0, -51%, 0);
    -webkit-transform: translate3d(0, -51%, 0);
}

.featuredPros .equipments-II figcaption {
    left: 18px;
    max-width: 360px;
    top: 50px;
}

.featuredPros .equipments-II figcaption h3 {
    font-size: 26px;
    margin: 0 0 10px;
}

.featuredPros .equipments-II figcaption p {
    font: 15px;
}

/** Services home **/

.servicesHome {
    display: block;
    margin: 42px 0 40px;
}

.serviceBox {
    border: 1px solid #eaeaea;
    display: table;
    padding: 0;
    position: relative;
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    z-index: 2;
	padding-top: 5px;
}

.serviceBox:before,
.serviceBox:after {
    content: '';
    background: rgba(48, 164, 221, 0.05);
    position: absolute;
    width: 0;
    height: 0;
    transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
    z-index: -1;
}

.serviceBox:after {
    right: 0;
    bottom: 0;
}

.serviceBox:before {
    top: 0;
    left: 0;
}

.serviceBox:hover {
    border-color: #00a9fc;
}

.serviceBox:hover h3 {
    color: #00a9fc
}

.serviceBox:hover p {
    color: #30a4dd;
}

.serviceBox:hover:before,
.serviceBox:hover:after {
    width: 100%;
    height: 100%;
}

.serviceBox figure {
    display: table-cell;
    height: 136px;
    position: relative;
    vertical-align: middle;
    width: 30%;
}

.serviceBox figcaption {
    display: table-cell;
    font-family: 'Open Sans', sans-serif;
    vertical-align: middle;
}

.serviceBox object {
    position: absolute;
    top: -6px;
    bottom: 0;
    left: 0;
    right: 0; 
}

.serviceBox h3 {
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
}

.serviceBox p {
    color: #828282;
    font-size: 18px;
}

/** Footer **/

.footer {
    background: #333;
    margin: 40px 0 0;
    padding: 50px 0 0
}

.footer h3 {
    color: #f2f2f2;
    font-size: 22px;
    margin: 0 0 35px;
}

.footer p {
    color: #f2f2f2;
    font-size: 15px;
    line-height: 1.5;
}

.footer p + p {
    margin-top: 15px;
}

.footer p a {
    color: #f2f2f2;
}

.footer ul {
    margin: 0;
    padding: 0
}

.footer ul li {
    font-size: 15px;
    list-style: none;
    margin: 0 0 15px;
}

.footer ul li a {
    color: #f2f2f2;
}

.footer ul li a:hover,
.footer p a:hover {
    color: #30a5db;
}

.ourProductsLinks {
    float: left;
    position: relative;
    width: 27.778%;
}

.ourProductsLinks:after,
.getInTouch:after,
.footerInfo:after {
    background: #d3d3d3;
    content: "";
    height: 132px;
    position: absolute;
    right: -1px;
    top: 60px;
    width: 1px;
}

.ourProductsLinks ul li {
    display: block;
    float: left;
    width: 50%;
    text-transform: capitalize;
}

.getInTouch {
    float: left;
    padding: 0 0 0 50px;
    position: relative;
    width: 21.52%;
}

.getInTouch p {
    padding: 0 0 0 25px;
    position: relative;
}

.getInTouch p:before {
    content: "";
    display: block;
    font-family: FontAwesome;
    left: 0;
    color: #f2f2f2;
    font-size: 14px;
    position: absolute;
    top: 3px;
}

.getInTouch p.address:before {
    content: "\f041";
    left: 3px;
}

.getInTouch p.fax:before {
    background: url(../images/fax-icon.svg) no-repeat center;
    background-size: 15px 17px;
    height: 17px;
    top: 6px;
    width: 15px;
}

.getInTouch p.phone:before {
    content: "\f095";
    left: 1px;
}

.getInTouch p.email:before {
    content: "\f003"
}

.footerInfo {
    float: left;
    padding: 0 0 0 50px;
    position: relative;
    width: 24.652%;
}

.newsletter {
    float: left;
    padding: 0 0 0 45px;
    width: 26.04%;
}

.signUpBox h4 {
    color: #f2f2f2;
    font-size: 18px;
    margin: 0 0 18px;
    text-transform: uppercase;
}

.signUpBox form {
    display: table;
    width: 100%;
}

.signUpBox form .inPut {
    display: table-cell;
    vertical-align: top;
}

.signUpBox form .subMit {
    display: table-cell;
    width: 38px;
}

.signUpBox input[type='text'] {
    border: 1px solid #dedede;
    color: #393939;
    font-size: 15px;
    height: 40px;
    margin: 0;
    padding: 0 19px;
    width: 100%;
}

.signUpBox input[type='text']:focus {
    border-color: #2a89d6;
}

.signUpBox input[type="submit"],
.signUpBox button {
    background: #2a89d6;
    border: 1px solid #2a89d6;
    color: #fff;
    height: 40px;
    margin: 0;
    padding: 0;
    transition: .3s all;
    -webkit-transition: .3s all;
    width: 100%;
}

.signUpBox input[type="submit"]:hover,
.signUpBox button:hover {
    background: #393939;
}

.socialMedia {
    margin: 27px 0 0;
}

.socialMedia a {
    background: #30a5db;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-smoothing: antialiased;
    height: 26px;
    line-height: 26px;
    margin: 0 7px 0 0;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 26px;
    z-index: 1;
}

.socialMedia a:before,
.socialMedia a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: .3s all;
    -webkit-transition: .3s all;
    border: 3px solid #30a5db;
    border-radius: 6px;
    z-index: -1;
}

.socialMedia a:hover:after {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.socialMedia a:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
}

.copyRightBar {
    background: #000;
    margin: 40px 0 0;
    padding: 13px 0;
    text-align: left;
}

.poweredBy {
    float: left;
    margin: 6px 0 0;
}

.poweredBy p {
    color: #9f9f9f;
    font-size: 14px;
}

.poweredBy p a {
    color: #2ba2cc;
}

.poweredBy p a:hover {
    color: #fff;
}

.copyRight {
    display: inline-block;
    margin: 4px 0 0;
}

.copyRight p {
    color: #afafaf;
    font-size: 15px;
}

.paymentGateways {
    float: right;
}

/** Inner pages **/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

[data-pageInside] h1,
[data-pageInside] h2 {
    color: #383838;
    font-size: 22px;
    font-weight: 700;
}

[data-pageInside] h3 {
    font-size: 18px;
}

[data-pageInside] h4 {
    color: #1c1c1c;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 7px;
}

[data-pageInside] p {
    color: #525252;
    font-size: 15px;
    letter-spacing: 0.025em;
}

[data-pageInside] p + p,
[data-pageInside] p + div {
    margin-top: 20px;
}

[data-pageInside] h1 + p,
[data-pageInside] h2 + p {
    margin-top: 10px;
}

[data-pageInside] p + h1,
[data-pageInside] p + h2 {
    margin-top: 20px;
}

.sideBarArea {
    float: left;
    margin-top: 400px;
    width: 215px;
}

.sideBarArea h3 {
    color: #30a4dd;
    font-size: 14px;
    margin: 0 0 35px;
    padding: 0 0 8px;
    position: relative;
    text-transform: uppercase;
}

.sideBarArea h3:before {
    background: #eeeeee;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    max-width: 196px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.sideBarArea h3:after {
    background: #30a4dd;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 82px;
    z-index: 2;
}

#manufacturer {
    padding: 0 33px;
}

#manufacturer .item {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: inset 0 0 0 4px #f9f9f9;
    height: 140px;
    margin: 4px;
    padding: 12px;
}

#manufacturer .item img {
    display: block;
    left: 50%;
    max-width: 75%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.sideBarArea .owl-nav > div {
    background: #333333;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: -12px;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    width: 24px;
}

.sideBarArea .owl-nav > div:hover {
    background: #30a4dd;
}

.sideBarArea .owl-nav .owl-prev {
    left: 0;
    text-indent: -1px;
}

.sideBarArea .owl-nav .owl-next {
    right: 0;
    text-indent: 1px;
}

.mainArea {
    float: right;
    width: 83.333333%;
    padding: 20px 0 0 5px;
}

/* About page */

.mainArea img.aboutImg {
    border: 3px solid #30a4dd;
    max-width: 36.2%;
    margin-top: -15px;
}

.missionVision,
[data-pageInside] p + .missionVision {
    background: #f6f6f6;
    display: table;
    float: left;
    margin: 45px 0 60px;
    table-layout: fixed;
    width: 100%;
}

.missionVision > div {
    display: table-cell;
    padding: 20px 30px 20px 15px;
    height: 145px;
    vertical-align: top;
}

.missionVision > div:last-of-type {
    background: url(../images/patternBg.jpg);
}

.missionVision h2 {
    color: #30a4dd;
    font-size: 26px;
    font-weight: normal;
    margin: 0 0 12px;
}

.missionVision p {
    color: #666;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0.025em
}

.missionVision > div:last-of-type h2,
.missionVision > div:last-of-type p {
    color: #fff;
}

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

.aboutBottom .abBox {
    margin: 0 0 40px;
}

.aboutBottom .abBox h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 15px;
    line-height: 1.3;
    min-height: 56px;
}

.aboutBottom .abBox h3 a {
    color: #333;
}

.aboutBottom .abBox h3 a:hover {
    color: #30a4dd
}

.aboutBottom .abBox img {
    display: block;
    margin: 0 0 20px
}

.aboutBottom p {
    color: #666;
    font-size: 17px;
    letter-spacing: 0.025em;
    line-height: 1.5;
}

/* Contact page */

.contactPage {
    display: block;
}

.contactPage .contactLeft {
    float: left;
    padding: 0 55px 0 0;
    width: 71.79%
}

.contactPage .contactRightSb {
    float: right;
    width: 28.21%;
}

.contactPage p {
    color: #282828;
    font-size: 15px;
    letter-spacing: 0;
}

.contactPage form {
    display: block;
    margin: 25px 0 0;
}

.input {
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    font-size: 14px;
    height: 40px;
    margin: 0 0 10px;
    padding: 0 10px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    width: 100%;
}

textarea.input {
    height: 110px;
    padding: 5px 10px;
    resize: none;
}

select.input {
    padding: 0 8px;
}

.input:focus {
    border-color: #a8a8a8
}

.contactPage label {
    color: #767676;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    margin: 0 0 8px;
}

.contactPage label span {
    color: red;
}

.contactPage .input {
    background-color: #f5f5f5;
}

.contactPage .input:focus {
    background-color: #fafafa;
}

.captchaBox {
    display: block;
    float: left;
}

.captchaBox .captchaImg {
    border-radius: 6px;
    float: left;
    margin: 0 30px 0 0;
    overflow: hidden;
}

.captchaBox .captchaInput {
    float: left;
    margin: 0 30px 0 0;
}

.submit {
    background: #30a4dd;
    border: 1px solid #30a4dd;
    border-radius: 6px;
    color: #fff;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 130px;
}

.submit:hover {
    box-shadow: inset 80px 0 0 #383838, inset -80px 0 0 #383838;
}

.contactPage .contactRightSb h2 {
    margin: 0 0 20px;
    padding: 0 0 15px;
    position: relative;
}

.contactPage .contactRightSb h2:before {
    background: #eeeeee;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    max-width: 196px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.contactPage .contactRightSb h2:after {
    background: #30a4dd;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 82px;
    z-index: 2;
}

.contactPage .contactRightSb p {
    color: #6d6d6d;
    font-size: 14px;
    line-height: 1.65;
}

.contactPage .contactRightSb p a {
    color: #6d6d6d;
}

.contactPage .contactRightSb p a:hover {
    color: #30a4dd;
}

.contactPage .contactRightSb .address,
.contactPage .contactRightSb .phoneNum,
.contactPage .contactRightSb .email {
    margin: 0 0 20px;
    min-height: 46px;
    padding: 0 0 0 64px;
    position: relative;
}

.contactPage .contactRightSb .address:before,
.contactPage .contactRightSb .phoneNum:before,
.contactPage .contactRightSb .email:before {
    border: 1px solid #35a6de;
    border-radius: 50%;
    color: #35a6de;
    content: "";
    font-family: FontAwesome;
    font-size: 20px;
    height: 46px;
    left: 0;
    line-height: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 46px;
}

.contactPage .contactRightSb .address:before {
    content: "\f041";
}

.contactPage .contactRightSb .phoneNum:before {
    content: "\f095";
}

.contactPage .contactRightSb .email:before {
    content: "\f0e0";
}

.fbPage {
    padding: 10px 0 0;
}

.fbPage h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.fbPage img {
    display: block;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
    height: 40px;
    padding: 9px 15px 18px 10px;
}
/** Career page **/

[data-pageInside="career"] p {
    line-height: 2;
}

[data-pageInside] .openPositions {
    border-top: 1px solid #ebebeb;
    margin: 40px 0 0;
    padding: 40px 0 0;
}

.openPositions h2 {
    margin: 0 0 25px;
}

.openPositions table th,
.openPositions table td {
    border: 0;
    border-bottom: 1px solid #ebebeb;
    vertical-align: middle;
}

.openPositions table tr:last-child td {
    border-bottom: 0;
}

.openPositions table th {
    font-size: 16px;
    font-weight: 700;
    padding: 0 10px 20px;
}

.openPositions table th:first-child {
    padding-left: 0;
    width: 150px;
}

.openPositions table th:nth-child(3) {
    width: 200px;
}

.openPositions table th:nth-child(4) {
    width: 130px;
}

.openPositions table th:last-child {
    padding-right: 0;
    text-align: right;
    width: 150px;
}

.openPositions table td {
    font-size: 15px;
    padding: 17px 10px;
}

.openPositions table td:first-child {
    padding-left: 0;
}

.openPositions table td:last-child {
    padding-right: 0;
    text-align: right;
}

.openPositions table td span.jobType {
    color: #30a4dd;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

a.viewMoreBtn {
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #767676;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    width: 125px;
}

a.viewMoreBtn:hover {
    border-color: #30a4dd;
    color: #fff;
}

a.viewMoreBtn .backgroundInner {
    background-color: #30a4dd;
}

/** Sidebar page template **/

.pageWithSidebar {
    display: block;
}

.mainContent {
    float: left;
    padding: 0 30px 0 0;
    width: 71.79%
}

.pageSidebar {
    float: right;
    padding: 0 0 0 45px;
    width: 28.21%;
}

.skillsRequired {
    margin: 0 0 50px;
}

.skillsRequired h3 {
    margin: 0 0 20px;
}

.skillsRequired ul {
    margin: 0;
    padding: 0;
}

.skillsRequired ul li {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    list-style: none;
    margin: 0 0 12px;
    position: relative;
    padding: 0 0 0 30px;
}

.skillsRequired ul li:before {
    color: #30a4dd;
    content: "\f178";
    font-family: FontAwesome;
    font-size: 15px;
    left: 0;
    line-height: 10px;
    position: absolute;
    top: 6px;
}

.jobAppForm h2 {
    margin: 0 0 12px;
}

.jobAppForm label {
    color: #767676;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 12px;
}

.jobAppForm label span {
    color: red;
}

.jobAppForm .input {
    margin: 0 0 8px;
}

/** Job Stats **/

.jobStats {
    background: #f6f6f6;
    margin: 45px 0 0;
    padding: 38px 20px 38px 40px;
}

.jobStats ul {
    margin: 0;
    padding: 0;
}

.jobStats ul li {
    color: #444444;
    display: block;
    font-size: 14px;
    list-style: none;
    padding: 0 0 0 30px;
    position: relative;
}

.jobStats ul li + li {
    margin: 25px 0 0;
}

.jobStats ul li strong {
    color: #383838;
    display: block;
}

.jobStats ul li:before {
    color: #444444;
    content: "";
    font-size: 13px;
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 1px;
}

.jobStats ul li[data-department]:before {
    content: "\f07b";
}

.jobStats ul li[data-location]:before {
    content: "\f041";
}

.jobStats ul li[data-education]:before {
    content: "\f15c";
}

.jobStats ul li[data-salary]:before {
    content: "\f09d";
}

.jobStats ul li[data-jobType]:before {
    content: "\f0b1";
}

/** Custom Input file **/

.inputFile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputFile ~ .fileLabel {
    margin: 0;
    position: relative;
    padding-left: 135px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}

.inputFile ~ .fileLabel:focus,
.inputFile ~ .fileLabel:active,
.inputFile ~ .fileLabel:hover {
    border-color: #8c8c8c
}

.inputFile ~ .fileLabel .fileName {
    color: #383838;
    display: block;
    line-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.inputFile ~ .fileLabel .fileBtn {
    position: absolute;
    left: 0;
    top: 0;
    background: #30a4dd;
    color: #fff;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
}

.inputFile ~ .fileLabel .fileBtn .fa {
    margin-right: 4px;
}

/** FAQ page **/

[data-pageInside*="faq"] h1 {
    margin: 0 0 20px;
}

[data-pageInside*="faq"] h3 {
    color: #7e8284;
    font-weight: normal;
}

.faqGroup {
    border: 1px solid #d6d5d5;
    border-top: 0;
    margin: 20px 0 0;
}

.faqGroup .panel + .panel {
    margin-top: 0;
}

.faqGroup .panel {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.faqGroup .panel h4 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
}

.faqGroup .panel h4 a {
    border-top: 1px solid #30a4dd;
    color: #464d50;
    display: block;
    padding: 25px 20px 25px 85px;
    position: relative;
}

.faqGroup .panel h4 a:before {
    background: #30a4dd;
    border: 1px solid #30a4dd;
    border-radius: 50%;
    color: #fff;
    content: "-";
    font-size: 42px;
    font-weight: 300;
    height: 22px;
    left: 30px;
    line-height: 13px;
    position: absolute;
    text-align: center;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    width: 22px;
}

.faqGroup .panel h4 a.collapsed {
    border-color: #d6d5d5;
}

.faqGroup .panel h4 a.collapsed:before {
    background: #fff;
    border-color: #868a8c;
    color: #868a8c;
    content: "+";
    font-size: 18px;
    font-weight: 900;
    line-height: 20px;
}

.faqGroup .panel h4 a.collapsed:hover:before {
    background: #30a4dd;
    border-color: #30a4dd;
    color: #fff;
}

.panelContent {
    background: #f6f6f6;
    line-height: 1.75;
    padding: 32px 38px;
}

.panelContent p + p {
    margin-top: 15px;
}

/** Our Products main page **/

[data-pageInside] .productsWrap {
    display: block;
    margin: 50px 0 0;
}

.list-group-item .proMain {
    text-align: left;
    max-width: 100%;
    padding: 15px;
    margin-bottom: 0;
    border: 0;
}

.list-group-item .proMain figure img {
    display: inline-block !important;
    vertical-align: middle;
    float: none;
    width: 24%;
    margin: 0;
}

.list-group-item .proMain figcaption {
    display: inline-block;
    vertical-align: middle;
    width: 74%;
}

.proMain {
    border: 1px solid #eee;
    margin: 0 auto 30px;
    max-width: 380px;
    overflow: hidden;
    padding: 33px 15px;
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 100%;
}

.proMain:hover {
    border-color: #ddd;
}

.item.list-group-item:nth-of-type(odd):hover,
.item.list-group-item:hover {
    background: rgba(50, 157, 214, 0.2);
}

.proMain a {
    color: #000;
    display: block;
    line-height: 1;
}

.proMain a:after {
    background: rgba(238, 238, 238, 0.75);
    border-radius: 50%;
    color: rgba(56, 56, 56, 0.3);
    content: "+";
    font-size: 35px;
    font-weight: bold;
    height: 30px;
    left: 0;
    line-height: 26px;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -30px;
    transition: all 0.8s cubic-bezier(.11, .42, 0, 1.33);
    -webkit-transition: all 0.8s cubic-bezier(.11, .42, 0, 1.33);
    width: 30px;
}

.proMain:hover a:after {
    opacity: 1;
    top: 40%;
}

.proMain img {
    display: block;
    margin: 0 auto 20px;
}

.proMain figcaption {
    display: block;
    min-height: 65px;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.list-group-item .proMain figcaption {
    min-height: 100%;
}

.proMain:hover figcaption {
    color: #30a4dd
}

/** Single Product Detail Page **/

[data-pageInside] .productsWrap.single {
    margin-top: 20px;
}

div#prdocutCarousel {
    background: #f4f5fa;
    margin: 0 0 22px;
    height: 350px;
}

div#prdocutCarousel img {
    display: block;
    margin: 0 auto;
    width: 100%
}

div#thumbcarousel {
    overflow: hidden
}

div#thumbcarousel .item {}

div#thumbcarousel .thumb {
    border: 1px solid #e4e4e4;
    width: 17%;
    margin: 0 3.75% 0 0;
    cursor: pointer;
    float: left;
}

div#thumbcarousel .thumb:last-of-type {
    margin-right: 0
}

div#thumbcarousel .thumb img {
    width: 100%;
}

div#thumbcarousel .carousel-control {
    background: rgba(0, 0, 0, 0.3);
    height: 34px;
    line-height: 34px;
    opacity: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 34px;
}

div#thumbcarousel .carousel-control[data-slide="next"] {
    right: -50px;
}

div#thumbcarousel .carousel-control[data-slide="prev"] {
    left: -50px;
}

.productSlider:hover div#thumbcarousel .carousel-control {
    opacity: 1;
}

.productSlider:hover div#thumbcarousel .carousel-control[data-slide="next"] {
    right: 0;
}

.productSlider:hover div#thumbcarousel .carousel-control[data-slide="prev"] {
    left: 0;
}

/** Product Meta **/

.productDetails {}

.productDetails .price {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0 0;
}

.productDetails .price .strikeThrough {
    font-weight: normal;
    margin-right: 10px;
}

.productDetails .price .strikeThrough:after {
    background-color: #333;
    height: 1px
}

.productDetails p {
    font-size: 16px;
    line-height: 1.67;
    margin: 0 0 15px;
}

.productDetails ul {
    margin: 0;
    padding: 0;
}

.productDetails ul li {
    display: block;
    list-style: none;
    font-size: 16px;
    line-height: 1.67;
    position: relative;
    padding: 0 0 10px 25px;
}

.productDetails ul li:before {
    color: #383838;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 7.5px;
}

.productActions {
    display: block;
    margin: 20px 0 0;
    text-align: right;
    max-width: 566px
}

.productDetails .toCartBtn,
.productDetails .toWishlistBtn {
    line-height: 38px;
    color: #fff;
    background: #30a4dd;
    border: 1px solid #30a4dd;
    letter-spacing: 0.025em;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 0 15px;
    text-transform: uppercase;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.productDetails .toWishlistBtn {
    border-color: #4d4d4d;
    background: #4d4d4d;
    margin-left: 20px;
}

.productDetails .toCartBtn:hover {
    color: #30a4dd;
    background: #fff;
}

.productDetails .toWishlistBtn:hover {
    color: #4d4d4d;
    background: #fff;
}

.productMeta {
    border-top: 1px solid #e5e5e5;
    margin: 35px 0 0;
    padding: 25px 0 0;
    max-width: 566px
}

.productMeta p {
    font-size: 15px;
}

.productMeta p a {
    color: inherit
}

.productMeta p a:hover {
    color: #30a4dd;
}

.productDetails .sep {
    display: inline-block;
    margin: 0 7px;
    vertical-align: 1px;
    opacity: 0.8;
    font-size: 90%;
}

.productSharing p {
    font-size: 15px;
    font-weight: bold;
}

.productSharing p a {
    color: inherit
}

.productSharing p a:hover {
    color: #30a4dd;
}

.productSharing p .fa {
    font-size: 20px;
    margin: 0 10px;
}

/** manufacturer page **/

.manufacturerWrap {
    display: block;
    margin: 40px 0 0;
}

.manufacturerWrap ul {
    margin: 0;
    padding: 0;
}

.manufacturerWrap ul li {
    float: left;
    width: 31.7%;
    height: 231px;
    box-shadow: 0 0px 20px rgba(238, 238, 238, 0.75);
    margin: 0 2.5% 30px 0;
    display: table;
}

.manufacturerWrap ul li:nth-of-type(3n) {
    margin-right: 0
}

.manufacturerWrap ul li:hover {
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
}

.manufacturerWrap ul li figure {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
}

/** News page **/

[data-pageInside*="news"] .mainContent {
    padding: 0 15px 0 0;
}

[data-pageInside*="news"] .pageSidebar {
    padding: 55px 0 0 15px;
}

.newsWrap {
    margin: 30px 0 0;
}

/** News posts **/

.newsPost {
    border: 1px solid #f2f2f2;
    float: left;
    margin: 0 0 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 48%;
}

.newsPost:nth-of-type(2n) {
    float: right;
}

.newsPost:hover {
    border-color: #ddd;
}

.newsPost figure img {
    display: block;
    margin: 0 auto;
}

.newsPost figcaption {
    padding: 30px 35px 35px 40px;
}

.newsPost figcaption .postMeta {
    font-size: 13px;
    margin: 0 0 15px;
}

.newsPost figcaption .postMeta .date {
    color: #969696;
}

.newsPost figcaption .postMeta .sep {
    display: inline-block;
    margin: 0 5px;
}

.newsPost figcaption h3 {
    font-weight: bold;
    line-height: 1.35;
    margin: 0 0 10px;
}

.newsPost figcaption h3 a {
    color: #666;
}

.newsPost figcaption h3 a:hover {
    color: #30a4dd
}

.newsPost figcaption p {
    font-size: 14px;
    line-height: 1.8;
}

.newsPost figcaption a.readMoreBtn {
    border: 1px solid #adadad;
    color: #767676;
    background: #fff;
    display: block;
    float: left;
    width: 125px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
}

.newsPost figcaption a.readMoreBtn .backgroundInner {
    background: #30a4dd;
}

.newsPost figcaption a.readMoreBtn:hover {
    border-color: #30a4dd;
    color: #fff;
}

.newsPost figcaption .postActions {
    display: block;
}

.newsPost figcaption .postSharing {
    float: right
}

.newsPost figcaption .postSharing p {
    font-size: 18px;
}

.newsPost figcaption .postSharing a {
    display: inline-block;
    color: #969696;
    font-size: 13px;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.newsPost figcaption .postSharing a:hover {
    color: #30a4dd
}

/** News post single **/

.newsPost.single {
    border: 0;
    width: 100%;
}

.newsPost.single figcaption {
    padding: 30px 0 0;
}

.newsPost.single figcaption .postSharing {
    float: left;
}

.newsPost.single figcaption a.goBackBtn {
    background: #30a4dd;
    color: #fff;
    display: block;
    float: right;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 35px;
    padding: 0 20px;
    text-transform: uppercase;
}

/** Posts search **/

.postsSearch {
    margin: 0 0 34px;
}

.postsSearch form {
    display: block;
    position: relative;
}

.postsSearch form input[type='text'],
.postsSearch form input[type='search'] {
    border: 1px solid #e8e8e8;
    height: 62px;
    padding: 0 50px 0 20px;
    width: 100%;
}

.postsSearch form input[type='text']:focus,
.postsSearch form input[type='search']:focus {
    border-color: #00abec;
}

.postsSearch form button[type='submit'] {
    border: 0;
    background: none;
    color: #525252;
    font-size: 16px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 1;
}

.postsSearch form button[type='submit']:hover {
    color: #30a4dd
}

/** Popular Posts **/

.popularPosts {
    border: 1px solid #efefef;
    margin: 0 0 25px;
}

.popularPosts h2 {
    border-bottom: 1px solid #efefef;
    color: #161616;
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
    padding: 21px 25px;
    text-transform: uppercase;
}

.popPost {
    border-bottom: 1px solid #efefef;
    display: table;
    padding: 30px 25px;
    width: 100%;
}

.popPost:last-of-type {
    border-bottom: 0;
}

.popPost figure {
    display: table-cell;
    vertical-align: top;
    width: 99px;
}

.popPost .postInfo {
    display: table-cell;
    padding: 0 0 0 20px;
    vertical-align: top;
}

.popPost .postInfo h4 {
    font-size: 15px;
    font-weight: normal;
    margin: -2px 0 22px;
}

.popPost .postInfo h4 a {
    color: #383838;
}

.popPost .postInfo h4 a:hover {
    color: #30a4dd
}

.popPost .postInfo .postMeta {
    font-size: 13px;
    line-height: 1;
}

.popPost .postInfo .postMeta .date {
    color: #969696;
    font-size: 12px;
}

.popPost .postInfo .postMeta .sep {
    display: inline-block;
    margin: 0 4px;
}

/** Archived posts **/

.archivePosts h3 {
    color: #0c0c0c;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 0 0 10px;
    position: relative;
    text-transform: uppercase;
}

.archivePosts h3:before {
    background: #eeeeee;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    max-width: 196px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.archivePosts h3:after {
    background: #30a4dd;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 82px;
    z-index: 2;
}

.archivePosts ul {
    margin: 0;
    padding: 0;
}

.archivePosts ul li {
    border-bottom: 1px solid #e3e3e3;
    display: block;
    font-size: 15px;
    letter-spacing: 0.025em;
    list-style: none;
    padding: 12px 0 12px 5px;
}

.archivePosts ul li a {
    color: #444;
}

.archivePosts ul li:hover a {
    color: #30a4dd
}

/** BreadCrumbs **/

.breadCrumbs {
    margin: 0 0 20px;
}

.breadCrumbs ul {
    margin: 0;
    padding: 0;
}

.breadCrumbs ul li {
    display: inline-block;
    font-size: 16px;
    color: #30a4dd;
    list-style: none;
}

.breadCrumbs ul li a {
    color: #383838;
    display: inline-block;
}

.breadCrumbs ul li:hover a {
    color: #30a4dd;
}

.breadCrumbs ul li:before {
    content: ">";
    display: inline-block;
    color: #383838;
    margin: 0 5px;
}

.breadCrumbs ul li:first-child:before {
    display: none;
}

/** Brands Page **/

.brandsWrap {
    display: block;
}

.brandsWrap h1 {
    margin: 0 0 15px
}

.brandProduct {
    display: block;
    margin: 0 0 15px;
}

.brandsProHdr {
    background: url(../images/threeDotsLine.png) repeat-x bottom;
    float: left;
    margin: 0 0 23px;
    padding: 0 0 22px;
    width: 100%;
}

.brandsProHdr h3 {
    float: left;
    color: #383838;
    font-size: 18px;
    line-height: 26px;
}

.brandsProHdr .viewMore {
    float: right;
}

.brandsProHdr .viewMore a {
    font-size: 15px;
    text-decoration: underline #30a4dd !important
}

.brandProduct .productSingle {
    float: left;
    width: 47.8%
}

.brandProduct .productSingle:hover {
    box-shadow: none;
}

.brandProduct .productSingle figcaption {
    margin: 30px 0 0
}

.brandProduct .productSingle h3 {
    font-size: 20px;
    margin: 0 0 5px;
}

.brandProduct .productSingle h3 a,
.brandProduct .productSingle h4 a {
    color: #454545;
}

.brandProduct .productSingle h4 a:hover {
    color: #30a4dd
}

.brandProduct .relatedProducts {
    float: right;
    width: 47.8%;
}

.brandProduct .relatedProducts .productSingle {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    display: table;
    padding: 20px 0;
    width: 100%
}

.brandProduct .relatedProducts .productSingle:first-of-type {
    padding-top: 0
}

.brandProduct .relatedProducts .productSingle:last-of-type {
    border-bottom: 0;
    padding-bottom: 0
}

.brandProduct .relatedProducts .productSingle figure {
    display: table-cell;
    padding: 0 10px 0 0;
    text-align: left;
    width: 98px;
    vertical-align: top;
    height: 75px;
}

.brandProduct .relatedProducts .productSingle figure img {
    margin: 0;
    height: 100%;
    width: auto;
}

.brandProduct .relatedProducts .productSingle figcaption {
    display: table-cell;
    vertical-align: top;
}

.brandProduct .relatedProducts .productSingle .proPrice {
    color: #454545;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 5px
}

.brandProduct .relatedProducts .productSingle .proPrice strong {
    color: #30a4dd;
    display: inline-block;
}

.strikeThrough {
    position: relative;
}

.strikeThrough:after {
    background-color: #30a4dd;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 2px;
    bottom: 0;
    width: 98%;
}

.brandProduct .relatedProducts .productSingle h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 8px;
}

.brandProduct .relatedProducts .productSingle a.viewProductBtn {
    color: #4a4a4a;
    height: 26px;
    line-height: 24px;
    font-size: 11px;
    font-weight: 600;
}

.brandProduct .relatedProducts .productSingle a.viewProductBtn:hover {
    color: #fff
}

/** Special Sales Wrap **/

.specialSalesWrap {
    display: block;
}

.specialSalesWrap h1 {
    margin: 0 0 20px;
}

.specialSalesWrap .productSingle {
    max-width: 335px;
    width: 28.2%;
}

.specialSalesWrap .relatedProducts {
    width: 65.3%;
}

.specialSalesWrap .relatedProducts .productSingle {
    padding: 25px 0;
    padding-right: 40px;
    padding-left: 20px;
    max-width: 370px;
}

.specialSalesWrap .relatedProducts .productSingle:first-of-type,
.specialSalesWrap .relatedProducts .productSingle:nth-of-type(2) {
    padding-top: 0
}

.specialSalesWrap .relatedProducts .productSingle:nth-child(2n) {
    float: right;
}

.specialSalesWrap .relatedProducts .productSingle:last-of-type {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 25px;
}

.specialSalesWrap .relatedProducts .productSingle .proPrice {
    margin: 0 0 10px;
}

.specialSalesWrap .relatedProducts .productSingle h4 {
    line-height: 1.5;
    margin: 0 0 10px;
}

.bottomBlocks {
    display: block;
    margin: 30px 0 0;
}

.bottomBlocks figure {
    position: relative;
    z-index: 2;
}

.bottomBlocks figure:before,
.bottomBlocks figure:after {
    content: '';
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 0;
    height: 0;
    transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
    z-index: 1;
}

.bottomBlocks figure:after {
    right: 0;
    bottom: 0;
}

.bottomBlocks figure:before {
    top: 0;
    left: 0;
}

.bottomBlocks figure:hover:before,
.bottomBlocks figure:hover:after {
    width: 100%;
    height: 100%;
}

.bottomBlocks figure figcaption {
    position: absolute;
    z-index: 3;
}

.bottomBlocks figure.style-1 figcaption {
    left: 60px;
    top: 50%;
    text-shadow: 0 0 5px #fff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    max-width: 235px;
}

.bottomBlocks figure.style-1 figcaption:before {
    background: #30a4dd;
    content: "";
    height: 1px;
    display: block;
    left: 0;
    position: absolute;
    top: -15px;
    width: 34px;
}

.bottomBlocks figure.style-1 h3 {
    color: #30a4dd;
    font-size: 29px;
    font-weight: 700;
    text-transform: uppercase;
}

.bottomBlocks figure.style-1 h3 a {
    color: #30a4dd;
}

.bottomBlocks figure.style-1 p {
    color: #454545;
    font-size: 14px;
    text-transform: uppercase;
}

.bottomBlocks figure.style-1:hover h3 a,
.bottomBlocks figure.style-1:hover p {
    color: #fff;
    text-shadow: 0 0 5px #000;
}

.bottomBlocks figure.style-2 figcaption {
    text-align: center;
    text-shadow: 0 0 5px #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.bottomBlocks figure.style-2 h3 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
    text-transform: uppercase
}

.bottomBlocks figure.style-2 h3 a {
    color: #fff;
}

.bottomBlocks figure.style-2 p {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
}

/** Live Chat plugin **/

.liveChatPlugin {
    position: fixed;
    bottom: 0;
    right: 12px;
    z-index: 9999;
    width: 100%;
    max-width: 316px;
}

.liveChatPlugin .lcHead {
    background: #30a4dd;
    color: #fff;
    cursor: pointer;
    padding: 4px 10px;
    overflow: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.liveChatPlugin .lcHead:after {
    content: "\f106";
    font-family: FontAwesome;
    float: right;
    font-size: 18px;
    line-height: 18px;
    margin: 5px 5px 0 0;
}

select#country_pdf {
    width: 100%;
    height: 40px;
    border: 1px solid #d6d6d6;
}

#pdf_quote input,
#pdf_quote select {
    margin: 0 0 12px;
}

form.woocommerce-currency-switcher-form.woocs_show_flags {
    display: inline-block;
    vertical-align: top;
}

select.woocommerce-currency-switcher {
    width: 95px !important;
    height: 42px;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    font-size: 14px;
    padding: 0 0 0 10px;
    margin: 0 auto 10px;
    display: block;
    -webkit-appearance: none;
           -moz-appearance: none;
           -ms-appearance: none;
           background: url(../images/select.png) no-repeat scroll right center;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    border: 2px solid #ff0000;
    width: 100%;
    clear: both;
    background: rgba(255, 0, 0, 0.7);
    color: #fff;
    height: auto;
    padding: 2px 5px;
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-left: 0;
    text-align: center;
}

.modal .input.wpcf7-not-valid {
    border-color: #ff0000;
}

span.wpcf7-not-valid-tip {
    display: none;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    width: 100%;
    clear: both;
    background: rgba(60, 133, 36, 0.7);
    color: #fff;
    height: auto;
    padding: 2px 5px;
    width: 100%;
    float: left;
    margin-top: 5px;
    text-align: center;
}

.woocommerce-cart .mainArea,
.woocommerce-checkout .mainArea {
    width: 100%;
    float: left;
}

.woocommerce-cart .mainArea .site-main,
.woocommerce-account .mainArea .site-main,
.woocommerce-checkout .mainArea .site-main {
    padding: 0;
}

.woocommerce-cart .mainArea article,
.woocommerce-account .mainArea article,
.woocommerce-checkout .mainArea article {
    margin: 0;
    padding: 40px;
}

.woocommerce-cart .mainArea .entry-content,
.woocommerce-account .mainArea .entry-content,
.woocommerce-checkout .mainArea .entry-content {
    margin: 0;
    padding: 0;
}

.woocommerce .cart .button,
.woocommerce .cart input.button,
button.button.wc-backward,
a.button.wc-backward {
    background: #329dd6;
    color: #fff !important;
}

.woocommerce-account .mainArea article {
    padding: 0;
    box-shadow: none;
}

.woocommerce-account .entry-header {
    padding: 0;
}

.woocommerce-account .entry-header h1 {
    margin: 0 0 10px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 68%;
    border: 2px solid #ddd;
    padding: 40px;
    margin: 25px 0 15px;
    box-shadow: 0 0 10px #ddd;
}

.woocommerce-EditAccountForm input {
    height: 40px;
    border: 1px solid #ddd;
    padding: 0 15px;
}

nav.woocommerce-MyAccount-navigation ul {
    padding: 0 0 0 0;
    margin: 20px 0 0;
}

nav.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    position: relative;
}

nav.woocommerce-MyAccount-navigation ul li a {
    color: #000;
    text-decoration: none !important;
    border-bottom: 0 none !important;
}

nav.woocommerce-MyAccount-navigation ul li:before {
    vertical-align: middle;
    font-family: fontawesome;
    margin: 0 5px 0 0;
    color: #329dd6;
    display: inline-block;
    width: 27px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard:before {
    content: "\f0e4";

}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--my-coupons:before {
    content: "\f20a";

}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--my-vouchers:before {
    content: "\f06b";

}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--my-quotes:before {
    content: "\f27a";
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods:before {
    content: "\f09d";
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account:before {
    content: "\f05a";
    font-size: 20px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders:before {
    content: "\f073";

}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads:before {
    content: "\f019";

}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address:before {
    content: "\f041";
    font-size: 23px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout:before {
    content: "\f08b";
    font-size: 22px;
}

.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
button.button.wc-backward:hover,
a.button.wc-backward:hover,
.woocommerce .cart .button:focus,
.woocommerce .cart input.button:focus,
button.button.wc-backward:focus,
a.button.wc-backward:focus {
    background: #123e59;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background: #329dd6;
    color: #fff !important;
}

.woocommerce .quantity .qty {
    border: 1px solid #ddd;
}

input#coupon_code {
    width: 115px;
    padding: 7px;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {
    max-height: 182px;
}

.grid-group-item .proMain figure img {
    width: 200px;
}

#products .grid-group-item .proMain figure img {
    height: 200px;
    width: auto;
}

.list-group-item .proMain figure img {
    width: 135px;
}

#products .list-group-item .proMain figure img {
    width: 135px;
    /*height: auto;*/
}

.woocommerce-billing-fields__field-wrapper input,
.woocommerce-billing-fields__field-wrapper select {
    height: 45px;
    border: 1px solid #ddd;
    padding: 0 10px;
}

.select2-container .select2-selection--single {
    height: 45px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 43px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
}

.woocommerce-checkout textarea#order_comments {
    height: 100px;
    padding: 20px;
    border: 1px solid #ddd;
}

a.about_paypal {
    border: 0;
    margin: 0 0 0 15px;
}

.manufacturerWrap ul li figure img {
    width: 200px;
}

.productSlider .carousel-inner {
    display: table;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.productSlider .carousel-inner .item {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

div#prdocutCarousel img {
    width: auto;
}

.woocommerce-tabs.wc-tabs-wrapper {
    margin: 30px 0 0;
    clear: both;
    width: 100%;
    float: left;
}

.featuredPros [class*="equipments-"] figure {
    background-size: 0 !important;
}

input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
    border-color: #ff0000 !important;
}

/**********/

/*****mailchimp****/

.imk_error_mailchimp {
    color: #fff;
}

/*****woocommerce label****/

.woocommerce .cart .label {
    color: #000;
}

.cart span label {
    vertical-align: middle;
    padding: 3px;
}

.cart .label label {
    font-size: 14px;
    padding: 5px;
    vertical-align: text-bottom;
}

/****wishlist*****/

.imk_head_wishlist {
    background: #00abec;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 12px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 4px;
}

/* list and grid */

.glyphicon {
    margin-right: 5px;
}

.thumbnail {
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.item.list-group-item .list-group-image {
    margin-right: 10px;
}

.item.list-group-item:before,
.item.list-group-item:after {
    display: table;
    content: " ";
}

.item.list-group-item img {
    float: left;
}

.item.list-group-item:after {
    clear: both;
}

.btn-group {
    float: right;
    margin: -20px 0 0 0px;
}

.price a {
    cursor: pointer;
}

div.wpcf7 .ajax-loader {
    margin-top: 11px;
}

.wishlist_table input {
    border: 1px solid #ccc;
    padding: 0 5px 0;
}

.wishlist_table tr td {
    text-align: left;
}

.remove.remove_from_wishlist {
    text-align: center !important;
    display: block !important;
    margin: auto !important;
}

#example {
    border: 1px solid #ddd;
}

#example thead {
    background: #30a4dd;
    border: 1px solid #30a4dd;
}

#example thead th {
    color: #fff;
    padding: 5px 15px;
}

#example td {
    padding: 5px 15px;
    border-right: 1px Solid #ddd;
}

.page-template-myQuotes #main {
    padding: 20px 0 165px !important;
}

.page-template-myQuotes .error_bx {
    padding: 70px 0 165px 18.95%;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation {
    margin: 10px 0 20px 0;
}

.logged-in .mainArea {
    min-height: 390px;
}

/*product image and slider*/

.outer {
    margin: 0 auto;
    max-width: 800px;
    background: #fff;
}

.outer #big .owl-nav {
    display: none;
}

#big .item {
    background: none;
    padding: 0px;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    height: 420px;
}

#big .owl-item img {
    max-width: 70%;
}

#thumbs .item {
    background: #C9C9C9;
    height: auto;
    padding: 0px;
    margin: 2px 10px;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

#thumbs .item h1 {
    font-size: 18px;
}

#thumbs .current .item {
    background: #FF5722;
}

#big .item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    top: 0;
    left: 0;
    right: 0;
}

.owl-theme .owl-nav [class*='owl-'] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.owl-theme .owl-nav [class*='owl-'].disabled:hover {
    background-color: #D6D6D6;
}

#big.owl-theme {
    position: relative;
}

#big.owl-theme .owl-next,
#big.owl-theme .owl-prev {
    background: none;
    width: 22px;
    line-height: 40px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    color: #fff;
}

#big.owl-theme .owl-prev {
    left: 10px;
}

#big.owl-theme .owl-next {
    right: 10px;
}

#thumbs.owl-theme .owl-next,
#thumbs.owl-theme .owl-prev {
    background: none;
}

#thumbs {
    padding: 40px 50px;
}

.owl-prev {
  right: 30px;
    font-size: 20px !important;
    width: auto;
    position: absolute;
    font-size: 38px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #b2b2b2;
    font-weight: bold;
}

.owl-next {
    right: 0px;
    width: auto;
    font-size: 20px !important;
    position: absolute;
    font-size: 38px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #b2b2b2;
    font-weight: bold;
}

h3.nt_found {
    text-align: center;
}

section.thank-you-page {
    margin: 45px 0 100px;
    text-align: center;
    padding-left: 18%;
}

section.thank-you-page .fa {
    border: 3px solid #16bb16;
    color: #16bb16;
    font-size: 80px;
    padding: 20px;
    border-radius: 50%;
    height: 146px;
    width: 146px;
    line-height: 100px;
    margin: 0 0 50px;
}

section.thank-you-page h2 {
    color: #16a516;
    background: #e8f9e8;
    border: 1px solid;
    padding: 20px 30px;
    display: inline-block;
    clear: both;
    border-radius: 5px;
    font-size: 24px;
}

.page-template-page-templatesmyCoupons-php main#main {
    padding: 15px 0;
}

section.error-404.not-found {
    min-height: 360px;
    text-align: center;
    padding: 20px 0;
}

.page-template-myVouchers #main {
    padding-top: 0;
}

.my-vouchers .productsWrap.single .col-md-6 {
    width: 100%;
}

.my-vouchers .outer {
    width: 100%;
    max-width: 450px;
}

.my-vouchers .outer #big .item {
    height: 350px;
}

.my-vouchers .productMeta {
    width: 100%;
    max-width: 100%;
}

.my-vouchers .productMeta a {
    margin: 0 0 0 10px;
}

.my-vouchers .productMeta .sep {
    display: none;
}

.my-vouchers .ywgc-preview {
    padding: 15px;
    width: 100%;
    max-width: 100%;
}

#gift_amounts {
    margin: 0 0 0 10px;
}

.my-vouchers .ywgc-logo-shop {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.my-vouchers .ywgc-card-amount {
    text-align: right;
    font-size: 25px;
    font-weight: 600;
    color: #30a4dd;
}

.my-vouchers .gift-card-content-editor input,
.my-vouchers .gift-card-content-editor textarea {
    width: 100% !important;
    height: 40px;
    border: 1px solid #ccc;
    margin: 0 0 15px;
    max-width: 100%;
    padding: 0 15px;
}
.my-vouchers .gift-card-content-editor textarea {height: 90px;resize: none;padding-top: 10px;padding-bottom: 10px;}
.my-vouchers  .gift-card-content-editor {
    overflow: hidden;
    width: 50%;
    float: right;
}
.my-vouchers .gift-card-content-editor.step-content {
    max-width: 100%;
    width: 100%;
    border: 1px solid #ccc;
    padding: 40px 50px;
    box-shadow: 0 0 8px #ddd;
    margin: 0 0 25px;
}
.my-vouchers .ywgc-template.style1 {
    width: 49%;
    float: left;
}
.my-vouchers .gift_card_template_button.variations_button {
    overflow: hidden;
    display: block;
    clear: both;
    margin: 0;
    float: right;
}
.my-vouchers .quantity input {
    height: 36px;
}
.my-vouchers .productSharing {
    text-align: right;
}

form.forget_pwd {
    width: 100%;
    max-width: 500px;
}
form.forget_pwd .submit {
    width: 165px;
}
form.forget_pwd .submit:hover {
    box-shadow: inset 80px 0 0 #383838, inset -90px 0 0 #383838;
}
p.error {
    color: #ff0000;
}
.woocommerce ul#shipping_method li{padding-left: 18px;}
/*product image and slider*/

del:after {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #000;
left: 0;
top: 50%;
}

del {
color: #ff0000;
position: relative;
}
.productSingle.prdct_sngl figure {
    display: block; 
    margin: 0;
    height: 150px;
    background-size: cover !important;
    background-position: center !important;
}
.products li figure {
    display: block;
    margin: 0;
    height: 185px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.woocommerce-form-login {
    width: 100%;
    max-width: 700px;
}
.woocommerce-form-login .woocommerce-form-row input {
    height: 40px;
    border: 1px solid #ddd;
}
#giftcard_code {
    max-width: 50%;
    height: 34px;
    border: 1px solid #ddd;
    line-height: normal;
    padding: 0 15px;
    vertical-align: top;
}
.payment_box.payment_method_paypal {
    display: none !important;
}

.captchaBox.captch_new {
    margin: 5px 0 0;
}
.captch_new input {
    border: 1px solid #ddd;
}
a.dlt {
    color: #ff0000;
    display: block;
    margin: auto;
    width: 20px;
    text-align: center;
}
/** Desktop normal size **/

@media only screen and ( max-width:1499px) {

    .logo {
        margin: 40px 0 0;
    }

    .sidebarMenu {
        width: 16.66666667%;
    }

    .topMiddleArea {
        margin: 3px 0 0;
    }

    .loginArea .custom-checkbox {
        font-size: 12px;
        padding: 0 0 0 20px;
    }

    .loginArea .forgotPass {
        font-size: 12px;
        margin: 0;
    }

    .sidebarMenu .menuContent ul li a {
        padding: 15px 10px 13px 20px;
    }

    .sidebarMenu .menuContent ul li a:before {
        left: 7px;
        top: 25px;
    }

    .sidebarMenu .menuContent ul li:hover a:before {
        left: 12px;
    }

    .sidebarMenu .menuContent .megaMenu ul li a:before {
        left: 0;
    }

    .mainNav ul li {
        font-size: 18px;
        margin: 0 35px 0 0;
    }

    .navBar .phoneNum a {
        font-size: 20px;
    }

    .btn {
        min-width: 150px;
    }

    .sliderArea .slideCaption {
        max-width: 390px;
    }

    .sliderArea .slideCaption h2 {
        font-size: 30px;
        margin: 0 0 20px;
    }

    .sliderArea .slideCaption .btn {
        margin-top: 20px;
    }

    .featuredPros [class*="equipments-"] figcaption .shopNowBtn {
        font-size: 17px;
        line-height: 40px;
    }

    .featuredPros .equipments-I figcaption {
        max-width: 390px;
    }

    .featuredPros [class*="equipments-"] figcaption h3 {
        font-size: 28px;
    }

    .featuredPros .equipments-II figcaption {
        max-width: 330px;
        top: 30px;
    }

    .featuredPros .equipments-II figcaption h3 {
        font-size: 23px;
        margin: 0 0 10px;
    }

    .serviceBox figure {
        height: 105px;
        width: 26%;
    }

    .serviceBox object {
        width: 42px;
        height: 45px;
    }

    .serviceBox #shippingIcon {
        width: 52px;
    }

    .serviceBox h3 {
        font-size: 16px;
    }

    .serviceBox p {
        font-size: 15px;
    }

    .ourProductsLinks {
        width: 33.778%;
    }

    .getInTouch {
        padding: 0 0 0 25px;
        width: 24.52%;
    }

    .footerInfo {
        padding: 0 0 0 35px;
        width: 18.652%;
    }

    .newsletter {
        padding: 0 0 0 25px;
        width: 23.04%;
    }

    .sideBarArea {
        width: 16.666666666%;
    }

    .mainArea {
        padding: 20px 0 0 30px;
    }

    #manufacturer {
        padding: 0 28px;
    }

    .jobStats {
        padding: 28px 20px 28px 20px;
    }

    .pageSidebar {
        padding: 0 0 0 15px;
    }

    .proMain figcaption {
        font-size: 20px;
    }

    .manufacturerWrap ul li {
        height: 210px;
    }

    .manufacturerWrap ul li figure img {
        max-width: 200px;
        max-height: 100px;
    }

    .newsPost figcaption {
        padding: 20px 15px 35px 15px;
    }

    .popPost {
        padding: 20px 15px;
    }

    .newsPost h3 {
        font-size: 16px;
    }

    .newsPost figcaption {
        padding: 20px 15px 20px 15px;
    }

    .newsPost figcaption .postMeta .sep,
    .popPost .postInfo .postMeta .sep {
        margin: 0 2px;
    }

    .newsPost figcaption .postMeta .date,
    .popPost .postInfo .postMeta .date {
        font-size: 90%;
    }

    .newsPost figcaption a.readMoreBtn {
        width: 115px;
        line-height: 30px;
        font-size: 12px;
        font-weight: bold;
    }

    [data-pageInside*="news"] .pageSidebar {
        padding: 55px 0 0 5px;
    }

    .popularPosts h2 {
        padding: 16px 12px;
    }

    .popPost .postInfo {
        padding: 0 0 0 10px;
    }

    .popPost .postInfo h4 {
        font-size: 14px;
        margin: -2px 0 12px;
    }

    .postsSearch form input[type='text'],
    .postsSearch form input[type='search'] {
        height: 50px;
        padding: 0 50px 0 12px;
    }

    .popPost figure {
        width: 75px;
    }

    .popPost .postInfo .postMeta {
        font-size: 12px;
    }

    .mainArea img.aboutImg {
        margin-top: 0;
    }

    .missionVision h2 {
        font-size: 22px;
    }

    .aboutBottom .abBox h3 {
        font-size: 20px;
    }

    .brandProduct .productSingle h3 {
        font-size: 18px;
    }

    .brandProduct .relatedProducts .productSingle {
        padding: 15px 0;
    }

    .brandProduct .relatedProducts .productSingle figure {
        padding: 0 5px 0 0;
        width: 80px;
    }

    .brandProduct .relatedProducts .productSingle .proPrice {
        font-size: 16px;
        line-height: 1;
    }

    .brandProduct .relatedProducts .productSingle h4 {
        font-size: 14px;
    }

    .specialSalesWrap .relatedProducts {
        width: 69.3%;
    }

    .specialSalesWrap .relatedProducts .productSingle {
        max-width: 300px;
        padding: 21px 0;
    }

    a.viewMoreBtn {
        width: 100px;
    }
    .page-template-myQuotes .error_bx {
        padding: 70px 0 165px 23.3%;
    }
    .value span {
        display: block;
    }
}

@media only screen and ( max-width:1300px) {
    section.thank-you-page {
        padding-left: 10%;
    }
    section.thank-you-page h2 {
        font-size: 20px;
    }
}

@media only screen and ( max-width:1199px) {
    header .lft_col {
        width: 20%;
    }
    header .rght_col {
        width: 30%;
    }
    .searchBar form select {
        font-size: 12px;
    }
    .sidebarMenu .menuBtn a {
        padding: 0 15px;
    }
    .mainNav ul li {
        font-size: 17px;
    }
    .navBar .phoneNum a {
        font-size: 20px;
    }
    .col-md-offset-2.col-md-10 {
        margin-left: 0;
        width: 100%;
    }
    /*.sliderArea .slideCaption {
        max-width: 365px;
        right: 20px;
    }
    .sliderArea .slideCaption h2 {
        font-size: 24px;
        margin: 0 0 12px;
    }
    .sliderArea .slideCaption p {
        font-size: 15px;
    } */
    .sidebarMenu .menuBtn a {
        padding: 0 22px 0 44px;
        position: relative;
        z-index: 2;
    }
    .sidebarMenu .menuBtn .tg_menu {
        position: absolute;
        top: 0;
        color: #fff;
        z-index: 3;
        top: 13px;
        left: 15px;
        cursor: crosshair;
        display: block;
    }
    .sidebarMenu .menuBtn a::before {
        display: none;
    }

    .menuContent {
        display: none;
        width: 200px !important;
        background: #fff;
        padding: 0 5px 0 0;
    }
    .sidebarMenu .menuContent .megaMenu {
        width: 600px;
    }
    .featuredPros .equipments-I figcaption {
        max-width: 330px;
    }
    .featuredPros [class*="equipments-"] figcaption h3 {
        font-size: 24px;
    }
    .featuredPros .equipments-II figcaption h3 {
        font-size: 18px;
    }
    .featuredPros [class*="equipments-"] figcaption .shopNowBtn {
        font-size: 15px;
        line-height: 35px;
    }
    .ourProductsLinks ul li {
        padding: 0 10px 0 0;
    }
    .footer ul li,
    .footer p {
        font-size: 14px;
    }
    .copyRight p,
    .poweredBy p {
        font-size: 13px;
    }
    .sideBarArea {
        margin: 20px 0 0 0 !important;
    }
    .aboutBottom .abBox h3 {
        font-size: 17px;
        min-height: 40px;
    }
    .abBox figcaption {
        font-size: 14px;
    }
    .newsPost h3 {
        font-size: 15px;
    }
    .page-template-contact-us .mainArea {
        width: 100%;
    }
    .specialSalesWrap .relatedProducts .productSingle {
        max-width: 250px;
    }
    .woocommerce-cart .mainArea,
    .woocommerce-checkout .mainArea {
        padding: 30px 0;
    }
    .woocommerce-cart .mainArea article,
    .woocommerce-checkout .mainArea article {
        padding: 0;
    }
    .checkbox input[type="checkbox"] {
        position: static;
        margin-left: 0;
    }
    .brandProduct .productSingle {
        padding: 15px 20px 20px;
        width: 100%;
    }
    .brandProduct .relatedProducts {
        width: 100%;
        margin: 15px 0 0;
    }
    .productSingle figure img {
        height: 200px;
    }
    .relatedProducts .productSingle figure img {
        height: auto;
    }
    .woocommerce-account .mainArea {
        padding-left: 0;
        width: 100%;
    }
    #big .item {
        height: 340px;
    }
    section.thank-you-page {
        padding-left: 0;
    }
    section.thank-you-page .fa {
        font-size: 40px;
        height: 90px;
        width: 90px;
        line-height: 42px;
        margin: 0 0 25px;
    }
    section.thank-you-page h2 {
        padding: 15px 30px;
        font-size: 16px;
    }
    .my-vouchers .ywgc-template.style1, .my-vouchers .gift-card-content-editor {
    width: 100%;
}
    .my-vouchers .outer #big .item {
    height: auto !important;
    padding: 30px 10px;
}
    .my-vouchers .ywgc-card-amount{font-size: 18px;}
}

@media only screen and ( max-width:991px) {
    header .lft_col {
        width: 100%;
        text-align: center;
        margin: 5px 0 20px;
    }
    .logo {
        margin: auto;
        width: 200px;
    }
    header .mid_col {
        width: 50%;
    }
    .shoppingCart {
        padding: 8px 27px 8px 28px;
    }
    header .rght_col {
        width: 50%;
    }
    .sidebarMenu {
        width: 150px !important;
    }
    .sidebarMenu .menuBtn a {
        font-size: 14px;
        padding-left: 40px;
    }
    .mainNav ul {
        padding: 0 0 0 20px;
    }
    .mainNav ul li {
        font-size: 15px;
        margin-right: 20px;
    }
    .navBar .phoneNum a {
        font-size: 12px;
    }
    .navBar .phoneNum a::before {
        margin-right: 8px;
    }
    .sliderArea .slideCaption {
        max-width: 340px;
        right: 20px;
    }
    .sliderArea .slideCaption h2 {
        font-size: 22px;
        margin: 0 0 10px;
    }
    .sliderArea .slideCaption p {
        font-size: 15px;
    }
    .btnShop {
        font-size: 14px;
        padding: 10px 15px;
        margin: 10px 0 0 !important;
    }
    .featuredPros [class*="equipments-"] {
        height: 270px;
    }
    .featuredPros [class*="equipments-"] figure {
        background-size: cover !important;
        height: 100%;
    }
    .featuredPros .equipments-I figcaption,
    .featuredPros .equipments-II figcaption {
        max-width: 100%;
        right: 0;
        margin: auto;
        text-align: center;
    }
    .serviceBox {
        margin: 0 0 25px;
    }
    .ourProductsLinks {
        width: 45%;
    }
    .getInTouch {
        padding: 0 0 0 20px;
        width: 33%;
    }
    .footerInfo {
        padding: 0 0 0 20px;
        width: 22%;
        margin: 0;
    }
    .footerInfo:after {
        display: none;
    }
    .newsletter {
        padding: 0;
        width: 100%;
        margin: 30px 0 0;
        clear: both;
    }
    .signUpBox {
        width: 50%;
        float: left;
    }
    .signUpBox h4 {
        font-size: 18px;
    }
    .socialMedia {
        margin: 45px 0 0;
        width: 50%;
        float: left;
        text-align: right;
    }
    .footer h3 {
        margin: 0 0 20px;
    }
    .copyRight {
        margin: 4px 0 0;
        float: right;
    }
    .paymentGateways {
        float: left;
        margin: 15px 0 0;
        clear: both;
    }
    .openPositions table th {
        font-size: 14px;
    }
    .openPositions table td {
        font-size: 13px;
    }
    .mainContent,
    .pageSidebar {
        width: 100%;
    }
    [data-pageInside*="news"] .pageSidebar {
        padding: 15px 0 0 5px;
    }
    .sideBarArea {
        width: 26.667%;
    }
    .mainArea {
        width: 73.333%;
    }
    .aboutBottom .abBox img {
        height: auto;
    }
    .aboutBottom .abBox h3 {
        font-size: 16px;
    }
    .jobStats ul li {
        display: inline-block;
        width: 48%;
    }
    .specialSalesWrap .productSingle {
        max-width: 100%;
        width: 100%;
        padding: 20px;
        margin: 0 0 25px;
    }
    .brandProduct .productSingle figcaption {
        margin: 15px 0 0;
    }
    .brandProduct .productSingle h3 {
        font-size: 16px;
        min-height: 100%;
    }
    .specialSalesWrap .relatedProducts {
        width: 100%;
    }
    .specialSalesWrap .relatedProducts .productSingle {
        max-width: 220px;
    }
    form.woocommerce-currency-switcher-form.woocs_show_flags,
    select.woocommerce-currency-switcher {
        width: 100% !important;
    }
    .contactPage .contactLeft {
        padding: 0 20px 0 0;
    }
    .btn {
        min-width: 84px;
        padding: 7px 10px;
    }
    [data-pageInside] h1,
    [data-pageInside] h2 {
        font-size: 17px;
    }
    .list-group-item .proMain figcaption {
        width: 65%;
    }
    .proMain figcaption {
        font-size: 16px;
    }
    .woocommerce-cart .mainArea article {
        padding: 10px 0;
    }
    .mainArea {
        padding-left: 0px;
    }
    .woocommerce table.shop_table {
        padding-bottom: 15px;
    }
    .woocommerce .cart .button[type="submit"] {
        width: 200px !important;
        float: right;
    }
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
        padding: 15px 10px;
    }
    .woocommerce-billing-fields h3 {
        margin: 0 0 10px;
    }
	
	/* pathan din */
.productsWrap .item.list-group-item img {margin-bottom: 10px;}
.list-group-item figcaption {width: 100% !important; float: none;}

}

@media only screen and ( max-width:767px) {
    .my-vouchers .gift-card-content-editor.step-content{padding: 20px;}
    .my-vouchers .quantity input {
    height: 27px;
}
    #tab-description {
    padding: 5px;
}
    header .mid_col {
        width: 100%;
    }
    form.woocommerce-currency-switcher-form.woocs_show_flags {
        display: block;
    }
    select.woocommerce-currency-switcher {
        width: 100% !important;
    }
    header .rght_col {
        width: 100%;
        margin: 20px 0 0;
    }
    .header .navBar {
        position: relative;
    }
    button#responsive-menu-button {
        width: 55px;
        height: 51px !important;
        position: absolute;
        top: 0 !important;
        right: 0%;
        background: none !important;
    }
    .navbar-toggle {
        display: none
    }
    #topNav {
        display: block;
    }
    .mainNav {
        display: none;
    }
    .navBar .phoneNum {
        float: left;
        margin: 0 0 0 10px;
    }
    #homeSlider {
        height: 420px;
    }
    .sliderArea .slideCaption{
        bottom: 92px;
        top: unset;
    }
    .item:nth-child(3) .slideCaption {
        bottom: 10px;
        top: unset;
    }
    #homeSlider .carousel-inner,
    #homeSlider .item {
        height: 100%;
    }
    .sliderArea .slideCaption {
        max-width: 100%;
        right: 0;
        background: #30a4dd;
        padding: 10px 15px;
        width: 100%
    }
    .sliderArea .slideCaption .titleh2{
        font-size: 28px!important;
    }
    .sliderArea {
        margin: 0 0 20px!important;
        max-height: 200px;
    }
    .productsRotator .owl-nav {
        top: -29px;
    }
    .productDetails .toCartBtn, .productDetails .toWishlistBtn{
        padding: 0 8px;
        font-size: 12px;
    }
    .variations_form .woocommerce .quantity .qty {
        height: 40px;
    }
    section.productsRotator {
        margin-top: 130px !important;
        width: 100%;
        float: none;
    }

    .sliderArea .carousel-indicators {
        display: none;
    }
    .productsRotator {
        margin: -115px 0 40px;
        position: relative;
        z-index: 10;
    }
    .shoppingCart {
        padding: 8px 10px 8px !important;
    }
    .shoppingCart .cartTitle {
        font-size: 12px;
    }
    .shoppingCart .viewBasketBtn {
        padding: 5px;
    }
    .sliderArea .slideCaption h2 {
        font-size: 17px;
    }
    .sliderArea .slideCaption p {
        font-size: 13px;
    }
    .searchBar input[type="text"],
    .searchBar input[type="search"] {
        padding: 0 0 0 135px;
    }
    .productFiltersBar ul li {
        width: 100%;
        text-align: center;
        margin: 0;
    }
    .ourProductsLinks,
    .getInTouch,
    .footerInfo,
    .newsletter {
        width: 100%;
        margin: 0 0 20px;
        padding: 0;
    }
    .ourProductsLinks::after,
    .getInTouch::after,
    .footerInfo::after {
        display: none;
    }
    .signUpBox,
    .socialMedia {
        width: 100%;
    }
    .socialMedia {
        margin: 30px 0 0;
        float: left;
        text-align: left;
    }
    .featuredPros [class*="equipments-"] figure img {
        display: none;
    }
    .footer ul li,
    .footer p {
        font-size: 12px;
    }
    .ourProductsLinks ul li {
        padding: 0 5px 0 0;
    }
    .copyRightBar {
        margin: 10px 0 0;
        padding: 13px 0 50px;

    }
    .copyRight p,
    .poweredBy p {
        font-size: 12px;
    }
    .poweredBy {
        width: 100%;
    }
    .paymentGateways {
        float: none;
        margin: 9px 0 0;
        clear: both;
        display: inline-block;
    }
    .copyRight {
        width: 100%;
    }
    .signUpBox h4 {
        font-size: 14px;
    }
    .sideBarArea {
        width: 100%;
        margin: 30px 0 !important;
    }
    .mainArea {
        width: 100%;
        padding: 0;
    }
    .missionVision > div {
        display: block;
    }
    .missionVision,
    [data-pageInside] p + .missionVision {
        margin: 25px 0;
    }
    .aboutBottom .abBox {
        margin: 0 0 20px;
    }
    #manufacturer .item img {
        max-width: 50%;
    }
    .manufacturerWrap ul li {
        width: 100%;
        margin: 0 0 25px;
    }
    .page-template-manufacturer .manufacturerBox {
        display: none;
    }
    .page-template-manufacturer .mainArea h1 {
        text-align: center;
    }
    .openPositions table td:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        width: 130px;
        display: inline-block;
        text-align: left;
        font-size: 15px;
    }
    .openPositions table th {
        display: none;
    }
    .openPositions table td {
        font-size: 13px;
        display: block;
        padding-left: 0;
    }
    .openPositions table td span.jobType {
        display: inline-block;
        margin: 0 8px 0 0;
    }
    a.viewMoreBtn {
        vertical-align: middle;
    }
    .openPositions table td:last-child {
        text-align: left;
    }
    .newsPost {
        width: 100%;
    }
    .sidebarMenu {
        display: none;
    }
    [data-pageInside] h1,
    [data-pageInside] h2 {
        font-size: 18px;
    }
    [data-pageInside] p,
    .skillsRequired ul li {
        font-size: 13px;
    }
    .mainContent {
        padding: 0;
    }
    .jobStats ul li {
        display: block;
        width: 100%;
    }
    .specialSalesWrap .relatedProducts .productSingle {
        max-width: 100%;
    }
    .contactPage .contactLeft {
        padding: 0;
        width: 100%;
    }
    .contactPage .contactRightSb {
        width: 100%;
        margin: 35px 0 0;
    }
    .captchaBox {
        margin: 0 0 15px;
        position: relative;
    }
    .contactPage {
        margin: 30px 0 0;
    }
    .captchaBox iframe {
        transform: scale(0.8);
        text-align: left;
        float: left;
        position: absolute;
        left: -28px;
    }
    .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
        font-size: 12px;
    }
    .btn-group {
        margin: 10px 0 0 0px;
    }
    .breadCrumbs {
        margin: 0 0 10px;
    }
    .list-group-item .proMain {
        text-align: center;
    }
    .list-group-item .proMain figcaption {
        width: 100%;
        margin: 10px 0 0;
    }
    #register .modal-dialog {
        max-width: 90%;
    }
    #imk_register .g-recaptcha {
        transform: scale(0.74);
        -webkit-transform: scale(0.74);
        transform-origin: left;
        -webkit-transform-origin: left;
    }
    .input {
        height: 30px;
        font-size: 13px;
    }
    .wishlist_table input {
        width: 100%;
    }
    .woocommerce a.button,
    .woocommerce button.button {
        font-size: 80%;
        padding: .618em 0.3em;
		margin-left: 5px;
    }
    .modal .modal-dialog {
        width: 100%;
        max-width: 90%;
    }
    textarea.input {
        height: 60px;
    }
    .modal .modal-content {
        padding: 15px;
    }
    .page-id-5 .mainArea {
        margin: 30px auto 0;
    }
    .woocommerce .cart .button[type="submit"] {
        width: 130px !important;
        font-size: 12px;
    }
    .shop_table_responsive.cart td a,
    .shop_table_responsive.cart td span {
        font-size: 13px;
    }
    input#coupon_code {
        font-size: 12px;
    }
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
        font-size: 15px;
    }
    .woocommerce-billing-fields__field-wrapper input,
    .woocommerce-billing-fields__field-wrapper select {
        height: 30px;
    }
    .showcoupon {
        font-size: 13px;
    }
    .woocommerce table.shop_table td {
        font-size: 13px;
    }
    .woocommerce-checkout .mainArea h3 {
        margin: 0 0 10px;
    }
    .woocommerce-account .mainArea,
    .logged-in .mainArea {
        padding-top: 20px;
    }
    .logged-in .mainArea #main {
        overflow-x: auto;
        width: 100%;
        padding: 0 !important;
    }
    #example thead th {
        font-size: 14px;
        padding: 5px 7px;
    }
    #example td h3 {
        font-size: 13px;
    }
    .logged-in .mainArea #main {
        margin-top: 10px;
    }
    .logged-in .mainArea {
        min-height: 100%;
    }
    .page-template-myQuotes .error_bx {
        padding: 20px 0 0;
    }
    #big .item {
        height: auto;
    }
    .woocommerce span.onsale {
        left: 3px;
    }
    section.thank-you-page {
        margin: 30px 0 30px;
    }
    section.thank-you-page .fa {
        font-size: 22px;
        height: 60px;
        width: 60px;
        line-height: 53px;
        margin: 0 0 15px;
        padding: 0;
    }
    section.thank-you-page h2 {
        padding: 8px 10px;
        font-size: 13px;
    }
	
/* pathan din */
.productsWrap .item.list-group-item img {margin-bottom: 10px;}
.list-group-item figcaption {width: 55% !important;}
#big .owl-item img {margin: 15px auto;}
	
	
}

@media only screen and ( max-width:479px) {
    .shoppingCart .viewBasketBtn {
        padding: 5px;
        float: none;
        clear: both;
        margin: 15px auto 0;
        width: 115px;
    }
}


/* pathan din */
@media only screen and ( max-width:575px) {
.productsWrap .item.list-group-item img {float: none;margin-bottom: 10px;}
.list-group-item figcaption {float: none !important;width: 100% !important;}
	
	
}


.sideBarArea  .titleh3{color: #30a4dd;font-size: 14px;margin: 0 0 35px;padding: 0 0 8px;position: relative;text-transform: uppercase;}
.sideBarArea  .titleh3::before {background: #eeeeee none repeat scroll 0 0;bottom: 0;content: "";height: 1px;left: 0;max-width: 196px;position: absolute;width: 100%;z-index: 1;}
.sideBarArea  .titleh3::after {background: #30a4dd none repeat scroll 0 0 !important;bottom: 0;content: "";height: 1px;left: 0;position: absolute;width: 82px;z-index: 2;}
.sliderArea .slideCaption .titleh2 {color: #fff;line-height: 1.28;text-transform: uppercase;font-weight: normal;font-family: inherit;text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);font-size:30px;}

.proMain {min-height: 375px;}
.proMain img {min-height: 216px;}
.newsPost:nth-of-type(3) {clear: both;}