body {
  font-family: 'Open Sans', sans-serif;
}
h1{font-size:40px;}
h2{font-size:34px;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:18px;}

p{ font-size:14px; font-family: 'Open Sans', sans-serif; line-height: 25px; }
.clearfix{ margin-top:25px;}
a{color:#4ea6ff; text-decoration:none !important;}
.fixed_position {
    position: absolute;
    right: 0;
    background: #fff;
}

/*===============================================================*/
.accordion-button:not(.collapsed) {
    color: #4ea6ff;
}
.modal {
    z-index:999999;
}
.list-style {
    list-style: none;
}
.list-style li {
    margin-bottom:10px;
}
.align-self-center {
    align-self: center !important;
}

.view_btn {
    margin-top: 20px;
}
.input-group .btn {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    margin-left:0px;
    height:42px !important;
}
.input-group .btn .fa { margin-right:0px;
}
.d-flex .form-control {
padding:6px !important;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background:none !important;}
.pagination li {
margin:10px;}
    .pagination li:hover {
        color: #4ea6ff;
    }
    /*Popup box*/
    .pop_bg {
        background: rgba(0, 0, 0, 0.7);
    }
.popup_box{ margin-top:30%; border-radius:0px; border:none;}
.popup-title{background: #28547e; color:#fff; text-align:center; text-transform:uppercase;}
.popup-form{ padding:25px 15px; border:1px solid #ddd; width:100%; border-radius:0px;}
.popup-btn{  padding:15px 15px; width:100%; border-radius:0px; background:#3f8c4f; border:none; text-transform:uppercase; font-size:25px;}
.popup-btn:hover{ background:#295d34;}
.cancel{ color:#fff; opacity:5;}
.cancel:hover{ color:#f75050; text-shadow:none;}

/*Popup box*/

/*===============================================================*/
/*Header*/
/*header{ height:70px;}*/
.head_back{ border:none; box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.28); /*min-height: 135px;*/ background: #fdfdfd;}
.navbar-brand{ height:auto;}
.navbar-brand img{ height:40px; width:auto;}
.main_header{ background:#fdfdfd; border:none; padding-top: 30px; float:right; }
.navbar-inverse .navbar-nav>li>a { color:#000; text-shadow:none; text-align:right; font-size:15px;}
.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
    align-items: end !important;
}
.navbar-toggler {
    padding:6px;
}
.navbar-toggler:focus {
        box-shadow:none;
    }
    .navbar-inverse .navbar-nav > li > a:hover {
        color: #ed1c24;
    }


.navbar-light .navbar-brand {
    color: #4ea6ff !important;
    font-weight: 500;
}
.top_menu_bg{ background:#4ea6ff; line-height: 15px; font-size:14px;}
/*.call-to-action{ line-height:20px;}*/
.call-to-action li a { color:#fff !important;}
.call-to-action li a:hover { color:#000 !important;}
.call-to-action a{color:#fff; text-decoration:none;}
.call-to-action a:hover{ color:#ddd;}

.mobile_menu {
    margin-top: -44px;
    background-color: rgb(195 51 57);
    border-radius: 3px;
    border: 0px;
}
.sub_menu{right:0; left:initial; }
.sub_menu li{color:#000;}
.drop_menu{background: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
a {
    text-decoration:none;
}
/*.navbar-header img{ padding-top:20px;}*/
.drop_menu li a{ color:#000;}
.navbar-nav>li>a{ padding-top:5px; margin-left: 10px; color:#000;}
.navbar-nav > .active >a {
    color: #4ea6ff;
}
.navbar-expand-md .navbar-collapse {
    align-items:end;
}
.address_top {
    text-align: right;
    color: #fff;
}
.address_top p{font-size:14px; line-height: normal; padding-top: 5px; margin-bottom: 0px;}
/*Header*/
/*===============================================================*/
/*slider*/
.slider_section{    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}

.slider{ position:relative;  overflow:hidden;}
.slider img{width:100%;}

/*slider ends here */
/*search*/
.timing{background-image: linear-gradient(to right, #4ea6ff , #000000b8); padding:15px; margin-top:10% !important; color:#fff;}
.banner_text{    
    text-align: center;
    width: 80%;
    margin: auto 10%;
    position:relative;
    text-transform: uppercase;
    color: #900;
}
.text-red {
    color: #900;
}
/*.banner_text_field{ background:rgba(255, 255, 255, 0.54); margin: auto 18%; padding: 1% 2% 2% 2%; position:absolute;  bottom: 25%; height:auto; }*/
.banner_text_field {
    background: rgba(255, 255, 255, 0.71);
    ;
    padding: 1% 2% 2% 2%;
    margin-top: 12%;
    height: auto;
    float: right;
}
.find_btn{ border-right: 3px solid #ddd;}
.select2-container .select2-selection--single {
    height: auto;
    padding: 8px 10px;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #999;
    
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 21px;
}
.pl-10 {
    padding-left: 10px !important;
}
.alert {
    padding: 10px;
}
#miscfeeschedule .switch {
    margin-left:0px;
}
.minimal {
    width: 25px;
    height: 25px;
    left: 0px;
    position: relative;
    bottom: -4px;
    margin-right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}
.feature_list {
    background-color: #4ea6ff;
    color: #fff;
}
.bootstrap-timepicker-widget table{border:0px;}
.bootstrap-timepicker-widget .fa {
    margin:0px;
}
.bootstrap-timepicker-widget table td, .bootstrap-timepicker-widget table tr, .bootstrap-timepicker-widget table tbody {
    border-width: 0px !important;
}
.bootstrap-timepicker-widget.dropdown-menu{top:59px;}
.search_butn input {
    /*width: 100%;*/
    padding: 10px 15px !important;
    border: 1px solid #ddd;
    /*height: 50px;*/
    border-radius: 0px;
    display: inline;
    margin-bottom: 5px;
}
.search_btn {
   /* height:49px; */
	padding: 10px 20px !important; 
	background: #4ea6ff !important;
    color: #fff !important;
    /*margin-left: -6px;*/
    border: 1px solid #4ea6ff;
	border-radius:0px;
}
.search_btn:hover { background:#000; color:#fff; border: 1px solid #000;}
/*search ends here */

 .signin_fields{margin-top:10px;}
 .signin_fields a{color:#000; margin-right:10px; font-weight:bold;}
/*category blocks on banner */

.category_blocks{ min-height:150px; background:#fff; padding: 35px 0px 20px 0px;}
.category_blocks p{ line-height: 20px; font-size: 14px; color:#000;}
.category_blocks a{ padding:10px; min-height:170px;}
.category_blocks a >img {margin-bottom: 15px;}
.category_top_item{ text-align:center;  min-height: 150px; padding-top: 15px;     display: inline-block;}
.category_top_item:hover{border-bottom: 10px solid #036daa;}
/*-- category blocks on banner --*/

/*==========================================================================*/
/*======= Tooggle Switch ====== */

/*Togle switch*/
.title_head { /*background:#900;*/
    padding: 5px;
    color: #900;
    display: inline-flex;
    margin: 0;
}



.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 27px;
    margin-left: 15px;
}

    .switch input {
        display: none;
    }

.title_head .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a9a9a9;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 25px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 25px;
}

input:checked + .slider {
    background-color: #900;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/*------ ADDED CSS ---------*/
.on {
    display: none;
}

.on, .off {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 64%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

input:checked + .slider .on {
    display: block;
    left: 29% !important;
}

input:checked + .slider .off {
    display: none;
    transform: translate(0%,-50%) !important;
    
}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/*======= Tooggle Switch ====== */
/*-- features below banner --*/

.feature_list{
	background-color:#4ea6ff;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}
.feature_itme {
    text-align: center;
    padding: 10px;
    color: #fff;
}
.feature_itme a{
/*color:#fff;*/

}

.feature_itme a:hover {
    color: #000;
}

/*-- features below banner --*/
/*==========================================================================*/

/*==========================================================================*/
/*-- featured Products --*/
.service_lists{ padding-top:50px; padding-bottom:50px; text-align:center;}
.featured_product_title{ background:#fff; text-align:left;}
.title_bar{ top:35px; height:5px; background:#082341; }
.price{ margin-bottom:10px;}
.hidden-sm {
    padding: 8px 15px;
    background: #4ea6ff;
    color: #fff;
    border-radius: 5px;
}
.hidden-sm:hover{ background:#000; color:#fff;}
/*-- featured Products Ends here --*/
/*==========================================================================*/
/*==== scroll effect start =========*/
.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
}

    .reveal.active {
        transform: translateY(0);
        opacity: 1;
    }
/*==== scroll effect end =========*/
/*------ service sliders ------- */
.col-item:hover{border:1px solid #4ea6ff;}
.col-item
{
    border: 1px solid #E1E1E1;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
	height:200px;
	
}
.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}
.col-item:hover .info {
    background-color: #f7f7f7;
}
.col-item .price
{
    /*width: 50%;*/
    text-align:center;
    margin-top: 5px;
}
.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}
.price-color{
    color: #e82400;
}
.price-text-color
{
    color: #f7b90a;
}
.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: center;
    line-height: 52px;
    margin-bottom: 10px;
	padding-top: 15px;
    height: 52px;
}
.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}
.clear-left
{
    clear: left;
}
.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}
.col-item .separator p i
{
    margin-right: 4px;
}
.col-item .btn-add
{
    width: 49%;
    float: left;
}
.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 2px;
}
.btn-details a:hover{color:#900; text-decoration:none;}
.btn-add a:hover{color:#900; text-decoration:none;}
.controls
{
    margin-top: 20px;
	padding-bottom: 10px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}
.product_price{ min-height:70px;}

/*------ service sliders ------- */
/*==========================================================================*/

/*==========================================================================*/
/*------ Gray and white section on home page ------- */

.gray_backgrond{ background-color:#f5f5f5;}
.link_underline {border-bottom:5px solid #000;color:#000; position: absolute;}
.link_underline a:hover{color:#036daa;}
.link_underline:hover {border-bottom: 5px solid #036daa; color:#036daa;}
.content_area{ padding-top:50px; padding-bottom:50px;}
.left_image{ padding-left:0px;}
.right_image{ padding-right:0px;}

/*------ Gray and white section on home page ------- */

.feature_links_section{ background:#4ea6ff; text-align:center; padding-top:30px; padding-bottom:30px;}
.feature_links_section a{ color:#fff;}
.feature_links_section a:hover{ color:#ddd;}
/*==========================================================================*/
/*============================= Common style for all inner pages =============================================*/

.inner_banner img{width:100%; margin: 0px auto;}
.common_content_section {
    padding-bottom: 50px;
    padding-top: 50px;
}
/*============================= Common style for all inner pages =============================================*/

/*============================= ----About us page ----=============================================*/

.about_page img{ width:100%;}

.about_page ul {
    list-style: none;
    padding-left: 0px;
}
.about_page li {
    border-bottom: 1px solid #ddd;
    line-height: 30px;
    color: #036daa;
    font-size: 16px;
}


/*============================= ----About us page End ----=============================================*/

/*============================= ----Contact us page ----=============================================*/
.contact_form{ padding-bottom:15px; padding-top:15px;}
.form_field{ width: 100%;
    padding: 10px 15px;
    margin-bottom: 5px;}
.send_btn{ width: 100%;
    padding: 15px 15px;
    border: 1px solid #4ea6ff;
    background: #4ea6ff;
    color: #fff;}
.send_btn:hover{  border: 1px solid #000; background: #000; color: #fff;}
.text_field {
    width: 100%;
    height: 100px;
    margin-bottom: 5px;
    padding: 10px;
}
.contact_addrs{ background:#000;}
.social_icons{ font-size:50px;}
.social_icons i:hover{ color:#000;}
.address_contact{ text-align:center; padding-top:30px; background:#f9f9f9; padding-bottom:20px;}
/*============================= ----Contact us page End ----=============================================*/
/*============================= ----Careers page ----=============================================*/
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f056";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f055";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
.panel-group .panel{ border-radius:0px;}
.career_title h4{font-size: 18px; color: #036daa;}
.career_content h5{ font-style:italic; color:#036daa;}
.career_content b{ color:#036daa; font-size:18px;}
.career_content ul{ line-height:30px; font-family: 'Lato', sans-serif; font-size:16px;}

/*============================= ----Careers page End ----=============================================*/
/*============================= ----Faq page  ----=============================================*/

.faq-content{ padding-bottom:50px; padding-top:50px; text-align:left;}
.faq-content p{margin-left: 10px;}

.panel-default {
  border-radius: 0;
  border: none;
  background: none;
  margin-bottom: 0;
  padding-bottom: 14px;
}
.panel-default > .panel-heading {
  border: none;
  background: none;
  padding: 0;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border: none;
  padding: 0 0 0 32px;
}
.panel-default h5 {
  font: 300 19px "Open Sans", Arial, sans-serif;
  padding: 0;
  margin: 0 10px 5px;
}
.panel-group .panel+.panel {
  margin-top: 15px;
}
.panel-default .accordion-toggle:before {
  content: "\f056";
  width: 21px;
  height: 21px;
  display: inline-block;
/*  background: #e54a1a url(http://keenthemes.com/assets/bootsnipp/toggle-icons.png) no-repeat 6px 10px;
*/  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  top: 4px;
}
.panel-default .collapsed:before {
/*  background: #495764 url(http://keenthemes.com/assets/bootsnipp/toggle-icons.png) no-repeat 6px -148px;
*/}
.panel-default .panel-title:hover .collapsed:before {
/*  background-color: #e54a1a;
*/}
.panel-default .accordion-toggle,
.panel-default .accordion-toggle:focus,
.panel-default .accordion-toggle:hover,
.panel-default .accordion-toggle:active {
  color: #1ea9e3;
  text-decoration: none;
}
.panel-default .collapsed {
  color: #5f6f7e;
}
/*============================= ----Faq page  ----=============================================*/
/*==================== Puja booking form wizard  -===========================*/
* {
    box-sizing: border-box;
}

#regForm {
    background-color: #ffffff;
    /*margin: 100px auto;*/
    font-family: Raleway;
    /* padding: 40px;*/
    /*width: 70%;*/
    min-width: 300px;
}

h1 {
    text-align: center;
}

input {
    padding: 10px;
    width: 100%;
    /*font-size: 14px;
    font-family: Raleway;*/
    border: 1px solid #aaaaaa;
}

    /* Mark input boxes that gets an error on validation: */
    input.invalid {
        background-color: #ffdddd;
    }

/* Hide all steps by default: */
.tab {
    display: none;
}

button {
    background-color: #4ea6ff;
    color: #ffffff;
    border: none;
    padding: 8px 20px;
    font-size: 17px;
    font-family: Raleway;
    cursor: pointer;
    border-radius:5px;
}

    button:hover {
        opacity: 0.8;
    }

#prevBtn {
    background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

    .step.active {
        opacity: 1;
    }

    /* Mark the steps that are finished and valid: */
    .step.finish {
        background-color: #900;
    }




.form-title {
    color: #900;
}

.price_right {
    margin-left: 15px;
    min-width: 200px;
}

.puja_fee_detail {
    display: inline-flex;
    width: 100%;
}

.puja_fee_detail p {
    min-width: 200px;
}

.booking_form {
    padding-bottom: 30px;
    padding-top: 20px;
}
.thank_u{padding-bottom: 50px; padding-top: 45px;}
.thank_u_msg{text-align: center; box-shadow: rgba(102, 102, 102, 0.44) 0px 4px 18px; border: 1px solid #ddd; padding: 20px 0px 35px 0px;}
.thank_u_msg h3{ color:#e31e24;}
.thank_u_msg h4{ color:#0860ad;}
.social_links { font-size:50px;}
.social_links a:hover{ color:#000;}


.side_tab h4{ padding: 10px 10px; border-bottom: 7px solid #036daa;}
.side_tab li a{ border-radius:0px; padding:15px 15px; font-size: 16px; border-bottom:1px solid #ddd;}
.side_tab li a:hover{ border-right:5px solid #036daa;}

.account_content{ padding-top:20px;}
.profile_info{line-height: 30px; font-size: 16px;}
.profile_info td{ padding:0px 10px;}

.order_list{ background-color:#fff; padding:20px;}
.order_item{ background-color:#fff; border:1px solid #d6d6d6; box-shadow: 0 0 4px #d6d6d6; margin-bottom: 10px;}
.order_id{ background-color:#ececec;}
.unique_id{ color:#036daa;  padding:10px 15px;}
.order_date{ text-align:right; padding:10px 15px;}
.order_list_table tr{border-bottom: 1px solid #ddd;}
.order_list_table td{ padding:15px;}
.order_total_price { background-color:#ececec;}
.order_total_price h6{ padding:10px 15px; text-align:right; color:#036daa;}

.address_portion{ background:#fbfbfb; padding:10px; line-height: 26px;}
.address_default{ border-left:3px solid #036daa;}
.address_form{ padding:10px 10px; width:48%; margin:5px 0px;}
.add_address input[type=checkbox]{ font-size:20px; margin-right:10px;}
.add_address_btn {
    background-color: #036daa;
    border: 1px solid #036daa;
    padding: 15px 20px;
    float: left;
    text-align: center;
    color: #fff;
    width: 48%;
    margin: 5px 0px;
}
.add_address_btn:hover{ background:#fff; color:#036daa;}
.edit_btn{
    color: #036daa;
    background: #fff;
    border: 1px solid #036daa;
    padding: 3px 10px;
    margin-top: 10px;
}
.edit_btn:hover{
    color: #fff;
    background: #036daa;

}
/*============================= ----My Account Page  ----=============================================*/
/*============================= Track your Order Page =============================================*/
.form-row {
  display: flex;
  margin-bottom: 25px; }
  .form-row .form-col {
    width: 50%;
    margin-right: 40px; }
    .form-row .form-col:last-child {
      margin-right: 0; }

.form-col label {
  color: #333;
  margin-bottom: 7px;
  display: block; }

.form-holder {
    position: relative;
    margin-bottom: 10px;
}
  .form-holder i:not(.zmdi-chevron-down) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    font-size: 17px; }
  .form-holder i.zmdi-chevron-down {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    font-size: 17px; }
  .form-holder.password i {
    cursor: pointer; }

.form-control {
    /*height: 42px;*/
    border: 1px solid #ccc;
    width: 100%;
    background: #fff;
    font-size: 16px;
    /* padding-left: 46px;*/
    color: #999;
    /*font-family: "Poppins-Medium";
     &::-webkit-input-placeholder { 
  	color: #333;
  }
  &::-moz-placeholder { 
  	color: #333;
  }
  &:-ms-input-placeholder { 
  	color: #333;
  }
  &:-moz-placeholder { 
  	color: #333;
  } */
}
  .form-control:focus {
    border-color: #3377c0; }
/*.form-control{ height:50px; padding: 10px 15px; border-radius:0px;}*/
/*============================= Track your Order Page =============================================*/

/*==================================PRODUCTS CATEGORY PAGE =====================================*/
.product_category{ padding-bottom:50px; padding-top:50px;}
.list_category{ padding:15px; text-align:center; border-right: 0.0625rem solid #B8B8B8; border-bottom: 0.0625rem solid #B8B8B8;}
/*.border_right{border-right: 0.0625rem solid #B8B8B8;}
.border_bottom{border-bottom: 0.0625rem solid #B8B8B8;}
.border_none{ border-right:none;}
*/.category_img img{ max-height:200px; width:100%; display: inline;}
.category_item{ padding:10px;}
.category_item:hover { background:#ddd; color:#000; }
.user_checkout a{color:#4ea6ff;}
.category_item a:focus, a:hover {text-decoration:none; }
.list_category:last-child{ border-right:none;}
.list_category:not(:4n-child){border-right:none;}

/*==================================PRODUCTS CATEGORY PAGE ENDS =====================================*/

/* .............. product detail page ..............*/
/*==================================PRODUCTS PAGE=====================================*/
.product_detail{ padding-top:50px; padding-bottom:50px;}
.common_products_items{width: 100%; height: auto; text-align: center; position: relative;}
.common_products_items h2{margin: 14px 0 12px; width: auto; height: 40px; padding: 0 90px; line-height: 40px; background: #c84846; color: #e8dfd0; font-size: 22px; font-weight: 300; text-align: center; display: inline-block; position: relative;}
.common_products_items .line{position: absolute; height: 2px; background: #c84846; top: 34px; width: 100%; left: 0; display:block;}
.main_product_container{width:100%; height:auto; margin:44px 0 0;}
.products_left{height:auto; float:left; border-radius:3px;}
.product_slide{text-align:center;}
/*.product_slide:after{position:absolute; width:auto; content:"Roll over image to magnify"; font-size:16px; color:#fff; line-height:28px; border-radius:3px; border:1px solid #b04d4c; padding:0 8px; font-weight:300; bottom:3%; left:28%; background:url(../images/rollover_bg.png) repeat; z-index:9999;}
*/.products_left img{max-width:100%;}
.product_slide:hover:after{display:none;}
.product_slide img{border-radius:3px; display:block;}
.customimg_pager{width:100%; height:auto; margin:4px 0 4px 4px;}
.customimg_pager img{width:18%; height:auto; max-width:100%; margin:0 1px; display:inline-block; border:1px solid #d0d0d0; cursor:pointer;}
.product_slide > div > div{z-index:999;}
.product_slide > div{width:100%; position:relative;}

.fancybox-lock .fancybox-overlay{z-index:9999999;}
tbody, td, tfoot, th, thead, tr {
    border-width: 1px !important;
}
.buttonload {
    background-color: #04AA6D; /* Green background */
    border: none; /* Remove borders */
    color: white; /* White text */
    padding: 12px 24px; /* Some padding */
    font-size: 16px; /* Set a font-size */
}

/* Add a right margin to each icon */
.fa {
    margin-left: -12px;
    margin-right: 8px;
}
/*.input-group .fa {
    right: 0px;
    margin-top: 11px;
    padding-right: 10px;
    position: absolute;
}*/
.products_right {
    height: auto;
    overflow: hidden;
}
.products_right h2{font-size:30px; color:#000; text-align:left; margin-bottom:12px;}
.products_right p{padding-bottom:10px;}
.products_right h3{font-size:18px; color:#000; line-height:24px; font-weight:300;}
.products_right h3 strong{font-size:20px; font-weight:700; color:#3498db;}
.products_right table{width:100%; border:0; margin:24px 0 0; font-size:16px; line-height:26px; font-weight:300; color:#000;}
.products_right h4{ color:#e02320;}
.product_margin{width:100%; height:36px; clear:both; overflow:hidden;}
.qty_cart{ padding-left:0px;}
.cart_btn{ border:1px solid #3498db; padding:10px 15px; background-color:#3498db;     color: #fff;}
.cart_btn:hover{ background-color:#fff;}
.quantity{ width:40%; height:35px; margin-left:10px;}

.product_tab>li.active>a{color:#F00;}
.product-info { padding-bottom:50px;}

fieldset, label { margin: 0; padding: 0; }
					
						
/****** Style Star Rating Widget *****/
.review_fields{ width:100%; padding:5px 10px; margin-top:10px;}
.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 


.review_list ul{ list-style:none; padding-left:0px;}
.review_list li{ padding-bottom:10px; border-bottom:1px solid #000; margin-bottom:10px;}
/*==================================PRODUCTS PAGE ENDS=====================================*/
/*==================================PRODUCTS Filter PAGE =====================================*/
.border{ padding:10px; border:1px solid #ddd;     margin-bottom: 10px;}
.product_sub_detail{ }
.price_style{ border:1px solid #ddd; padding:5px;}
.price_style h4{ color:#F00;}
.qty_field{ width:100%;     padding: 10px;}
.cart_btn{width:100%; background-color:#3498db; border:none; padding:10px 15px; color:#fff;}
.cart_btn:hover{ background-color:#e31e24;}


.filter_title{ background:#369; color:#fff; padding: 2px 0px 2px 10px; margin-bottom:10px;}
.checked_itmes{ padding:5px 10px; border:1px solid #ddd; margin-bottom:10px;}
/*==================================PRODUCTS Filter PAGE ENDS=====================================*/


/*==================================Checkout PAGE =====================================*/
.main-block{border: 1px solid #eeeeee;
    overflow: hidden;
	padding-bottom: 15px;
}
.pay-options{
	font-size: 18px;
    line-height: 30px;
}
.card-info {
    color: #2786c9;
    margin-top: 0px;
    background: #eee;
    padding: 10px;
}
.card-info h6 {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 12%;
}
.card-images {
    /* width: 60px; */
    margin-top: 8%;
	margin-bottom:10px;
    height: 30px;
    border: 1px solid #eee;
}
.card-info .checkbox {
    display: inline-block;
    padding: 0px 12px;
}
.card-info label.checkbox-txt {
    color: #2786c9;}
.card-info .checkbox input[type=checkbox] {
    width: 15px;
    height: 15px;
}
.cardinfo-block {
    padding: 8px;
}
.item-head {
    font-size: 18px;
    padding-left: 10px;
}
.cvv-img {
    display: block;
    margin-top: 18%;
}

.hardware-img {
    border: 1px solid #f6f6fd;
    margin-bottom: 15px;
}
.remove-item a{
    color: #e31e24;
    display: inline-block;
}
.unit-item {
    color: #2786c9;
    display: inline-block;
}
.quantity-head {
    margin-top: 0px;
    font-size: 18px;
}
.cardinfo-block .quantity {
    width: 50px !important;
    display: inline-block;
    vertical-align: top;
    padding: 0px 0px 0px 15px;
}
.form-control {
    border-radius: 3px;
    margin-bottom: 10px;
}
.select2-container {
    width:100% !important;
}
.btn {
    border-radius: 25px !important;
    padding: 8px 15px;
   /* min-width: 100px;*/
}
.item-price {
    color: #e31e24;
    font-weight: bold;
    font-size: 15px;
    margin-top: 12px;
}	

.order-summary-block {
    display: block;
    height: auto;
    border: 1px solid #eee;
}
.order-summary-block h6 {
    font-weight: bold;
    background: #eee;
    padding: 10px;
    margin-top: 0;
    color: #2786c9;
}
.order-items-price {
    display: block;
    color: #000;
    padding-left: 5%;
    padding-right: 10%;
}
.order-items-price span.txtper-month {
    font-size: 10px;
    font-weight: lighter;
}
.total-order-items-price {
    display: block;
    padding-left: 5%;
    padding-right: 10%;
    font-weight: bold;
    font-size: 16px;
}
.hardware-img {
    border: 1px solid #f6f6fd;
    margin-bottom: 15px;
	    max-width: 100%;
}
.price-summary {
    float: right;
}
.price-summary-edit a{float: right; color:#e31e24;}
.order-submit {
    display: block;
    background: #2786c9;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border: 1px solid #2786c9;
}
.order-submit:hover {
    background: #fff;
    color: #2786c9;
    border: 1px solid #2786c9;
}
.terms_link a{ color:#2786c9;}
.ship-price{ float:right; color:#2786c9;}
.card-block{ padding:10px;}

.table-input-text {
    width: 100%;
    border: none;
    background: none;
    outline: none;
    margin-bottom:0px !important;
    padding-left:0px;
}
.dollar_input {
    font-size:19px;
}
.Qty_input {
    margin-bottom: 0px !important;
}
.form-control:disabled, .form-control[readonly] {
    background: none;
    color: #000;
    border: none !important;
}
.form-control:focus {
    border-color: none;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%) !important;
}

.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
}

.loading-wheel {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-animation: spin 1s linear infinite;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.style-2 .loading-wheel {
    /* border-style: double;*/
    border-color: #ccc transparent;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}
/*==================================Checkout PAGE ENDS=====================================*/
.b_shadow {
    box-shadow: 0 5px 20px 0 rgb(23 44 82 / 5%);
}

.featured_box img {
    height: 150px;
    width: auto !important;
    margin: 0% auto;
}

.featured_box p {
    margin-top: 10px;
}

.bg-gray {
    background: #f5f5f5;
}

.category_blocks {
    background: #f5f5f5;
}

.thumbnail { /*background:none;*/
    border: none;
    box-shadow: 0px 0px 15px 0px #b3b2b2 !important;
    border-radius: 0px;
}

.category_blocks a > img {
    margin-top: 10px;
}
img { 
    max-width:100%;
}

.category_blocks p {
    color: #000;
}
/*==================================Sign in PAGE =====================================*/

.login_form {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 10px;
    border:1px solid #ddd;
    border-radius:5px;
}
.continue_btn {
    background-color: #4ea6ff;
    border: 1px solid #4ea6ff;
    float: left;
    text-align: center;
    color: #fff;
    float:right;
    /* width: 100%;*/
    margin-top: 10px;
    border-radius: 25px;
}
.continue_btn:hover{
	background-color: #000;
    border: 1px solid #000;
	Color:#fff;
}
.user_checkout {
    /* border: 1px solid #ddd;*/
    padding: 20px;
    /*min-height: 355px;*/
}
.row-centered {
    text-align: center;
}
.col-centered {
    display: inline-block;
    float: none;
    text-align: left;
    margin-left: 50px;
}
/*==================================Sign in PAGE ENDS=====================================*/
/*==================================Sign up PAGE=====================================*/

.newregister {
    border: 1px solid #ddd;
    padding: 20px;
}

/*==================================Sign up PAGE ENDS=====================================*/
/*==================================Checkout signinpage =====================================*/
.register_box{ overflow:auto; margin-top:10px;}
.newregister_checkout {
    border: 1px solid #ddd;
    padding: 20px;
}
.newregister_checkout ul {
    list-style: none;
    line-height: 30px;
    padding-left: 0px;
}
.newregister_checkout ul li {
    line-height: 30px;
}
.newregister_checkout ul li input {
    float: left;
    margin: 8px 10px 0px 0px;
}
/*==================================Checkout signinpage ENDS=====================================*/

/*-- Footer section -- */

/*-- Footer menu section -- */

footer{ background:#e8e8e8; /*padding-top:50px;*/}
.footer_gray_portion{ padding-bottom:30px; padding-top: 30px;}
.footer_menu ul{ padding-left:0px;}
.footer_menu li{line-height:30px; text-align:left; list-style:none;}
.footer_menu li a{ color:#000; text-decoration:none;}
.footer_menu li a:hover{ color:#036daa;}
footer hr{ border-top: 1px solid #ccc3c3;}
.footer_address{ text-align:right;}
.footer_address a{ color:#053b6f; text-decoration:none;}
.footer_address a:hover{ color:#F00;}
/*-- Footer bottom section -- */
.footer_bottom{ background:#333; /*min-height:60px;*/ color:#fff; text-align:center; padding:5px;}
.social{margin-top:15px;}
.social a{ font-size:40px; color:#4ea6ff; padding-right:5px; }
.social a:hover{ color:#000;}
/*.company{padding-top: 20px;     text-align: left;}*/
.company a{ text-decoration:none; color:#ddd;}
.company a:hover{color:#f85050;}
.footer_menu img{ margin-bottom:5px;}
/*-- Footer section -- */

    /*==========================================================================*/
#editor {
    resize: vertical;
    overflow: auto;
    line-height: 1.5;
    background-color: #fafafa;
    background-image: none;
    border: 0;
    border-bottom: 1px solid #3b8dbd;
    min-height: 150px;
    box-shadow: none;
    padding: 8px 16px;
    margin: 0 auto;
    font-size: 14px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

    #editor:focus {
        background-color: #f0f0f0;
        border-color: #38af5b;
        box-shadow: none;
        outline: 0 none;
    }

    /*--- responsive ----*/
    @media (max-width: 991px) and (min-width: 768px) {
        .call-to-action{ text-align:center;}
.hidden-sm {display:block !important;}
.col-item .rating{ float:none;}
.col-item{width:50%; display:inline-block;}
.title_bar{ display:none;}
.search_butn input{   
	width: 100%;
}
.search_btn{   
	width: 100%;
}
.banner_text_field{ margin-top: 10%;}
}

@media (min-width: 1500px){
.container {width:1350px}

}

@media (max-width: 532px){
.search_butn input, .search_btn{ width:100%;}
.call-to-action{ text-align:center;}
.address_top {text-align:center;}	
}
@media (max-width: 520px){
.banner_text_field{
margin: auto;
position: relative;
}
.timing {
       /* position: absolute;
        top: 30% !important;*/
    }
}
@media (max-width: 460px){
.category_blocks a{ min-height:189px;
}	
}
@media (max-width: 767px){
.banner_text_field{ 
	margin-top:0px;
	text-align: center;
	margin-bottom:10%;
}
.top_menu_bg {
        position: relative;
        padding: 5px;
        text-align: center;
    }
    .address_top {
        text-align:center;
    }
    .timing {
       /* position: absolute;
        top: 20%;*/
    }
.navbar-brand {padding:15px 0px;}
}

}
@media (max-width: 981px) {
    .timing {
        /*position: absolute;
        top: 20%;*/
    }
    .navbar {
        z-index: 9999;
    }
    }
    /*==========================================================================*/
/* Landscape phones and down */
@media (max-width: 760px) {
    /* Force table to not be like tables anymore */
    table {
        display: block;
    }

    .table-striped thead {
        display: block;
    }

    .table-striped tbody {
        display: block;
    }

    .table-striped th {
        display: block;
    }

    .table-striped td {
        display: block;
    }

    .table-striped tr {
        display: block;
    }

    .datepicker thead tr {
        display: table-row;
        position: inherit;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        display: none;
    }

    tr {
        border: 1px solid #ccc;
    }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
    }

    .label {
        display: inline !important;
    }

    td: before {
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    /*
    Label the data
    */
    td:before {
        content: attr(data-title);
    }


    .timepicker {
        width: 100%;
        font-size: 16px;
        padding: 10px;
        font-weight: 300;
        text-align: left;
        border: solid 2px #ddd;
        color: #303233;
        outline: none;
       /* box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, .1);*/
    }

    // Start Timepicker CSS

    div[id^="tp_"].timepicker__wrapper {
        opacity: 0;
        height: auto;
        min-width: 150px;
        max-height: 0px;
        overflow: hidden;
        position: absolute;
        transition: max-height .1s ease-in-out;
        background: #F4F5F7;
        background: linear-gradient(to bottom, rgba(227,227,229,1) 0%,rgba(239,239,239,1) 7%,rgba(244,245,247,1) 100%);
        border-radius: 0px 0px 5px 5px;
        border: 2px solid #303233;
        border-top: transparent;
        box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, .1);
        text-align: center;
        *

{
    box-shadow: border-box;
}

&-active {
    opacity: 1;
    max-height: 150px;
    padding: 15px;
}

&-full {
    > div

{
    width: 33% !important;
}

}

> div {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    text-align: center;
    width: 50%;
    max-width: 75px;
    .display

{
    color: #303233;
    font-size: 30px;
    font-weight: 100;
    line-height: 35px;
    margin: 0px;
    text-transform: uppercase;
    user-select: none;
}

.timepicker__button {
    margin: 15px auto;
    padding: 0px;
    background: #fff;
    cursor: pointer;
    background: transparent;
    border: solid 5px transparent;
    &__up > div

{
    width: 0px;
    height: 0px;
    margin: auto;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    border-bottom: solid 5px #303233;
}

&__down > div {
    width: 0px;
    height: 0px;
    margin: auto;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    border-top: solid 5px #303233;
}

}
}
}
.thumb_img img {
    max-width: 70px;
    height: auto;
}