body, html{margin: 0px; padding: 0px; font-family:  'PT Sans', sans-serif; overflow-x: hidden;}
a:hover{text-decoration: none;}
.hidden{display: none;}
.intro-header-con{height: 100%; background-color: #e0e0e0;}
.intro-header-section-one{ background-image:  url('../images/intro-new.jpg'); height: 100%; background-size: cover; background-position: center bottom; background-repeat: no-repeat; padding-top: 45px;}
.intro-header-section-two{ background-image:  url('../images/intro-top-2.png'); height: 343px; top: -343px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }
.demo-btn-top{color: white !important; text-transform: uppercase; border: 1px solid white; padding: 3px 6px; font-size: 18px; font-weight: bold;}
.demo-btn-top:hover{background-color: #FF9800; border-color: #FF9800;}
.login-btn-top{color: #003471 !important; text-transform: uppercase; background-color: white;  border: 1px solid white;  padding: 3px 12px; font-size: 18px; font-weight: bold;}
.login-btn-top::before{content: url('../images/login-icon.png'); margin-right: 6px;}
.login-btn-top:hover{background-color: #FF9800; color: #FFFFFF !important; border-color: #FF9800;}
.login-btn-top:hover::before{content: url('../images/login-icon-hover.png') !important;margin-right: 6px;}
.intro-header{padding-top: 18%; z-index: 1; position: relative;}
.slogan{font-size: 55px; text-transform: uppercase; line-height: 55px; margin-top: -10%; font-weight: bold;}
.slogan span.white-label{display: block; color: white;}
.slogan span.orange-label{display: block; color: #FF9800;}
.shortcuts{padding-top: 7%;}
.shortcut-con{padding-right: 20px; padding-left: 20px; border-right: 1px solid white; float: left; text-align: center;}
.shortcut-con:last-child{border: none;}
.shortcut-con:first-child{padding-left: 0px;}
.shortcut-con span{color: white; text-transform: uppercase; font-size: 20px;  font-family:  'Roboto', sans-serif;}
.screenshot{width: 100%;}

.features{background-color: #e0e0e0; padding-top: 4%; padding-bottom: 4%; position: relative;}
.features-sub-title-blue{ color: #003471; font-size: 35px; line-height: 28px; display: block;  text-transform: uppercase; font-weight: bold;}
.features-sub-title-orange{ color: #FF9800; font-size: 35px; line-height: 28px; display: block;  text-transform: uppercase; font-weight: bold;}
.features-sub-title-highlighted{ background-color: #FF9800; color: #FFFFFF; font-size: 35px; line-height: 28px; display: block; padding: 11px 11px 7px 7px; text-transform: uppercase; width: max-content; font-weight: bold;}
.feature-item{padding-top: 30px;}
.feature-item .feature-item-title h4{color: #545454; font-size: 25px; text-transform: uppercase; font-weight: bold;}
.feature-item .feature-item-title h4 span{margin-top: -5px;}
.feature-item .feature-item-title h4::before{content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 8px; background: #FF9800; border-radius: 100%; border: 5px solid white;}
.feature-item .feature-item-text{color: #545454; font-size: 17px; line-height: 19px;}
.features-demo-btn-con{padding-top: 7.2%;}
a.features-demo-btn{color: white; font-size: 30px; text-transform: uppercase; background-color: #003471; border-radius: 10px; padding: 18px 20px;}
a.features-demo-btn:hover{ background-color: #FF9800;}
.laptop-img{position: absolute; right: 0px; bottom: -256px;}

.management{padding-top: 3%; padding-bottom: 3%; background-color: white;}
.management .management-title-blue{ font-size: 40px; line-height: 35px; color: #003471; text-transform: uppercase; display: block;font-weight: bold;}
.management .management-title-orange{ font-size: 35px; line-height: 30px; color: #FF9800; text-transform: uppercase; display: block;font-weight: bold; }
.management-items{padding-top: 80px; padding-bottom: 50px;}
.management-item{padding-left: 30px;}
.management-item .management-title h4{font-weight: bold; color: #003471; text-transform: uppercase; font-size: 24px; padding-left: 31px;}
.management-item .management-title h4::after{content: ""; background-color: transparent; position: absolute; left: 37px; top: 0px; width: 10px; border-bottom: 4px solid #FF9800; height: 18px; border-right: 4px solid #FF9800; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.management-item .item-progress-bar{width: 100%; display: flex;}
.management-item .progress-bar-orange{width: 12%; margin-bottom: 10px; background-color: #FF9800; height: 5px; float: left; border-top-left-radius: 25px; border-bottom-left-radius: 25px;}
.management-item .progress-bar-grey{width: 46%; margin-bottom: 10px; background-color: #545454; height: 5px; float: left; border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
.management-item .management-text{color: #545454; font-size: 17px; line-height: 18px;}
.solution-title-blue{font-weight: bold; text-transform: uppercase; display: block; color: #003471; font-size: 37px; line-height: 40px; margin-bottom: 0px; margin-top: 35%;}
.solution-title-orange{font-weight: bold; text-transform: uppercase; display: block; color: #FF9800; font-size: 37px; line-height: 40px; margin-bottom: 0px;}
.solution-item-con{padding-left: 5px; padding-right: 5px;}
.solution-item{background-color: #f3f3f3; border-radius: 20px; padding: 25px 15px;}
.solution-item .icon-con{height: 82px; width: 82px; background-color: #FF9800; border-radius: 100%; margin: auto; padding: 16px 10px;}
.solution-item .solution-title{color: #003471; border-bottom: 1px solid #c2c2c2; font-weight: bold; text-transform: uppercase; padding-bottom: 8px; padding-top: 15px; font-size: 20px;}
.solution-item .solution-text{ font-size: 17px; color: #545454; line-height: 18px; padding-top: 15px; height: 105px;}

.intro-middle-con{background-image:  url('../images/intro-middle.png'); height: 380px; background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 45px;}
.intro-middle{padding-left: 75px; padding-right: 60px; padding-top: 6%;}
.middle-title-one{text-transform: uppercase;color: white; font-size: 54px; line-height: 48px; margin-bottom: 0px;}
.middle-title-two{text-transform: uppercase;color: #FF9800; font-size: 54px; line-height: 48px; margin-bottom: 0px; font-weight: bold;}
.middle-title-three{text-transform: uppercase;color: white; font-size: 54px; line-height: 48px; margin-bottom: 0px; font-weight: bold;}
.middle-demo-btn{ float: right; background-color: white; color: #003471; border-radius: 8px; padding: 20px 25px; font-size: 23px; font-weight: bold;box-shadow: -4px 4px 50px 0px rgba(0, 0, 0, 0.45); text-transform: uppercase; margin-top: -11%;}
.middle-demo-btn:hover{background-color: #FF9800; color: white;}

.intro-footer{padding-top: 4%; padding-bottom: 4%;background-image:  url('../images/intro-footer.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.testimonials-con h3{text-transform: uppercase; font-weight: bold; font-size: 34px; color: #003471; margin-bottom: 25px;}
.touch-form-con h3{text-transform: uppercase; font-weight: bold; font-size: 34px; color: #FF9800; margin-bottom: 25px;}
.form-text-input{width: 100%; border-radius: 8px; border: none; padding: 6px 14px; line-height: 36px;}
.form-textarea{width: 100%; border-radius: 8px; border: none; padding: 5px 10px; height: 145px;} 
.form-text-input:focus, .form-textarea:focus{outline:none;}

.action-btn{ background-color: white; color: #003471; padding: 12px 20px; border-radius: 8px; font-weight: bold; font-size: 21px; line-height: 25px; border: none;}
.action-btn:hover{ background-color: #FF9800; color: white; }
.form-group{margin-bottom: 10px;}
.pad-right-5{padding-right: 5px;}
.pad-left-5{padding-left: 5px;}

.before-right-border{float: left; padding-left: 30px; width: 99%;}
.right-border{float: left;}

.carousel-inner{background-color: white; border-radius: 8px; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.16); padding: 20px;}
.carousel-item{ padding: 85px 20px 45px 20px; height: 335px;}
.carousel-item h4{text-align: center; color: #003471; text-transform: uppercase; font-size: 20px;}
.carousel-item p{text-align: center; color: #545454; font-size: 17px;}
.carousel-indicators{bottom: -50px;}
.carousel-indicators li{background-color: #003471; opacity: 1; width: 15px; height: 4px;}
.carousel-indicators li.active{background-color: #FF9800; width: 30px;}


.footer{width: 100%;height: 50px;position: absolute;left: 0;z-index: 500;background: #003471;}
.middle-footer{padding-top: 17px;}
.footer_rights_reserved{ float: left; font-size: 15px; color: white; position: relative; line-height: 0.9;}
.footer_rights_reserved a{color: #FF9800;}
.footer_part_to_right{ width: auto; float: right; height: 24px; position: relative;}
.social_footer{ width: auto; height: 24px; float: right; position: relative;}
.social_footer_icon{ width: 24px; height: 24px; float: left; margin-right: 2px; cursor: pointer;}
.social_footer_icon:last-child{margin-right: 0px;}
.fb{background: url(../images/themes/travelPrimeBlue/fb.png);background-position: left;}
.in{background: url(../images/themes/travelPrimeBlue/in.png); background-position: left;}
.social_footer_icon:hover{background-position: right;}
.footer_text{ position: relative; float: right; color: #003471; font-size: 15px; font-weight: 900; margin-right: 10px;}


.g-recaptcha{transform: scale(0.7); margin-top: -5%; margin-left: -16%;}



@media all and (width: 1536px) and (height: 732px){
	.features{padding-top: 11%;}
}


@media all and (min-width: 1500px) and (max-width: 1580px){
	/*.laptop-img{
		top: -39%;
	}*/
	.intro-header{
		padding-top: 12%;
	}
	/*.screenshot{
		width: 81%;
		margin-top: -11%;
	}*/
	.intro-header-section-two{
		height: 280px;
		top: -280px;
	}
}


@media all and (max-width: 1024px){
	 .row.intro-header{margin-bottom: 0px;}
	.intro-header-con{height: unset; background-color: #e0e0e0;}
	.intro-header-section-one{height: unset; background-image: url('../images/intro-top-mobile.png')}
	.intro-header-section-two{display: none;}
	.screenshot{display: none;}
	.hidden-md{display: none;}
	.header-responsive{padding-left: 51%; padding-bottom: 25%; max-width: 100%; flex: 0 0 100%;}

	/*.laptop-img{top: -5%; left: -70%; height: 700px;}*/
	.slogan{font-size: 36px; line-height: 36px; margin-top: unset;}
	a.features-demo-btn{font-size: 25px;}
	.solution-title-orange{font-size: 28px; line-height: 26px;}
	.solution-title-blue{font-size: 28px; line-height: 26px;}
	.solution-item .solution-title{font-size: 15px; padding-top: 10px;}
	.solution-item .solution-text{font-size: 17px; line-height: 17px; height: 230px}
	.intro-middle-con{height: 250px;}
	.intro-middle{padding-left: 16%; padding-top: 4%;}
	.middle-title-one{font-size: 42px; line-height: 41px;}
	.middle-title-two{font-size: 42px; line-height: 41px;}
	.middle-title-three{font-size: 42px; line-height: 41px;}
	.middle-demo-btn{font-size: 14px; margin-top: -15%;}
	.testimonials-con h3{font-size: 28px;}
	.touch-form-con h3{font-size: 28px;}
	.carousel-item p{font-size: 15px;}
	.g-recaptcha{transform: scale(0.6); margin-top: -9%; margin-left: -25%;}
	.action-btn{ padding: 8px 12px; font-size: 15px;}
}

@media all and (min-width: 816px) and (max-width: 1001px){
	.shortcuts{padding-top: 2%;}
	.shortcut-con{padding-left: 8px; padding-right: 8px;}
	.shortcut-con span{font-size: 16px;}
}


@media all and (max-width: 815px){
	.demo-btn-top{display: none;}
	/*.laptop-img{top: 29%; left: -23%; height: 520px;}*/
	.slogan{font-size: 31px; line-height: 31px;}
	.shortcut-con{padding-left: 9px; padding-right: 9px;}
	.shortcut-con span{font-size: 15px;}
	a.features-demo-btn{font-size: 21px;}
	.management-item .progress-bar-grey{width: 71%;}
	.management-item .progress-bar-orange{width: 21%;}
	.solution-item .solution-title{font-size: 13px; padding-top: 10px;}
	.solution-item .solution-text{height: 180px;}
	.intro-middle-con{height: 200px;}
	.intro-middle{padding-left: 16%; padding-top: 3%;}
	.middle-title-one{font-size: 28px; line-height: 27px;}
	.middle-title-two{font-size: 28px; line-height: 27px;}
	.middle-title-three{font-size: 28px; line-height: 27px;}
	.middle-demo-btn{font-size: 11px; padding: 15px 19px; border-radius: 10px; margin-top: -15%;}
	.testimonials-con h3{font-size: 22px;}
	.touch-form-con h3{font-size: 22px;}
	.features-demo-btn-con{padding-top: 17%;}
}


@media all and (min-width: 451px) and (max-width: 814px){
	.shortcuts{display: none;}
}


@media all and (max-width: 450px){
	body, html{ text-rendering: optimizeLegibility;}
	.testimonials-con{margin-bottom: 50px;}
	.carousel-inner img{width: 17%;}
	.carousel-item{padding: 20px 20px 0px 20px; height: 282px;}
	.footer_rights_reserved{font-size: 13px;}
	.testimonials-con h3{margin-bottom: 15px; margin-top: 20px;}
	.carousel-item p{line-height: 20px;}
	.touch-form-con h3{margin-bottom: 15px;}
	.form-group{margin-bottom: 0px;}
	.form-text-input, .form-textarea{margin-bottom: 15px;}
	.intro-middle-con{height: 115px; padding-top: 14px;}
	.intro-middle{padding-top: 14px; padding-left: 8%; padding-right: 30px;}
	.middle-title-one{font-size: 19px; line-height: 19px;}
	.middle-title-two{font-size: 19px; line-height: 19px;}
	.middle-title-three{font-size: 19px; line-height: 19px;}
	.middle-demo-btn{padding: 8px; border-radius: 7px; margin-top: -18%;}
	.solution-item-con{padding-left: 15px; width: 48%; margin-bottom: 15px;}
	.solution-item .solution-text{height: 75px;}
	.solution-item .icon{width: 80%;}
	.solution-item .icon-con{height: 60px; width: 60px; padding: 8px 5px;}
	.laptop-img{display: none;}
	.management .management-title-orange{font-size: 19px; line-height: 19px;}
	.management .management-title-blue{font-size: 22px; line-height: 22px;}
	.management-items{padding-top: 15px;}
	.management-item{margin-bottom: 30px; padding-left: 15px;}
	.management-item .management-title h4::after{left: 25px;}
	.management{padding-top: 8%;}
	.features{padding-bottom: 9%;}
	a.features-demo-btn{font-size: 19px;}
	.features-sub-title-blue{font-size: 25px; line-height: 25px;}
	.features-sub-title-orange{font-size: 25px; line-height: 25px;}
	.features-sub-title-highlighted{font-size: 23px; line-height: 23px; padding: 3px 4px 7px 4px;}
	.logo-image{width: 185%;}
	.intro-header-section-one{padding-top: 16px;}
	.login-btn-top{font-size: 14px; padding: 3px 6px;}
	.header-responsive{padding-left: 51%; padding-bottom: 27%; }
	.slogan{font-size: 16px; line-height: 16px; margin-top: -38%;}
	.shortcuts{display: none;}
	.intro-header{padding-top: 24%;}
	.pad-0-xs{padding-right: 0px; padding-left: 0px;}
	.pad-right-5{padding-right: 15px;}
	.pad-left-5{padding-left: 15px;}
	.solution-title-blue{margin-top: 0px;}
	.right-border{display: none;}
	.before-right-border{width: 100%; padding-left: 0px;}
	.g-recaptcha{transform: scale(0.92); margin-left: unset; margin-top: -1%;}
	.form-btns{text-align: center !important; padding-top: 10px;}
	.touch-form-con .col-12{padding-left: 0px; padding-right: 0px;}
	.touch-form-con .form-group .row{margin-bottom: 0px;}
	.text-center-xs{text-align: center !important;}
	.solution-item .solution-title{font-size: 20px;}
	.social_footer{margin-top: -6px;}
	
}