/**

Theme Name: Cableglandwarehouse

Theme URI: http://visitnetworld.com/

Author: ConnectUs Infoway LLP

Author URI: http://connectusinfoway.com/

Description: Cableglandwarehouse custom desigend theme connectus.

Version: 1.0.0

Tags: two-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: cahwp

*/

#post-459 .xoo-el-form-container {
	padding: initial;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');

@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i|Prata&subset=cyrillic,cyrillic-ext,vietnamese");

@font-face {

    font-family: 'helveticaregular';

    src: url('fonts/helvetica-webfont.woff2') format('woff2'),

         url('fonts/helvetica-webfont.woff') format('woff');

}

body,html{ overflow-x:hidden; }



/** WordPress Defaults

----------------------*/

.alignleft, img.alignleft{ margin-right: 1em; display: inline; float: left; }

.alignright, img.alignright{ margin-left: 1em; display: inline; float: right; }

.aligncenter, img.aligncenter{ margin-right: auto; margin-left: auto; display: block; clear: both; }

.alignnone, img.alignnone{  /* not sure about this one */ }

.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; max-width: 100%; }

.wp-caption img { border: 0 none; padding: 0; margin: 0; }

.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }

.wp-smiley { margin: 0 !important; max-height: 1em; }

blockquote { padding: 10px 20px;margin: 0 0 20px;border-left: 5px solid #eeeeee; }

blockquote p { font-style: italic; font-size: 1.063rem; }

blockquote small {

    display: block;

    font-size: 80%;

    line-height: 1.42857143;

    color: #777;

}

.gallery{ position:relative; }

.gallery .gallery-item{display: inline-block;text-align: center;vertical-align: top;width: 25%;margin: 0 0 0.7em;}

.gallery.gallery-columns-1 .gallery-item{ width: 100%; }

.gallery.gallery-columns-2 .gallery-item{ width: 50%; }

.gallery.gallery-columns-3 .gallery-item{ width: 33.33%; }

.gallery.gallery-columns-5 .gallery-item{ width: 20%; }

.gallery.gallery-columns-6 .gallery-item{ width: 16.667%; }

.gallery.gallery-columns-7 .gallery-item{ width: 14.285%; }

.gallery.gallery-columns-8 .gallery-item{ width: 12.5%; }

.gallery.gallery-columns-9 .gallery-item{ width: 11.11%; }

.gallery img {

    box-shadow: 0 5px 15px -8px rgba(0,0,0,.24), 0 8px 10px -5px rgba(0,0,0,.2);

    border-radius: 6px; max-width: 84%; height: auto;

}

.gallery img:hover{background-color: #ffffff;}

.gallery .gallery-caption { color: #999; font-size: 12px; margin: 7px 0 10px; line-height: 1.48; }

.gallery dl, .gallery dt { margin: 0; }

.gallery br+br{ display: none; }

.bypostauthor{ text-transform: none; }

.bypostauthor .media-heading{ color: #d12a5c; }

.sticky{ position: relative; vertical-align: text-bottom; }



/* Main Stylesheet

-------------------*/

body {

  line-height: 24px;

  font-size: 14px;

  font-style: normal;

  font-weight: 400;

  visibility: visible;

  font-family: "Rubik", sans-serif;

  color:#404040; letter-spacing:0.5px;

}

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

h1 { font-size: 48px;line-height: 1;font-weight: 700; }

h2 { font-size: 36px;line-height: 36px;font-weight: bold; }

h3 { font-size: 30px;line-height: 30px; }

h4 { font-size: 16px;line-height: 19px;font-weight: 700; }

h5 { font-size: 14px;line-height: 18px; }

h6 { font-size: 12px;line-height: 14px; }

p:last-child { margin-bottom: 0; }

a, button {

  color: inherit;

  line-height: inherit;

  text-decoration: none;

  cursor: pointer;

}

a, button, img, input{ transition: all 0.3s ease 0s; }

*:focus { outline: none !important; }

a:focus { color: inherit;outline: none;text-decoration: none; }

#main-content{ padding: 55px 0 50px; min-height: 35vh; }

.flush-top-space{ margin-top: -55px; }

.flush-bottom-space{ margin-bottom: -50px; }

.text-center{ text-align: center; }

.woocommerce-message #main-content,

.woocommerce-info #main-content,

.woocommerce-message #main-content{ margin-top: -55px; }

/* COLORS

----------------*/

.text-green{ color:green; }

.text-maroon{ color:#9a0002; }



/* BGCOLORS

----------------*/

.bg-light{ background-color: #f8f9fa!important;padding: 60px 0px; }



/* BUTTONS

----------------*/

.btn.btn-cahwp {

    background: #9a0002;

    border: none;

    min-width: 100px;

    padding: 0px 18px;

    border-radius: 5px;

    color: #fff;

    text-transform: capitalize;

    font-weight: 400;

    letter-spacing: 1px;

    height: 35px;

    line-height: 35px;

    font-weight: 500;

    font-size: 16px;

}

.btn.btn-cahwp.focus, .btn.btn-cahwp:focus {box-shadow:unset; }



/* FORMS

---------------*/



.form-control::placeholder {

    font-size: 14px;

    margin: 20px;

}

.cable-contact-form .form-control{

    border: 1px solid #ebebeb;

    padding-top: 10px;

    padding-bottom: 10px;

}

.wpcf7-form .cable-contact-form input[type="text"],

input[type="email"],

textarea {

    border: 1px solid #ebebeb;

    padding-top: 10px;

    padding-bottom: 10px;

}



.wpcf7 .cable-contact-form .wpcf7-text, .wpcf7 .wpcf7-email, .wpcf7 .wpcf7-textarea {

  padding-left: 35px;

}

.wpcf7 .cable-contact-form p { position: relative; }

.wpcf7 .cable-contact-form p .fa{

  position: absolute;

  color: #666666;

  z-index: 100;

  font-size: 18px;

  top: 29%;

  left: 3%;

}

.wpcf7-form textarea{

    width: 100%;

}

.cable-contact-form .form-control:focus{

    color: #495057;

    background-color: #fff;

    border-color: #ebebeb;

    outline: 0;

    box-shadow: unset;

}

.wpcf7 .cable-contact-form p .fa-comment {

  position: absolute;

  color: #666666;

  z-index: 100;

  font-size: 18px;

  top: 13px;

  left: 10px;

}

.cable-contact-form .ajax-loader{ float:left;margin: 12px 5px 0 4px!important; }

/* Titles

----------------*/

.main-title { margin-bottom: 40px;position: relative;text-align: center; }

.main-title h2{

    font-family: 'helveticaregular';

    margin-bottom: 0;

    position: relative;

    display: inline-block;

    line-height: 30px;

    text-transform: capitalize;

    padding: 0 5px;

    background: #fff;

    color: #242424;

    font-size: 34px;

    font-weight: 700;

}

.bg-light .main-title h2{ background: #f8f9fa; }

.main-title:before{

    content: "";

    height: 1px;

    background: #ebebeb;

    position: absolute;

    left: 0;

    right: 15px;

    top: 50%;

}



/* Padding & Margins

----------------------*/

.ptb60{ padding-top:60px; padding-bottom:60px; }

.plr60{ padding-left:60px; padding-right:60px; }

/* Tooltip

-------------------*/

.tooltip-inner { background-color: #9a0002; }

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {

    margin-left: -3px;

    content: "";

    border-width: 5px 5px 0;

    border-top-color: #9a0002;

}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {

    margin-top: -3px;

    content: "";

    border-width: 5px 5px 5px 0;

    border-right-color: #9a0002;

}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {

    margin-left: -3px;

    content: "";

    border-width: 0 5px 5px;

    border-bottom-color: #9a0002;

}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {

    right: 0;

    margin-top: -3px;

    content: "";

    border-width: 5px 0 5px 5px;

    border-left-color: #9a0002;

}

/* Header

-------------------*/

.header-phone-number {

    padding: 5px 0;

}

.header-phone-number .phone-icon {

    font-size: 16px;

}

.header-phone-number .phone-number {

    font-family: 'helveticaregular';

    font-weight: bold;

}

.header-top{ border-bottom: 1px solid #ebebeb; }

.header-top .top-action { display: inline-block; }

.header-top ul { list-style: outside none none;margin: 0;padding: 0; }

.header-top li{ display: inline-block; }

.header-top ul li a,

.header-top .dropdown a {

    color: #242424;

    text-transform: capitalize;

    line-height: 26px;

    font-size: 12px;

    cursor: pointer;

    display: block;

    font-weight: 400;

    padding: 5px 0;

}

.header-top .top-menu ul li:not(:first-child)::before,

.header-top .top-menu .dropdown::before {

    position: absolute;

    content: "";

    width: 1px;

    height: 15px;

    background: #ebebeb;

    top: 50%;

    left: 0px;

    transform: translatey(-50%);

 }

 .header-top .top-menu ul li:first-child { padding-left: 0;margin-left: 0; }

 .header-top .top-menu ul li,

 .header-top .dropdown{

    display: inline-block;

    position: relative;

    padding-left: 20px;

    margin-left: 20px;

}

.header-top .user-signin ul{  padding: 0 10px; }

.header-top .user-signin ul li {

    border-bottom: 1px solid #ebebeb;

    line-height: 36px;

    padding: 5px 0;

    width: 100%;

}

.header-top .user-signin ul li:last-child{ border-bottom: unset; }

.header-top .user-signin ul li a{

    text-transform: capitalize;

    display: block;

    font-size: 12px;

    color: #242424;

    text-align: center;

}

.dropdown-item.active,

.dropdown-item:active{ color: #9a0002!important;text-decoration: none;background-color: unset; }

.home_contact{ display: flex; }

.home_contact .contact_box{ padding-right: 22px;margin-right: 22px;border-right: 2px solid #ebebeb; }

.home_contact .contact_box label {

    text-transform: uppercase;

    font-weight: 500;

    font-size: 18px;

    line-height: 17px;

    margin-bottom: 3px;

    margin-top: 10px;

}

.home_contact .contact_box p {

    font-size: 14px;

    line-height: 16px;

    font-weight: 500;

    color: #696969;

}

.home_contact_mobile{ display: none; }

.cart_link { position: relative; }

a#festi-cart {

    font-size: 14px!important;

    font-weight: 500!important;

    text-transform: capitalize;

    color: #212121;

    border: 1px solid #ebebeb !important;

    border-radius: 1px 1px 1px 1px;

    text-align: left;

    padding: 11px 10px 13px 15px !important;

    line-height: 15px;

    border-radius: 3px;

    display: block;

    background: none !important;

}

span.woocommerce-Price-amount.amount{

    font-weight: 500 !important;

    color: #212121 !important;

    font-size: 15px !important;

}

span.shipping-cart {

    margin-left: 6px;

    border-right: 1px solid #ccc !important;

    padding: 0 8px !important;

    width: auto;

    font-size: 19px;

    margin-right: 10px;

    position: relative;

    top: 3px;

}

span.festi-cart-quantity {

    position: absolute;

    left: -11px;

    width: 28px;

    height: 28px;

    line-height: 30px;

    text-align: center;

    background: #9a0002;

    color: #fff !important;

    border-radius: 50%;

    top: 8px;

    font-weight: 400;

    font-size: 12px;

}

.cart_link .festi-cart-content img{

    margin-left: 6px;

    border-right: 1px solid #ccc !important;

    padding: 0 8px !important;

    width: auto;

    font-size: 19px;

    margin-right: 10px;

    position: relative;

    top: 3px;

}

.cart-totla{ line-height: 20px;  }



.top-action .searching input{ margin-left: 20px;padding: 0 8px !important; }

.top-action .searching input{

   border: 1px solid #ebebeb !important;

   /*  height: 35px; */

    line-height: 50px;

    padding: 0 67px 0 10px;

    font-size: 12px;

    background: inherit;

    color: #9a0002;

}

.top-action .searching input:focus{ box-shadow:unset; }

.top-action .searching .btn-search{ border: 0; }

.top-action .searching .btn-search:hover,

.top-action .searching .btn-search:focus{

    color: #9a0002;

    background-color: unset;

    border-color: unset;

    box-shadow:unset!important;

}

.main_menu{ border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;background: rgb(211,211,211); }

.main_menu nav ul li a {

    display: block;

    padding: 10px 20px!important;

    color: #212121;

    font-size: 14px;

    line-height: 26px;

    text-transform: uppercase;

    font-weight: 500;

    text-transform: uppercase;

}

.main_menu nav ul li a:hover { color:#9a0002; }

.main_menu nav ul li:last-child a { padding-right: 0!important; }

.main_menu nav ul li:first-child a { padding-left: 0!important; }

.page-title{ padding-top: 55px;margin-bottom: -55px; }

.page-title h1{ font-size: 30px;margin-top: 20px;margin-bottom: 20px; }

/* FOOTER

-------------------*/

.footer-bottom { padding: 38px 0 46px; }

.footer_middel_menu {

    text-align: center;

    padding: 17px 0 15px;

    border-bottom: 1px solid #ebebeb;

    border-top: 1px solid #ebebeb;

}

.footer_middel_menu ul{ list-style: outside none none;margin: 0;padding: 0; }

.footer_middel_menu ul li { display: inline-block;margin-right: 40px; }

.ship-text h3 {

    font-weight: 500;

    color: #000;

    text-transform: uppercase;

    font-size: 16px;

    text-align: center;

    margin: 0;

    padding: 0;

}

.ship-text.bg-light-gray { padding: 15px 0px; }

.footer_middel_menu #nav_menu-3,

.footer_middel_menu .header-phone-number{

    display: inline-block;

}

.bg-light-gray{

    background: rgb(211,211,211);

}

/* 404 PAGE

---------------------*/

body.error404 h2.title404 {

    font-size: 9em;

    margin: 0;

    font-weight: 700;

    line-height: .9em;

    color: #dcdcdc;

}

body.error404 p.error-page-text{ margin-bottom: 0; }

body.error404 .error-page-text span {

    font-size: 22px;

    text-transform: uppercase;

    padding: 5px 0;

    display: block;

}

.cahwp-search-box h3{ margin-bottom: 0; }

.cahwp-search-box p{ margin-bottom: 5px; }



/*   SEARCH COMMON

----------------------*/



.search-form label { color: #333; display: block; font-weight: 800; margin-bottom: 0.5em; }

.search-form fieldset { margin-bottom: 1em; }

.search-form input[type="search"] {

    color: #666;

    background: #fff;

    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));

    border: 1px solid #bbb;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    display: block;

    padding: 0.7em;

    width: 100%;

}

.search-form { position: relative; }

.search-form .search-submit { bottom: 3px; padding: 0.5em 1em; position: absolute; right: 3px; top: 3px; }

.search-form .search-submit .icon { height: 24px; top: -2px;width: 24px; }

.search-form .search-submit .fa-search { font-size: 20px; }

.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    height: 1px;

    overflow: hidden;

    position: absolute !important;

    width: 1px;

    word-wrap: normal !important;

}

.screen-reader-text:focus {

    background-color: #f1f1f1;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: 700;

    height: auto;

}



/* HOVER

-------------------*/

a:hover { text-decoration: none;color: #9a0002; }



/* Responsive css

-------------------*/

.container { width:92%;margin:auto;max-width:none; }

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

    .main_menu nav ul li a {  padding: 10px 15px!important;  }

}

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

    .container { width: 98%; }

    .main_menu { border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;background: unset; }

    .navbar-toggler { background: #9a0002; color:#fff; }

    .navbar-toggler-icon { width: auto; height: auto; vertical-align:top; }

    .navbar-collapse {

        background: #fff;

        right:auto;

        left: 0px !important;

        position: absolute;

        top: 51px;

        min-width:300px;

        z-index:9;

        border: 1px solid #ddd;

    }

    .navbar-expand-lg .navbar-nav .nav-link { padding: 1em 5%!important; font-size: 12px;font-weight: 400 }

    .navbar-brand { text-align: center; }

    .navbar-brand img { width: 50%; }

    .navbar ul li.current::after { display:none; }

    .navbar ul li:not(:first-child) { border-top: 1px solid#ddd; }

    .home_contact { display: none; }

    .home_contact_mobile { display: block;margin: 5px 0; }

    a#festi-cart{ padding: 8px 8px 8px 8px !important; }

     span.festi-cart-quantity{     top: 5px; }

    .header-top { text-align: center!important; }

}

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

    .container{ width: 100%; }

    .header-top .top-menu ul li,

    .header-top .dropdown{ padding-left: 15px;margin-left: 15px; }

    .footer_middel_menu #nav_menu-3,

    .footer_middel_menu .header-phone-number{

        display: unset;

    }

    .footer_middel_menu ul li {

        display: inherit;

        margin-right: 0px;

    }

}

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

    .navbar-brand img { width: 70%; }

    .header-top .top-menu ul li,

    .header-top .dropdown{ padding-left: 0;margin-left: 10px; }

    .header-top .top-menu ul li:not(:first-child)::before,

    .header-top .top-menu .dropdown::before{ content:unset; }

    .menu-footer-menu-container{ text-align: center!important; }

    .footer_middel_menu ul li { margin-right: 20px;  }

}

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

    .header-top .user-signin .dropdown .dropdown-menu.show{ transform: translate3d(-61px, 36px, 0px)!important; }

    .footer-bottom { padding: 10px 0 10px; }

}

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

    .navbar-brand img { width: 100%; }

    .header-top .top-menu ul li,

    .header-top .dropdown{ padding-left: 0;margin-left: 5px; }

}
.seemore{
	display:none;
}