@import url(https://fonts.googleapis.com/css?family=Khula:400,700,800|Merriweather|Roboto:400,700);

/*@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway-Regular.ttf)
}
@font-face {
    font-family: PT Sans;
    src: url(../fonts/PT_Sans-Web-Regular.ttf)
}*/
*{
    font-family: 'Times New Roman', Times, serif;
} 

html {
    /*overflow-y: scroll;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: initial
}

body,
html {
    height: 100%;
    min-height: 100%
}

body {
    color: black !important;
	/*color: #fcf8e3;*/
    background-color: #fff;
    font: 400 14px/1.6em;
    font-family: Raleway;
    line-height: 18px;
    padding: 0;
    margin: 0;
    overflow-x: hidden !important;

}

.headerbg{
    background-color: #557ee8 !important;
}


a,
a.highlight:hover {
    /*color: #807e7e*/
    color: #433e3e;
}

:focus {
    outline: 0
}

a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
/*--------------------------------------------------------------*/
p {
color : #000000;
    
}
.acolor  {
	color:white;
}
.divcolor{
	color:black;
}
/*---------------------------------------------------------------*/
section {
    background-position: center center;
    background-size: cover
}

ul {
    list-style: none;
    padding: 0
}

.font-icon{
    color: #eb9b07;
    font-size: 16px !important;
}

.inner-panel .panel {
    /*background-color: #fff!important*/
    background-color: #f6f1f1 !important;
}

.inner-panel {
    padding-top: 20px
}

.offerings .list-group-item {
    border: none!important;
    color: black;
    background-color: #f6f1f1;
}

.list-group-item {
    font-size: 18px !important;
}

.robot {
    padding-left: 30px
}

.panel-tab {
    padding: 30px
}

.panel-section {
    display: -webkit-inline-box; 
    background-color: #f6f1f1;
}


h1 {
    margin-left: 15px;
    margin-bottom: 20px
}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 17px;
    }

#welcome {
    padding-bottom: 40px
}

#welcome img {
    width: 100% !important;
    /* float: left */
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #0e425b;
    color: white ;
}

a:hover {
    /* color: #fffefe; */
    text-decoration: underline;
    /* font-size: 16px; */
    }
.nav>li>a {
    font-size: 20px;
    padding: 10px !important;
}
/* 
@media (max-width:1551px) {
    #welcome img {
        width: 100% !important;
        float: left
    }
} */

.technology{
    background-image: url('../img/blue.png');
	background-size: 100% 100%;
	width: 100%;
    /* height: 650px; */
    height:150px !important;
}
.technologybg{
    background-image: url('../img/app-banner.jpg');
	background-size: 100% 100%;
    width: 100%;
   
}

@media (max-width:1120px) {
    #welcome img {
        width: 100%;
        float: left
    }
}

.section {
    height: 100vh
}

@media (min-width:768px) {
    .brand-pills>li>a {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    li.brand-nav.active a:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 9px solid #0e425b;
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 100%;
        z-index: 2
    }    
    ul.nav li.dropdown:hover ul.dropdown-menu {
        display: block
    }
    ul.nav li.dropdown:hover ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {
        display: none
    }
    ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu {
        display: block
    }
}
.navbar-default {
    padding: 10px;
    margin-bottom: 0;
    font-size: 14px;
    border-color: transparent;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease
}

.navbar-nav>li>a {
    /*padding: 17px 0 15px 30px*/
   padding: 5px 5px px 5px;
}


#myDIV > ul > li.active1.active > a{
    background: none !important;
    /*color: #2f38ad !important;*/
    color: #ffc53e !important;
}

.navbar-default .navbar-nav>li>a {
    color: white !important;
}

.navbar-default li.dropdown ul li a {
    padding: 10px 14px;
    font-size: 17px;
    /* color: #222!important; */
    text-transform: capitalize;
    background-color: #4d74d9;
    color: white;
    border: 1px solid #ffc53e;
}

.navbar-default li.dropdown ul li {
    border-bottom: 1px solid#eee;
    /*margin: 0 20px*/
}
.dropdown-menu{
    padding: 0px!important;
    border: none !important;
}
.dropdown-menu {
    text-align: left;
    background: #fff;
    border-radius: 5px
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #ffc000 !important;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    z-index: 1000;
    /*min-width: 200px;*/
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 90px
}

ul.nav li.dropdown:hover ul.dropdown-menu {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    margin-top: 0
}

.quote {
    background: #0e425b;
    width: 141px;
    margin-left: 25px;
    padding: 0
}

@media (min-width:768px) {
    .top-nav-collapse {
        /*padding: 0;*/
        margin-bottom: 0;
        font: 500 10px/1;
        /* text-transform: uppercase; */
        text-shadow: none;
        border-color: transparent;
        background-color: #fff;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -ms-transition: all .2s ease;
        transition: all .2s ease
    }

    .navbar-right .dropdown-menu {
    right: 0 !important;
    left: 18px !important;
    }
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent
}

nav.navbar {
    background-color:#4d74d9 !important;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 3px solid orange;
}

@media (max-width:767px) {
    nav.navbar {
        border-radius: 0;
        border: none;
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, .08)!important
    }
}

.navbar-default .navbar-toggle {
    border: none
}

/* .navbar-nav li a {
    color:white !important;
} */

.navbar-toggle {
    position: relative;
    float: right;
    padding: 20px 0;
    margin: auto;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}



