@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:"Open Sans Semibold";
    src: url(../font/OpenSans-Semibold.ttf);
}
@font-face {
    font-family:"Open Sans";
    src: url(../font/OpenSans-Regular.ttf);
}


body{margin:0px; padding:0px; font-family:"Open Sans";}
.user-photo {
    height: 120px;
    width: 120px;
    background: #ccc;
    margin: 0 auto 30px;
    overflow: hidden;
    border-radius: 50%;
    border: solid 1px #ccc;
}
.user-photo img{width:100%; height:100%;}
.head {
    background-color: rgba(51, 51, 51, 0.8);
    height: 45px; 
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
    border-radius: 0px;
}
.nav-pills .nav-link {
    background: #ededed;
    border-radius: 0px;
    margin-bottom: 1px;
}
.login-test{width:100%; height:auto; padding:0 0px; float:left; background:#f7f7f7;}
.login-test ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: right;
}
.login-test li {
    float:left;
    padding: 0 8px;
    font-size: 14px;
    border-right: solid 1px #ccc;
}
.dropdown-content a {

    text-decoration: none;
    display: block;
    color: #fff !important;
}
.login-test li:last-child{border-right:none;}
.login-test span {
    color: #36c; font-weight:600;
}
.login-test li a {
    color: #000;
    padding: 5px 10px;
    background: transparent;
    font-size: inherit;
    display: block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #3467cd;
    min-width: 160px;
    min-height: 39px;
    z-index: 9999;
    padding: 0px;
}
.dropdown-content a:hover {
    background-color: #1a4395;
}
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}



.dropdown {
  position: relative;
  display: inline-block;
}







.show {display: block;}
.icn-holder {width: 100%; position: absolute; z-index: 999; height: 50px;     top: 65%;}

