/*new*/
.image-01 img {
    height: 310px !important;
    width: 100%;
}
.image-02 img {
	height: 320px !important;
}

.cell .logo {
    max-width: 320px;
}

.header-contact {
    padding: 16px 0 0;
 }
/*new*/


.pull-left {
    float: left;
}
.pull-right {float: right;}
.demo {
    position: relative;
    display: block;
}
.demo img { padding-bottom: 1rem;}





.nav-box-img{
    left: 0;
    text-align: center;
}
.about-text{
    font-weight: 300; 
    font-size: 20px;
}
.subtitle{
	line-height: 34px; 
	font-size: 25px; 
	text-shadow: 1px 1px #000000;
}
.banner-heading {font-size: 36px!important;}
.banner-heading span {font-size:48px!important;}



.banner-title{
	line-height: 54px;
	text-shadow: 1px 1px #000000;
	font-size: 42px;
	font-weight: 300;
}
.banner-title span{
	padding-left: 15px;
	font-size: 48px;
	font-weight: initial;
}
#banner .cell {
	padding-top: 3%;
}
.copyright a { display:inline-block; margin-left: 15px;}
.custom-form {margin: 80px 0px;}
.custom-form p { padding-bottom:0px;}
.custom-form .first-field {
    width: 50%;
    float: left;
    margin-right: 10px;
}
.custom-form .second-field {
    width: 48%;
    float: left;
}


element {

}
.btn-submit {

    background: #1094d8;
    border: 0;
    color: #fff;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    float: right; border-radius:50px;

}

.bottom-nav {padding-bottom:0px;}

.banner2 {
   height: 170px!important;
}

.points li {
    color: #5E5E5E;}

.help-block.with-errors {
    color: red;
    font-size: 12px;
    padding: 0px;
   
}
.close {
    color: #fff;
    margin: 0 10px 0 0;
}

.alert.alert-success {
    background: #1094d8;
    border-radius: 10px;
    font-size: 15px;
    color: #FFF;
    padding: 8px;
    margin-bottom:10px;
}

/*--- Mwdia Query ---*/

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1025px) {
	.banner{
		height: calc(100vh - 250px);
	}
	.nav-boxes {
		margin-top: -10%;
	}
	.mobile-menu .navbar-toggle{
		display: none;
	}
}

@media only screen and (max-width: 1280px) {
	#about p {
		font-size: 17px ;
	}
}
@media only screen and (max-width: 1180px) {
	.subtitle {font-size: 23px ;}
	.content-area h3{font-size: 27px;}
}
@media only screen and (max-width: 1080px) {
	.content-area p{padding-bottom: 0;}
}
@media only screen and (max-width: 1024px) {
.mobile-menu {
    display:block;
    background: transparent;
    line-height: 1.6em;
    font-weight: 400;
    width:100%;
	position: relative;
    margin:0 auto;
}
.mobile-menu ul {
	list-style-type:none;
    margin: 0 auto;
    padding-left:0;
    position: absolute;
    background: #f2f2f2;
    top: 60px;
    margin: 0 -20px;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}

.mobile-menu li {
	display:inline-block;
    width: 100%;
}

.mobile-menu li a {
	display:block;
    text-transform:uppercase;
	text-decoration: none;
    padding: 10px;  
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.mobile-menu li:hover a {
	color: #4db3ff;
    background-color:#ccddee;
}

.mobile-menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

.mobile-menu li:hover .mobile-menu ul a:hover {
	color: #4db3ff;
}

.mobile-menu li ul {
	display: none;
}

.mobile-menu li ul li {
	display: block;
	float: none;
}

.mobile-menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Hide checkbox*/
.mobile-menu #menu{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.mobile-menu #menu.open{
    display: block;
    -webkit-transition: all .25s linear;
       -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
         -o-transition: all .25s linear;
            transition: all .25s linear;
}

  .mobile-menu .navbar-toggle {
    border-bottom: 15px double #21a9ef; 
    border-top: 5px solid #21a9ef; 
    content:"";
    height: 5px; 
    width:20px;
    padding-right:15px;
    box-sizing: unset;
    position: absolute;
    top: 7px;
}
    .banner{min-height:100% !important;}
    .grid-x > .large-6 {width: 50%;}
    .tab-section{width: 33.33333% !important;}
	.banner-title{font-size: 37px;}
	.subtitle {font-size: 21px;}
	.card.text-center.nav-box-content {height: 289px !important;}
	.card-section p {font-size: 14px;padding-top: 10px;}
	.grid-x > .large-5 {width: 41.66667%;}
	.grid-x > .large-7 {width: 58.33333%;}
	.content-area p{
	    line-height: 25px;
	    font-size: 14px;
	    padding-top: 5px;
	}
	.footer .grid-x > .large-4 {width: 33.33333%;}
	.footer .grid-x > .large-6 {width: 50%;}
	.footer .text{width:auto;}
	.button.expand.corporate-login {
        width: auto !important;
        margin-top: 0;
    }
}

