@import url("flexslider.css");
@import url("bootsnav.css");
@import url("slick.css");
@import url("slick-theme.css");
@import url("fancybox.min.css");

/*
Typography
=========================== */
html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
    overflow-x: hidden;
}

body {
    font-family: "Segoe UI",Arial,Sans-Serif;
    position: relative;
    font-size:14px;
    line-height:24px;
}

a{
    color: #6f6f6f;
}

a,
a:active,
a:focus,
a:hover{
    outline:none;
   /* -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    */
}

a:hover{
    text-decoration:underline;
}

h1, h2, h3, h4, h5, h6{
    color:#3f3f3f;
    margin:0 0 15px 0;
    letter-spacing: 1px;
    font-weight: bold;
}

h1{
    font-size:48px;
    line-height:52px;
}

h2{
    font-size:36px;
    line-height:48px;
}

h3{
    font-size:30px;
    line-height:36px;
}

h4{
    font-size:24px;
    line-height:30px;
}

h5{
    font-size:18px;
    line-height:24px;
}

h6{
    font-size:14px;
    line-height:18px;
}

.section{
    padding: 70px 0;
    position: relative;
}

/*
Navbar Adjusment
=========================== */
/* Navbar Atribute ------*/
.attr-nav > ul > li > a{
    padding: 28px 15px;
}

ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px;
}

@media (min-width: 1024px) {
    /* Navbar General ------*/
    nav.navbar ul.nav > li > a{
        padding: 30px 15px;
        font-weight: 600;
    }
    
    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }

    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }
    
    nav.navbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }
    
    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
    
    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand{
        margin: 10px !important;
    }
    
    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand{
        position: relative;
        top: -15px;
    }
    
    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand{
        margin-bottom: 50px;
    }
    
    nav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    /* Navbar Transparent & Fixed ------*/
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
}

@media (max-width: 992px) {
    /* Navbar General ------*/
    nav.navbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: -2px;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 30px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    /* Navbar Full ------*/
     nav.navbar-full .navbar-brand{
        top: 0;
        padding-top: 10px;
    }
}

/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse{
    background-color: #222;
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #222 !important;
}

nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
    color: #fff;
}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
    background-color: #222;
}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
    color: #999;
}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
    color: #fff;
}

nav.navbar.navbar-inverse .form-control{
    background-color: #333;
    border-color: #303030;
    color: #fff;
}

nav.navbar.navbar-inverse .attr-nav > ul > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li{
    border-bottom: solid 1px #303030;
    color: #eee;
}

nav.navbar.navbar-inverse ul.cart-list > li img{
    border: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total{
    background-color: #333;
}

nav.navbar.navbar-inverse .share ul > li > a{
    background-color: #555;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
    border-left: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
    background-color: #333 !important;
}

nav.navbar-inverse.navbar-full ul.nav > li > a{
    border:none;
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
    background-color: #222;
}

nav.navbar-inverse.navbar-full .navbar-toggle{
    background-color: #222 !important;
    color: #6f6f6f;
}

@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu{
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
        color: #3f3f3f;
    }
}
@media (max-width: 992px)  {
    nav.navbar.navbar-inverse .navbar-toggle{
        color: #eee;
        background-color: #222 !important;
    }
    
    nav.navbar.navbar-inverse .navbar-nav > li > a{
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
        color: #999;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
        border-bottom: solid 1px #303030;
        color: #eee;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
        border-top: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
        background-color: #222;
    }
}

@media (max-width: 767px)  {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav{
        border-top: solid 1px #222;
    }
}

/*
Color
=========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a{
   color: #fff;
   background: #fff;
}
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
   color: #f43438;
   background: #fff;	
}
nav.navbar ul.nav > li > a:hover{
     color: #f43438;
   background: #fff;  
}
nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
    color: #f43438 !important;
}

@media(max-width:920px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #f43438 !important;
    }
}

/*
Border
=========================== */
ul.cart-list > li.total > .btn{
    border-color: #f43438;
}

nav.navbar li.dropdown ul.dropdown-menu{
    border-top-color: #f43438 !important;
}

/*
Background
=========================== */
ul.cart-list > li.total > .btn,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
    background-color: #f43438;
}

ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
    background-color: #dc3236 !important;
}