@media (min-width:768px) {
    nav.navbar.transparent-white {
        background-color: transparent;
        box-shadow: 0 0 1px 0 rgba(255, 255, 255, .3)!important
    }
    /* .transparent-white li a {
        color: #fff!important;
    } */
	
    nav.navbar.transparent-white .logo-light {
        display: initial
    }
    /* nav.navbar.transparent-white .logo-dark,
    nav.navbar.transparent-white.top-nav-collapse .logo-light {
        display: none
    } */
    nav.navbar.transparent-white.top-nav-collapse {
        /* background-color: #fff; */
        background-color: #4d74d9;
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, .08)!important;
    }
    /* nav.navbar.transparent-white.top-nav-collapse li a {
        color:white!important;
    } */
	nav.navbar.transparent-white.top-nav-collapse li a:hover {
        color: orange!important;
        /*font-weight: bold !important;*/
    }
	
    nav.navbar.transparent-white.top-nav-collapse .logo-dark {
        display: initial
    }
}


.transparent-white .navbar-nav>li>a:hover {
    color:#000
	
}
.transparent-white.navbar {
    background-color: #fff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .08)!important
}

.transparent-white.navbar .logo-light {
    display: none
}

.transparent-white.navbar .logo-dark {
    display: initial
}

.transparent-white.navbar .navbar-toggle .icon-bar {
    background-color: #000
}

@media (min-width:768px) {
    .transparent-black li a,
    .transparent-black.top-nav-collapse li a {
        color: #fff!important;
        letter-spacing: 1.5px
    }
    nav.navbar.transparent-black {
        background-color: transparent;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, .7)!important
    }
    nav.navbar.transparent-black .logo-light {
        display: none
    }
    nav.navbar.transparent-black .logo-dark {
        display: initial
    }
    nav.navbar.transparent-black.top-nav-collapse {
        background-color: #fff;
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, .08)!important
    }
    nav.navbar.transparent-black.top-nav-collapse .logo-light {
        display: none
    }
    nav.navbar.transparent-black.top-nav-collapse .logo-dark {
        display: initial
    }
}

.transparent-black .navbar-nav>li>a,
.transparent-black .navbar-nav>li>a:focus,
.transparent-black .navbar-nav>li>a:hover {
    color: #000
}

.transparent-black.navbar {
    background-color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3)!important
}

.hero-fullwidth,
.hero-main,
.transparent-black.navbar .navbar-toggle .icon-bar {
    background-color: #000
}
/*-------------------------------*/
.transparent-black.navbar .transparent-white.navbar .navbar-toggle .icon-bar a{
    background-color: #4CAF50
}
/*-----------------------------------------------------------*/


.transparent-black.navbar .logo-light {
    display: none
}

.transparent-black.navbar .logo-dark {
    display: initial
}

.navbar-brand {
    padding: 0;
    position: relative
}

.navbar-brand img {
    /*position: absolute;*/
	position:relative;
    margin: auto;
    top: -9px !important;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 66.8px !important;
    width: 180px;
}

#hero,
.background-image,
.hero-container,
.hero-fullwidth {
    position: relative
}




@media (max-width:767px) {
    .container .navbar-header {
        margin-right: 5px;
        margin-left: 5px
    }

    .portfolio img{
        margin: auto;
    }
}

@media (min-width:768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin: 0
    }
}

#ion-icons li {
    display: inline-block;
    text-align: center;
    color: #191a1c;
    padding: 30px;
    margin: 3px 0 3px 3px;
    z-index: 0;
    font-size: 28px;
    cursor: pointer
}

.hero-main {
    width: 100%;
    height: 100%
}

.hero-fullwidth {
    width: 100%;
    height: 70%
}

.hero-container,
.hero-content {
    height: 100%;
    text-align: center
}

.hero-container {
    display: table;
    width: 100%;
    padding-top: 50px
}

.hero-content {
    display: table-cell;
    vertical-align: middle;
    /*padding-top: 170px;
    padding-bottom: 170px*/
}

.feature-icon,
.feature-inner,
.our-team .pic,
.social-icons li {
    display: inline-block
}

.hero-content .subheading {
    font-size: 16px
}

.content-slider.owl-carousel .owl-item,
.content-slider.owl-carousel .owl-item:active {
    cursor: default
}

.background-image:before {
    position: absolute;
    content: '';
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(img/overaly.png)
}

.banner-info li {
    text-align: left
}

#back-to-top,
.about-info-list li i,
.icon-box,
.our-team,
.prices,
.section-heading,
.single-project-complete,
.work-inner-box {
    text-align: center
}

.banner-info li span {
    font-size: 22px
}

.hero-content h1 {
    font-weight: 700;
    letter-spacing: 0
}

#about #accordion  .panel-body {
    background-color: #f1f1e6;
    margin-top: 15px;
    border-radius: 15px;
    padding: 20px
}

.icon-box:hover,
.service-box.active .icon-box,
.service-box:hover .icon-box {
    background: #2390c4;
}

#about #accordion  .panel-body p {
    padding: 10px 0 0
}

#about #accordion  .panel-body h4 {
    padding-top: 10px
}

#about #accordion .panel-body ul {
    list-style: circle;
    padding-left: 20px
}