.inner-banner {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}
.my-account-section{
    width: 100%;
    height: auto; margin:60px 0px;
    float: left;
    position: relative;
}
.pay-section {
    min-height: 33px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin: 30px 0px 20px;
    padding: 15px 0px;
}
.pay-section h5{margin:0px; padding:0px;}
.tab-square{width:100%; height:auto; padding:15px; border:solid 1px #ccc;}
.inner-banner img {
    width: 100%;
    height: auto;
}
.my-ord-head>span{
    float: right;
    color: #333;
    border-bottom: solid 1px #ccc;
}
.my-ord-head {
    margin: 0 0 20px;
}
.inner-banner h2 {
    position: absolute;
    color: #fff;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    top: 38%;
    text-shadow: 0 2px 5px #000;
}

.inner-lgo {
    width: 280px;
    height: auto;
    float: left;
    margin: 10px 0px;
}

.inner-lgo img{width:100%; height:auto;}
.logo-nav-wrap {
    width: 100%;
    background: #fff;
    height: auto;
    float: left;
    position: relative;
    z-index: 9993;
}
.facebook-wrap {
    width: 25px;
    height: auto;
    position: absolute;
    top: 18px;
    left: 12px;
}
.facebook-wrap img{width:100%; height:auto;}


.phone-block p {
    color: #257220;
    font-weight: 600;
    margin: 0;
}


/*------------------------navigation css-----------------------------------*/
.nav-bar {width: auto; float: right; transition: all 0.5s ease-in 0s; text-align: center; z-index: 999;}
#mobile-menu{ display: block;}
#menu{ display: none;}
.slicknav_menu{ display: none; transition: all 0.5s ease-in 0s;}
#nav_wrapper{display: block; transition: all 0.5s ease-in 0s; position:relative; z-index:9991;     float: right;}
#nav_wrapper ul{}
#nav_wrapper ul.menu {margin: 0; padding: 0; width: auto; float: left; text-align: left;}
#nav_wrapper ul.menu li { list-style-type: none; padding: 0; display: inline-block; margin: 0;}
#nav_wrapper ul.menu li a {display: block; color: #222222; font-size: 14px;  padding: 0 10px; line-height: 68px; margin: 0; text-decoration: none; transition: all 0.5s ease-in 0s; font-weight: 600;}
#nav_wrapper ul.menu li:hover a, #nav_wrapper .menu li.current-menu-item a, #nav_wrapper .menu li.current-menu-ancestor a, #nav_wrapper .menu li.current-page-ancestor a{color: #dea600; background-color:transparent;}
.activ-link {color: #dea600 !important;}
#nav_wrapper ul.menu li{position:relative;}
#nav_wrapper ul.menu li ul.sub-menu{display: none; width:310px;  background:#00b0f0; padding: 15px 10px 15px 20px;  margin:0; position:absolute; top:100%; left:0px; z-index:999999; height:auto; overflow:hidden;}
#nav_wrapper ul.menu li:hover ul.sub-menu{display:block;}
#nav_wrapper ul.menu li ul.sub-menu li{padding:0; display:block; z-index:9999; float:none; margin:0 auto;}
#nav_wrapper ul.menu li ul.sub-menu li a{font-size:12px; line-height:20px; text-transform: none !important; display:block;  padding: 0px 20px !important; margin:0; color:#fff; border:none; font-family:"Open Sans Semibold"; font-size:14px; background-image: url("../images/drop.png"); background-position: left 8px; background-repeat: no-repeat; margin: 11px 0;}
#nav_wrapper ul.menu li ul.sub-menu li:hover a{color:#333333; background-image: url("../images/drop-h.png");}
#nav_wrapper ul.menu li ul.sub-menu li.current-menu-item a, #nav_wrapper ul.menu li ul.sub-menu li.current-menu-ancestor a, #nav_wrapper ul.menu li ul.sub-menu li.current-page-ancestor a{ color:#5b0f70;}
#nav_wrapper ul.menu li:last-child ul.sub-menu{right:0; left:inherit;}
/*------------------------navigation css-----------------------------------*/


.social-m {
    list-style: none;
    float: right;
    padding: 0px;
    margin: 0px;
}
.social-m li {
    float: left;
    border-right: solid 1px #fff;
}
.social-m li:nth-child(1){border-left:solid 1px #fff;}
.social-m li > a {
    color: #ffffff;
    width: 30px;
    display: block;
    text-align: center;
}
.top-bar {
    width: 100%; display:none;
    height: auto;
    background: #888887;
    float: left;
    padding: 5px 0px;
    font-weight: 600;
    color: #fff;
}
.top-bar p {
    margin: 0px;
    font-size: 14px;
    float: left;
    width: auto;
    background-size: 20px;
    background-repeat: no-repeat;
}
.top-bar p svg{margin-right:5px;}


.slider-layer{
    position: absolute;
    bottom: 0px;
    height: 16px;
    width: 100%;
    /*background: url(images/slider-layer.png);*/
    background-repeat: repeat-x;
    z-index: 9999;
}







/*--------------carousel pager dots---------------------*/
#multiple .cycle-pager {bottom: 45px; position: absolute; right: 40px; text-align: center; z-index: 9999;}
#multiple .cycle-pager span {color: #ddd; display: inline-block; height: 19px; background: rgba(0, 0, 0, 0) url("../images/pager-icon2.png") no-repeat scroll 0 0;
margin: 0 3px; text-indent:-10000px; width: 20px; cursor:pointer;}
#multiple span.cycle-pager-active{color:#00b0f0; background: rgba(0, 0, 0, 0) url("../images/pager-icon.png") no-repeat scroll 0 0;}
/*--------------carousel pager dots---------------------*/
/*--------------Carousel---------------------*/
.cycle-slideshow img{ width:100%; height: auto; position:relative;}
.center{ position:absolute; top:45%; z-index:999; width:100%;}
#multiple {position: relative; overflow: hidden; width: 100%; float: left; background:#ededed; background-size: cover; background-attachment: fixed; background-position: 0 0;}
#multiple .prevControl{width:50px; height:50px; float: left; background-color: #e9e6e4;  background: url(../images/arrow-ri-c.png) !important; background-size: 100% !important}
#multiple .prevControl:hover .fa{color:#fff;}
#multiple .nextControl:hover .fa{color:#fff;}
#multiple .nextControl{width:50px; height:50px;     float: left; background-color: #e9e6e4;  background: url(../images/arrow-le-c.png) !important; background-size: 100% !important}
.icn-holder .prevControl .fa {color: #8e8c8b; cursor: pointer; display: block; float: left; font-size: 50px; text-align: center; width: 50px;}
.icn-holder .fa {color: #8e8c8b; cursor: pointer; font-size: 50px; margin-right: 25px; text-align: center; width: 50px;}
.cycle-slide{ width:100%; height:auto; position:absolute;}
.cycle-slide img{ width:100%; height:auto;}
.banner-overlay {position: absolute; top: 25%; width: 100%; text-align: left; z-index: 999; min-height: 67px; color: #fff;  background: transparent; padding: 15px 0; right: 0px;}

.banner-overlay p {text-align: left; font-weight: 600; font-size:24px; font-size: 24px;}

/*--------------Carousel---------------------*/



.opening-hrs {
    width: 100%;
    height: auto;
    padding: 0 0 30px;
    float: left;
    margin-top: -40px;
        z-index: 99991;
    position: relative;
}
.opening-hrs a {
    color: #ffffff;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.smmayar-blks{width:100%; min-height:200px; float:left; text-align:center; color:#ffffff; min-height: 78px;    padding: 30px;}
.smmayar-blks h4{font-weight:200;}
.opening-hrs .col-sm-4{padding:0px;}
.smmayar-blks .blks-icn{width:70px; height:auto; overflow:hidden; margin: 0 auto 20px;}
.smmayar-blks .blks-icn img{width:100%; height:auto;}
.abt-us-blk {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 30px 0px;
}
.heading-h2 {
    margin: 80px 0 20px;
    padding: 0 0 10px;
    color: #333;
    position: relative;
}
.heading-h2:before {
    content: '';
    position: relative;
    background: #e6e6e6;
    width: 50px;
    height: 3px;
    position: absolute;
    bottom: 0;
}
.tal-crop{width:180px; height:auto; margin:0 auto 30px;}
.tal-crop img{width:100%; height:auto;}
.abt-img{width:100%; height:auto; float:left; }
.abt-img img{width:100%; height:auto;}
.heading-h2 span{
    color: #0191da;
    font-weight: 600;
}
.cont-lst-1 {
    text-align: left;
    margin: 0 0 30px;
    padding: 0px;
    list-style: none;
}
.cont-lst-1 li {
    padding: 0 0 10px;
    margin: 0 0 10px;
    padding-left: 75px;
}
.cont-lst-1 li:nth-child(1) {
    background: url(../images/placeholder.png);
    background-size: 50px;
    background-repeat: no-repeat;
}
.cont-lst-1 li:nth-child(2) {
    background: url(../images/mail.png);
    background-size: 50px;
    background-repeat: no-repeat;
    line-height: 50px;
}
.cont-lst-1 li:nth-child(3) {
    background: url(../images/smartphone.png);
    background-size: 50px;
    background-repeat: no-repeat;
        line-height: 50px;
}
.cont-lst-1 li:nth-child(4) {
    background: url(../images/whatsapp.png);
    background-size: 50px;
    background-repeat: no-repeat;
    line-height: 50px;
}
.cont-lst-1 li:nth-child(5) {
    background: url(../images/clock.png);
    background-size: 50px;
    background-repeat: no-repeat;
    line-height: 50px;
}
.clients {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0px;
}
.products-section {
    width: 100%;
    padding: 30px 0px;
    background: #e7e7e7;
    min-height: 500px;
    text-align: center;
    float: left;
    position: relative;
    background-position: 0 center;
    background-size: cover;
    background-attachment: fixed;
}
.text-wrap {
    
    padding: 15px;
    min-height: 103px;
    overflow: hidden;
    float: left;
    margin: 0;
    width: 100%;
}
.text-wrap h5 {color: #ff009b; margin: 5px;}
.background-pic{width:100%; height:auto; overflow:hidden; float:left;}
.background-pic img{width:100%; height:auto;}
.statitsic h2{font-size:40px;}
.statitsic {
    width: 100%;
    padding: 30px 0px;
    background: url(../images/prx-1.jpg);
    float: left;
    min-height: 100px;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-attachment: fixed;
}

.statitsic h4{font-size:20px;}
.products-pic {
    width: 100%;     border: solid #ccc;
    height: auto;
    overflow: hidden;
}
.foot {
    width: 100%;
    height: auto;
    float: left;
    padding: 60px 0px;
    background: #445268;
    padding: 30px 0 0;
}
.foot-sec {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 30px;
}
.foot ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.foot ul li {
    color: #ffffff;
    display: inline;
    padding: 0 10px;
    border-right: solid 1px #7d93b7;
}
.foot ul li a {
    color: #ffffff;
    font-size: 14px;
}
.foot-sec {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 30px;
}
.copyri {
    text-align: center;
    color: #fff;
    padding: 20px 0px;
    width: 100%;
    height: auto;
    float: left;
    border-top: solid 1px #fff;
}
.products-section .btn-default {
    color: #fff;
    border-color: #ccc;
    width: 150px;
    transition: .5s all ease-in;
    padding: 0px;
    line-height: 50px;
    border-radius: 0px;
    background: #0191da;
    font-size: 16px;
    border: solid 3px #0191da;
}
.products-pic img {
    width: 100%;
    height: auto;
}
.products-section .item {
    padding: 0px 10px;
}
.head-text-b {
    text-align: center;
    margin: 0 0 30px;
}
.head-text-b::after {
    content: '';
    border-bottom: solid 3px #0191da;
    display: block;
    width: 60px;
    margin: 10px auto 40px;
}
.contact-btn {
    color: #fff;
    background-color: #0191da;
    border-color: #0191da;
    width: 150px;
    padding: 0px;
    line-height: 50px;
    border-radius: 0px;
    font-size: 18px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #444 !important;
    background-color: rgba(255,255,255,0.9) !important;
}
.mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0,0,0,0.1) !important;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -73px !important;
    opacity: 1;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -0 -90px !important; opacity: 1;
}
.para-head{
    font-family:"myrid pro";
    margin: 0 0 20px;
    font-weight: 600;
}

/*--------------Carousel---------------------*/



.nav-banner-wrap {width: 100%; height: auto; float: left; z-index: 999; border-bottom: solid 1px #ccc;}










@media only screen and (min-width: 767px) 
{
.sticky {position: fixed; top: 0; left: 0px; transition: .5s all ease-in; z-index: 9991; transition: .5s all ease-in; background-color: #ffffff;}
.sticky .inner-lgo {margin: 5px 0px; width: 129px;}
#sticky-lgo{display:none; background-color: #135a18; background-color: #135a18;}
.sticky .logo-wrap .inner-lgo{ box-shadow: 0 2px 3px #000;}
.sticky .phone{display:none;}
.sticky .logo-wrap {width: 187px; height: auto; float: left; z-index:9995; top: -10px;}
.disp{display:block;}
.disp-n{display:none;}
.sticky .activ-link {color: #008ad1!important;}
.sticky #nav_wrapper ul.menu li a:hover{color:#f8a020; background-color: #135a18;}
.sticky .nav-bar-wrap{margin:15px 0 0; background-color: #135a18;}
.sticky #nav_wrapper ul.menu li a > span{top:-14px; background-color: #135a18;}
.sticky #nav_wrapper ul.menu li a{ height: 50px; line-height: 50px; transition: .5s all ease-in; }
.sticky .scroll-down{display:none;}
}
/*----------------------------------internal page about us-------------------------------------------------------*/







@media only screen and (max-width: 767px){
    
.sticky{display:none; transition:.5s all ease-in;}

    
    #sticky-lgo{display:none;}
}
@media only screen and (max-width: 768px) {
.banner-overlay h2 {font-size: 22px; margin: 0; font-weight: 600; line-height: 19px; margin-bottom: 10px;}
.banner-overlay p {text-align: left; font-size: 18px; font-size: 10px; margin: 0px;}

/*------------------------navigation css-----------------------------------*/
.slicknav_menu{background: #594a43 none repeat scroll 0 0 !important;}
.slicknav_nav .slicknav_row {padding: 0px !important; margin: 0px !important; }
#nav_wrapper ul.menu{ display: none;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
.slicknav_menu{ display:block !important;}
.nav-bar{width:100%; margin-bottom:10px;}
.nav-bar{margin-bottom:0px;}
/*------------------------navigation css-----------------------------------*/
#multiple #sticky-lgo{display:none;}
.nav-banner-wrap .container{padding:0px;}
.nav-bar::after{display:none;}
.nav-bar{position:static;}
.logo-wrap-2{display:none;}
.opening-hrs {margin-top: 0px;}
.nav-banner-wrap .nav-bar{background-color:#257220;}
.icn-holder{top:0%; display:none;}
.banner-overlay-inner {
    position: absolute;
    top: 0; padding:10px;
width: 70%;}
#nav_wrapper {
    
    width: 100%;
    text-align: left;
    padding: 0 15px;
}
}
/*------------------------navigation css-----------------------------------*/

@media only screen and (max-width: 400px){}
@media only screen and (max-width: 500px){}
@media only screen and (min-width: 1000px){}
@media only screen and (min-width: 769px) and (max-width:800px){}
@media only screen and (min-width: 768px) and (max-width:900px){}
@media only screen and (min-width: 769px) and (max-width:991px){}
@media only screen and (min-width: 992px) and (max-width:1150px){}