.brand-image{
     width: 20%;
    float: left;
}
.brand-image img{
    width: 100%;
}
.brand-title{
    font-size: 22px;
    text-transform: uppercase;
    color: #002e66;
    text-shadow: 5px 5px 3px #eaeaea;
        margin-top: 3px;
}
.brand-subtitle{
        font-size: 18px;
    margin-bottom: 10px;
    color: #002e66;
        text-shadow: 5px 5px 3px #eaeaea;
}
.brand-info{
width: 80%;
    float: left;
    padding: 0px 20px;
    position: relative;
}
.brand-info:before{
content: "";
    width: 1px;
    height: 60px;
    background: #7b4101;
    position: absolute;
    left: 8px;
    top: 10px;
}
@media(max-width: 692px){
.brand-image{
     width: 22%;
}
.brand-title{
    font-size: 24px;
}
.brand-subtitle{
        font-size: 18px;
}
.brand-info{
    width: 78%;
}
}
.flex-box{
    display: flex;
}
.main-nav{
        background: linear-gradient(to right, #882000 , #ff3d00);
}
.top-nav{
        background: linear-gradient(to right, #061f00 , #1d7d06);
            padding-right: 15px;
}
.nav li:last-child .dropdown-menu{
    right: 0; 
    left: auto;
}
.no-paddind{
    padding: 0px;
}
.navbar-collapse{
    width: 100%;
}
.main-nav, .top-nav{
    width: 100%;
}
.navbar-header{
    width: 50%;
}
@media(max-width: 1182px){
    .flex-box{
    display: block;
}
  .navbar-header{
    width: 100%;
}
}
@media(max-width: 1800px){
  .navbar-header{
    width: 45%;
}
}
.font-size {
  padding: 8px;  
}
.font-size a {
    border: 1px solid #dcdcdc;
    line-height: 0px!important;
    text-align: center;
    color: #2c2b2e!important;
    font-weight: 600;
    font-size: 13px;
    background: #fff!important;
    display: inline-block!important;
    padding: 14px 2px !important;
    width: 32px!important;
    margin: 0px 3px;
}
.btn-link{
    background: #fff!important;
    margin: 8px!important;
    padding: 5px 10px!important;
    color: #000!important;
    border-radius: 2px;
    text-align: center;
    /*width: 100px!important;*/
}
.link-right{
    float: right!important;
}
@media(max-width: 1340px){
.link-right{
    float: left!important;
}
}
@media(max-width: 992px){
.link-right{
    float: none!important;
}
}


.cm-detail {
    display: block;
     position: relative;
    color: #fff;
    background: #072000;
    border-top: 4px solid #0f4503;
    padding: 8px;
    line-height: 1.4;
    text-align: center;
}
.cm-detail:before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    border-top: solid 10px #ff2702;
    border-right: solid 10px #ff2702;
    border-bottom: solid 10px transparent;
    border-left: solid 10px transparent;
}
.cm-detail:after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: 0;
    border-top: solid 10px #ff2702;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-left: solid 10px #ff2702;
}
.btn-main {
    background-color: #14226f;
    border-color: #14226f;
    border-radius: 60px;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    color: #fff;
        margin-bottom: 15px;

}
.btn-main:hover {
    color: #424854;
    background-color: #fff;
}

#aboutSection{
    padding: 20px 0px;
}
.title,.title_text{
    position: relative;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.title:before, .title_text:before{
content: "";
    width: 140px;
    height: 12px;
    background: url(../img/title-line.svg);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    bottom: -19px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.sub-title{
    font-style: italic;
    font-size: 18px;
    color: #666;
}
.mpTicker{
 padding: 0px;
}
.mpTicker li{
border-bottom: 1px solid #ddd;
padding: 6px;
}
.mpTicker li a:hover{
text-decoration: none;
}
.mpTicker li:hover{
    background: #fdfafa;
}
.mpTicker li span{
    display: block;
    font-size: 12px;
    color: #464646;
    font-weight: 700;
}
.news-pattern {
    background: #fff url(../img/pattern.png) repeat center;
    border-bottom: 1px solid #ddd;
}
.pt-60{
    padding-top: 60px;
}
.left-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#sectorSection {
    border-top: 1px solid #ddd;
    background: #fff url(../img/pattern.png) repeat center;
        padding: 20px 0px;
}

.cat-box {
    background: #fff;
    margin: 0 10px;
    text-align: center;
    position: relative;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 15px 0px #0000001a;
    min-height: 120px;
    justify-content: center;
    align-items: center;
    border: 3px solid #e5e5e5;
        height: 175px;
}



.icon {
    color: #797979;
    border-radius: 50%;
    font-size: 35px;
    width: 65px;
    height: 65px;
    background: #f5f5f5;
    padding: 10px;
    margin: 0 auto;
    border: 4px double #ddd;
    box-shadow: 0px 0px 9px -2px #afacac inset;
}
.cat-box .cat-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding: 16px 0px;
    letter-spacing: 0.1em;
}
.more{
    color: #ffffff;
    padding: 4px 9px;
    border-radius: 60px;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    width: 50%;
    background-color: #14226f;
    transition: 0.3s
}

.more:hover{
    color: #ffffff;
    background-color: #000;
    text-decoration: none;
}