.icon-box {
    width: 130px;
    height: 130px;
    border: 7px;
    margin: 0 auto 30px;
    border-radius: 100%;
    line-height: 125px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.client-logo {
    width: 150px;
    height: 110px;
    margin: 0 auto -16px;

}

.client-line{
    border-top: 2px solid #ef8f1e;
    margin-top: 6px;
}

.service-icon {
    border: 1px solid #ddd
}

.icon-lg {
    font-size: 70px;
    color: #222	
}

.service-inner h4 {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
    text-transform: capitalize
}

.about-wrap .subheading,
.service-inner p {
    margin-bottom: 20px
}

.service-inner h4 span {
    font-weight: 400
}

.read-more {
    color:orange;
    font-weight: 700;
    font-size: 19px;
}

.read-more:hover {
    color: #0e425b;
    /* color: #9caab1; */
}

.service-box {
    padding: 11px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.service-box:hover .read-more {
    color: #0e425b;
    text-decoration: underline
}

.about-wrap {
    padding-top: 50px
}

.about-wrap p {
    margin: 20px 0
}

.about-info-list {
    margin-bottom: 30px
}

.about-info-list li {
    margin-bottom: 15px
}

.about-info-list li i {
    color: #0e425b;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: 1px;
    border-radius: 100%;
    display: inline-block
}

.about-bg {
    background-size: auto auto;
    position: absolute
}


#howorks {
    position: relative;
    height: 660px
}

.our-team .pic,
.overlay-bg,
.work-wrap {
    height: 100%;
    width: 100%
}

#howorks .heading {
    padding: 100px 0 50px
}

.work-icon {
    border: 7px solid #fff;
    background: #2390c4;
}

.work-icon img {
    width: 60px;
    margin: 0 auto;
    padding-top: 27px
}

.work-icon img:hover {
    width: 75px;
    margin: 0 auto;
    padding-top: 20px;
    transition: all .2s ease-in-out
}

.work-wrap {
  /*  top: 238px;*/
    position: absolute
    padding-bottom:10px
}

.work-inner-box h4 {
    margin-bottom: 10px
}

.feature-icon {
    margin: 0 0 -60px
}

.feature-icon img {
    max-width: 64px
}

.feature-inner p {
    margin-top: 10px
}

#client-carousel {
    margin: 20px 0 30px
}

.short-converter {
    margin-bottom: 40px
}

.short-converter p {
    margin-bottom: 20px
}

.short-contact {
    padding: 30px 30px 30px 50px
}

.info h4 {
    margin-bottom: 10px
}

.info ul li {
    padding: 6px 0
}

.info ul li span {
    font-weight: 600;
    color: #222
}

#parallax {
    background: url(img/parallax-bg.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.overlay-bg {
    /*background: rgba(0, 0, 0, .7);*/
	background: rgba(0, 0, 0, .0);
    position: absolute;
    left: 0
}

#parallax ul {
    margin: 20px auto
}

#parallax p {
    margin-top: 20px
}

.social-icons li {
    padding: 10px 15px;
    margin-bottom: 5px
}

.arago {
    background: url(img/slider-1.jpg) 50% 50%!important;
    -webkit-background-size: cover;
    position: relative
}
.work {
    background: url(img/images1.jpg) 50% 50%!important;
    -webkit-background-size: cover;
    position: relative
}

.social-icons li a i {
    position: relative;
    top: 3px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    color: #fff;
    font-size: 18px
}

#parallax h6,
.social-icons a:focus {
    color: #fff
}

.contact-info {
    margin: 25px 0
}

.contact-info i {
    padding-bottom: 20px;
    font-size: 3em
}

.currency-exchange,
.prices {
    padding: 100px 0;
    position: relative
}

.price-chart-img {
    margin-top: 40px
}

.prices .sec-title p {
    max-width: 650px;
    margin: 20px auto 0;
    color: #848484
}

.prices .chart,
.prices .table {
    margin-top: 46px
}

.prices .table {
    margin-bottom: 0
}

.currency-icon {
    max-width: 25px;
    margin-right: 15px
}

.prices .up {
    color: #43c443
}

.prices .down {
    color: red
}

.currency-exchange .sec-title p {
    max-width: 650px;
    margin: 20px auto 0;
    color: #848484
}

.blog-inner {
    margin-top: 30px
}

.blog-inner h4 {
    margin-bottom: 20px
}

.blog-inner p {
    margin-top: 20px
}

.blog-inner .read-more {
    color: #0e425b
}

.blog-social li i {
    font-size: 22px;
    color: #555;
    opacity: .9
}

.blog-info li i {
    margin-right: 5px
}

.our-team {
    padding: 20px 15px 30px;
    border: 1px;
    border-radius: 15px
}

.our-team .pic {
    background: #fff;
    padding: 10px;
    margin-bottom: 25px;
    transition: all .5s ease 0s
}

.our-team:hover {
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, .1);
    box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.our-team:hover .pic {
    background: #0e425b;
    border-radius: 50%
}

.pic img {
    width: 100%;
    height: auto;
    border-radius: 50%
}

.our-team .title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #2e282a;
    /* text-transform: uppercase; */
    margin: 0 0 7px
}

.h1-lg,
. .post,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize
}

.our-team .post {
    display: block;
    font-size: 15px;
    /* color: #000; */
    margin-bottom: 15px;
    opacity: .9
}

.our-team .social {
    padding: 0;
    margin: 0;
    list-style: none
}

.our-team .social li {
    display: inline-block;
    margin-right: 5px
}

.our-team .social li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 15px;
    color: #0e425b;
    border: 1px solid #0e425b;
    transition: all .5s ease 0s
}

