body{
    direction: ltr;
    font-family: 'flat-jooza', sans-serif;
    overflow-x: hidden!important;
    text-align: left;
}
@font-face {
    font-family: flat-jooza;
    src: url(../fonts/flat-jooza-regular.woff);
}

/* ===================================
    Reset
====================================== */

* { margin: 0; padding: 0; box-sizing: border-box; }
body{ font-family: 'flat-jooza', sans-serif; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; font-size:14px; color:#6f6f6f; font-weight: 400;line-height: 24px; }
body, html { -moz-osx-font-smoothing: grayscale; }
a, a:active, a:focus { color: #6f6f6f; text-decoration: none; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;  }
a:hover, a:active{color: #232323; text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
img {max-width:100%; height:auto; }
input, textarea, select{ border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 15px 0; max-width: 100%; resize: none;}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
select::-ms-expand{ display:none;}
iframe { border: 0;}
p {margin: 0 0 20px; word-spacing: 1px;}
b, strong { font-weight: 600;}
.height-50 { height: 50%; }
.height-100 { height: 100%; }
.last-paragraph-no-margin p:last-of-type {margin-bottom:0;}
.alt-font strong {font-weight: 700 }
.white-space { white-space: normal; }
.word-wrap { word-wrap: break-word; }
.valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
ul, ol, dl {list-style-position: outside;}
ul li { list-style: none; }
::selection { color: #000; background:#dbdbdb; }
::-moz-selection { color:#000; background:#dbdbdb; }
::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}
:-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}
/* ===================================
	Default Header style
====================================== */
header{ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transition: all 0.5s ease 0s; position: relative; z-index: 99999; }
.navbar-brand img{ max-height: 62px; transition-duration: 0.5s; width: 85px !important }
.navbar-header-custom{ padding: 22px 0 20px 0; }
.navbar-default{ transition: all 0.5s ease 0s; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
.navbar-default .container, .navbar-default .container-fluid{ position: relative; }
.menu_area{ position: relative; z-index: 2; }
.menu_area .navbar-brand{ transition: all 0.5s ease 0s; }
.navbar-nav li{ list-style: none; -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; }
.navbar-nav li.has-sub > a{ position: relative; }
.navbar-nav li.has-sub a:hover{ color: #fff; }
.navbar-nav li a{ display: block; color: #9d9d9d; font-size: 13px; }
.navbar-nav > li{ margin-left: 10px; float: left; }
.navbar-nav > li.has-sub{ padding-right: 13px; }
.navbar-nav > li > a{ position: relative; display: block; font-size: 12px; font-weight: 500; padding: 21px 0.5rem; color: #232323; letter-spacing: 0.5px; text-transform: uppercase; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }
/*.navbar-nav li.current > a{ color: #1172a9; }*/
.navbar-nav > li.has-sub > a:hover{ color: #000; }
.navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #000 #000 transparent; }
.navbar > ul > li.has-sub > a:after{ position: absolute; top: 28px; right: -8px; content: ""; border-color: transparent #232323 #232323 transparent; border-style: solid; border-width: 0 1px 1px 0; display: block; height: 6px; transform: rotate(45deg); transition: border 0.3s ease 0s; width: 6px; }
.navbar > ul > li.current > a:after{ border-color: transparent #1172a9 #1172a9 transparent; }
.navbar-nav ul{ position: absolute; left: -9999px; }
.navbar ul ul li{ -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; margin-bottom: 12px; padding: 0 20px; }
.navbar ul ul li:last-child{ margin-bottom: 0; }
.navbar ul ul li.active > a{ color: #fff; }
.navbar-nav li > ul{ padding: 15px 0; margin: 0 0 0 10px; background: #232323; min-width: 225px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
.navbar-nav li:hover > ul{ left: auto; }
.navbar-nav > li.has-sub > ul{ opacity: 0; margin-top: 10px; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.navbar-nav > li.has-sub:hover > ul{ margin-top: 0; opacity: 1; }
.navbar-nav > li.has-sub:last-child:hover ul{ left: inherit; right: 0; }
.navbar li > ul ul{ margin-top: -39px; margin-left: 200px; min-width: 200px; }
.navbar li > ul ul ul{ margin-left: 175px; min-width: 130px; }
.navbar ul ul li:last-child > a, .navbar ul ul li.last-item > a{ border-bottom: 0; }
.navbar ul ul li.has-sub > a:after{ position: absolute; top: 12px; right: -3px; width: 8px; height: 2px; display: block; background: #9d9d9d; content: ""; }
.navbar ul ul li.has-sub > a:before{ position: absolute; top: 9px; right: 0; display: block; width: 2px; height: 8px; background: #9d9d9d; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all 0.25s ease; }
.navbar ul ul > li.has-sub:hover > a:before{ top: 17px; height: 0; }
.attr-nav{ float: right; margin-left:0; margin-right: 60px }
.attr-nav .dropdown-toggle:after{ content: none; }
.attr-nav > ul{ padding: 0; margin: 0 0 -5px 0; list-style: none; display: inline-block; }
.attr-nav > ul > li{ float: left; display: block; }
.attr-nav > ul > li > a{ color: #232323; display: block; padding: 21px 15px; position: relative; }
.attr-nav > ul > li > a span.badge{ position: absolute; top: 50%; margin-top: -15px; right: 5px; font-size: 10px; padding: 2px 0 0 1px; width: 15px; height: 15px; color: #fff; border-radius: 15px; line-height: 12px; font-weight: 400; }
.attr-nav > ul > li.dropdown ul.dropdown-menu{ position: absolute; border: none; border-radius: 0; padding: 0; background: #232323; min-width: 225px; margin: 10px 0 0 10px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.attr-nav ul.cart-list{ padding: 0; width: 250px; }
.attr-nav ul.cart-list > li{ position: relative; border-bottom: solid 1px #323232; padding: 15px; margin: 0; }
.attr-nav ul.cart-list > li:last-child, .attr-nav ul.cart-list > li:nth-last-child(2){ border-bottom: none; }
.attr-nav ul.cart-list > li > a.photo{ padding: 0; margin-right: 15px; float: left; width: 50px; height: 50px; }
.navbar ul.cart-list > li img{ width: 50px; height: 50px; border: 1px solid #323232; display: inline-block; }
.navbar ul.cart-list > li > h6{ margin: 0; font-size: 12px; display: inline-block; }
.navbar ul.cart-list > li > h6 a{ color: #9d9d9d; padding: 0; }
.navbar ul.cart-list > li > h6 a:hover{ color: #fff; }
.navbar ul.cart-list > li > h6 > a.photo{ padding: 0; display: block; }
.navbar ul.cart-list > li > p{ margin-bottom: 0; font-size: 12px; color: #f5f5f5; }
.navbar ul.cart-list > li.total{ padding: 15px; border: none; display: inline-block; width: 100%; vertical-align: top; }
.navbar ul.cart-list > li.total > .butn{ float: right; width: auto; }
.navbar ul.cart-list > li .price{ font-weight: 500; }
.navbar ul.cart-list > li.total > span{ padding-top: 4px; color: #fff; padding-left: 5px; font-size: 14px; display: inline-block; }
/* Responsive CSS */
@media screen and (min-width: 992px){
    /* ===================================
        Default Header style
    ====================================== */
    header.scrollHeader .navbar-default{ position: fixed; top: 0; z-index: 99; width: 100%; background:rgba(255, 255, 255, 0.95);; left: 0; transition: all 0.2s ease 0s;  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
    .wrapper-boxed .scrollHeader .navbar-default{ left: 0; margin: 0 auto; max-width: 1200px; right: 0; }
    .scrollHeader .navbar-brand img{ max-height: 60px; transition-duration: 0.5s; }
    .scrollHeader .navbar-header-custom{ padding: 10px 0; transition-duration: 0.5s; }
    .navbar-nav .megamenu{ margin: 0; padding: 30px 15px; right: 0; width: 100%; }
    .navbar .megamenu > li{ margin: 0; float: left; }
    .navbar .sub-title{ color: #fff; }
    .megamenu > li > ul{ left: 0; margin: 0; min-width: auto; position: static; width: 100%; }
    .navbar .megamenu li > ul{ margin: 0; min-width: auto; padding: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    .navbar .megamenu ul li{ padding: 0; }
    .navbar .megamenu li.has-sub > a:after, .navbar .megamenu li.has-sub > a:before{ background: none; }
    /* atribute navigation */
    .scrollHeader .attr-nav > ul > li > a{ padding: 21px 15px; }
    .attr-nav > ul > li.dropdown ul.dropdown-menu{ visibility: hidden; top: 66px; border-radius: 0; opacity: 0; left: -225px; }
    .attr-nav > ul > li.dropdown:hover ul.dropdown-menu{ margin-top: 0; opacity: 1; visibility: visible; }
    .scrollHeader .attr-nav > ul > li.dropdown ul.dropdown-menu{ top: 67px; }
    /* ===================================
        Header style02
    ====================================== */
    .header-style2 { box-shadow: none; position: absolute; left: 0; width: 100%; }
    .header-style2 #top-bar { background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.35);  }
    .header-style2 .navbar-default{ -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none;background-color: transparent;}
        .header-style2 .navbar-header-custom {
            border-right: 1px solid rgba(255,255,255,0.2);
            padding: 2px 1px 2px 5px;
            margin-left: 20px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
    .header-style2 .navbar-nav li a { color: #6f6f6f; }
    .header-style2 .navbar-nav > li > a { font-size: 15px; color: #fff; font-weight: bold;}
    .header-style2 .navbar-nav li > ul { background: #fff; }
    .header-style2 .navbar ul ul li.active > a { color: #232323; }
    .header-style2 .navbar-nav li.has-sub{
        font-size: 16px;
        font-weight: 600;
    }
    .header-style2 .navbar-nav li.has-sub a:hover{ color: #1172a9;}
    .header-style2 .navbar-nav li.current > a{ rgb(17, 114, 169) !important }
    .header-style2 .navbar .sub-title { color: #232323 ; }
    .header-style2 .navbar-nav > li.has-sub > a:hover{ color: #fff; }
    .header-style2 .navbar > ul > li.has-sub > a:after { top: 29px; }
    .header-style2 .navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #fff #fff transparent; }
    .header-style2 .navbar > ul > li.has-sub > a:after{  border-color: transparent #fff #fff transparent; }
    .header-style2 .navbar > ul > li.current > a:after{ border-color: transparent #1172a9 #1172a9 transparent; }

    .header-style2.scrollHeader .navbar-default { border-bottom: none; }
    .header-style2.scrollHeader .navbar-header-custom { padding: 0;/* border-right: 1px solid rgba(0,0,0,0.1);*/
       background-color: transparent;
        margin-left: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .header-style2.scrollHeader .navbar-nav > li > a { color: #232323; }
    .header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover { color: #000; }
    .header-style2.scrollHeader .navbar > ul > li.has-sub > a:after { border-color: transparent #232323 #232323 transparent; }
    .header-style2.scrollHeader .navbar-nav li.current > a{ color: #1172a9; }
    .header-style2.scrollHeader .navbar-nav li.current > a:hover{ color: #1172a9; }
    .header-style2.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #1172a9 #1172a9 transparent; }
    /* atribute navigation */
    .header-style2.scrollHeader .attr-nav { /*border-left: 1px solid rgba(0,0,0,0.1);*/ }
    .header-style2.scrollHeader .attr-nav > ul > li > a{ color: #1172a9; padding: 20px 15px; }
    .header-style2 .attr-nav > ul > li.dropdown ul.dropdown-menu { background: #fff; }
    .header-style2 .attr-nav ul.cart-list > li { border-bottom: 1px solid #dcdcdc; }
    .header-style2 .attr-nav ul.cart-list > li.total { border: none; }
    .header-style2 .navbar ul.cart-list > li > h6 a { color: #6f6f6f; }
    .header-style2 .navbar ul.cart-list > li > h6 a:hover { color: #232323; }
    .header-style2 .navbar ul.cart-list > li > p { color: #232323; }
    .header-style2 .navbar ul.cart-list > li img { border:1px solid #c5c5c5;border-radius: 50% }
    .header-style2 .attr-nav > ul { padding: 0 15px; }
    .header-style2 .attr-nav > ul > li > a{ color: #fff; padding: 29px 15px; }
    .header-style2.scrollHeader .attr-nav > ul > li.dropdown ul.dropdown-menu { top: 65px; }
    .header-style2 .attr-nav > ul > li.dropdown ul.dropdown-menu { left: -215px; }
}
@media screen and (max-width: 1199px){
    .navbar-nav > li{ margin-left: 5px; }
}
 .attr-nav > ul > li > a span.badge{
    color: #ffffff;
    background: #1172a9;
}

@media screen and (max-width: 991px){
    /* ===================================
        Default Header style
    ====================================== */
    /*  fixednav in mobile*/
    header.scrollHeader .navbar-default{ position: fixed; top: 0; z-index: 99; width: 100%; background:rgba(255, 255, 255, 0.95);; left: 0; transition: all 0.2s ease 0s;  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
    .wrapper-boxed .scrollHeader .navbar-default{ left: 0; margin: 0 auto; max-width: 1200px; right: 0; }
    .scrollHeader .navbar-brand img{ max-height: 50px; transition-duration: 0.5s; }
    .scrollHeader .navbar-header-custom{ padding:0; transition-duration: 0.5s; }
    .scrollHeader .attr-nav > ul > li > a{ padding:0; }
    .scrollHeader .attr-nav > ul > li.dropdown ul.dropdown-menu{ top: 67px; }
    /*  fixednav in mobile*/
    .navbar-header-custom{ padding:0;  }
    .menu_area .navbar-brand{ margin-top:0;  }
    .navbar-nav li > ul{ -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; box-shadow: none;  }
    .navbar-nav > li.has-sub > ul{ opacity: 1; margin: 0; -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0s ease; -ms-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;  }
    .navbar li > ul ul{ margin: 0; min-width: auto;  }
    .navbar-nav > li.has-sub{ padding-right: 0;  }
    .navbar-nav > li > a{ padding: 10px 20px; color: #232323;  }
    .navbar-nav > li > a:hover{ opacity: 1;  }
    .navbar-nav li.has-sub a:hover{ color: #232323;  }
    .navbar ul ul li.active > a{ color: #000;  }
    .navbar .sub-title { color: #232323; }
    .navbar-nav{ background: #fff; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); position: absolute; top: 75px; left: 0; width: 100%; width: 100%; display: none; transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }
    .navbar-nav li.active > a{ opacity: 1;  }
    .navbar-nav ul{ width: 100%; display: none;   }
    .navbar-nav li{ width: 100%; border-top: 1px solid #e6e6e6; position: relative; padding: 0; margin: 0;  }
    .navbar-nav ul li:hover{ background: #f5f5f5;  }
    .navbar-nav ul ul li{ height: auto;  }
    .navbar-nav li:hover > ul > li{ height: auto;  }
    .navbar ul li a{ width: 100%; border-bottom: 0;  }
    .navbar ul ul{ position: relative; left: 0; width: 100%; margin: 0; text-align: left; background: #f5f5f5; padding: 0;  }
    .navbar ul ul li{ margin-bottom: 0; padding: 0; border-color: #e6e6e6;  }
    .navbar ul ul li a{ width: 100%; border-bottom: 0; color: #616161; background: none; padding: 8px 30px;  }
    .navbar ul ul ul li a{ padding-left: 45px;  }
    .navbar > ul > li{ float: none;  }
    .navbar-nav ul ul{ position: relative; left: 0; width: 100%; margin: 0; text-align: left; background: #f5f5f5; padding: 0;  }
    .navbar > ul > li.has-sub > a:after, .navbar > ul > li.has-sub > a:before{ display: none;  }
    .navbar ul ul > li.has-sub > a:after, .navbar ul ul > li.has-sub > a:before{ display: none;  }
    .navbar-nav ul ul ul li.active a{ border-left: none;  }
    .navbar-nav > ul > li.has-sub > ul > li.active > a, .navbar-nav > ul ul > li.has-sub > ul > li.active > a{ border-top: none;  }
    .navbar li > ul ul ul{ margin-left: 0; background: #fff;  }
    .navbar ul ul ul ul li a{ padding-left: 55px;  }
    .navbar-nav .has-sub .has-sub .submenu-button{ height: 40px;  }
    .navbar-nav .has-sub .has-sub .submenu-button:after{ top: 19px;  }
    .navbar-nav .has-sub .has-sub .submenu-button:before{ top: 16px;  }
    .navbar-toggler{ background: #232323; width: 50px; height: 45px; padding: 0; border-radius: 0; position: absolute; right: 0; top:15px; cursor: pointer; z-index: 12399994; border: none;  }
    .navbar-toggler:after{ position: absolute; top: 22px; right: 15px; display: block; height: 8px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: "";  }
    .navbar-toggler:before{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 15px; display: block; height: 2px; width: 20px; background: #fff; content: "";  }
    .navbar-toggler.menu-opened:after{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 23px; border: 0; height: 2px; width: 19px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);  }
    .navbar-toggler.menu-opened:before{ top: 23px; background: #fff; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
    .navbar-nav .submenu-button{ position: absolute; z-index: 99; right: 0; top: 0; display: block; height: 44px; width: 100%; cursor: pointer;  }
    .navbar-nav .submenu-button:after{ position: absolute; top: 21px; right: 17px; width: 8px; height: 2px; display: block; background: #232323; content: "";  }
    .navbar-nav .submenu-button:before{ position: absolute; top: 18px; right: 20px; display: block; width: 2px; height: 8px; background: #232323; content: "";  }
    .navbar-nav .submenu-button.submenu-opened:before{ display: none;  }
    .attr-nav{ float: left;  }
    .attr-nav > ul > li{ display: inline-block;  }
    .attr-nav > ul > li.dropdown ul.dropdown-menu{ left: -193px; top: 38px; display: none !important;  }
    .attr-nav > ul > li.dropdown.show ul.dropdown-menu{ display: block !important;  }
    .attr-nav > ul > li > a{ padding: 0;  }
    .attr-nav > ul > li > a span.badge { right: -8px; }
    .header-style2 { box-shadow: none; position: absolute; left: 0; width: 100%; }
    .header-style2 .navbar-default{ -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.85); background-color: rgba(255, 255, 255, 0.85)}

    .header-style2 .navbar-toggler{ background: #fff;  }
    .header-style2 .navbar-toggler:after{ border-top: 2px solid #232323; border-bottom: 2px solid #232323; }
    .header-style2 .navbar-toggler:before{ background: #232323; }
    .header-style2 .navbar-toggler.menu-opened:after{  background: #232323; border-bottom: none;  }
    .header-style2 .navbar-toggler.menu-opened:before{ background: #232323; }

    /* atribute navigation */
    .header-style2.scrollHeader .attr-nav > ul > li > a{ color: #232323; }
    .header-style2 .attr-nav > ul > li.dropdown ul.dropdown-menu { background: #fff; }
    .header-style2 .attr-nav ul.cart-list > li { border-bottom: 1px solid #dcdcdc; }
    .header-style2 .attr-nav ul.cart-list > li.total { border: none; }
    .header-style2 .navbar ul.cart-list > li > h6 a { color: #6f6f6f; }
    .header-style2 .navbar ul.cart-list > li > h6 a:hover { color: #232323; }
    .header-style2 .navbar ul.cart-list > li > p { color: #232323; }
    .header-style2 .navbar ul.cart-list > li img { border:1px solid #c5c5c5;border-radius: 50% }
    .header-style2 .attr-nav > ul > li > a{ color: #fff;  }
}
/* loader */
#preloader{ position:fixed; left:0; top:0; z-index:99999; width:100%; height:100%; overflow:visible; background:#fff; display:table; text-align:center; }
.loader{ display:table-cell; vertical-align:middle; position:relative; width:200px; height:200px; }
.loader-icon{ width:80px; height:80px; border:5px solid #1172a9; border-right-color:#eee; border-radius:50%; position:relative; animation:loader-rotate 1s linear infinite; margin:0 auto; }
@keyframes loader-rotate{ 0%{ transform:rotate(0) }
    100%{ transform:rotate(360deg) }
}

.navbar-nav li.current > a{ color: #1172a9!important; }
.navbar > ul > li.current > a:after{ border-color: transparent #1172a9 #1172a9 transparent; }
@media screen and (min-width: 992px){
    /*Header style02*/
    .header-style2 .navbar-nav li.current > a{ color: #ed1c24  !important; }
    .header-style2 .navbar > ul > li.current > a:after{ border-color: transparent #1172a9 #1172a9 transparent; }
    .header-style2.scrollHeader .navbar-nav li.current > a{ color: #1172a9; }
    .header-style2.scrollHeader .navbar-nav li.current > a:hover{ color: #1172a9; }
    .header-style2.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #1172a9 #1172a9 transparent; }
}
.header-style2 .navbar-nav > li > a:hover{
    color: #1172a9!important
}
@media screen and (min-width: 980px) and (max-width: 1130px) {
    .navbar-nav > li > a {
        padding: 21px 0.2rem!important;
    }
}
.log-btn{
    background-color: #1172a9;
    margin: 15px 0.5rem;
    padding: 6px .5rem!important;
    color: #fff!important;
}
.btn-style-one {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    color: #ffffff;
    background: #1172a9;
    padding: 5px 15px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-family: 'Roboto Slab', serif;
    transition: all 0.7s ease;
    border: 0;
    margin-left: 10px;
}
.main-header .header-area .link-button {
    float: right;
}
.btn-style-one:hover {
    color: #ffffff;
    background: #11a5f2;
    transition: all 0.7s ease;
}
/* =================================== Navigation====================================== */

.padding-70{
    padding: 70px 0;
}
.heading h2 {
    font-size: 36px;
    line-height: 1.7;
    text-transform: uppercase;
    color: #ed1c24 ;
    position: relative;
}
.heading p{
    font-size: 16px;
    line-height: 1.4;
    color: #696969;
    word-spacing: 0;
    padding: 0 0 0 0;
}
.width-70{
    width: 70%;
}
.bg-img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);

}
.container{
    position: relative;
    z-index: 3;
}
.verticle-align{
    display: block;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}
.my-btn{
    background: #1c9ad7;
    border-radius: 0;
    border: 0;
    padding: 7px 30px;
    font-size: 1rem;
    display: inline-block;
    transition: 0.3s;
    color: rgba(255, 255, 255, 0.9)!important;
    position: relative;
    white-space: nowrap;
    word-wrap: normal;
    white-space: normal;
    text-decoration: none !important;
    cursor: pointer;
    text-transform: capitalize;
}
.my-btn:hover{
    color: #FFF!important;

}

.my-btn::before {
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-property: right;
    background: #fff;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    right: 100%;
    transition-property: right;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    z-index: 1;
}
.my-btn:hover::before{
    right: -0.0rem;
    color: #fff!important;
}
.btn-form-action{
    position: relative;
    width: auto;

}
.btn-form-action .link-button{
    display: inline;
}
/* =================================== about us====================================== */
.about-sec{
    position: relative;

}
.about-sec .heading{
    margin: 0 auto;
    display: block;
    text-align: center;
    padding-left: 50px;
}
.about-sec .about-categ {
    font-size: 18px;
    color: #696969;
    margin-top: 15px;
    position: relative;
    padding-left: 50px;
}
.about-sec .about-categ i{
    font-size: 28px;
    line-height: 1;
    color: #1172a9;
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.about-sec .about-categ h3{
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #011b33;
    margin-top: 20px;
}
.about-sec .about-categ p{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: #333;
    margin-top: 10px;
    margin-left: -40px;
}
/*************about-video sec*******************/
.about-video{
    position: relative;
}
.about-video{
    background-attachment: fixed;
}
.about-video .heading p{
    color: #fff;
}
.about-video .video{
    color: #fff;
    text-align: center;
}

.about-video .video .radus-video{
    color: #fff;
    text-align: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border:4px solid #fff;
    margin: 0 auto;
}
.about-video .video .radus-video i{
    color: #fff;
    text-align: center;
    font-size:24px;
    line-height: 52px;
}
/**********************business-sec*/
.business-sec{
    position: relative;
}
.business-sec  .item h2{
    position: relative;
    text-transform: capitalize;
    color: #0a0a0a;
}
.business-sec .owl-carousel .owl-item  .img-serv{
    height: 250px;
    width: 100%;
    overflow:hidden ;

}
.business-sec .owl-carousel .owl-item img{
    width:100%;
    height:100%
}
.business-sec .owl-theme .owl-nav [class*='owl-'] {
    background: #1172a9;

}
/************how we work***********/
.how-work ul li {
    list-style: circle!important;
    color: #fff;
}
/*************************
/*--------------counter---------------*/
.counter{
    position: relative;
}
.counter .counter-details img{
    display: block;
    margin: 0 auto ;
    width:70px;
}

.counter .counter-details span {
    font-size: 30px;
    font-weight: bold;
    margin: 3px auto;
    padding: 5px 0 5px;
    display: block;
    width: 135px;

    /* border-width: 11px; */
}
.counter .counter-details p {
    font-size: 14px;
    line-height: 1.4;
    color: #ed1c24 ;
    word-spacing: 0;
    font-weight: 600;
    padding: 0 0 0 0;

    /* border-width: 11px; */
}

.counter .counter-details h3{
    text-transform: capitalize;
    line-height: 1;
    font-size: 20px;
    font-weight: 600;
}
/********* */
.opacity-sec .owl-carousel .item{
    text-align: center;
    color: #fff;
    text-transform: capitalize;
}
.opacity-sec .owl-theme .owl-nav [class*='owl-'] {
    background: #1172a9;
}
/*===============================================
gallary
 ================================================*/
.portfolio{
    position: relative;
    background-size: cover;
    background-attachment: fixed;
}
.gallary .top-side {
    text-align: center;
}
.gallary .top-side .title {
    font-weight: 500;
    font-size: 17px;
    display: inline-block;
}
.gallary .top-side .title:after {
    content: "";
    display: block;
    width: 50%;
    margin: 8px auto;
}
.gallary .top-side h2 {
    font-weight: 700;
    color: #1172a9;
    text-transform: capitalize;
}
.gallary.portfolio .filters {
    text-align: center;
    margin-top: 0;
}
.gallary.portfolio .filters ul {
    padding: 0;
}
.gallary.portfolio .filters ul li {
    list-style: none;
    display: inline-block;
    padding: 7px 10px;
    cursor: pointer;
    position: relative;
    font-size: 20px;
    margin: 5px 0;
    background-color: #17263b;;
    color: #fff;
    border:1px solid #17263b;
    text-transform: capitalize;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.gallary.portfolio .filters ul li:hover {
    background-color: #fff;
    border:1px solid #17263b;
    color:#17263b;
}
.gallary.portfolio .filters ul li:after {
    content: "";
    display: block;
    width: calc(0% - 60px);
    position: absolute;
    height: 2px;
    transition: width 350ms ease-out;
    bottom: 5px;
}
.gallary.portfolio .filters ul li:hover:after {
    width: calc(100% - 30px);
    transition: width 350ms ease-out;
}
.gallary.portfolio .filters ul li.active:after {
    width: calc(100% - 30px);
}
.gallary.portfolio .filters-content {
    margin-top: 50px;
}
.gallary.portfolio .filters-content .show {
    opacity: 1;
    visibility: visible;
    transition: all 350ms;
}
.gallary.portfolio .filters-content .hide {
    opacity: 0;
    visibility: hidden;
    transition: all 350ms;
}
.gallary.portfolio .filters-content .item {
    text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.gallary.portfolio .filters-content .item .p-inner {
    padding: 10px 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 0px;
    position: absolute;
    bottom: -150px;
    right: 0;
    width: 150px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    background-color: #17263b;
}
.gallary.portfolio .filters-content .item:hover .p-inner{
    bottom: 0;
}
.gallary.portfolio .filters-content .item .p-inner .cat {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
}
.gallary.portfolio .filters-content .item img {
    width: 100%;
    height: 315px;
}
.gallary .top-side .title:after {
    border-bottom: 1px solid #494949;
}
/* =================================== tender====================================== */
.tender-type{
    position: relative;
}
.tender-type .tender{
    position: relative;
    border: 1px solid #ddd;
    padding: 0;
    text-align: center;
}
.tender-type .tender h3{
    padding: 15px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.20);
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.tender-type .tender .features-tender span{
    padding: 15px;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.tender-type .tender .features-tender span:last-of-type{

    border-bottom:none;

}
.tender-type .tender .my-btn{
    margin: 40px 0;

}
/********************freee srvices*/
.free-srevice{
    position: relative;
}
.free-srevice .heading {
    text-align: center;
}
hr.hr-half-center {
    border: 0px;
    height: 1px;
    background: #e1e1e1;
    width: 10%;
    max-width: 420px;
    margin: 20px auto 20px auto;
}
.free-srevice .heading h2{
    font-style: normal;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0em;
    color: #17263b;
}
.free-srevice .heading span{
    color: #17263b;
    font-size: 18px;
}
.free-srevice .heading .color{
    font-size: 36px;
    color: #1172a9;
}

.free-srevice .item{
text-align: center;
}
.free-srevice .item h2{
    color: #17263b;
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 36px;
}
.free-srevice .item p{
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 12px;
    padding: 0;
    letter-spacing: 0.03em;
    color: #555;
}
.free-srevice .item .img-free-service{
    width: 100%;
    height: 110px;
}
.free-srevice .item img{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    top: 25px;
    transform: rotateY(0deg);
    display: block !important;
    width: 64px;
    height: 64px;
    margin: 0 auto;
}
.free-srevice .item:hover img{
    top: 15px;
    transform: rotateY(360deg);
}
.free-srevice .owl-theme .owl-nav [class*='owl-'] {
    margin: 5px;
    background: #ed1c24 ;
    display: inline-block;
    cursor: pointer;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}


/*writer  callto action*/

.calltoaction .my-btn::before{
    background-color:#17263b;
}
.calltoaction .branch{
    position: relative;
    height: 175px;
    width: 100%;
    background-color: #e8f7ffa6;
    border: 1px solid #e8f7ffa6;
}
.calltoaction .branch .top{
    height: 76px;
    padding: 10px 0 0 0;
    background: url(../img/top-pic.png) no-repeat top center;
    background-size: contain;
    width: 100%;
    height: 50px;
    font-size: 28px;
    color: #17263b;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    padding: 10px 0 0 0;
}
.calltoaction .branch .card-container {
    cursor: pointer;
    height: 123px;
    position: relative;

}
.calltoaction .branch .call-branche {
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: all 1s ease-in-out;
    width: 100%;
}
.calltoaction .branch .call-branche .side h6 {
    font-size: 16px ;
    padding-bottom: 0;
    margin-bottom: 5px;
}
.calltoaction .branch .call-branche .side h6 a{
    font-size: 16px ;
    color: #17263b;
    padding-top: 5px;
}
.calltoaction .branch .call-branche .side h6 a:hover {
    color: #0069b4;
}
.calltoaction hr.hr-half-center {
    border: 0px;
    height: 1px;
    background: #e1e1e1;
    width: 10%;
    max-width: 420px;
    margin: 10px auto 24px auto;
}
.calltoaction hr.hr-half-center {
    width: 10%;
    margin: 20px auto 20px auto;
}
.calltoaction .heading h2 {
    color: #17263b;
    line-height: .9;

}
.calltoaction .heading span {
    font-size: 16px;
}

/*************** end call action*/
.testemonial .item .rot{
    transform: rotateY(180deg);
}
.testemonial .testimonial-details i{
    color: #0069b4;
    color: #0069b4;
    font-size: 20px;
}
.testemonial .item .testemonial-img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-bottom: 30px;
    margin-top: 15px;
    margin-top: 15px;
}
.testemonial .item .testemonial-img img{
    width: 70px;
    height: 70px;
    margin: 13px auto;
    display: block;
}
.testemonial .item span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 20px;
}
.testemonial hr.hr-half-center {
    border: 0px;
    height: 1px;
    background: #e1e1e1;
    width: 15%;
    max-width: 420px;
    margin: 20px auto 24px auto;
}
.testemonial .heading h2{
    color: #fff;
}
.testemonial .owl-theme .owl-nav [class*='owl-']{
    background: #1c9ad7;
    display: inline-block;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
/**************social section */
.social{
    position: relative;
}
.social .social-details{
    color: #fff;text-align: center;
}
.social .social-details .icon-social{
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto ;
    -webkit-transition: 0.16s all linear;
    -moz-transition: 0.16s all linear;
    -ms-transition: 0.16s all linear;
    -o-transition: 0.16s all linear;
    transition: 0.16s all linear;
}
.social .social-details  .icon-social svg{
    margin: 25px auto;
    width: 50px;
    height: 50px;
    fill:#fff;
}
.social .social-details:hover .icon-social{
    background: transparent;
}
.social .social-details h4{
    font-size: 28px;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 0;
}
.social .social-details span{
    font-size: 14px;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 5px;
}
.social hr.hr-half-center {
    width: 10%;
    margin: 20px auto 20px auto;
}
.social .heading h2 {
    color: #ffffff;
    line-height: .9;

}
.social .heading span {
    font-size: 16px;
}
.color{
    color: #1c9ad7;
}
/*************inner pages*/
/* ===================================
about-head-page
====================================== */
.head-page{
    padding:120px 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 2%;
}
.overlay-head{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height:100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6);
}
.inner-padding{
    padding-top: 60px;
}

.sub-head-mid{
    position: relative;
    z-index: 9999999!important;
}
.head-page .sub-head-mid {
    display: block;
    margin: 0 auto;
    top: 60%;
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    position: relative;
    text-align: center;
}
.head-page ul {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center;
    list-style-position: outside;
}
.head-page ul li {
    display: inline-block;
    list-style: none;
}
.head-page ul li a {
    font-size: 22px;
    font-weight: 500;
    position: relative;
    margin-left: 30px;
    transition: all .3s ease-in-out;
    text-transform: capitalize;
}
.head-page ul li:first-of-type a {
    margin-left: 0;
}
.head-page ul li a.arow:after {
    content: "";
    width: 14px;
    height: 14px;
    background: url(../img/arow-top.svg) center center no-repeat;
    top: 13px;
    right: -25px;
    position: absolute;
    display: inline-block;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.padding-70{
    padding: 70px 0;
}
/* ===================================
    tender card
====================================== */
.news-box{ position: relative; overflow: hidden; transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;margin-bottom: 50px }
.news-box:hover{ -webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.news-box .fetaure-image{ position: relative; overflow: hidden; z-index: 1;min-height: 271px;max-height: 272px }
.news-box .fetaure-image img{ -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.news-box .fetaure-image:hover img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.news-box .fetaure-image:after{ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-box-shadow: 0 -130px 70px -70px #000 inset; box-shadow: 0 -130px 70px -70px #000 inset; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.news-box .package-detail{ width: 100%; bottom: 0; left: 0; padding: 20px 18px; position: absolute; z-index: 9; }
.news-box .title{ color: #fff; margin-right: 5px; }
.news-box .price{ width: 40%; float: left; }
.news-box .people-duration{ float: right; margin-left: 5px;margin-top: 10px }
.news-box .package-detail p{ margin: 0 0 0 10px; display: inline-block; color: #fff; text-transform: uppercase; font-weight: 500; }
.news-box .package-detail p .theme-color{ margin-right: 5px; }
.news-box .rating li{ float: left; margin-left: 3px; }
.news-box .fetaure-image img{
    min-width: 100%;
}
.fetaure-image.edit{
    width: 48%;
    margin-right: 12px;
    margin-bottom: 12px;
    box-sizing: border-box
}
.fetaure-image.edit2{
    width: 97.1%;
    margin-bottom: 12px;
    box-sizing: border-box;

}
@media (max-width:768px){
    .news-box .package-detail { padding: 20px 10px; }
    .news-box .price { width: 55%; }
    .fetaure-image.edit{
        width: 100%;
    }
}
.margin-5px-bottom {
    margin-bottom: 5px;
}

.font-weight-600 {
    font-weight: 600;
}
.font-size18 {
    font-size: 18px;
    line-height: 26px;
}
.padding-30px-all {
    padding: 30px;
}
.border {
    border: 1px solid #dee2e6!important;
}
.pagination{ border-radius:0; padding:0; margin:0; }
.pagination ul{ display:inline-block; *display:inline; *zoom:1; margin:0 auto; padding:0; }
.pagination li{ display:inline; }
.pagination a{ float:left; padding:0 18px; line-height:40px; text-decoration:none; border:1px solid #dbdbdb; border-left-width:0; background:#fff; }
.pagination a:hover{ background-color:#232323; color:#fff; }
.pagination .active a{ background-color:#f7f7f7; color:#999; cursor:default; }
.pagination .disabled span{ color:#999; background-color:transparent; cursor:default; }
.pagination .disabled a{ color:#999; background-color:transparent; cursor:default; }
.pagination .disabled a:hover{ color:#999; background-color:transparent; cursor:default; }
.pagination li:first-child a{ border-left-width:1px; }
.pagination .active a {
    background-color: #ed1c24 ;
    color: #1f1f1f;
    cursor: default;
}
.tender .heading h1 {
    padding-bottom: 15px;
    font-size: 25px;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 10px;
    padding-top: 0;
    color: #ed1c24 ;
}
.tender .text-theme-color{
    color:#ed1c24 ;
}
.tender .news-box .fetaure-image img{
   min-height: 271px;
}
/*************tender-details******/
.date-tender i{
   margin-right: 10px;
}
.product-detail{
    margin-top: 30px;
}
.product-detail .my-btn{
    margin-top: 30px;
    margin-bottom: 30px;
}
.date-tender .float-right{
    float: left!important;
}
.product-detail h3{
    position: relative;
    font-weight: 700;
    z-index: 1;
    font-size: 32px;
    color: #1172a9;
}
/* list style 5 */
.list-style-5 { list-style: none; margin: 0; padding: 0; margin-top: 30px}
.list-style-5 li { position: relative; padding: 0 0 10px 25px; margin: 0 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-5 li:before { content: "\f192"; position: absolute; top: 0; left: 0; font-family: Font Awesome\ 5 Free; color: #0075d2; }
.list-style-5 li:first-child { padding-top: 10px; }
.list-style-5 li:first-child:before { top: 11px; }
.list-style-5 li:last-child {border-bottom: 0; margin-bottom: 0;}
.list-style-5.list-style-color li {border-color: rgba(255,255,255,.15);}
.list-style-5.list-style-color li:before {color: #232323;}
.price{
    margin: 10px 0 30px 0;
    text-align: center;
}

.statue-tender{
    width: 150px;
    margin: 0px auto;
    text-align: center;
}
.statue-tender .title{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
}
.statue-tender .title p {
margin: 0;
}
.statue-tender i{
    display: inline;
    margin-right: 10px;
    color: #1172a9;

}
.offer-price{
    font-size: 25px;
    color: #1172a9;
    margin:0;
    border: 1px solid #1172a9;
    padding: 5px
}
.red{
    color: #f40c00!important;
}
    /*************profile*/
.profile{
    padding: 70px 0;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 1200px;
}
.profile  .my-profile{
  margin-bottom: 50px;
  margin-top: 50px;
}
.profile  .img-profile{
    border-radius: 50%;
    width: 200px;
    height:200px;
    border:2px solid #fff;
    overflow: hidden;
    margin: 0 auto;
}
.profile .tendercount{
    padding: 10px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 10px;
    background-color: #fff;
}
.profile .tendercount h6{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1172a9;
}
.profile .tendercount span{
    display: block;
    border: 1px solid #1172a9;
    color: #ffffff;
    font-weight: 900;
    font-size: 22px;
    padding: 10px 0;
    margin-top: 15px;
    background-color: #1172a9;
}
.profile .profile-details{
    margin: 70px 0;
}
.profile .profile-details  li {
    list-style-type: none;
    color: #1172a9;
    border-radius: 5px;
    background-color: #fff;
    margin: 30px 0;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.margin-left-10px {
    margin-right: 10px;
    width: 10px;
}
/*************end profile  */
/*************start -payment*/
.payment {
    padding: 70px 0;
    min-height: 100vh
}
.payment .card-payment{
    background-color: #fff;
    margin-top: 150px;
    border-radius: 20px;
}
.card-payment-img{
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.payment .card-payment img{
    width:350px;
    height: 220px;
    margin: 70px;

}
.payment form .group,.submi {
    display: block;
    width: 90%;
    float: left;
    position: relative;
    margin-bottom: 25px;
}
.payment form .card-number {
    border-bottom: 1px solid #1c9ad7;
}
.payment form .card-number:first-of-type {
    margin-top: 32px;
}
.payment form .group label {
    font-size: 15px;
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    color: #1172a9;
    font-weight: 600;
}
.submit-group{
    width: 90%;
}
.payment form .group input {
    float: left;
    width: 100%;
    height: 30px;
    font-size: 18px;
    font-family: 'Work Sans', sans-serif;
    border: 0;
    color: #263238;
    border-bottom: 1px solid #1c9ad7;
}

.payment  form .card-number input {
    width: 75px;
    border-bottom: 0;
}
/*************end paymen*/
footer{
    background-color: #fffffe;
}
.inner-footer{
    background-color:  #fffffe;
    position: relative;
    padding: 70px 0 0 0;
    position: relative;
}
.inner-footer-color{
    background-color: #fff;
}
.inner-footer .footer-about {
    position: relative;
    z-index: 2;
}
.inner-footer .footer-about img{
    display: block;
    width: auto;
    height: auto;

}
.inner-footer .footer-about p{
    color: #17263b;
    font-size: 15px;
    line-height: 1.4;
    padding-top: 20px;
    text-align: justify;
    word-spacing: 0;
}
.inner-footer .footer-about .footer-social-icon{
    padding: 0;
    float: left;
    margin: 0;
    list-style: none;
}
.inner-footer .footer-about .footer-social-icon li{
    list-style-type: none;
    float: left;
    margin: 7px ;
    padding:0;
    transition: all .3s ease-in-out;
    width: 30px;
    height: 30px;
    border: 1px solid #17263b;
    border-radius: 50%;
}
.inner-footer .footer-about .footer-social-icon li a svg{
    width: 15px;
    height: 15px;
    transition: all .3s ease-in-out;
    display: block;
    margin: 0 auto;
    margin-top: 7px;
    fill: #17263b;
}
.inner-footer .footer-about .footer-social-icon li:hover svg{
    fill: #ed1c24 ;
}
.inner-footer .footer-about .footer-social-icon li:hover{
    border-color: #ed1c24 .login .login-form h4:after;
}
.inner-footer h2:after {
    content: '';
    display: block;
    width: 70px;
    height: 2px;
    background: #17263b;
    margin-top: 12px;
}
.inner-footer h2{
    text-transform: uppercase;
    line-height: 1.4;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    color: #17263b;
    text-align: left;
}
.inner-footer h2:after {
    width: 90%;
    height: 1px;
    background:  #17263b;
    margin-top: 15px;
}
.inner-footer.footer-list {
    margin: 15px 0 0 0;
    position: relative;
    z-index: 2;
}
.inner-footer .text-color{
    position: relative;
    z-index: 2;
}
.inner-footer .footer-list li {
    list-style-type: none;
    color:#17263b;
    padding: 6px 0;
    font-size: 15px;
    text-align: left;
}
.inner-footer .footer-list li:first-child {
    padding-top: 0;
}
.inner-footer .footer-list li a {
    font-size: 15px;
    font-weight: 400;
    color: #17263b;
}
.inner-footer .footer-list li a:hover {
    color:#1172a9;
}
.inner-footer .after-footer li a {
    position: relative;
    padding-left: 20px;
}
.inner-footer .after-footer li a:before {
    content: "";
    width: 12px;
    height: 12px;
    background: url("../img/arow-top.svg")center center no-repeat ;
    top: 3px;
    left: 0;
    position: absolute;
    display: inline-block;
    fill:#17263b;
}
.inner-footer .footer-list li a {
    text-transform: capitalize;
}
.inner-footer .footer-list li span {
    color: #17263b;
    padding: 6px 0;
    font-size: 15px;
    text-align: left;
}
.inner-footer .footer-list li svg {
    fill:#17263b;
    margin-top: 5px;
}
.inner-footer .footer-list li:hover svg {
    fill: #17263b;
}
.inner-footer .copyright {
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
    padding-left: 0;
}
.inner-footer .right{
    float: right;
}
.inner-footer .bottom-footer{
    margin-top: 30px;
    padding: 30px 0;
    background-color:#4b4c4b;
    position: relative;
    z-index: 3;
}

.footer-overlay{
    background-color: rgba(118, 118, 118, 0.84);
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.scroll-to-top {
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: none;
   /* border-radius: 50%;*/
    background: #ed1c24 ;
    border: 1px solid #ed1c24 ;
    width: 35px;
    height: 35px;
    line-height: 30px;
    z-index: 9999;
    outline: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;

}
.scroll-to-top:visited {
    color: #ed1c24 ;
    text-decoration: none;
}
.scroll-to-top:hover {
    background: #ed1c24 ;
    border: 1px solid #ed1c24 ;
    transform: rotate(360deg);
    border-radius: 50%;
}
.scroll-to-top svg{
    width: 16px;
    height: 16px;
    transform: rotate(270deg);
    fill:#fff;
}
.width-18px{
    width:18px
}
.margin-10px-right{
    margin-right: 10px;
}
.no-padding{
    padding-right: 0!important;
    padding-left: 0!important;
}
.color-petro{
    color: #143980;
}
.white-txt{
    color: #fff!important;
}
.head-text{
    position: relative;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.7;
    text-transform: uppercase;
    color: #1172a9;
    position: relative;
}
.carousel-control-play-stop{
    position: absolute;
    top: 120px;
    right: 20px;
    direction: ltr;
}
.carousel-control-play-stop #playButton{
    background-color: transparent!important;
    width: 16px;
    height: 16px;
    border: 0;
    margin-right: 5px;
}
.carousel-control-play-stop #pauseButton{
    background-color: transparent!important;
    width: 16px;
    height: 16px;
    border: 0;

}
.carousel-control-play-stop #playButton svg,.carousel-control-play-stop #pauseButton svg{
    background-color: transparent!important;
    fill:#fff;
    transition: all .5s ease;
}
.carousel-control-play-stop #playButton svg:hover,.carousel-control-play-stop #pauseButton:hover svg{
    background-color: transparent!important;
    fill: #c89c4e;
}
.width-16px{
    width: 16px;
    height:16px;
}
.width-60{
    width: 60%;
}
.paragraph{
    font-size: 16px;
    line-height: 1.4;
    color: #0a3d9e;
    word-spacing: 0;
    padding: 0 30px 0 0;
}
.dir-ltr{
    direction: ltr!important;
}
/*login*/
.medium-input, .medium-textarea, .medium-select select {
    padding: 12px 20px;
    font-size: 14px;
    line-height: normal;
    border-radius: 0;
}
.border-width-5 {
    border-width: 5px !important;
}
.border {
    border: 1px solid #dee2e6!important;
}
.login{
    position: relative;
    min-height: 120vh;

}
.login .login-form{
    margin: 30% 0 0 0;
    background-color: transparent;
    position: absolute;
    border: 5px solid rgba(222, 226, 230, 0.35);
    padding: 30px;
}
.login .login-form h4{
    font-size: 30px;
    margin: 0 0 20px;
    letter-spacing: 0;
    color: #ffffff;
    position: relative;
    margin-bottom: 10px ;
    padding-bottom: 10px;
    line-height: 1.4;
}
.login .login-form h4:after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background:#ed1c24 ;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.login .login-form .section-heading{
    margin-bottom: 50px;
}
.login .login-form input,select,.medium-input,textarea{
    background-color:rgb(231, 246, 254);
}
.login .login-form p a{
    color: #fff;
}

.login .login-form  .register {
    position: relative;
    margin: 0 auto;
    display: block;
    padding: 7px 40px;
    width: 100%;
    margin-bottom: 10px;
}
.login .login-form .register i {
    padding-right: 10px;
    font-size: 18px;
    display: block;
    position: absolute;
    width: 30px;
    height: 38px;
    text-align: center;
    margin: 0 auto;
    line-height: 38px;
    top: 0;
    left:10px;
}
.login .login-form .login-btn{
    width: 100%;
    margin-bottom: 30px;
}
.login .login-form .facebook-register {
    background-color: #3b5998;
}
.login .login-form .twitter-register{
    background-color: #00aced;
}
.login .login-form .google-register{
    background-color:#c32f10;
}
.login .login-form select{
    padding: 11px 20px;
}
.login .login-form p{
    color: #fff;
}
/* =================================== Default Header style====================================== */

.heading-about{
    padding-bottom: 25px;
    padding-left: 40px;
    padding-top: 25px;
    position: relative;
    font-weight: 700;
    z-index: 1;
    font-size: 32px;
    color: #1172a9
}
.pargraph-about{
    padding: 20px;
    border-color: rgba(0,0,0,0.1) !important;
    border-left: 1px solid #dee2e6!important;
    font-size: 16px;
}
.about-categ{
    position: relative;
}
.about-categ:after {
    background: #ed1c24 ;
    position: absolute;
    content: "";
    right: -2px;
    top: 15px;
    width: 2px;
    height: 25px;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}
.about-categ:hover:after {
    top: 0;
    height: 50px;
}
.about-sec .about-categ{
    font-size: 18px;
    color: #696969;
    margin-top: 15px;
    position: relative;
    /* border: 2px solid #ededed; */
    padding: 30px 10px;
    text-align: center;
}
.about-sec .about-categ svg {
    font-size: 42px;
    line-height: 1;
    fill: #616161;
    width: 50px;
    height: 50px;
    text-align: center;
    position: relative;
    top: unset;
    left: unset;
}
.about-sec .about-categ h3 {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #011b33;
    margin-bottom: 0;
}
.about-sec .about-categ p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #616161;
    margin-top: 15px;
     margin-left:0;
    margin-bottom: 20px;
}
.about-sec .about-categ:hover svg{
    fill:#ed1c24 ;
}

/***********************chat*/


ul li{
    list-style: none;
}
.my-chat .fabs {
    bottom: 0;
    position: fixed;
    margin: 1em;
    right: 0;
    z-index: 998;

}

.my-chat .fab {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    text-align: center;
    color: #f0f0f0;
    margin: 25px auto 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
    z-index: 998;
    overflow: hidden;
    background: #42a5f5;
}

.my-chat .fab > i {
    font-size: 2em;
    line-height: 55px;
    -webkit-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.my-chat .fab:not(:last-child) {
    width: 0;
    height: 0;
    margin: 20px auto 0;
    opacity: 0;
    visibility: hidden;
    line-height: 40px;
}

.my-chat .fab:not(:last-child) > i {
    font-size: 1.4em;
    line-height: 40px;
}

.fab:not(:last-child).is-visible {
    width: 40px;
    height: 40px;
    margin: 0px auto;
    opacity: 1;
    visibility: visible;
}

.my-chat .fab:nth-last-child(1) {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms;
}

.my-chat .fab:not(:last-child):nth-last-child(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms;
}

.my-chat .fab:not(:last-child):nth-last-child(3) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
}

.my-chat .fab:not(:last-child):nth-last-child(4) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
}

.my-chat .fab:not(:last-child):nth-last-child(5) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
}


/*Chatbox*/

.my-chat .chat {
    position: fixed;
    right: 85px;
    bottom: 20px;
    width: 400px;
    font-size: 12px;
    line-height: 22px;
    font-family: 'Roboto';
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    opacity: 0;
    box-shadow: 1px 1px 100px 2px rgba(0, 0, 0, 0.22);
    border-radius: 10px;
    -webkit-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: none;
}


.my-chat .chat_header {
    /* margin: 10px; */
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 500;
    color: #f3f3f3;
    height: 55px;
    background: #1172a9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 8px;
}
.my-chat .chat_header2 {
    /* margin: 10px; */
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.my-chat .chat_header .span {
    float:right;
}



.my-chat .chat.is-visible {
    opacity: 1;
    -webkit-animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
    animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);
    display: block;
}
.my-chat .is-hide{
   display: none;
}

.my-chat .chat_option {
    float: left;
    font-size: 15px;
    list-style: none;
    position: relative;
    height: 100%;
    width: 100%;
    margin-right: 10px;
    letter-spacing: 0.5px;
    font-weight: 400
}


.my-chat .chat_option img {
    border-radius: 50%;
    width: 55px;
    float: left;
    margin: -30px 20px 10px 20px;
    border: 4px solid rgba(0, 0, 0, 0.21);
}

.my-chat change_img img{
    width: 35px;
    margin: 0px 20px 0px 20px;
}
.my-chat .chat_option .agent {
    font-size: 12px;
    font-weight: 300;
}
.my-chat .chat_option .online{
    opacity: 0.4;
    font-size: 11px;
    font-weight: 300;
}
.my-chat .chat_color {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 10px;
    float: left;
}
.my-chat .chat_body {
    background: #fff;
    width: 100%;

    display: inline-block;
    text-align: center;
    overflow-y: auto;

}
.my-chat #chat_body{
    height: 450px;
}
.my-chat .chat_login p,.chat_body li, p, a{
    -webkit-animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
    animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
}
.my-chat .chat_body p {
    padding: 20px;
    color: #888
}
.my-chat .chat_body a {
    width: 10%;
    text-align: center;
    border: none;
    box-shadow: none;
    line-height: 40px;
    font-size: 15px;
}
.my-chat .chat_field {
    position: relative;
    margin: 5px 0 5px 0;
    width: 50%;
    font-size: 12px;
    line-height: 10px;
    font-weight: 500;
    color: #4b4b4b;
    -webkit-font-smoothing: antialiased;
    border: none;
    outline: none;
    display: inline-block;
}

.my-chat .chat_field.chat_message {
    height: 30px;
    resize: none;
    font-size: 13px;
    font-weight: 400;
}

.my-chat .tags{
    margin: 20px;
    bottom: 0px;
    display: block;
    width: 120%
}

.my-chat .fab_field {
    width: 100%;
    display: inline-block;
    text-align: center;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;

}
.my-chat .fab_field2 {
    bottom: 0px;
    position: absolute;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    z-index: 999;
}

.my-chat .fab_field a {
    display: inline-block;
    text-align: center;
}

.my-chat #fab_camera {
    float: left;
    background: rgba(0, 0, 0, 0);
}

.my-chat #fab_send {
    float: right;
    background: rgba(0, 0, 0, 0);
}

.my-chat .fab_field .fab {
    width: 35px;
    height: 35px;
    box-shadow: none;
    margin: 5px;
}

.my-chat .fab_field .fab>i {
    font-size: 1.6em;
    line-height: 35px;
    color: #bbb;
}
.my-chat .fab_field .fab>i:hover {
    color:#1172a9;
}

.my-chat .chat_list .chat_list_item {
    opacity: 0;
    visibility: hidden;
}

.my-chat .chat .chat_converse .chat_msg_item {
    position: relative;
    margin: 8px 0 15px 0;
    padding: 8px 10px;
    max-width: 60%;
    display: block;
    word-wrap: break-word;
    border-radius: 3px;
    -webkit-animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
    animation: zoomIn .5s cubic-bezier(.42, 0, .58, 1);
    clear: both;
    z-index: 999;
}
.my-chat #prime {
     background: #1172a9;
}
.my-chat  #prime i{
    color:#fff!important;
}
.my-chat .status {
    margin: 45px -50px 0 0;
    float: right;
    font-size: 11px;
    opacity: 0.3;
}
.my-chat .status2 {
    margin: -10px 20px 0 0;
    float: right;
    display: block;
    font-size: 11px;
    opacity: 0.3;
}
.my-chat .my-chat .chat .chat_converse .chat_msg_item .chat_avatar {
    position: absolute;
    top: 0;
}

.my-chat .chat .chat_converse .chat_msg_item.chat_msg_item_admin .chat_avatar {
    left: -52px;
    background: rgba(0, 0, 0, 0.03);
}

.my-chat .chat .chat_converse .chat_msg_item.chat_msg_item_user .chat_avatar {
    right: -52px;
    background: rgba(0, 0, 0, 0.6);
}

.my-chat .chat .chat_converse .chat_msg_item .chat_avatar, .chat_avatar img{
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
}

.my-chat .chat .chat_converse .chat_msg_item.chat_msg_item_admin {
    margin-left: 60px;
    float: left;
    background: rgba(0, 0, 0, 0.03);
    color: #666;
}

.my-chat .chat .chat_converse .chat_msg_item.chat_msg_item_user {
    margin-right: 20px;
    float: right;
    background: #42a5f5;
    color: #eceff1;
}

.my-chat .chat .chat_converse .chat_msg_item.chat_msg_item_admin:before {
    content: '';
    position: absolute;
    top: 15px;
    left: -12px;
    z-index: 998;
    border: 6px solid transparent;
    border-right-color: rgba(255, 255, 255, .4);
}

.my-chat .chat_form .get-notified label{
    color: #077ad6;
    font-weight: 600;
    font-size: 11px;
}

.my-chat input {
    position: relative;
    width: 90%;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #4b4b4b;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    outline: none;
    background: #fff;
    display: inline-block;
    resize: none;
    padding: 5px;
    border-radius: 3px;
}
.my-chat .chat_form .get-notified input {
    margin: 2px 0 0 0;
    border: 1px solid #83c76d;
}
.my-chat .chat_form .get-notified i {
    background: #83c76d;
    width: 30px;
    height: 32px;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    margin: 2px 0 0 -30px;
    position: absolute;
    border-radius: 3px;
}
.my-chat .chat_form .message_form {
    margin: 10px 0 0 0;
}
.my-chat .chat_form .message_form input{
    margin: 5px 0 5px 0;
    border: 1px solid #e0e0e0;
}
.my-chat .chat_form .message_form textarea{
    margin: 5px 0 5px 0;
    border: 1px solid #e0e0e0;
    position: relative;
    width: 90%;
    font-family: 'Roboto';
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #4b4b4b;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    outline: none;
    background: #fff;
    display: inline-block;
    resize: none;
    padding: 5px;
    border-radius: 3px;
}
.my-chat .chat_form .message_form button{
    margin: 5px 0 5px 0;
    border: 1px solid #e0e0e0;
    position: relative;
    width: 95%;
    font-family: 'Roboto';
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    outline: none;
    background: #fff;
    display: inline-block;
    resize: none;
    padding: 5px;
    border-radius: 3px;
    background: #83c76d;
    cursor: pointer;
}
.my-chat strong.chat_time {
    padding: 0 1px 1px 0;
    font-weight: 500;
    font-size: 8px;
    display: block;
}

/*Chatbox scrollbar*/

.my-chat ::-webkit-scrollbar {
    width: 6px;
}

.my-chat ::-webkit-scrollbar-track {
    border-radius: 0;
}

.my-chat ::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}
/*Element state*/

.my-chat .is-active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.my-chat .is-float {
    box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}

.my-chat .is-loading {
    display: block;
    -webkit-animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
    animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
}
/*Animation*/

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.0;
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes load {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.0;
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
/* SMARTPHONES PORTRAIT */


/*Color Options*/



.my-chat .blue .fab {
    background: #42a5f5;
    color: #fff;
}



.my-chat .blue .chat {
    background: #42a5f5;
    color: #999;
}


/* Ripple */

.my-chat .ink {
    display: block;
    position: absolute;
    background: rgba(38, 50, 56, 0.4);
    border-radius: 100%;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    webkit-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
/*animation effect*/

.my-chat .ink.animate {
    -webkit-animation: ripple 0.5s ease-in-out;
    animation: ripple 0.5s ease-in-out;
}

@-webkit-keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/

    100% {
        opacity: 0;
        -moz-transform: scale(5);
        -ms-transform: scale(5);
        webkit-transform: scale(5);
        -webkit-transform: scale(5);
        transform: scale(5);
    }
}

@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/

    100% {
        opacity: 0;
        -moz-transform: scale(5);
        -ms-transform: scale(5);
        webkit-transform: scale(5);
        -webkit-transform: scale(5);
        transform: scale(5);
    }
}
::-webkit-input-placeholder { /* Chrome */
    color: #bbb;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #bbb;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #bbb;
}
:-moz-placeholder { /* Firefox 4 - 18 */
    color: #bbb;
}
@media only screen and (max-width: 1440px) {
    .header-style2 .navbar-nav > li > a {
        font-size: 13px;
    }
    .navbar-nav > li > a{
        padding: 21px 1px;
    }
    .btn-style-one {
        font-size: 14px;
        padding: 5px 10px;
    }
    .navbar-brand img {
        max-height: 60px;
        transition-duration: 0.5s;
    }
}
@media only screen and (max-width: 1024px) {
    .header-style2 .navbar-nav > li > a {
        font-size: 12px;
    }
    .navbar-nav > li > a {
        padding: 21px 1px!important;
    }
    .btn-style-one {
        font-size: 12px;
        padding: 5px 5px;
    }
    .header-style2 .navbar-header-custom {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        padding: 2px 1px 2px 2px;
        margin-left: 0;
    }
    .navbar-brand img {
        max-height: 40px;
    }
    .payment .card-payment img {
        width: 230px;
        height: 160px;
        margin: 70px;
    }
}
@media only screen and (max-width: 768px) {
    .navbar-nav li {
        padding: 0 10px;
    }
    .navbar-nav > li > a {
        padding: 5px 1px!important;
    }
    .tender-type .tender .features-tender span {
        padding: 4px;
    }
    .tender-type .tender h3 {
        font-size: 22px;
        padding: 5px;
    }
    .padding-70 {
        padding: 30px 0;
    }
    .about-sec .heading-about {
        padding-bottom: 0px;
        padding-left: 40px;
        padding-top: 0px;
        position: relative;
        font-weight: 600;
        z-index: 1;
        font-size: 18px;
        color: #1172a9;
    }
}
.add-tend{
    min-height: 900px;
}
.register-page,.login-page {
    min-height: 900px;
}
.height-in{
    min-height: 100vh;
}
@media only screen and (max-width: 768px) {
    .register-page, .login-page {
        min-height: 1200px;
    }
    .payment input {
        padding: 8px 0px;
    }
    .payment .card-payment {
        margin-top: 90px;
    }

}
@media only screen and (max-width: 425px) {
    .payment .card-payment img {
        width: 230px;
        height: 160px;
        margin: 30px auto;
        display: block;
    }
    .payment form .group, .submi {
        left: 5%;
    }
    .payment{
        height: auto;
        min-height: unset;
    }
    .payment form .card-number input {
        width: 50px;
        border-bottom: 0;
    }
    .submit-group {
        margin-left: 5%;
    }
    .btn-style-one {
        font-size: 10px;
        padding: 5px 5px;
    }
    .navbar-brand img {
        max-height: 40px;
        width: 98px;
    }
    .navbar-toggler {
        background: #232323;
        width: 40px;
        height: 35px;
    }
    .navbar-toggler:before {
        top: 10px;
        right: 10px;
    }
    .navbar-toggler:after {
        position: absolute;
        top: 16px;
        right: 10px;
    }
    .login {
        position: relative;
        height: auto;
        min-height:unset;
        padding-bottom: 50px;
    }
    .login .login-form {
        margin: 30% 0 0 0;
        padding: 0;
    }
    .profile .tendercount{
        margin-bottom: 20px;
    }
}
@media screen and  (max-width: 1024px) {
    .header-style2 .attr-nav > ul {
        padding: 0;
    }

    .header-style2 .attr-nav > ul > li > a {
        padding: 0 5px;
    }

    .header-style2 .navbar-nav > li > a {
        font-size: 12px;
    }

    .attr-nav {
        margin: 0;
    }

    .header-style2 .attr-nav > ul > li > a img {
        width: 20px;
    }

    .btn-style-one {
        padding: 5px;
        font-size: 12px;
    }
    .heading h2{
        font-size: 28px;
        line-height: 1.4;
    }
    .about-video .heading p {
        color: #fff;
        text-align: justify;
        word-spacing: 0;
    }
    .opacity-sec .owl-carousel .item h2{
        font-size: 24px;
    }
    .padding-70{
        padding: 40px 0;
    }
    .gallary .top-side h2,.free-srevice .heading h2,.free-srevice .heading .color{
        font-size: 24px;
    }
    .gallary.portfolio .filters ul li{
        font-size: 16px;
        padding: 5px 5px;
    }
    .gallary.portfolio .filters-content .item img {
        width: 100%;
        height: 250px;
    }
    .tender-type .tender h3 {
        font-size: 24px;
        padding: 10px;
    }
    .free-srevice .item h2{
        font-size: 18px;
    }
    .free-srevice .item p{
        line-height: 1.3;
    }
    .free-srevice .owl-theme .owl-nav [class*='owl-']{
        width: 10px;
        height:10px;
    }
    .heading h2{
        font-size: 24px;
    }
    .social .social-details h4{
        font-size: 22px;
    }
    .social .social-details .icon-social {
        width: 80px;
        height: 80px;
    }
    .social .social-details .icon-social svg {
        margin: 25px auto;
        width: 35px;
        height: 35px;
    }
    .inner-footer .footer-about p {
        font-size: 13px;
        line-height: 1.4;
        padding-top: 10px;
        padding-bottom: 0;
        margin-bottom: 5px;
    }
    .inner-footer .bottom-footer {
        margin-top: 0px;
        padding: 5px 0;
    }
    .inner-footer .copyright {
        font-size: 14px;
    }
    .inner-footer h2 {
        line-height: 1.1;
        font-size: 18px;
    }
}
@media screen and  (max-width: 768px) {
    .btn-style-one{
        padding: 9px 17px;
    }
    .navbar-brand img {
        max-height: 50px;
        transition-duration: 0.5s;
    }
    .attr-nav {
        float: right;
        margin-right: 50px;
    }
    .gallary.portfolio .filters-content .item img {
        width: 100%;
        height: 175px;
    }
    .social .social-details .icon-social svg {
        margin: 20px auto;
        width: 25px;
        height: 25px;
    }
    .social .social-details .icon-social {
        width: 65px;
        height: 65px;
    }
    .social .social-details h4 {
        font-size: 18px;
    }
    .social .social-details span {
        font-size: 10px;
    }
    .login .login-form{
        border: 0;
        position: relative;
    }
    .login .login-form {
        margin: 30% 0 0 0;
        padding: 0;
    }
    .login .login-form .section-heading {
        margin-bottom: 20px;
    }
    .login .login-form .login-btn {
        margin-bottom: 10px;
    }
    .medium-input, .medium-textarea, .medium-select select {
        padding: 7px 20px;
    }
    .login .login-form h4 {
        font-size: 24px;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    .login .login-form select {
        padding: 6px 2px;
    }

}
@media screen and  (max-width: 425px) {
    .navbar-brand img {
        max-height: 50px;
    }
    .navbar-brand{
        margin-right: 0;
    }
    .btn-form-action {
        margin-right: auto;
    }
    .btn-style-one {
        padding: 9px 9px;
    }
    .width-70{
        width: 100%;
    }
    .about-sec .heading h2{
        text-align: left;
    }
    .about-sec .heading {

        padding-left: 0px;
    }
    .about-sec .heading p{
        text-align: justify;
    }
    .gallary.portfolio .filters-content .item img {
        width: 100%;
        height: 124px;
    }
    .gallary.portfolio .filters-content .item {
        border-radius: 0;
    }
    .gallary.portfolio .filters-content .item .p-inner {
        padding: 5px 5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0px;
        width: 100%;
    }
    .tender-type .tender{
        margin-bottom: 30px;
    }
    .free-srevice .item p {
        line-height: 1.3;
        padding: 0 30px;
    }
    .testemonial .item span {
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        padding: 0 30px;
    }
    .calltoaction .branch {
        margin-bottom: 30px;
    }
    .my-btn {
        background: #1c9ad7;
        border-radius: 0;
        border: 0;
        padding: 5px 15px;
        font-size: 14px;
    }
    .login {
        position: relative;
        height: 170vh;
    }
    .login .login-form {
        margin: 40% 0 0 0;
        padding: 0;
    }
    .login .login-form select {
        padding: 6px 0px;
    }
}
@media screen and  (max-width: 320px) {

}
/***************************************************************lol**************************/
@media only screen and (min-width: 300px) {
    .my-chat .chat {
        width: 250px;
    }
}
/* SMARTPHONES LANDSCAPE */

@media only screen and (min-width: 480px) {
    .my-chat  .chat {
        width: 300px;
    }
    .my-chat  .chat_field {
        width: 65%;
    }
}
/* TABLETS PORTRAIT */

@media only screen and (min-width: 768px) {
    .my-chat .chat {
        width: 300px;
    }
    .my-chat  .chat_field {
        width: 65%;
    }
}
/* TABLET LANDSCAPE / DESKTOP */

@media only screen and (min-width: 1024px) {
    .my-chat .chat {
        width: 300px;
    }
    .my-chat .chat_field {
        width: 65%;
    }
}

/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/

        /* ********* start host section ********* */
.hostSection {
    padding: 15px;
    background-color: #F9F9F9;
    overflow: hidden;
    position: relative
}

.hostSection h1 {
    color: #1172a9;
    text-transform: uppercase
}

.hostSection h1 ~ p {
    margin-bottom: 50px
}

/*************************************************************************************************/


        /* start box */

box { display: block }
box {
    float: right;
    width: 100%;
    /* margin-left: 5%; */
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    /* border: 1px solid #CCC; */
    box-shadow: 1px 1px 25px #bfb9b9
}

box:last-of-type { margin-left: 0 }
box header {
    background-color: #FFF;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    transition: all .5s ease-in-out
}

box article {
    background: linear-gradient(to bottom, #F9F9F9, #FFF);
    padding-bottom: 5px;
}

box p {margin-bottom: 5px}

box i { margin-top: 5px; color: #1172a9 }
box article h3 { margin-bottom: 10px }
box footer {
    background-color: #FFF;
    transition: all 1s ease-in-out;
    cursor: pointer
}

box button {
    background: none;
    border: none;
    padding: 10px;
    outline: none;
    font-size: 18px;
    font-weight: bold;
    transition: all 1s ease-in-out;
    cursor: pointer
}
        /* end box */

        /* start popup */
.popup {
    width: 100%;
    background-color: #000000d6;
    color: #FFF;
    padding: 10px;
    position: fixed;
    top: 5px;
    height: 100%;
    z-index: 999;
    display: none
}
.popup h1 { word-spacing: -10px; font-weight: bold; padding-top: 100px }
.popup p { letter-spacing: 1px; word-spacing: 5px }
.popup form {
    width: 540px; 
    position: absolute;
    right: 50%;
    margin-right: -270px;
    top: 50%;
    margin-top: -150px;
    color: #000;
    background-color: #80808057;
    padding: 100px 20px;
    border-radius: 30px 0 30px 0
}

.popup form .form-group { position: relative }
.popup form input {
    padding: 5px 10px;
    padding-right: 40px;
    font-size: 18px;
    min-width: 100%;
    border: none;
    border-radius: 30px;
    outline: none;
}

.popup form i {
    position: absolute;
    top: 12px;
    right: 14px;
    color: #000
}
.our-team{
    text-align: center;
    margin-bottom: 100px;
    z-index: 1;
    position: relative;
}
.our-team .pic{
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.our-team .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.our-team:hover .pic:after{ opacity: 1; }
.our-team .pic img{
    width: 100%;
    height: auto;
}
.our-team .social{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.our-team:hover .social{ opacity: 1; }
.our-team .social li{ display: inline-block; }
.our-team .social li a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 15px;
    color: #fff;
    margin-right: 10px;
    transition: all 0.5s ease 0s;
}
.our-team .social li a:hover{
    background: #fff;
    color: #000;
}
.our-team .team-content{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px dotted #ddd;
    position: absolute;
    bottom: -70px;
    left: 0;
    z-index: -1;
    transition: all 0.5s ease 0s;
}
.our-team:hover .team-content{ border: 2px dotted #00adae; }
.our-team .team-info{
    width: 100%;
    color: #464646;
    position: absolute;
    bottom: 12px;
    left: 0;
}
.our-team .title{
    font-size: 20px;
    font-weight: 600;
    color: #464646;
    margin: 0 0 5px 0;
    transition: all 0.5s ease 0s;
}
.our-team:hover .title{ color: #00adae; }
.our-team .post{
    display: block;
    font-size: 14px;
    color: #464646;
}
        /* end popup */

        /* start media query */
/* @media (max-width: 767px) {
    
    box {
        width: 90%;
        margin-bottom: 30px
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    
    box {
        width: 45%;
        margin-bottom: 30px
    }
} */

        /* end media query */

        /* ********* end host section ********* */

/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/