h1, h2,h3, h4, h5, h6, p, span, ul, li, a{margin:0;padding:0;font-family: 'Rubik', sans-serif;}
a{text-decoration:none !important;}
body{margin:0;padding:0;font-family: 'Rubik', sans-serif;}
.no_space{padding-right:0px;padding-left:0px;}
span.bolder {
    font-weight: 700;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}



/*   header         */
span.blue{color:#377dff;font-weight:500;}
.header{position:absolute;top:0;z-index:99;width:100%;-ms-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.header.hover{box-shadow:0px 5px 20px #00000012;-ms-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;position:fixed;background:#fff;z-index:99;}
.darkHeader{top: 0%; position: fixed;z-index: 99999; transition: 0.7s;padding: 0;background: #fff;box-shadow: 0px 5px 20px #00000012;}
.logo{width:100%;padding:10px 0;}
.logo img{width:100%;}
.main-menu{display:block;width:100%;}
.main-menu ul li{list-style:none;display:inline-block;padding:20px 13px;}
.main-menu > ul > li.active > a, .main-menu > ul > li > a:hover, .main-menu > ul > li > a.active, .main-menu > ul > li > a:focus{color:#000000;font-weight:600;}
.main-menu ul li a{color:#5a6c95;text-transform:capitalize;}
.menu_box_list ul li:hover a{color:#1d8bdf;}
.main-menu > ul > li.megamenu{position:relative;}
.main-menu > ul > li.megamenu .submenuwrap{background:#fafbfd;position:fixed;width:100%;left:0;overflow:hidden;height:0;top:60px;-ms-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.main-menu > ul > li.megamenu:hover .submenuwrap{-ms-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;top:60px;height:380px;z-index:-1;background:#fafbfd;box-shadow:inset 0 1px 0 #eaf3fb, 0 3px 6px rgba(0,0,0,0.05);}
.main-menu .submenuwrap .menu-container{width:1170px;margin:0 auto;}
.menu_box{width:100%;padding:20px 0 0;}
.menu_box_icon{box-shadow:0 3px 8px 0 rgba(0,0,0,.05);background:#fff;border-radius:50%;padding:5px;text-align:center;line-height:23px;}
.menu_box_icon img{width:100%;}
.menu_box_text{width:100%;text-align:left;}
.menu_box_text h5{color:#323637;font-size:17px;line-height:42px;border-bottom:2px solid #32b2a0;display:inline-block;}
span.menu_icon{ms-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;float:left;}
.menu_box_list{width:100%;margin:30px 0 0;padding:0 0 0 58px;}
.menu_box_list ul li{position:relative;text-transform:capitalize;padding:0 0 0 23px;margin:0 0 10px;display:block;}
.menu_box_list ul li:before{content:"";width:14px;height:14px;position:absolute;left:0;top:5px;border:2px solid #32b1a0;background:#32b2a1;border-radius:50%;box-shadow:0px 0px 0px 3px #fff inset;}
.menu_box_list ul li:hover:before{border:2px solid #1d8bdf;background:#1d8bdf;}
.mob_menu{display:none;}
.top_right{width:100%;text-align:right;padding:10px 0;}
.top_right a{color:#377dff;}
span.top_icon{font-size:16px;color:#fff;padding:0 10px 0 0;}
.top_right ul li{display:inline-block;background:#377dff;padding:7px 8px;border-radius:4px;margin:0 0 0 4px;font-size:12.5px;}
.top_right ul li a{color:#fff;}

/*   header         */

/*      ****************** order now ******************               */

.form_banner {
    width: 100%;
    padding: 30px 0;    margin: 70px 0 0;
    text-align: center;
    background: linear-gradient(to right, #2cb89c 0%, #598dbc 51%, #8942e4 100%);
}

.form_banner h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 30px;
}
.main_ordersec {
    width: 100%;
    padding: 40px 0;
}

.top_ordersec {
    width: 100%;
    padding: 12px 0;
    overflow: hidden;
    background: #f0f0f0;
}

.order_topbox {
    width: 100%;
}

span.circle {
    border-radius: 50%;
    color: #B6B5B5;
    display: block;
    font-size: 30px;
    height: 50px;
    line-height: 43px;
    text-align: center;
    width: 50px;
    border: 4px solid;
    float: left;
}

.order_topbox p {
    line-height: 50px;
    font-size: 19px;
    display: block;
    height: 50px;
    float: left;
    padding-left: 8px;
    color: #B6B5B5;
}
.bot_ordersec {
    width: 100%;
    margin: 40px 0 0;
    overflow: hidden;
}

.bleft_ordersec1 {
    width: 100%;
    border: 1px solid #DDDDDD;
    padding: 10px;
    font-weight: normal;
    color: #777;
}
.bleft_ordersec2 {
    width: 100%;
    border: 1px solid #DDDDDD;
    padding: 10px;
    font-weight: normal;
    color: #777;
}
.bleft_head {
    width: 100%;
    text-align: center;
    padding: 0 0 45px;
}

.bleft_head p {
        font-size: 25px;
    color: #377dff;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000;
}

.bleft_body {
    width: 100%;
    overflow: hidden;
}

.contype_box {
    width: 100%;
    border: 1px solid #377dff;
    margin: 0 0 25px;
    color: #377dff;
}
span.ct_icon {
    background: #377dff;
    width: 50px;
    height: 50px;
    display: block;
    font-size: 25px;
    padding: 9px 0 0 12px;
    float: left;
    color: #fff;
}

.contype_box p {
    padding: 15px 0px 15px 62px;
}
.contype_box:hover {
    color: #5cb85c;
    border: 1px solid #5cb85c;
}
.contype_box:hover span.ct_icon {
	background: #5cb85c;
	color: #fff;
	}


.contype_box.active {
    color: #5cb85c;border: 1px solid #5cb85c;
}
.contype_box.active span.ct_icon {
	background: #5cb85c;color: #fff;}

.bright_ordersec {
    width: 100%;
    background: #F0F0F0;
    overflow: hidden;    padding: 15px;
}

.bro_head {
    width: 100%;
    text-align: center;border-bottom: 1px solid #E2E2E2;
}
span.order_price {
    border-right: 2px dotted #E2E2E2;
    padding: 10px 10px 10px 0;
    color: #377dff;
    font-weight: 600;
    height: 69px;
    display: inline-block;
    width: 100%;
    font-size: 34px;
}
span.order_day {
   
    padding: 10px 10px 10px 0;
    color: #377dff;
    font-weight: 600;
    height: 69px;
    display: inline-block;
    width: 100%;font-size: 34px;
}
.bro_box {
    width: 100%;
    margin: 10px 0;
    border-bottom: 1px solid #E2E2E2;
    padding: 20px 0;
    overflow: hidden;
}




/*order summary - continue button*/

.order-summary-page-button{
    padding-bottom: 8px;
    text-align:right;
}
span.wd_icon {
    font-size: 34px;
    color: #909090;
    float: left;line-height: 37px;
}

.bro_box ul li {
    font-size: 13px;
    list-style: none;
    line-height: 16px;
}

.bro_box ul {
    padding: 0 0 0 40px;
}
span.circle2 {
    border-radius: 50%;
    color: #cccccc;
    display: block;
    height: 30px;
    line-height: 24px;
    text-align: center;
    width: 30px;
    border: 4px solid;
    float: left;
    font-size: 15px;
}

.stand_box {
    width: 100%;
    margin: 0 0 10px;
    overflow: hidden;
}

.stand_box p {
    line-height: 14px;
    font-size: 11px;
    display: block;
    float: left;
    padding-left: 8px;
    color: #6b6a6a;
}
.bro_box a {
    width: 100%;
    background: #377dff;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
}
span.circle.active {
    color: #377dff;
}
.order_topbox p.active {
    color: #377dff;
}



.owl-pagination {
    margin: 30px 0 0;
}
.owl-theme .owl-controls .owl-page span {
    background: #57ca85;
}
.bleft_form {
    width: 100%;
    overflow: hidden;
}

.bleft_form .form-control {
    width: 100%;
    border-radius: 0;
    padding: 0 10px;
    resize: none;
}
.bleft_form .form-control {
    margin: 0 0 30px;
}
.blue {
    width: 100%;
    background: #377dff;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;    width: 50%;
    margin: 0 auto;
}
.blue:hover {
    color: #fff;
    background: linear-gradient(to right, #2cb89c 0%, #598dbc 51%, #8942e4 100%);
    border: 1px solid #377dff;
}
.bleft_form label {
    font-weight: 400;
}
textarea.form-control.form_text {
    width: 100%;
    height: 120px;
}










/*      ****************** order now ******************               */

/*      footer        */


.foot_top{width:100%;padding:50px 0 30px;border-top: 2px solid #377dff;}
.ft_tbox{width:100%;}
.ft_tbox h3{color:#000;margin:0 0 11px;font-weight:300;}
.ft_tbox img{width:100%;}
.foot_mid{width:100%;background:#fdfdfd;padding:30px 0;}
.foot_box h5{font-size:20px;text-transform:capitalize;margin:0 0 14px;color:#000;font-weight:600;}
.foot_box p{color:#fff;}
.foot_box{width:100%;}
.foot_box ul {
    column-count: 4;
}
.foot_box ul li{display:block;position:relative;padding-left:15px;line-height:27px;}
.foot_box ul li a{display:block;text-transform:capitalize;font-size:14px;color:#000;font-weight:400;transition:all 0.5s ease 0s;}
.foot_box ul li:hover a{color:#377dff;margin-left:5px;}
.foot_box ul li i{position:absolute;left:0;top:7px;color:#377dff;transition:all 0.5s ease 0s;}
.foot_bottom{width:100%;padding:40px 0;border-top:1px solid #eeeeee;}
.foot_bot_right{width:100%;text-align:right;}
.foot_bot_right ul li{display:inline-block;background:#377dff;padding:6px 11px;border-radius:4px;}
.foot_bot_right ul li a{color:#fff;text-transform:capitalize;}



/*      footer        */
/* responsive styling*/
@media screen and (max-width:980px)
{
	
}

	
	

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