.our-team:hover .social li a {
    background: #0e425b;
    color: #fff
}
.social-icons li a i:hover {
       color: #0e425b;
}
/*---------------------------------------------------------------------*/

.menu li a:hover {       	  
	   color:rgb(255, 166, 0)!important
       /*color: #ff00009e !important;*/
}
/*---------------------------------------------------------------------*/
.btn1 li a {
    color:#0e425b;
    cursor: pointer;    
}

/* Style the active class, and buttons on mouse-over */
.active1, .btn1:hover li a {  
	/*text-decoration:underline;*/
	color:#0e425b!important;
    
}

/*---------------------------------------------------------------------*/
@media only screen and (max-width:990px) {
    .our-team {
        margin-bottom: 30px
    }
}

#counter-wrap {
    background: url(img/parallax-bg.jpg) 50% 50% fixed;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 50px 0 70px;
    position: relative
}

.complete-project-area {
    padding-top: 0;
    padding-bottom: 70px
}

.single-project-complete {
    margin-top: 30px
}

.single-project-complete h3 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    -webkit-transition: .3s;
    transition: .3s;
    color: #fff
}

.single-project-complete h2 {
    font-size: 40px;
    font-weight: 800
}

.single-project-complete i {
    font-size: 50px;
    color: #0e425b
}

.counter-num {
    color: #fff
}

a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

/*----------------------------------------------------------------------------------------*/


#accordion1  .panel {
    border: none;
    box-shadow: none;
    border-radius: 30px;
    margin-bottom: 15px
}

#accordion1  .panel-heading {
    padding: 0;
    border-radius: 30px
}

#accordion1  .panel-title a {
    display: block;
    padding: 17px 20px 17px 70px;
    background: #f1f1e6;
    font-size: 18px;
    font-weight: 600;
    color: #0e425b;
    border: none;
    border-radius: 30px;
    position: relative;
    transition: all .3s ease 0s
}

#accordion1   .panel-title a.collapsed {
    color: #242167
}

#accordion1   .panel-title a.collapsed:after,
#accordion1  .panel-title a:after {
    content: "\f107";
    font-family: fontawesome;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background: #0e425b;
    font-size: 25px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease 0s
}

#accordion1  .panel-title a.collapsed:after {
    content: "\f105"
}

#accordion1  .panel-body {
    padding: 20px 0 0;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 25px;
    border-top: none;
    position: relative
}

#accordion1  .panel-body p {
    padding: 10px 20px;
    margin: 0;
    background: #f1f1e6;
    border-radius: 15px
}


/*---------------------------------------------*/
#accordion  .panel {
    border: none;
    box-shadow: none;
    border-radius: 30px;
    margin-bottom: 15px
}

#accordion  .panel-heading {
    padding: 0;
    border-radius: 30px
}

#accordion  .panel-title a {
    display: block;
    padding: 17px 20px 17px 70px;
    background: #f1f1e6;
    font-size: 18px;
    font-weight: 600;
    color: #0e425b;
    border: none;
    /*border-radius: 30px;*/
    position: relative;
    transition: all .3s ease 0s
}

#accordion   .panel-title a.collapsed {
    color: #242167
}

#accordion   .panel-title a.collapsed:after,
#accordion  .panel-title a:after {
    content: "\f107";
    font-family: fontawesome;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background: #0e425b;
    font-size: 25px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease 0s
}

#accordion  .panel-title a.collapsed:after {
    content: "\f105"
}

#accordion  .panel-body {
    padding: 20px 0 0;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 25px;
    border-top: none;
    position: relative
}

#accordion  .panel-body p {
    padding: 10px 20px;
    margin: 0;
    background: #f1f1e6;
    /*border-radius: 15px*/
}

.div-p10 {
    padding: 5px 0
}

.parallax-info {
    padding: 30px;
    /*background-color: #fff3*/
	background-color: rgba(99, 102, 132, 0.47)
}
/*------------------------------------------------------------*/
.parallax-info1 {
    padding: 30px;
    /*background-color: #fff3*/
	background-color:rgba(99, 102, 132, 0.47)
}
/*-------------------------------------------------------------*/

#footer-main {
    background: #1a2130
}

.widget h4 {
    margin-bottom: 20px;
    position: relative;
    color: #adadad;
    font-size: 18px
}

.widget ul li {
    margin: 10px 0;
    color: #8fa4a9;
    opacity: .9
}

.coin-widget li a i {
    font-size: 52px;
    color: #e5e5e5;
    margin-right: 5px
}

.footer-widget p {
    font-size: 15px
}

.footer-contact li {
    color: #333;
    padding: 5px 0;
    font-size: 16px
}

.footer-contact li i {
    width: 30px
}

.copy {
    font-size: 16px;
    color: #eee;
    padding: 10px;
    margin: 0
}

.copy span {
    color: #fff;
    font-weight: 700
}

#back-to-top {
    position: fixed;
    color: #fff;
    z-index: 100;
    bottom: 28px;
    right: 32px;
    cursor: pointer;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    display: block;
    opacity: 0;
    background: #0e425b;
    padding-top: 4px;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear
}

#back-to-top:hover {
    color: #fff;
    background-color: #1F2023
}

#back-to-top .icon {
    font-size: 10px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    /* color: #545454; */
    font-weight: 700
}

.h1-xl {
    font: 800 125px/.9em;
    letter-spacing: -4px
}