#businessSection{
    background: url('../img/news.jpg');
    background-size: cover;
    background-attachment: fixed;
    padding: 20px 0px;
}
.business .nav-pills .nav-link.active, .business .nav-pills .show > .nav-link {
    color: #000;
    background-color: rgba(255, 255, 255, 0.81);
}

.business .nav-pills .nav-link {
    transform: skewX(-42deg);
}
.business .nav-pills .nav-link {
    border-radius: 0;
    border: 1px solid #7c7c7c;
    margin-left: -1px;
    color: #fff;
    background: #0000004d;
}
.business .nav-pills .nav-link span {
    transform: skewX(42deg);
    display: block;
}
.business .nav-justified {
    margin: 0 auto;
}
@media(max-width: 1127px){
.business .nav-justified {
    width: 100%;
    margin: 0 auto;
}
}
.btn-white:hover {
    color: #fff;
    background: #14226e;
    border: 1px solid #14226e;
}

.btn-white {
    background: rgb(255, 255, 255);
    border: 1px solid #ffffff;
    color: #14226e;
    border-radius: 60px;
}

#storySection{
        padding: 20px 0px;
        border-bottom: 1px solid #ddd;
         background: #fff url(../img/pattern.png) repeat center;
}
.pro-item {
        border-radius: 0.2rem;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 10px;
}
.pro-item:hover > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.pro-item > img {
    width: 100%;
    z-index: -1;
    height: 200px;
    object-fit: cover;
        transition: all .3s linear;
}
.pro-detail {
    left: 0;
    padding: 0 30px;
    position: absolute;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}