@media only screen and (max-width: 1100px) {
    .custom-form .first-field {width: 100%;
float: none;
margin-right: 0px;}

.custom-form .second-field {
    width: 100%;
    float: none;
}
}

@media only screen and (max-width: 992px) {
    .banner-title span{font-size: 44px;}
    .banner-title {font-size: 34px;}
    .subtitle {font-size: 17px;}
    .banner-heading span {font-size: 38px !important;}
    .banner-heading { font-size: 34px !important;}
}
@media only screen and (max-width: 800px) {
    .subtitle {font-size: 16px;}
    .banner-title {font-size: 31px;}
    #about p {font-size: 16px;}
    .card-section p {font-size: 13px;}
}
@media only screen and (max-width: 767px) {
    
    .bottom-nav {padding-bottom:40px;}
    .banner-heading {font-size: 23px!important;}
.banner-heading span {font-size:32px!important;}

    iframe {height: 300px;}
    .footer h4{margin-top: 13px;}
    .footer .grid-x > .large-4 {width: 47%;}
    #team .grid-x > .large-6 {width: 100%;margin-bottom: 20px;}
    #savings .grid-x > .large-7 {width: 100% !important;}
    #savings .grid-x > .large-5 {width: 100% !important;}
    #savings .grid-x > .large-6 {width: 100%;}
    #reporting .grid-x > .large-6 {width: 100%;}
    .content-area p{font-size: 17px;padding-top:0px;}
    #travel .grid-x > .large-6 {width: 100%;}
    .banner{background-position: top !important;height: auto !important;
}
    .banner-title span {font-size: 38px;padding-left: 0px;}
    .banner-title {font-size: 29px;}
    .tab-section{width:100% !important;}
    .card-section p{font-size: inherit;}
    .custom-form {margin: 30px 0px 0px 0px;}
    .subtitle {line-height: inherit;}
    .cell .logo {
    width: 100%;
}
.header-contact {
    padding: 0 0 0;
}
@media only screen and (max-width: 700px) {
    .card-section{padding: 4rem;}
    #banner {padding-bottom: 60px !important;}
    #about p {font-size: 14px;}
    .banner-title span {font-size: 30px;}
    .banner-title {font-size: 26px;}
}

@media only screen and (max-width: 600px) {
    .footer .grid-x > .large-6 {width: 100%;}
    .footer .grid-x > .large-4 {width: 100%;}
    .subtitle {font-size: 14px;}
    .banner-title {font-size: 20px;}
    .banner-title span {font-size: 26px;}
}
@media only screen and (max-width: 500px) {
    .header-contact {font-size: 20px;}
}
@media only screen and (max-width: 480px) {
    .padding-top-120 {padding-top: 50px;}
    #banner {padding-bottom: 40px !important;}
    .banner-title span {font-size: 24px;}
    .banner-title {font-size: 18px;}
}
@media only screen and (max-width: 450px) {
    .card-section {padding: 90px 5px 0 5px;}
    .banner-title{line-height: 1.2;font-size: 20px;}
    .banner-title span {padding-left:0px;}
}
@media only screen and (max-width: 400px) {
    .content-area a{font-size: 10px;letter-spacing: 1px;width:auto !important;}
    .content-area p {font-size: 15px;}
    .content-area h3 {font-size: 22px;}
    .header-contact {font-size: 19px;}
    .banner-title{font-size: 27px;}
}
@media only screen and (max-width: 360px) {
    #about p {font-size: 12px;}
    .content-area a{padding-left: 25px;padding-right: 25px;}
    .subtitle {font-size: 13px;}
    .banner-title {font-size: 18px;}
    .header-contact {font-size: 16px;}
}