.h1-lg {
    letter-spacing: 3px;
    font-weight: 800;
    font-size: 60px;
    line-height: 1
    
}

.h3, h3 {
    font-size: 26px !important;
}

/* .btn,
.h1-md,
.h1-sm,
.subheading {
    text-transform: uppercase
} */

.h1-md {
    letter-spacing: .5px
}

.h1-sm {
    letter-spacing: normal
}

.black .h2-md,
.h2-lg {
    letter-spacing: -1px
}

.h2-lg {
    font: 600 65px/1.2em
}

.h2-md {
    font: 600 45px/1.2em
}

.h3-lg,
.h3-md {
    letter-spacing: -.5px
}

.h2-sm {
    font: 600 25px/1.2em
}

.h3-lg {
    font: 600 28px/1.1em
}

.h3-md {
    font: 600 22px/1.1em
}

.h3-sm {
    font: 600 16px/1.1em;
    letter-spacing: 0
}

.h4-lg {
    font: 400 38px/1.1em
}

.h4-md {
    font: 400 32px/1.1em;
    letter-spacing: -.5px
}

.h4-sm {
    font: 400 26px/1.1em
}

.h5-lg {
    font: 300 20px/1.55em
}

.h5-md {
    font: 200 18px/1.65em
}

.h5-sm {
    font: 400 15px/1.65em
}

.black .h5-md,
p {
    font-weight: 400
}

p {
    line-height: 24px;
    font-size: 19px;
    opacity: 9
}

.white p {
    font-weight: 300
}

.heading {
    width: 60%;
    /* margin-top: 100px; */
   /* margin-bottom: 70px*/
}

.c-space{
    margin-top: 80px;
}

.heading p {
    color: #888
}
/*----------------------------------------------------------------------------*/
/* .heading h2 {
    margin: -51px 0 20px;
	} */
.headingcolor{
	color:#0e425b;
   
	}
.hcolor {
    color:#EBEBEB;
    font-size: 18px;
}	
.hcolorsize {
	color:#EBEBEB;
	font-size: 16px
}
.hcolorsize1 {
	/*color:#999;*/
    color: #fffcfc;
	font-size: 14px
}
.lineseperator {
	width: 290px;
	border-color: #0e425b!important
}
.text-right {
	text-align: right
}


/*----------------------------------------------------------------------------*/
.seperator {
    width: 200px;
    border-color: orange!important;
    border-top: 2px solid orange!important;
}

/* .hr{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        border: 0 !important;
        border-top: 4px solid !important;
} */
.underline{
    border-bottom: 2px solid orange !important;
    
}
.underline--blue {
    border-bottom-color: orange !important;
  }

.f-xbold:hover+.seperator {
    width: 200px;
    border-color: #0e425b!important;
    transition: all .2s ease-in-out
}

.section-heading {
    margin-bottom: 40px
}

.subheading {
    font: 600 13px/1 Montserrat, sans-serif;
    letter-spacing: 1px;
    margin: 0 0 30px;
    -webkit-transition: color .2s;
    transition: color .2s
}

.contact{
    font-size: 18px;
}

.black .subheading {
    /*color: rgba(0, 0, 0, .85)*/
	color: rgba(0, 0, 0, 5)
}

.white .subheading {
    letter-spacing: 2px;
    font-weight: 500
}

.f-xbold {
    font-weight: 800
}

.f-bold {
    font-weight: 700
}

.f-mbold {
    font-weight: 600
}

.f-smbold {
    font-weight: 500
}

.f-normal {
    font-weight: 400
}

.f-mnormal {
    font-weight: 300
}

.f-xsnormal {
    font-weight: 200
}

.f-light {
    font-weight: 100
}

@media (max-width:1200px) {
    .h5-lg {
        font-size: 17px
    }
    .h1-lg,
    .h1-xl {
        font-size: 85px
    }
    .h1-xl {
        letter-spacing: -2px
    }
    .h1-md {
        font-size: 70px
    }
    .h2-lg {
        font-size: 50px;
        letter-spacing: normal
    }
}

@media (max-width:992px) {
    .lead.h5-md {
        font-size: 16px
    }
    .h2-lg {
        font-size: 30px;
        letter-spacing: normal
    }
    .h1-xl {
        font-size: 50px;
        letter-spacing: -1px
    }
    .h1-lg,
    .h1-md,
    .h1-sm {
        font-size: 40px
    }
    .h2-md {
        font-size: 35px
    }
}

.btn-hero:hover,
.btn-trans-black,
.btn-white:hover {
    letter-spacing: 1px
}

.white .h2bold,
.white h1,
.white h1 small,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white p {
    color: #fff
}

.black,
.black .h2bold,
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6,
.black p {
    color: #0f1113
}

.gray .h2bold,
.gray h1,
.gray h2,
.gray h3,
.gray h4,
.gray h5,
.gray h6,
.gray p {
    color: #aeaeae
}

.bg-feature h3,
.bg-feature h5 {
    color: #fff
}

.bg-feature p {
    color: #232323
}

.bg-dark {
    background-color: #0f1113
}

.bg-feature {
    background-color: #0e425b
}

.parallax {
    position: relative;
    overflow: hidden
}

.parallax .container {
    position: relative;
    z-index: 2
}

