html {height:100%;overflow-x: hidden;}

body {height:100%;}

body.modal-open {
    overflow: visible;
    padding-right: 0!important;
}

/*color*/
.text-white {
	color: #ffffff;
}
.text-red {
	color: #cc292d;
}
.icon-c {
	color:#c8c8c8;
}

/*fonts*/  

.arvo-f {
	font-family: 'Arvo', serif;
}
.open-f {
	font-family: 'Open Sans', sans-serif;
}

/*MODAL*/
.overflow-content{max-height: calc(100vh - 210px); overflow-y: auto;}



/*PARALAX*/
.para-numbers {
	background-image: url("../asset/paralax/para-a.jpg");
	background-position: center;
}
.para-contact {
	background-image: url("../asset/paralax/para-c.jpg");
	background-position: center;
}
.para-message {
	background-image: url("../asset/paralax/para-b.jpg");
	background-position: center;
}

/*button*/ 
.btn-slide {
	margin-top: 70px;
}
.btn-about {
	margin:20px 20px;
}

.btn-custom {
	border:1px solid #2a1c06;
	-webkit-box-shadow: #2a1c06 1px 1px 1px  ;
	-moz-box-shadow: #2a1c06 1px 1px 1px ; 
	box-shadow: #2a1c06 1px 1px 1px  ; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:14px;
	padding: 10px 22px 10px 22px;
	text-decoration:none; 

	font-weight:bold; 
	color:#ffffff;
	background-color: #8a1619; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cc292d), to(#8a1619));
	background-image: -webkit-linear-gradient(top, #cc292d, #8a1619);
	background-image: -moz-linear-gradient(top, #cc292d, #8a1619);
	background-image: -ms-linear-gradient(top, #cc292d, #8a1619);
	background-image: -o-linear-gradient(top, #cc292d, #8a1619);
	background-image: linear-gradient(to bottom, #cc292d, #8a1619);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cc292d, endColorstr=#8a1619);
}

.btn-custom:hover {
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.24),0 10px 20px 0 rgba(0,0,0,0.19);
	border:1px solid #2a1c06;
	background-color: #8a1619; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8a1619), to(#cc292d));
	background-image: -webkit-linear-gradient(top, #8a1619, #cc292d);
	background-image: -moz-linear-gradient(top, #8a1619, #cc292d);
	background-image: -ms-linear-gradient(top, #8a1619, #cc292d);
	background-image: -o-linear-gradient(top, #8a1619, #cc292d);
	background-image: linear-gradient(to bottom, #8a1619, #cc292d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8a1619, endColorstr=#cc292d);
}

.btn-custom:active, .btn-custom:focus, .btn-custom:active:focus, .btn-custom.active:focus {
    outline: 0 none !important; 
}

.btn-custom-serv:focus{
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.24),0 10px 20px 0 rgba(0,0,0,0.19);
	border:1px solid #2a1c06;
	background-color: #8a1619; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8a1619), to(#cc292d));
	background-image: -webkit-linear-gradient(top, #8a1619, #cc292d);
	background-image: -moz-linear-gradient(top, #8a1619, #cc292d);
	background-image: -ms-linear-gradient(top, #8a1619, #cc292d);
	background-image: -o-linear-gradient(top, #8a1619, #cc292d);
	background-image: linear-gradient(to bottom, #8a1619, #cc292d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8a1619, endColorstr=#cc292d);
	 outline: 0 none !important; 
}


/*padding margin*/ 

.sm-margin {
	margin-top: 20px;
	margin-bottom: 20px;
}

.pad-space {
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.img-space {
	padding: 30px;
}

.mar-space {
	margin-left: 40px;
	margin-right: 40px;
}

.no-space{
    padding-right:0px;
    padding-left:0px;
}

/*home*/
.malacca-logo {
	padding: 15% 50px 10% 50px;
}

.full-screen {
	background-size: cover;
	background-position: center;
}

.home-logo {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 1;
}

/*slide*/

.cont-title {
	font-size: 25pt;
	font-weight: 600;
	
}
.slide-title {
	font-size: 55pt;
	font-weight: 600;
}

.text-title {
	font-size: 30pt;
	font-weight: 600;
}
.text-title-s {
	font-size: 22pt;
	font-weight: 600;
}

/*all content*/
a:hover {
	text-decoration: none;
    color:#29d5f3;
}
.icemax{
	color:#51b8ca;
}


.h-marg {
	margin-top:150px;
	margin-bottom: 150px;
}

.m-marg {
	margin-top:100px;
	margin-bottom: 100px;
}
.s-marg {
	margin-top:100px;
	margin-bottom: 50px;
}
.tit-marg {
	margin-bottom: 100px;
}
.tit-pad {
	padding: 0px 30px;
}

.f-marg {
	margin-top: 30px;
	margin-bottom: 20px;
}

.cuzt-input {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	
}

.p-graph {
	font-size: 14pt;
}
.p-graph-marg {
	margin-top: 10px;
}
.a-row {
	min-height: 100%;
	position:relative;



}
.b-row{
	min-height: 55%;
	position:relative;


}
.c-row{
	min-height: 35%;
	position:relative;


}
.d-row{
	min-height: 11%;
	position:relative;

}
.e-row{
	height: auto;
	position:relative;

}

.gray-bg {
	background-color: #f2f2f2;
}

.red-bg {background-color: #cc292d;}
.white-bg {background-color: #fff;}

.regular {
	font-weight: 400;
}

.sbold {
	font-weight: 600;
}
.bold {
	font-weight: 700;
}

.t-cuztom {
	
	border: 1px solid white;
	margin: 0px;
}
.t-d-cuz {
	background-color: #cc292d;
	border: 5px solid #cc292d;
	width: auto;
	height: auto;
}

.t-shadow {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.37);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.37);
}


/*navigation*/

.home-logo-nav {
	height: 47px;
	z-index: 1;
	position: absolute;
	z-index: 1;
	display: none;
}

.focus-p {
	background: #343434;
	border-bottom: 4px solid #cc292d !important;
}
.link-h {
	border-bottom: 4px solid #1e1e1e;
}
.link-h:hover {
	background-color: #343434 !important;
	cursor: pointer;
	border-bottom: 4px solid #343434;
}

.absolute-top {
	position: absolute; width: 100%;
}

.navbar-nav li {
	padding: 0px 10px;
	margin: 0px;
}
.nav-color {
	background-color:#1e1e1e;
}
.navbar-nav > li > section {
	padding-left: 30px;
	padding-right: 30px;
	padding-top:20px !important;
	padding-bottom:20px !important;
	font: #ffffff;
	font-size: 10pt;

}
.navbar-nav > li {
	padding-left: 0px;
	padding-right: 0px;
}

.navbar { border:0px; width: 100%;}

/*about*/
.numbers-s {
	font-size: 60pt;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

/*services*/
.margin-btn {
	margin: 3px;
	padding: 6px 0px;
}
.btn-services {
	width: 100%;
}
.grid {
	border: 0px;
	margin:0px;
	padding: 0px;
}

/*contact*/
.num-bg {
	background-color: rgba(255, 255, 255, 0.18);
}

.contact-marg {
	margin-top:100px;
	margin-bottom: 30px;
}

/*footer*/
.f-bg {
	background-color: #1e1e1e;
}

/*section link*/ 

.link_anchor {
	width: 100%;
	height: 30px;
	position:absolute;
	bottom:0;
	background: transparent;
	padding: 0px;
}

/*centering*/
.divcenter {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

/* sean add ons */
	
.m-topsmall{
	margin-top: 10px;
}

.m-top{
	margin-top:20px;
}
.m-botsmall{
	margin-bottom:40px;
}

.m-bot{
	margin-bottom:10px;
}

.m-topneg{
	margin-top: -20px;
}

.m-tops{
	margin-top: 30px;
}

.dark_bg{
	color: #ffffff !important;
}

.icemaxlink a:link {
    text-decoration: none;
}

.icemaxlink a:hover{
	color:#29d5f3;
}

.icemaxlink a:focus{
	color:#51b8ca;
}

.afooterlink a:link {
    text-decoration: none;
}

.afooterlink a:hover{
	color:#ea5e62;
}
.afooterlink a:focus{
	color:#ffffff;
}
.footermalacca{
	color:#ffffff;
}

.modal-style{
	background-color: #be1e2d; 
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px;
}

.modal-body-modal{
	color: #1ABB9C;
	vertical-align: middle; 
	padding-right: 15px;
}

/* end */


@media only screen and (max-width: 1400px) {
	.slide-title {
		font-size: 40pt;
	}
	.malacca-logo {
	padding: 18% 50px 8% 50px;
	}
}

@media only screen and (max-width: 1280px) {
	.malacca-logo {
		padding: 15% 50px 5% 50px;
	}
	.slide-title {
		font-size: 35pt;
	}
	.cont-title {
		font-size: 20pt;
	}

	.numbers-s {
		font-size: 40pt;
	}

}

@media only screen and (max-width: 1199px) {
	.num-icon {
		margin-top: 70px;
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 1024px) {
	.slide-title {
		font-size: 30pt;
	}
}

@media only screen and (max-width: 991px) {
	.num-marg {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.btn-services {
		margin-bottom: 10px;
	}
	.btn-serv-mrgn {
		margin: 0 25px;
	}
	.find-us {
		margin-top: 60px;
	}
}

@media only screen and (max-width: 960px) {
	.malacca-logo {
		padding: 10% 350px 0% 350px;
	}
}

@media only screen and (max-width: 800px) {
	.malacca-logo {
		padding: 8% 300px 0% 300px;
	}
}


/*RESPONSIVE NAV*/
@media only screen and (max-width: 767px) {

	.navbar li {
		padding:  0px !important;
	}
	.navbar {
		padding:  0px !important;
		margin:   0px !important;
		border:   0px !important;
	}
	.navbar-nav {
		margin-top:  0px !important;
		margin-bottom:   0px !important;
	}
	.navbar-nav > li > section {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.link-h:hover {
		background-color: #343434 !important;
	}
	.home-logo {
		display: none;
	}
	.home-logo-nav {
		display: block;
	}
	.text-title-s {
		font-size: 17pt;
	}
	.text-title {
		font-size: 25pt;
	}
	.p-graph {
		font-size: 11pt;
	}

}
/*RESPONSIVE NAV*/

@media only screen and (max-width: 414px) {
	.malacca-logo {
		padding: 20% 70px 10% 70px;
	}
	.slide-title {
		font-size: 25pt;
	}
}

@media only screen and (max-width: 375px) {
	.malacca-logo {
		padding: 20% 50px 10% 50px;
	}
	.foo-text {
		font-size: 8pt;
	}
}


@media only screen and (max-width: 320px) {
	.malacca-logo {
		padding: 15% 50px 5% 50px;
	}
	.slide-title {
		font-size: 20pt;
	}
}

@media only screen and (max-width: 260px) {
	.malacca-logo {
		padding: 0% 50px 0% 50px;
	}
	.slide-title {
		font-size: 15pt;
	}
}