.pro-detail .pro-title {
    position: relative;
    color: #fff;
    font-size: 16px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.6;
    padding-bottom: 6px;
}
.pro-item:hover .pro-detail .btn {
    margin-top: 15px;
    opacity: 1;
    padding: 6px 10px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.pro-detail .btn {
    background: #3d3c3b;
    border: 1px solid transparent;
    display: inline-block;
    margin-top: 0;
    opacity: 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.pro-item:hover:before {
    background: rgba(0, 0, 0, 0.85);
}


.pro-item:before {
    background: rgba(0, 0, 0, 0.52);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.btn-flex{
        width: 100px;
    margin: 8px auto;
}
#graphSection{
    padding: 20px 0px;
}

.well {
    background: #fff url(../img/pattern.png) repeat center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
        position: relative;
    padding: 55px 20px 10px;
    margin-top: 5em;
        position: relative;
    border-bottom: 4px solid #1d7d06;
        margin-bottom: 0px;
}

.well:after {
    content: "";
    width: 100%;
    height: 7px;
    background: #fd3d00;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid #fff;
}
.gallery-item img {transition: all .3s linear;}
.gallery-item:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.gallery-item {
    width: 100%;
    display: inline-block;
    position: relative;
    background: #fff;
    border: 1px solid #fff;
    overflow: hidden;
    margin-bottom: 10px;
}
.gallery-item .gallery-img img {
    height: 190px;
    width: 100%;
    object-fit: cover;
}
.img-box {
    height: 95px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    padding: 12px;
    border: 1px dotted #e3e3e3;
    margin: 15px 4px;
    background: #fafafa;
}
.img-box img {
    max-width: 100%;
    max-height: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

/*footer*/
.btn-facebook {
  color: #ffffff;
  background-color: #3b5998; }

.btn-twitter {
  color: #ffffff;
  background-color: #55acee; }

.btn-youtube {
  color: #ffffff;
  background-color: #bb0000; }
.update-info {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #bcbbc6;
  font-size: 13px;
  margin-bottom: 12px;
  padding: 10px;
  border: 1px dashed #5e5e5e;
  margin-top: 40px;
}
.footer{
    padding: 20px 0 0;
    position: relative;
    background: #202020;
    border-top: 1px solid #c1c1c1;
  /*background: #24232f url(../img/footer-bg.jpg) scroll no-repeat center;*/
  background-size: cover;
}
.footer h4 {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
}
.footer-links1 {
    margin-bottom: 15px;
}
.footer-links1 li a{
  padding-left: 30px;
  color: #dadada;
  font-size: 14px;
  position: relative;
  margin-bottom: 8px;
  display: inline-block;
}
.footer-links1 li a:hover, .listing ul li a:hover {
   color: #fff;
}
.footer-links1 li a:before {
    left: 0;
    position: absolute;
    content: '\f105 ';
    font-family: 'Fontawesome';
    background: #fd3d00;
    height: 18px;
    width: 18px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-radius: 50%;
    line-height: 18px;
}
.footer-bottom {
  padding: 10px 0;
  color: #fff;
  background: #353535;
}
.f-social li{
	display: inline-block;
}
.f-social li a{color: #dadada;margin-bottom: 8px;display: inline-block;}
.f-social li a i,.f-social li a em {
    display: inline-block;
    height: 30px;
    width: 30px;
    font-size: 14px;
    margin-right: 8px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
}
.f-social li a:hover{
    color: #fff;
}
.f-img {
  background: rgba(30, 29, 40, 0.62);
  padding: 10px;
  width: 100px;
  text-align: center;
  display: inline-block;
}
.f-img  img{
  width: auto;
  max-height: 60px;
}
.back-top {
    position: absolute;
    display: inline-block;
    bottom: 12px;
    right: 25px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    z-index: 1;
    background: rgba(147, 146, 161, 0.2);
    color: #fff;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.19);
    line-height: 36px;
    font-size: 18px;
}
.back-top:hover{
    background: #f2f2f2;
    color: #2F2E37
}
@media(max-width: 420px){
  .back-top{
  	display: none;
  }	
	}
footer li{
    list-style-type: none;
}
.well > em {
    position: absolute;
    height: 90px;
    width: 90px;
    display: inline-block;
    z-index: 1;
    text-align: center;
    font-size: 32px;
       background: #fd3d00;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    top: -45px;
    border: 8px solid #fff;
    line-height: 75px;
       color: #ffffff;
}
.data-list li{
    padding: 10px 0px;
}
.data-list li span{
    font-weight: 600;
    color: #F44336;
}
.gr-pad {
    padding: 20px;
    border: 5px solid #f5f5f5;
}
figure.effect-goliath {
  background: #202020;
      overflow: hidden;
      margin-bottom: 20px;
}

figure.effect-goliath .img-media,
figure.effect-goliath .gallery-cat-title {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

figure.effect-goliath .img-media {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-goliath .gallery-cat-title,
figure.effect-goliath .gallery-cat-link {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
}

figure.effect-goliath .gallery-cat-link {
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,50px,0);
  transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover .img-media {
  -webkit-transform: translate3d(0,-45px,0);
  transform: translate3d(0,-45px,0);
}

figure.effect-goliath:hover .gallery-cat-title {
  -webkit-transform: translate3d(0,-100px,0);
  transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover .gallery-cat-link {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.img-media{
    width: 100%;
    height: 250px;
    background-size: cover!important;
    background-position: center!important;
}
.page_title {
    text-align: center;
    padding: 2px 0px;
    position: relative;
    background: #fff;
}
.page_title:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.8);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.28);
    bottom: 0px;
    width: 60%;
    height: 35%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 10%;
    right: 10%;
    margin: 0 auto;
}
.breadcrumbs li {
    display: inline-block;
    list-style-type: none;
}
.gallery-cat-title {
    color: #fff;
    font-size: 14px;
    background: #000000d4;
    padding: 12px 6px!important;
    text-transform: uppercase;
}
.gallery-cat-title span {
    border: 1px dashed #a7a3a3;
    padding: 5px;
}
.gallery-cat-link a {
    color: #fff;
    padding: 5px;
    border: 4px double #afafaf;
}
.noise_bg {
    background: url(../img/noise.png);
}
.content_box {
    background: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 10px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}

.gallery-single-img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery-single-img {
    background-size: cover!important;
    height: 250px;
    width: 100%;
    display: block;
    transition: all .3s linear;
}
.gallery-info {
    padding: 8px;
    color: #fff;
    position: absolute;
    text-align: center;
    z-index: 9;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.82);
    color: #fff;
}
.m0{
    margin: 0px;
}
.m0 .form-group{
    margin: 0px;
    margin-bottom: 10px;
}
.name{
    font-size: 20px;
}
.address, .contact-no, .email{
    position: relative;
}
.address:before{
    content: "\f041";
    font-family: FontAwesome;
}
.contact-no:before{
    content: "\f095";
    font-family: FontAwesome;
}
.email:before{
        content: "\f0e0";
    font-family: FontAwesome; 
}
.fax:before{
        content: "\f1ac";
    font-family: FontAwesome; 
}
.more-news{
        background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 6px;
    margin-top: -2px;
    display: inline-block;
}
.more-news:hover{
        background: #f5f5f5;
    text-decoration: none;
}
.print{
    background: #f5f5f5;
    padding: 5px 10px;
    position: absolute;
    right: 20px;
    bottom: 10px;
    border-radius: 3px;
    border: 1px solid #ddd;
}
.print:hover{
    text-decoration: none;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}
@media(max-width: 442px){
 .print{
    position: relative;
    right: 0px;
    bottom: 8px;
}   
}
.copy{
        font-size: 12px;
    color: #ddd;
}


.galleryhead {
    text-align: center;
    margin-bottom: 40px;
}
/*Event Style*/

.event-image{
	background-size:cover!important;
	background-position: center!important;
	width: 100%;
	height:250px;
}
.event-title{
    padding: 10px;
    background: #fff;
}
.event-location{
	background: #f5f5f5;
	margin-bottom: 15px;
}
.event-location ul{
    padding: 0px;
    margin-bottom: 0px;
}
.event-location span{
    display: inline-block;
    font-size: 12px;
    width: 30%;
    padding: 6px 10px;
}
.event-location span:nth-child(1){
margin-right: -10px;
}

.event-location span:last-child{
      background: #e8e8e8;
      border:1px solid #e8e8e8;
}
@media(max-width: 992px){
.event-location span:last-child{width: 100%;}	
}
.event-info{
    padding: 10px;
    color: #77b748;
    font-weight: bold;
}
.event-detaile-control{
    padding: 10px 0px;
    font-size: 12px;
    letter-spacing: 0.1em;
    border-bottom: 1px dashed #c2c2c2;
    margin-bottom: 20px;
}
.event-detaile-control span{
    padding: 5px 12px;
    color: #6b6b6b;
    border: 1px solid #ececec;
    margin: -3px;
}
.event-detaile-control span:first-child{
    border-radius: 6px 0px 0px 6px;
}
.event-detaile-control span:last-child{
    border-radius: 0px 6px 6px 0px;
}
.event-detaile-desc p{
    text-align: justify;
}
.contact-form{
	padding: 0px 35px;
}
.contact-form .form-group{
    margin-right: 0px!important;
    margin-left: 0px!important;
}
/*Custom nav*/
@media(max-width: 992px){
  .navbar-header{
    width: 100%;
}
}
@media(max-width: 450px){
.brand-image{
    width: 100%;
}
.brand-info{
    width: 100%;
}
.brand-info:before {
    content: "";
    width: 100px;
    height: 1px;
    background: #7b4101;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    margin: 0 auto;
}
.brand-image img {
    width: 100px;
}
}
.navbar-toggle{
    z-index: 9999;
}
#aboutSection .panel-body{
    min-height: 195px;
}
.business .nav-pills .nav-link {
    color: #000;
    background: #ffffffbf;
}
.f-social,.footer-links1{
    padding: 0px;
}
.default-btn{
	margin-top: 5px;
	margin-bottom: 5px;
}
.validation{
	padding-bottom: 5px;
}
@media(min-width: 1900px){
    .navbar-brand{
        padding-left: 30%;
    }
    .top-nav{
        padding-right: 30%;
    }
}


/*Sabir Ali*/


.image-preview-input input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.uploadtext {
    font-size: 13px;
    color: #999;
    font-weight: 400;
}

.form-head {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    color: #282c6b;
    font-weight: 600;
}

.sbumitbutton {
    text-align: center;
    margin-top: 15px;
}

.sbumitbutton button {
    margin-right:15px;
}

.tabledeisgn {
    background-color: #f7f7f7;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
}

.loginradio {
    text-align: center;
    display: block;
}

.loginbox {
    display: inline-block;
    position: relative;
    margin: 15px;
    padding: 5px 20px;
    background-color: #0000006e;
    color: #fff;
}

.loginbox span {
    margin-left: 20px;
}

.loginbox input {
    position: absolute;
    width: 18px;
    height: 18px;
    display: inline-block;
    left: 10px;
    top: 5px;
}


.loginpad 
{
padding:0 400px;
color:#fff;
}

@media(max-width: 600px){
 .loginpad 
{
padding:0 10px;
}   
}

@media(max-width: 999px){
 .loginpad 
{
padding:0 40px;
}   
}

.login-box {
    margin-left: auto;
    margin-right: auto;
    max-width: 412px;
    width: calc(100% - 40px);
    padding: 20px 30px;
    background-color: #fbfbfb;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    min-height: 364px;
    border-radius: 0.1875rem;
}

.admin-brand {
    margin: 0 auto;
    margin-top: -68px;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
}

.btn-lg {
    width:100%
}


.input-error {
    margin-bottom: 12px;
}

.projectleft {
    background-color: #f0f0f0;
    padding: 10px;
    width: 100%;
margin-bottom: 10px;
}

.projectpages .search-organization {
    display: block;
    position: relative;
    padding: 0 10px 10px 0;
}

.projectpages .search-organization .form-control {
    box-shadow: none;
    border: none;
    height: 50px;
    padding: 5px 45px 5px 15px;
    text-align: left;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.search-field i {
    position: absolute;
    right: 38px;
    left: auto;
    top: 22px;
    color: #c5c5c5;
}

.search-field {
    margin-bottom: 20px;
}

#gs_input16 {
    height: 40px;
}

.projectcheckbox input
{
margin-right:10px;
}

/*.projectcheckbox input {
    margin-right: 10px;
    position: absolute;
    margin-top: 6px;
}*/

.projectcheckbox label {
    margin-left: 25px;
    font-weight: normal !important;
}

.projectlist .item {
    padding-right: 25%;
    box-shadow: 0 0 3px rgba(0,0,0,0.07);
    margin-bottom: 10px;
    padding: 6px;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
	border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
	position: relative;
    display: inline-block;
    width: 100%;
}

.projectlist .listingimg {
    width: 25%;
    float: left;
    display: block;
    position: relative;
}

.projectlist .listingdetail {
    float: left;
    width: 54%;
    padding: 10px 0 15px 14px;
    position: relative;
}

.projectlist h3 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 18px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    position: relative;
}
.projectlist h3:before{
    content: "";
    width: 50px;
    height: 2px;
    background: #d8d8d8;
    position: absolute;
    bottom: 10px;
    left: 0px;
}
.projectlist p {
    font-size: 1em;
    text-align: left;
    line-height: 1.5;
    color: rgba(0,0,0,0.7);
}

.projectlist .projectlisting.program-list .fundblock {
    position: absolute;
    width: calc(25% - 10px);
    right: 10px;
    top: 10px;
    height: calc(100% - 20px);
    padding: 25px 0;
}


.projectlist .fundblock {
    border: none;
    border-radius: 5px;
    background: #fde4c8;
    top: 15px;
    right: 15px;
    color: #a1a1a1;
    float: left;
    height: 195px;
    padding: 25px 0;
    text-align: center;
    width: 20%;
}

.projectlist .fundblock .funds {
    font-size: 0.8em;
    color: rgba(0,0,0,0.7);
    text-transform: uppercase;
    font-weight: 600;
}

.projectlist .fundblock .inr {
    display: block;
    font-size: 0.8em;
    color: rgba(0,0,0,0.7);
}

.projectlist .fundblock .detailbtn {
    border-radius: 5px;
    background: #fb8a47;
    padding: 8px 15px;
    color: #fff;
    display: block;
    margin: 1px auto 0;
    text-decoration: none;
	width: auto;
    display: inline-block;
}

.projectlist .listingimg .img-holder {
    height: 200px;
    max-height: 100%;
    position: relative;
    background: #fbfbfb;
}

.projectlist .listingimg img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 1s ease 0s;
    height: auto;
    width: auto;
}
@media(max-width: 689px){
	.projectlist .fundblock{
		width: 100%;
		margin-bottom: 10px;
	}
	.projectlist .listingdetail{
		width:70%;
	}
	.projectlist .listingimg{
		width:30%;
	}
.project-content{
	position: relative;
}
}
@media(max-width: 480px){
	.projectlist .fundblock{
		width: 100%;
	}
	.projectlist .listingdetail{
		width:100%;
	}
	.projectlist .listingimg{
		width:100%;
	}
}
a.overItem {
    font-size: 16px;
    width: 100%;
    text-align: center;
    position: relative;
    display: block;
}

.counting {
    font-size: 22px;
    padding: 10px 0;
    color: #fd2502;
}

.detailheader {
    display: block;
    clear: both;
    padding: 10px 0 47px 0;
}

.backblock {
    float: right;
    padding: 0 0;
}

.backblock a {
    display: block;
    float: right;
    margin: 0 0 0 10px;
    border: 1px solid rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.8);
    padding: 5px 10px;
    text-decoration: none;
    line-height: 1;
}

.detailheading {
    display: block;
    float: left;
    padding: 0;
}

.detailheading h2 {
    display: block;
    clear: both;
    padding: 0;
    font-size: 1.55em;
    font-weight: 600;
    color: rgba(0,0,0,0.8);
    text-align: left;
    line-height: 1;
}

#loginSection {
    padding: 30px 0;
}

.logintext {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.pagenomargin 
{
margin-top:0px;
}

.amenities-sty {
    margin-bottom:10px;
}

.amenities-sty span {
    width: 58px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    border-radius: 100%;
    font-size: 26px;
    border: 1px solid #ccc;
    position: absolute;
}

.ame-name {
    padding-left: 68px;
    min-height: 58px;
    padding-top: 5px;
    font-size: 16px;
}
.ame-name span{
	    width: auto;
    height: auto;
    line-height: initial;
    display: block;
    font-size: 84%;
    position: relative;
    border: 0px;
    text-align: left;
    border-radius: 0px;
}
.ame-name p {
   font-size: 14px;
}

.amenities-sty em {
    font-size: 20px;
    color: #ccc;
}


.content_box{
    position: relative;
}
.editor-content ol li>ol li,.editor-content ul li>ol li{
    list-style-type: none;
    position: relative;
}
.editor-content ol li>ol li:before,.editor-content ul li>ol li:before{
    content: "\f192";
    position: absolute;
    left: -20px;
    font-family: FontAwesome;
    font-size: 11px;
    top: 3px;
    color: #9e9e9e;

}

.editor-content h1,.editor-content h2,.editor-content h3,.editor-content h4{
    font-weight: 400;
    position: relative;
}

.editor-content h1:before,.editor-content h2:before,.editor-content h3:before,.editor-content h4:before{
    content: "";
    position: absolute;
    bottom: -4px;
    width: 28px;
    height: 2px;
    background: #282c6b;
    left: 0px;
}
.editor-content{
        padding: 0px 20px;
        position: relative;
}
.editor-content ol, .editor-content ul {
    margin-top: 5px;
    margin-bottom: 10px;
}
.print-link{
    position: absolute;
    right: 0px;
    top: 0px;
    background: #282c6b;
    margin: 5px;
    color: #fff;
    padding: 4px 10px;
    border-radius: 3px;
    border: 2px solid #fff;
        z-index: 1;
            -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.print-link:hover{
     background: #fff; 
     color: #282c6b;
     border: 2px solid #282c6b;
     text-decoration: none;
         -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@media(max-width: 992px){
 .print-link{
    position: relative;
    width: 100px;
    display: block;
    text-align: center;
    margin-left: 20px;}   
}

.last-update{
        font-size: 11px;
    color: #868686;
    position: absolute;
    bottom: 0;
    text-align: center;
    display: block;
    width: 100%;
}
.img-box{
    width: 100%;
    height: 180px;
    background-size: cover!important;
    background-position: center!important;
    border-radius: 4px;
    border: 2px solid #e8e8e8;
}

.sideLink{
    list-style-type: none;
    -webkit-padding-start: 0px;  
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.sideLink a{
 padding: 10px;
    background: #fff;
    margin-bottom: 0px;
    display: block;
    border-bottom: 1px solid #eee;
        position: relative;
}
.sideLink a.active{
    background: #353535;
    color: #fff;
}
.sideLink a.active:before{
content: "";
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 10px solid #353535;
    position: absolute;
    right: -10px;
    top: 0px;
    z-index: 9;
}
.sideLink a:hover{
    text-decoration: none;
    background: #353535;
    color: #fff;
}
.counter-box{
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 10px;
    margin-bottom: 10px;
    min-height: 165px;
}
.counter-box em{
font-size: 1.6em;
    padding: 10px;
    border-radius: 50%;
}
.counter-box .h4{
    font-weight: 400;
    font-size: 26px;
}
.counter-box p{
     text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
    margin-bottom: 0px;
    font-weight: 600;
        text-shadow: 0px 0px 3px #000000a3;
}

.counter-box a{
 color:#fff;	
}

.blue{
    background: #72c1ff;
}

.blue p {
    border-top: 1px solid #2a8ddc;
    color: #ffffff;
}
.blue .h4{
    color: #000;
}
.blue em{
    color: #2191ea;
    border: 2px solid #2191ea;
}

.red1{
    background: #ff8b83;
}

.red1 p {
border-top: 1px solid #f35c52;
    color: #ffffff;
}
.red1 .h4{
    color: #000;
}
.red1 em{
    color: #f35c52;
    border: 2px solid #f35c52;
} 

.yellow{
       background: #ffbd5c;
}

.yellow p {
border-top: 1px solid #e68900;
    color: #ffffff;
}
.yellow .h4{
    color: #000;
}
.yellow em{
    color: #e68900;
    border: 2px solid #e28700;
}
.green{
    background: #8BC34A;
}

.green p {
    border-top: 1px solid #009206;
    color: #ffffff;
}
.green .h4{
    color: #000;
}
.green em{
    color: #009206;
    border: 2px solid #009206;
}

.voilet{
 background: #798eff;
}

.voilet p {
border-top: 1px solid #5268e2;
    color: #ffffff;
}
.voilet .h4{
    color: #000;
}
.voilet em{
color: #4f62ca;
    border: 2px solid #4c65ef;
}
 
.pink{
background: #ab7bff;
}

.pink p {
border-top: 1px solid #703fc5;
    color: #ffffff;
}
.pink .h4{
    color: #000;
}
.pink em{
color: #703fc5;
    border: 2px solid #703fc5;
}   
 .mtb-30{
    margin-top:30px;
    margin-bottom: 30px;
 }
 .mt-20{
    margin-top: 20px;
 }
 .user-thumb{
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 50%;
    float: left;
    margin-top: 8px;

 }
 .user-box{
        -webkit-padding-start: 40px;
        list-style-type: none;
 }
  .user-box li{
    position: relative;
    border-bottom: 1px solid #f5f5f5;
  }
   .user-box li:before{
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    border: 1px solid #F44336;
    left: -28px;
    border-radius: 50%;
    top: 28px;
    background: #fff;
    z-index: 1
   }
      .user-box li:after{
            content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #F44336;
    left: -23px;
    top: 0;
      }
 .user-box li span{
    display: inline-block;
    margin-left: 10px;
 }
 .user-name{
margin-bottom: 0px;
    text-transform: uppercase;
        color: #000;
 }
 .user-designation{
        margin: 0px;
    font-style: italic;
    color: #2196F3;
        margin-top: -6px;
 }
 .data-panel thead {
    background: #f9f9f9;
     border-bottom: 1px solid #525252;
    color: #525252;
}
.data-panel .pagination{
        margin: -6px 0px;
}
.data-box .panel-primary {
    border-color: #2196F3;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.data-box .panel-primary>.panel-heading {
    color: #fff;
    background-color: #2196F3;
    border-color: #2196f3;
}
@media (min-width: 1300px){
.data-container {
    width: 1300px;
}
}
@media (min-width: 1400px){
.data-container {
    width: 1600px;
}
}
.dashboard-header{
    position: relative;
}
.ptb-30{
    padding-top: 30px;
    padding-bottom: 30px;
}
.user-image{
    width: 100%;
    height: 175px;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    border: 4px solid #f1f1f1;
    margin: 0 auto;
    box-shadow: 0px 0px 0px 6px #f9f9f9;
    margin-top: 49%;

}
.logo-image{
    width: 100%;
    height: 65px;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    border: 4px solid #f1f1f1;
    margin-top: 32%
}
.pan-image{
    width: 100%;
    height: 115px;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    border: 4px solid #f1f1f1;
    margin-top: 22px;
}
.doc-image{
    width: 100%;
    height: 115px;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    border: 4px solid #f1f1f1;
    margin-top: 22px;
}

.logo-image{
position:relative;
}
.logo-image:before{
content: "Company Logo";
position: absolute;
top: -25px;
font-weight: 600;
}

.pan-image{
	position:relative;
}
.pan-image:before{
content: "Pan Card";
position: absolute;
top: -25px;
font-weight: 600;
}

.doc-image{
	position:relative;
}
.doc-image:before{
content: "Registration Document";
position: absolute;
top: -25px;
font-weight: 600;
}

.profile-deatile .label-result{
    border-bottom: 1px dashed #ddd;
    min-height: 34px;
}
.profile-label{
    text-align: left;
    font-size: 13px;
    font-weight: 600;
}
.profile-container{
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.edit{
	text-decoration: none !important;
    background: #ec8d00;
    color: #fff!important;
    padding: 4px;
    min-width: 25px;
    height: 25px;
    display: block;
    float: left;
    border-radius: 3px;
    margin: 0px 2px;
}
.view{
	text-decoration: none !important;
    background: #7cb737;
    color: #fff!important;
    padding: 4px;
    min-width: 25px;
    height: 25px;
    display: block;
    float: left;
    border-radius: 3px;
    margin: 0px 2px;
}
.trash{
	text-decoration: none !important;
    background:#ff6257;
    color: #fff!important;
    padding: 4px;
    min-width: 25px;
    height: 25px;
    display: block;
    float: left;
    border-radius: 3px;
    margin: 0px 2px;   
}
.one-box{
    border: 1px solid #e8e8e8;
    margin: 10px;
    background: #fbfbfb;
    padding: 10px;
}
/*===================*/
.register-option-link{
    color: #ca4b00;
    display: block;
    width: 170px;
    border: 2px solid #fb8a47;
    height: 170px;
    text-align: center;
    padding-top: 47px;
    border-radius: 50%;
    background: #fde4c8;
}
.register-option-link:hover{
    text-decoration: none;
    color: #008005;
    border: 2px solid #4CAF50;
    animation: pulse 2s infinite;
    background: #ecffd5;
}



@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #CDDC39;
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 #CDDC39;
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

.rough-bg{
    background-color: #ffffff;
background-image: url("../images/pattern.png");
}
.mt-30{
        margin-top: 30px;
}
body { padding-right: 0 !important }

@media(max-width: 1024px){
.projectlist .listingdetail {
    width: 100%;
    margin-top: 10px;
}
.projectlist .fundblock{
	width:100%;
}
.ame-name {
    font-size: 14px;
}
.amenities-sty span {
    width: 48px;
    height: 48px;
    line-height: 38px;
    }
.detaile-is .listingimg{
	width: 100%;
}
.detaile-is .img-holder {
    height: 320px!important;
}
.detaile-is .img-detaile {
    height: 310px;    
    background-size: contain!important;
    background-repeat: no-repeat!important;
}
.ame-name span {
    width: auto;
    height: auto;
    line-height: initial;
}
}