.parallax>.background-image {
    height: 100vh;
    top: -50vh;
    -webkit-transition: opacity .9s ease;
    -moz-transition: opacity .9s ease;
    transition: opacity .9s ease;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

.hero-fullwidth .background-image,
.hero-main .background-image {
    top: 0
}

@media all and (max-width:1024px) {
    .parallax .background-image,
    .parallax>.background-image {
        top: 0!important;
        -webkit-transform: none!important;
        -moz-transform: none!important;
        transform: none!important;
        height: 100%
    }
}

.background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover!important;
    background-position: 50% 50%!important;
    z-index: 0;
    opacity: 0;
    background-color: #1c1c1c;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s
}

.background-image img {
    display: none
}

.btn,
.owl-dot {
    display: inline-block
}

.parallaxe {
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center
}

.btn {
    font: 600 10.5px/1;
    /* padding: 11px 17px; */
    margin: 5px;
    border: 1px solid transparent;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: 5px;
    font-size: 18px !important;
}

.btn:active,
.btn:active:focus,
.btn:focus {
    outline: 0;
    box-shadow: none
}

.btn-hero {
    background: #0e425b;
    color: #222
}

.btn-black,
.btn-black:focus,
.btn-hero:focus {
    color: #fff
}

.btn-black {
    background-color: rgba(0, 0, 0, 1);
    font-weight: 500
}

.btn-black:hover {
    color: #fff;
    background-color: rgba(190, 208, 148, .8)
}

.btn-hero:hover,
.btn-white {
    background-color: rgba(255, 255, 255, .95);
    color: rgba(0, 0, 0, .85);
    border-color: rgba(255, 255, 255, .12)
}

.btn-white:hover {
    color: #222;
    font-weight: 500;
    background: #0e425b
}

.btn-white:focus {
    color: #000
}

.btn-white:active {
    color: #fff
}

.btn-trans-black {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, .15);
    color: rgba(0, 0, 0, .85)
}

.btn-trans-black:hover {
    color: rgba(255, 255, 255, 1);
    background-color: #000;
    font-weight: 500
}

.btn-trans-white {
    background-color: transparent;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, .15);
    color: rgba(255, 255, 255, .95);
    letter-spacing: 1.5px
}

#banner-slider .btn-hero:hover,
.btn-trans-white:hover {
    color: rgba(255, 255, 255, .85);
    background-color: rgba(190, 208, 148, .8);
    border-color: transparent
}

.btn-trans-white:active,
.btn-trans-white:focus {
    color: #fff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, .12)
}

.btn-p-gray {
    text-decoration: underline;
    color: #fff
}

.btn-p-gray:hover {
    text-decoration: underline;
    color: #3F7130
}

.btn-rounded {
    border-radius: 4px;
    padding: 17px 32px
}

.btn-circle {
    border-radius: 40px;
    padding: 17px 32px
}

.btn-square {
    border-radius: 0
}

.btn-fullwidth {
    width: 100%
}

.section-padding {
    padding-top: 120px;
    /*padding-bottom: 120px */ 
}
.section-padding2 {
    padding-top: 200px;
    /*padding-bottom: 120px */ 
}

.section-padding1 {
    padding-top: 120px;
    padding-bottom: 120px 
}
.p0 {
    padding: 0
}

