@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: logo-font;
    src:url(../fonts/PAPYRUS.TTF);
}
@font-face {
    font-family: body-font;
    src:url(../fonts/tt1106m_.ttf) url(../fonts/tt1107m_.ttf);
}
.margin-vertical-10{height:10px; width:100%}
.margin-vertical-20{height:20px; width:100%}
.margin-vertical-30{height:30px; width:100%}
.margin-vertical-40{height:40px; width:100%}
.margin-vertical-50{height:50px; width:100%}
.margin-vertical-60{height:60px; width:100%}
.margin-vertical-70{height:70px; width:100%}
.margin-vertical-80{height:80px; width:100%}
.margin-vertical-90{height:90px; width:100%}
.margin-vertical-100{height:100px; width:100%}

.navbar-main {
    background-color: #26465f;
    border-color: none;
}
.navbar-main .navbar-brand {
    color: #fff;
	padding:0
}
.navbar-main .navbar-brand:focus, .navbar-main .navbar-brand:hover {
    background-color: transparent;
    color: #fff;
}
.navbar-main .navbar-text {
    color: #fff;
}
.navbar-main .navbar-nav > li > a {
    color: #fff;
}
.navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #fff;
}
.navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:focus, .navbar-main .navbar-nav > .active > a:hover {
    background-color: #e7e7e7;
    color: #26465f;
}
.navbar-main .navbar-nav > .disabled > a, .navbar-main .navbar-nav > .disabled > a:focus, .navbar-main .navbar-nav > .disabled > a:hover {
    background-color: transparent;
    color: #ccc;
}
.navbar-main .navbar-toggle {
    border-color: #ddd;
}
.navbar-main .navbar-toggle:focus, .navbar-main .navbar-toggle:hover {
    background-color: #ddd;
}
.navbar-main .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-main .navbar-collapse, .navbar-main .navbar-form {
    border-color: #e7e7e7;
}
.navbar-main .navbar-nav > .open > a, .navbar-main .navbar-nav > .open > a:focus, .navbar-main .navbar-nav > .open > a:hover {
    background-color: #e7e7e7;
    color: #555;
}
@media (max-width: 767px) {
.navbar-main .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
}
.navbar-main .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-main .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #333;
}
.navbar-main .navbar-nav .open .dropdown-menu > .active > a, .navbar-main .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-main .navbar-nav .open .dropdown-menu > .active > a:hover {
    background-color: #e7e7e7;
    color: #555;
}
.navbar-main .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-main .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-main .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    background-color: transparent;
    color: #ccc;
}
}
.navbar-main .navbar-link {
    color: #777;
}
.navbar-main .navbar-link:hover {
    color: #333;
}
.navbar-main .btn-link {
    color: #777;
}
.navbar-main .btn-link:focus, .navbar-main .btn-link:hover {
    color: #333;
}
.navbar-main .btn-link[disabled]:focus, .navbar-main .btn-link[disabled]:hover, fieldset[disabled] .navbar-main .btn-link:focus, fieldset[disabled] .navbar-main .btn-link:hover {
    color: #ccc;
}
.btn-main {
    background-color: #274760;
    border-color: #274760;
    color: #fff !important;
}
.btn-main.focus, .btn-main:focus {
    background-color: #365f8d;
    border-color: #365f8d;
    color: #fff !important;
}
.btn-main:hover {
    background-color: #c72c54;
    border-color: #c72c54;
    color: #fff !important;
}
.btn-main.active, .btn-main:active, .open > .dropdown-toggle.btn-main {
    background-color: #365f8d;
    border-color: #365f8d;
    color: #fff !important;
}
.btn-main.active.focus, .btn-main.active:focus, .btn-main.active:hover, .btn-main.focus:active, .btn-main:active:focus, .btn-main:active:hover, .open > .dropdown-toggle.btn-main.focus, .open > .dropdown-toggle.btn-main:focus, .open > .dropdown-toggle.btn-main:hover {
    background-color: #365f8d;
    border-color: #365f8d;
    color: #fff !important;
}
.btn-main.active, .btn-main:active, .open > .dropdown-toggle.btn-main {
    background-image: none;
}
.btn-main.disabled.focus, .btn-main.disabled:focus, .btn-main.disabled:hover, .btn-main.focus[disabled], .btn-main[disabled]:focus, .btn-main[disabled]:hover, fieldset[disabled] .btn-main.focus, fieldset[disabled] .btn-main:focus, fieldset[disabled] .btn-main:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-main .badge {
    background-color: #fff;
    color: #337ab7;
}
.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	/*.active > div { display:none; }*/
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	/*.active > div { display:none; }*/
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
}
.item-box h5, .item-box p{margin:10px auto;}
.section-border{width:100%;height:4px; background-image:url(../images/main-border.jpg); background-repeat:repeat-x}
.section-heading{
	background-image:url(../images/main-border.jpg);
	background-repeat:repeat;
	text-align:center;
	padding:7px 15px;
	display:inline-block;
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 auto !important;
}
span.blank-star {
	background-image:url(../images/blankstar.png);
  	width: 16px;
	height:16px;
	display:inline-block;
	margin-left:2px;
}
span.full-star {
	background-image:url(../images/star.png);
  	width: 16px;
	height:16px;
	display:inline-block;
	margin-left:2px;
}
span.half-star {
	background-image:url(../images/halfstar.png);
  	width: 16px;
	height:16px;
	display:inline-block;
	margin-left:2px;
}
.sidebar .box{border:1pt solid #26465f;border-radius:5px;padding-bottom:10px;margin-bottom:10px}
.sidebar .box .heading{text-align:center;background:#26465f;color:#FFF;font-weight:bold;text-transform:uppercase;border-bottom:2pt dashed #fff;padding:2%;margin-bottom:10px}
.sidebar .box .heading span, .sidebar .box ul li {cursor:pointer;padding:0px 5px}
.sidebar .box ul{list-style:none}
.sidebar .box ul li a{color:#222;display:inline-block;border-bottom:2pt dotted #26465f;padding:10px;background:#FFF;width:100%;display:inline-block}
.sidebar .box ul li a.active, .sidebar .box ul li a:hover{border-bottom:2pt dotted #26465f;background:#26465f;width:100%;color:#FFF;text-decoration:none}
.sidebar .box ul li a span{float:right !important}
.sidebar .box ul li ul{border-left:15pt solid #FFF;padding:10px;background:#FFF;width:100%}

.panel-main {
    border-color: #26465f !important;
}
.panel-main > .panel-heading {
    text-align:center;background:#26465f;color:#FFF;font-weight:bold;text-transform:uppercase;border-bottom:2pt dashed #fff;margin-bottom:10px
}
.panel-main > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #26465f;
}
.panel-main > .panel-heading .badge {
    background-color: #31708f;
    color: #fff;
}
.panel-main > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #26465f;
}

.panel-heading span
{
    margin-top: -26px;
    font-size: 15px;
    margin-right: -12px;
}

.clickable {
    background: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
}

/*products*/
.product{margin-top:10px;background-image:linear-gradient(#0d62b2,#61aff7);border-radius:10px;padding:10px}
.product-img{margin:auto}

.product-name{margin-top:10px;margin-bottom:10px}
.product-name a{color:white !important;margin-top:5px;margin-bottom:5px}
.product-detail{font-size:12px;}
/*end products*/


.item-row{diaplay:block}
.clos {
    float:right;
	height:20px;
	width:20px;
	margin-right:10px;
    display:inline-block;
	cursor:pointer;
}

.order-summary-box{
	border-radius:4px;
	border:1pt solid #000;
}
.order-summary-box .heading{
	background:#222;
	text-align:center;
	padding:10px;
	font-size:20px;
	font-weight:bold;
	color:#26465f;
	text-transform:uppercase
}
.jumpTo_menu{background:rgba(223, 48, 81, 0.5);width:100%;padding:9px 10px 9px 0px;margin:30px auto;font-size:15px}
.jumpTo_menu ul{list-style:none;display:inline}
.jumpTo_menu ul li{display:inline;padding:0px 20px;}
.jumpTo_menu ul li a{text-transform:uppercase;font-weight:bold;text-align:left;color:#000;text-decoration:none;cursor:pointer}
.jumpTo_menu:before{content:'Jump To : ';background:rgba(223, 48, 81, 1);padding:9px 10px;font-weight:bold;color:#FFFFFF}
.jumpTo-navigation{float:right;position:relative;right:10px;color:#337ab7;top:0px;cursor:pointer}
@media (max-width: 480px) {
	.jumpTo_menu ul li{display:block;margin-top:15px;padding-top:15px;border-top:1pt solid #337ab7;margin-right:-10px}
}
#product-discription .heading, #product-features .heading, #product-reviews .heading{border-top:1pt solid #DADADA;border-bottom:1pt solid #DADADA;width:100%;padding:10px;text-transform:uppercase;font-weight:bold;text-align:left;color:rgba(223, 48, 81, 1);font-size:16px;margin:15px auto}
#product-features ul{margin-left:20px}
#product-reviews .no-post:before{content:'No Post Found.'}
#product-reviews .box{width:98%;margin:1%}
#product-reviews .box .heading{padding:0px;line-height:25px;font-size:14px;font-weight:100;color:#666;border:none;border-bottom:1pt solid #CCC}
.rating-detail-box{width:100%;border:1pt solid rgba(223, 48, 81, 1);background:rgba(223, 48, 81, 0.2);padding:30px}
.rating-detail-box .rating-detail-bar{width:100%;background:rgba(255, 255, 255, 0.6);height:30px;margin-bottom:10px;}
.rating-detail-box .rating-detail-bar .rating-1{width:20%;background:rgba(223, 48, 81, 1);height:30px;color:#FFFFFF;padding:5px;font-weight:bold}
.rating-detail-box .rating-detail-bar .rating-2{width:40%;background:rgba(223, 48, 81, 1);height:30px;color:#FFFFFF;padding:5px;font-weight:bold}
.rating-detail-box .rating-detail-bar .rating-3{width:60%;background:rgba(223, 48, 81, 1);height:30px;color:#FFFFFF;padding:5px;font-weight:bold}
.rating-detail-box .rating-detail-bar .rating-4{width:80%;background:rgba(223, 48, 81, 1);height:30px;color:#FFFFFF;padding:5px;font-weight:bold}
.rating-detail-box .rating-detail-bar .rating-5{width:100%;background:rgba(223, 48, 81, 1);height:30px;color:#FFFFFF;padding:5px;font-weight:bold}
.note{padding:10px;background:rgba(223, 48, 81, 0.5);border:1pt solid rgba(223, 48, 81, 1);margin:10px auto;position:relative}
.note:before{content:'Please Note: '; font-weight:bold}
.note span{position:absolute;right:10px;top:20px}
#product-reviews a input {
    background: rgba(223, 48, 81, 0.4) url("../images/write-review-icon.png") no-repeat scroll 18% center;
    border: 0 none;
    color: rgba(223, 48, 81, 1);
    cursor: pointer;
    font-weight: bold;
	font-size:16px;
    padding: 10px 25%;
	width:100%;
}
.posted-by{color:rgba(223, 48, 81, 1); font-weight:bold;}
.posted-by:before{content:'Posted By: ';color:#666}
.posted-date:before{content:'Date: '; font-weight:bold}
.review{margin-top:5px}
.review-helpful:before{content:'Was this review helpful to you?';margin-right:20px}
.review-pagination {
	float:right;
    border-radius: 4px;
    display: inline-block;
    margin: 0 !important;
    padding-left: 0;
}
footer{
	background:#375c88;
	color:#fff;
}
.foot-heading{
	background:#274760;
	border-bottom:2pt solid #26465f;
	padding:10px 0px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
footer ul{list-style:none;padding:0px}
footer ul li{margin-bottom:10px}
footer ul li a, footer a{color:#fff}
footer ul li a:hover, footer a:hover{color:#fff;text-decoration:none}
.footer-bottom{background:#26465f;width:100%;padding:10px 0px;color:#FFF}
.footer-bottom a{color:#FFF !important}
/*social icon*/
.facebook{float:left;background:url(../images/icon_facebook.png)38px 0px;height:38px;width:38px;overflow:hidden;margin-right:10px;-webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-o-transition: all ease 0.2s;-ms-transition: all ease 0.2s;transition: all ease 0.2s;}
.facebook:hover{float:left;background:url(../images/icon_facebook.png)38px 38px;height:38px;width:38px;overflow:hidden;margin-right:10px}
.linkedin{float:left;background:url(../images/icon_linkedin.png)38px 0px;height:38px;width:38px;overflow:hidden;margin-right:10px;-webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-o-transition: all ease 0.2s;-ms-transition: all ease 0.2s;transition: all ease 0.2s;}
.linkedin:hover{float:left;background:url(../images/icon_linkedin.png)38px 38px;height:38px;width:38px;overflow:hidden;margin-right:10px}
.twitter{float:left;background:url(../images/icon_twitter.png)38px 0px;height:38px;width:38px;overflow:hidden;margin-right:10px;-webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-o-transition: all ease 0.2s;-ms-transition: all ease 0.2s;transition: all ease 0.2s;}
.twitter:hover{float:left;background:url(../images/icon_twitter.png)38px 38px;height:38px;width:38px;overflow:hidden;margin-right:10px}
.google{float:left;background:url(../images/icon_google.png)38px 0px;height:38px;width:38px;overflow:hidden;margin-right:10px;-webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-o-transition: all ease 0.2s;-ms-transition: all ease 0.2s;transition: all ease 0.2s;}
.google:hover{float:left;background:url(../images/icon_google.png)38px 38px;height:38px;width:38px;overflow:hidden;margin-right:10px}
.pinterest{float:left;background:url(../images/icon_pinterest.png)38px 0px;height:38px;width:38px;overflow:hidden;margin-right:10px;-webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-o-transition: all ease 0.2s;-ms-transition: all ease 0.2s;transition: all ease 0.2s;}
.pinterest:hover{float:left;background:url(../images/icon_pinterest.png)38px 38px;height:38px;width:38px;overflow:hidden;margin-right:10px}

.navbar .navbar-search .dropdown-menu { min-width: 25px; }
.dropdown-menu .label-icon { margin-left: 5px; }
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}
#wrapper {
    padding-left: 50px;
    transition: all .4s ease 0s;
    /*height: 100%*/
}

#sidebar-wrapper {
    margin-left: -200px;
    left: 50px;
    width: 200px;
    /*background: #26465f;*/
    /*position: fixed;*/
    /*height: 100%;*/
    z-index: 10000;
    transition: all .4s ease 0s;
}

.sidebar-nav {
    display: block;
    float: left;
    width: 200px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
	min-height:300px;
}
#wrapper.active {
    padding-left: 200px;
}
#wrapper.active #sidebar-wrapper {
    left: 200px;
}

#page-content-wrapper {
  width: 100%;
}

#sidebar_menu li a, .sidebar-nav li a {
    color: #fff;
    display: block;
    float: left;
    text-decoration: none;
    width: 200px;
    background: #375c88;
    border-top: 1px solid #26465f;
    border-bottom: 1px solid #26465f;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;
}
.sidebar_name {
    padding-top: 25px;
    color: #fff;
    opacity: .7;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 20px;
}

.sidebar-nav li a {
  color: #fff;
  display: block;
  text-decoration: none;
}

.sidebar-nav li.active a {
  color: #fff;
 background: rgb(25 54 88);
  text-decoration: none;
}
.sidebar-nav li a:hover {
  color: #fff;
 background: rgb(25 54 88);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  line-height: 60px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#main_icon
{
    float:right;
   padding-right: 10px;
   padding-top:20px;
}
.sub_icon
{
    float:right;
   padding-right: 10px;
   padding-top:10px;
}
.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

@media (max-width:767px) {
    #wrapper {
    padding-left: 50px;
    transition: all .4s ease 0s;
}
#sidebar-wrapper {
    left: 50px;
}
#wrapper.active {
    padding-left: 200px;
}
#wrapper.active #sidebar-wrapper {
    left: 200px;
    width: 200px;
    transition: all .4s ease 0s;
}
}
.main-header{

    position: fixed;

    top:0; left:0; right: 0;

    z-index: 1000;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding:2rem 4%;

    background:#fff;

    box-shadow: var(--box-shadow);

}



.main-header .logo{

    font-size: 1.4rem;

    font-weight: bolder;

    color:#444;

}



.main-header .logo i{

    color:var(--pink);

}



.main-header .mainNavbar a{

    font-size: 1.2rem;

    margin:0 1rem;

    color:#444;

}



.main-header .mainNavbar a:hover{

    color:#0d62b2;

}



.main-header .icons div{

    height: 3.2rem;
    width: 3.2rem;
    line-height: 3.2rem;
    border-radius: 3.5rem;
    background: #515152;
    color: #fff;
    font-size: 1.4rem;
    margin-left: 0.3rem;
    cursor: pointer;
    text-align: center;

}



.main-header .icons div:hover{

    background: #0d62b2;

    color:#fff;

}



#menu-btn{

    display: none;

}




.main-header .search-form{

    position: absolute;

    top:110%; right:-110%;

    width: 35rem;

    height:3rem;

    background: #fff;

    border-radius: .5rem;

    overflow: hidden;

    display: flex;

    align-items: center;

    box-shadow: 0 10px 10px rgb(0 0 0 / 34%);

}



.main-header .search-form.active{

    right:2rem;

    transition: .4s linear;

}



.main-header .search-form input{

    width:100%;

    border:var(--border);

    border-radius: .5rem;

    padding:1rem;

    font-size: 1.2rem;

    color:var(--black);

    height: 100%;

}



.main-header .search-form label{

    font-size: 1.4rem;

    padding-right: 1.5rem;

    color:#0d62b2;

    cursor: pointer;

}



.main-header .search-form label:hover{

    color:var(--pink);

}



.main-header .shopping-cart{

    position: absolute;

    top:110%; right:-110%;

    padding:1rem;

    border-radius: .5rem;

    box-shadow: 0 10px 10px rgb(0 0 0 / 54%);

    width:35rem;

    background: #fff;

}



.main-header .shopping-cart.active{

    right:2rem;

    transition: .4s linear;

}



.main-header .shopping-cart .box{

    display: flex;

    align-items: center;

    gap:1rem;

    position: relative;

    margin:1rem 0;

}



.main-header .shopping-cart .box img{

    height:10rem;

}



.main-header .shopping-cart .box .fa-trash{

    font-size: 2rem;

    position: absolute;

    top: 50%;

    right: 2rem;

    cursor: pointer;

    color: #ff82c0;

    transform: translateY(-50%);

}



.main-header .shopping-cart .box .fa-trash:hover{

    color:var(--pink);

}



.main-header .shopping-cart .box .content h3{

    color:#0d62b2;

    font-size: 1.7rem;

    padding-bottom: 1rem;

}



.main-header .shopping-cart .box .content span{

    color:#666;

    font-size: 1.6rem;

}



.main-header .shopping-cart .box .content .quantity{

    padding-left: 1rem;

}



.main-header .shopping-cart .total{

    font-size: 2.5rem;

    padding:1rem 0;

    text-align: center;

    color:var(--black);

}



.main-header .shopping-cart .btn-1{

    display: block;

    text-align: center;

    margin:1rem;

    height: 3rem;

}



.main-header .login-form{

    position: absolute;

    top:110%; right:-110%;

    width:35rem;

    box-shadow: 0 10px 10px rgb(0 0 0 / 54%);

    padding:2rem;

    border-radius: .5rem;

    background: #fff;

    text-align: center;

}



.main-header .login-form.active{

    right:2rem;

    transition: .4s linear;

}



.main-header .login-form h3{

    font-size: 2.5rem;

    text-transform: uppercase;

    color: #0d62b2;

}



.main-header .login-form .box{

    width: 100%;

    margin: 1rem 0;

   

    outline: none;

    padding: 1rem;

    font-size: 1.4rem;

    color: #666;

    text-transform: none;

    border: none;

    border-bottom: 1px solid #894bca;

}



.main-header .login-form p{

    font-size: 1.2rem;

    padding:.5rem 0;

    color:#666;

}



.main-header .login-form p a{

    color:var(--pink);

   

}

.main-header .login-form .btn-1 {

    margin-top: 1rem;

    height: 3rem;

    width: 12rem;

    background: #ff3e9e;

    color: #fff;

    font-size: 1.6rem;

    cursor: pointer;

    border: none;

    outline: none;

    border-radius: 2rem

}

footer{margin:0; padding:48px 0; width:100%; float:left;background: #2d2d2d;;}

footer .logoandicon{margin:0; padding:0; width:100%; float:left;}

footer .logoandicon a.footer-logo{float:left; height:auto; padding:0 ; font-size:35px; line-height:20px; font-weight:700; color:#fff;}

footer .logoandicon a.footer-logo p{margin:0; font-size: 25px; padding: 0; float:left;}

footer .logoandicon a.footer-logo img{margin:0 10px 0 0; padding:0px; float:left;}


footer .logoandicon a.footer-logo:focus, a.footer-logo:hover{color:#ca5b23; background:none;}
footer ul{
  padding-left: 0;
}

footer ul.icon{ width:100%; float:left;}

footer ul.icon li{margin:0 11px; padding:0; list-style:none; display:inline-block;}

footer ul.icon li a{margin:0; padding:0; outline:none; text-decoration:none; cursor:pointer; color: #20a6fd; font-size: 1.4rem;}

footer .quick-links{margin:0; padding-bottom: 2rem;; float:left; width:100%;}

footer .quick-links h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}

footer .quick-links hr{margin-top:20px; margin-bottom:20px; border:none; height:2px;
	 width:100%; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;
	  box-sizing:content-box; background:#fff;
}

footer .quick-links ul{margin:0; padding:0; width:50%; float:left;}

footer .quick-links ul li{margin:0; padding:0; list-style:none; display:block;}

footer .quick-links ul li a{margin:0; padding:0; font-size:14px; color:#ddd; font-weight:400; outline:none; text-decoration:none; cursor:pointer;}

footer .quick-links ul li:hover a{color:#ddd;}

footer .quick-links ul li a .fa-angle-right{font-size:18px; color:#a4aab7; margin:0 10px 0 0;}

footer .company{margin:0; 
    /* padding-bottom: 2rem; */
     float:left; width:100%;}

footer .company h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}

footer .company hr{margin-top:20px; margin-bottom:20px; border:none; height:2px; width:100%;
	 -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;
	  background:#fff;
}

footer .company p{margin:0; padding:0; font-size:14px; color:#a4aab7; font-weight:400; line-height:26px;}

.copyright{background:#252525; padding:14px 0px; float:left; width:100%;}

.copyright .granames{text-align:right; margin-top:-24px; margin-right:14px;}

.copyright .copytexts{text-align:center; font-size:13px; color:#fff; font-weight:400;}

/* media queries  */



@media (max-width:768px){



    html{

        font-size: 55%;

    }

    

    #menu-btn{

        display: inline-block;

    }



    .main-header .search-form{

        width:90%;

    }



    .main-header .mainNavbar{

        position: absolute;

        top:110%; right:-130%;

        width:30rem;

        box-shadow: var(--box-shadow);

        border-radius: .5rem;

        background: #fff;

    }



    .main-header .mainNavbar.active{

        right:-8rem;

        transition: .4s linear;

    }



    .main-header .mainNavbar a{

        font-size: 1.2rem;

        margin:2rem 2.5rem;

        display: block;

    }





}