.p5 {
    padding: 5px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.p30 {
    padding: 30px
}

.p40 {
    padding: 40px
}

.p50 {
    padding: 50px
}

.p60 {
    padding: 60px
}

.p70 {
    padding: 70px
}

.p80 {
    padding: 80px
}

.p90 {
    padding: 90px
}

.p100 {
    padding: 100px
}

.p110 {
    padding: 110px
}

.p120 {
    padding: 120px
}

.p130 {
    padding: 130px
}

.p140 {
    padding: 140px
}

.p150 {
    padding: 150px
}

.pt0 {
    padding: 0
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pt60 {
    padding-top: 60px
}



.pt70 {
    padding-top: 70px
}

.pt80 {
    padding-top: 80px
}

.pt90 {
    padding-top: 90px
}

.pt100 {
    padding-top: 100px
}

.pt110 {
    padding-top: 110px
}

.pt120 {
    padding-top: 120px
}

.pt130 {
    padding-top: 130px
}

.pt140 {
    padding-top: 140px
}

.pt150 {
    padding-top: 150px
}

.pb0 {
    padding-bottom: 0
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.pb70 {
    padding-bottom: 70px
}

.pb80 {
    padding-bottom: 80px
}

.pb90 {
    padding-bottom: 90px
}

.pb100 {
    padding-bottom: 100px
}

.pb110 {
    padding-bottom: 110px
}

.pb120 {
    padding-bottom: 120px
}

.pb130 {
    padding-bottom: 130px
}

.pb140 {
    padding-bottom: 140px
}

.pb150 {
    padding-bottom: 150px
}

.m-auto {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.m0 {
    margin: 0
}

.m5 {
    margin: 5px
}

.m10 {
    margin: 10px
}

.m15 {
    margin: 15px
}

.m20 {
    margin: 20px
}

.m30 {
    margin: 30px
}

.m40 {
    margin: 40px
}

.m50 {
    margin: 50px
}

.m60 {
    margin: 60px
}

.m70 {
    margin: 70px
}

.m80 {
    margin: 80px
}

.m90 {
    margin: 90px
}

.m100 {
    margin: 100px
}

.m110 {
    margin: 110px
}

.m120 {
    margin: 120px
}

.m130 {
    margin: 130px
}

.m140 {
    margin: 140px
}

.m150 {
    margin: 150px
}

.mt0 {
    margin-top: 0
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt70 {
    margin-top: 70px
}

.mt80 {
    margin-top: 80px
}

.mt90 {
    margin-top: 90px
}

.mt100 {
    margin-top: 100px
}

.mt110 {
    margin-top: 110px
}

.mt120 {
    margin-top: 120px
}

.mt130 {
    margin-top: 130px
}

.mt140 {
    margin-top: 140px
}

.mt150 {
    margin-top: 150px
}

.mb0 {
    margin-bottom: 0
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.mb80 {
    margin-bottom: 80px
}

.mb90 {
    margin-bottom: 90px
}

.mb100 {
    margin-bottom: 100px
}

.mb110 {
    margin-bottom: 110px
}

.mb120 {
    margin-bottom: 120px
}

.mb130 {
    margin-bottom: 130px
}

.mb140 {
    margin-bottom: 140px
}

.mb150 {
    margin-bottom: 150px
}

.ml0 {
    margin-left: 0
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.ml60 {
    margin-left: 60px
}

.ml70 {
    margin-left: 70px
}

.ml80 {
    margin-left: 80px
}

.ml90 {
    margin-left: 90px
}

.ml100 {
    margin-left: 100px
}

.ml110 {
    margin-left: 110px
}

.ml120 {
    margin-left: 120px
}

.ml130 {
    margin-left: 130px
}

.ml140 {
    margin-left: 140px
}

.ml150 {
    margin-left: 150px
}

.mr0 {
    margin-right: 0
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.mr70 {
    margin-right: 70px
}

.mr80 {
    margin-right: 80px
}

.mr90 {
    margin-right: 90px
}

.mr100 {
    margin-right: 100px
}

.mr110 {
    margin-right: 110px
}

.mr120 {
    margin-right: 120px
}

.mr130 {
    margin-right: 130px
}

.mr140 {
    margin-right: 140px
}

.mr150 {
    margin-right: 150px
}

.white {
    color: #fff
}
.newcolor {
	color: #b6b9c1
}
.black {
    color: #000
}
.yellow {
	color:yellow
}

.gray {
    color: #aeaeae
}

.dark {
    color: rgba(0, 0, 0, .85)
}

.bg-black {
    background-color: #000
}

.bg-dark {
    background-color: rgba(0, 0, 0, .96)
}

.bg-primary {
    background-color: #0db8ca
}

.bg-gray {
    background-color: #f2f4ec
}

.bg-white {
    background-color: #fff
}

.owl-carousel .owl-item {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.owl-carousel .owl-item:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

.owl-dot {
    padding: 3px
}

.owl-theme .owl-controls .owl-dot span {
    width: 5px;
    height: 5px;
    margin: 3px;
    display: block;
    background: rgba(255, 255, 255, .5);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease
}

.owl-theme .owl-controls .owl-dot.active span {
    background: rgba(255, 255, 255, .8)
}

.owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#banner-slider .carousel-caption {
    left: 0;
    right: 0;
    padding-bottom: 100px
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 9999
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(img/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px
}

.page-wrap {
    background: url(img/bg4.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    margin-top: 73px;
}

.page-wrap.about {
    background: url(img/bg3.jpg) 50% 50%
}

.page-wrap.service {
    background: url(img/bg2.jpg) 50% 50%
}

/*.page-wrap.team {
    background: url(img/bg1.jpg) 50% 50%
}
*/
.page-wrap.contact {
    background: url(img/bg5.jpg);
    background-size: cover;
    height: 400px;

}

.page-wrap.team {
    background: url(img/team-banner.jpg) ;
    background-size: cover;
    height: 400px;
}


.client-banner{
    background: url(img/client.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    height: 400px;
    margin-top: 73px;
}
.portfolio{
    height: 175px;
    /* border: 1px solid grey; */
    background-color: #ebe9e9;
    padding: 57px 31px;
}

.mission-banner img{
    width: 100%;
    /*margin-bottom: 10px;*/
    height: 400px;
}
.home {
    background: url(../img/backgrounds/bg4.jpg);
    background-size: cover!important;
    background-position: 50% 50%!important;
    width: 100%;
    height: 75%;
    /*opacity: .9*/
}

.page-wrap:before {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

#blog-page .hero-content {
    padding-top: 53px;
    padding-bottom: 65px
}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    color: #0e425b;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    outline: 0;
    border: 1px solid #0e425b;
    
}
.work{
    font-size: 19px !important;
}

.footermenu{
    font-size: 17px;
}

.form-control:focus {
    border-color: #000;
    box-shadow: none
}
::placeholder {
  color: #0e425b !important;
  opacity: 1;
  font-style: italic !important;
  font-size: 17px !important;
  }

/*.form-group:first-child {
    float: left;
    width: 45%
}

.form-group:nth-child(2) {
    float: right;
    width: 55%
}*/

@media (max-width:992px) {
    .text-center-md {
        text-align: center
    }
    .text-left-md {
        text-align: left
    }
    .text-right-md {
        text-align: right
    }
    .hidden-md,
    p.hidden-md {
        display: none
    }
    .block-md {
        width: 100%
    }
    .quote {
        width: 122px;
        margin-left: 5px
    }
    .navbar-nav>li>a {
        /* padding: 17px 0 15px 20px; */
        font-size: 14px
    }
    nav.navbar.transparent-white.top-nav-collapse li a {
        letter-spacing: 0
    }
    .heading h2 {
        margin: 35px 0 20px;
    }

        
    }

@media (max-width:768px) {
        .text-center-sm {
            text-align: center
        }
        .text-left-sm {
            text-align: left
        }
        .text-right-sm {
            text-align: right
        }
        .hidden-sm,
        p.hidden-sm {
            display: none
        }
        .block-sm {
            width: 100%
        }
        #banner-slider {
            margin-top: 75px
        }
        #banner-slider .carousel-caption {
            top: 60px
        }
        #banner-slider .h1-lg {
            font-size: 50px
        }
        #banner-slider .lead .h5-md {
            font-size: 14px
        }
        #banner-slider .item img {
            min-height: 100%
        }
        #banner-slider .item {
            min-height: 300px;
            width: 100%
        }
        .quote {
            width: 122px;
            margin-left: 5px
        }
        .navbar-nav>li>a {
            padding: 17px 0 15px 20px;
            font-size: 14px
        }
        #howorks {
            padding-bottom: 80px;
            min-height: 1270px
        }
        .price-chart-img {
            margin-bottom: 40px
        }
        .navbar-nav {
            margin: 0px !important;
        }
        .heading h2 {
            margin: 35px 0 20px;
        }
        .centered{
            font-size: 28px !important;
            }
    }    


@media (max-width:576px) {
    .text-center-xs {
        text-align: center
    }
    .text-left-xs {
        text-align: left
    }
    .text-right-xs {
        text-align: right
    }
    .hidden-xs,
    p.hidden-xs {
        display: none
    }
    .block-xs {
        width: 100%
    }
    .heading {
        width: 92%
    }
    #banner-slider {
        margin-top: 75px
    }
    #banner-slider .carousel-caption {
        top: 40px
    }
    #banner-slider .h1-lg {
        font-size: 30px
    }
    #banner-slider .lead .h5-md {
        font-size: 14px
    }
    #banner-slider .item img {
        min-height: 100%
    }
    #banner-slider .item {
        min-height: 350px
    }
    .banner-info li,
    .client-logo {
        margin-bottom: 20px
    }
    .blog-single,
    .testimonial-wrap,
    .widget {
        margin-bottom: 40px
    }
    #blog {
        padding-bottom: 30px
    }
    .blog-info {
        margin-bottom: 25px
    }
    .blog-info li i {
        margin-right: 5px
    }
    .hero-container {
        padding-top: 0
    }
    #hero {
        height: 585px
    }
    #howorks {
        padding-bottom: 80px;
        min-height: 1400px
    }
    .price-chart-img {
        margin-bottom: 40px
    }
    .panel-group {
        margin-bottom: 45px
    }
    .social-icons li {
        padding: 10px 9px
    }
    .client-logo,
    .work-inner-box {
        margin-bottom: 30px
    }
    .feature-box {
        margin-bottom: 20px
    }
    .testimonial-wrap {
        margin-bottom: 58px
    }
    .navbar-nav {
        margin: 0px !important;
    }
    .heading h2 {
        margin: 35px 0 20px;
    }
    .centered{
        font-size: 25px !important;
        }
}

@media (max-width:480px) {
    .centered{
    font-size: 19px !important;
    }
    .navbar-nav {
        margin: 0px !important;
    }
    .heading h2 {
        margin: 35px 0 20px;
    }
}


.alignment {
	color:#000000;
    text-align: justify
}
.visible-xs {
  @media (max-width: @screen-phone-max) {
  .responsive-visibility();
  }  
  @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
    .responsive-invisibility();
  }
  @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
    .responsive-invisibility();
  }
  @media (min-width: @screen-large-desktop) {
    .responsive-invisibility();
  }
}
.invisible-xs {
  @media (max-width: @screen-phone-max) {
  .responsive-invisibility();
  }  
  @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
    .responsive-invisibility();
  }
  @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
    .responsive-visibility();
  }
  @media (min-width: @screen-large-desktop) {
    .responsive-visibility();
  }
}

.btncolor{
    background-color: #2283cf !important;
    color: white;
}
.carddesign{
    border: 1px solid #cec6c6 !important;
    background-color: white;
    border-radius: 5px !important;
}

.img-height{
    height: 180px !important;
    padding: 5px;
}
.cardtext{
    padding: 10px !important;
    text-align: justify !important;
}
.padding-0{
    padding-right:5px;
    padding-left:5px;

}

.title{
    color:black !important;
}

.img-holder img {
    
    width: 100%;
    margin: 0 0 8px 0;
    -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
    }

 .img-holder img:hover{
        -webkit-transform: scale(1.08);
        transform: scale(1.04);
    }

.vendor{
        border: 1px solid #d7d4d4;
    }

    .jumbotron{
        margin-bottom: 0px !important;
        margin-top: -5px !important;
    }
 @media screen and (max-width: 768px){
        .jumbotron {
            padding: 7px 0 !important;
            margin-bottom: 0px !important;
            margin-top: -4px;
        }
}
.centered{
    position: absolute;
    top: 40%;
    left: 50%;
    color: white;
    font-size: 30px;
    transform: translate(-50%, -50%);
}
.blue{
    color: blue;
}

.list {
    line-height: 1.3 !important;
}

.rightsidebar{
    color: #0e425b;
}
.rightsidebar:hover{
    color:white;
    
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a>h3:hover {
    color: #fff;
    background-color: #0e425b;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #641510 !important;
}

/* .backgroungimgforcou{
    background-image: url(../img/aibackground2.jpg);
} */