@charset "utf-8";
/* CSS Document */


/*---1. IdxHeader Bg,InnerHeader Bg---*/
/*---2. DateBg---*/
/*---3. Buttons---*/
/*---4. SepLine---*/




/*---1. IdxHeader Bg,InnerHeader Bg---*/
.TopHeader {
    position: absolute;
    z-index: 1;
    background-color: transparent;
    width: 100%;
    top: 0px;
    left: 0px;
    padding: 8px 0;
    box-sizing: border-box;
}
.TopHeader.IdxTopHeader:before {
	content: ' ';
	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00ffffff',GradientType=0 );
	width: 100%;
	height: 175px;
	z-index:-1;
	top: 0px;
	left: 0px;
	position: absolute;
}
.TopHeader.ContactTopHeader:before {
	display: none;
}
.HomeTop {
    position: fixed;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
}
.IdxHeaderBg {
	position:relative;
	z-index:0;	
    overflow: hidden;
	/*height: 657px;*/
	line-height: 0;
}
.IdxHeaderBg img {
	width:100%;
	max-width:100%;	
    margin-bottom: -8px;
}
.IdxHeaderBg:before {
    content: ' ';
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.IdxHeaderBg .slides li { 
	background-size:cover !important;
	background-repeat:no-repeat;
	background-position:top left;
}
.InnerHeaderBg {
	position:relative;
	background-repeat:no-repeat;
	background-position:top left;	
	z-index:0;
	min-height:360px;
	height:360px;
	background-size:cover !important;
	display:table;
	width:100%;
}
.InnerHeaderBg .Wrapper {
    display: block;
    vertical-align: middle;
    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 0px;
}
.InnerHeaderBg:before {
    content: ' ';
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.InnerHeaderBg h1.Title {
    color: #fff;
    position: relative;
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding-bottom: 5px;

}

/*---2. DateBg---*/

.DateBg {
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 25px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-transform: uppercase;
    float: left;
    background-color: #007a41;
}
.DateBg h5 {
    padding: 5px;
}

/*---3. Buttons---*/

.TransWhiteBtn {
	display:inline-block;
	color:#ffffff;
	font-size:11px;
	text-align:center;
	line-height:20px;
	text-transform:uppercase;
	font-family: 'montserratbold';
	letter-spacing:0.5px;
}
.TransWhiteBtn a{
	display:block;
	background-color:transparent;
	color:#fff;
	padding:13px 23px;
	border:1px solid #fff;
	transition: ease-in 0.2s;
}
.TransWhiteBtn a:hover {
    display: block;
    background-color: #ee88b1;
    border: 1px solid #ee88b1;
    color: #fff;
}

.LetsConnectBtn {
	display:inline-block;
	color:#ffffff;
	font-size:30px;
	text-align:center;
	line-height:40px;
	text-transform:uppercase;
	font-family: 'BebasRegular';
	letter-spacing:0px;
}
.LetsConnectBtn a{
	display:block;
	background-color:transparent;
	color:#3d3a39;
	padding:21px 66px 11px;
	border:4px solid #3d3a39;
	transition: ease-in 0.2s;
}
.LetsConnectBtn a:hover{
	display:block;
	background-color:#3d3a39;
	border:4px solid #3d3a39;
	color:#fff;
}


.TrnsBtn {
	display:inline-block;
	color:#ffffff;
	font-size:11px;
	text-align:center;
	line-height:20px;
	text-transform:uppercase;
	font-family: 'montserratbold';
	letter-spacing:0.5px;
}
.TrnsBtn a{
	display:block;
	background-color:transparent;
	color:#3d3a39;
	padding:14px 19px 12px;
	border:1px solid #3d3a39;
	transition: ease-in 0.2s;
}
.TrnsBtn a:hover{
	display:block;
	background-color:#3d3a39;
	border:1px solid #3d3a39;
	color:#fff;
}

.PinkSemiBtn {
	display:inline-block;
	color:#ffffff;
	font-size:24px;
	text-align:center;
	line-height:34px;
	text-transform:uppercase;
	font-family: 'BebasRegular';
	letter-spacing:0.5px;
}
.PinkSemiBtn a{
	display:block;
	background-image:url(../images/gif/pink-semi-circle-btn-bg.gif);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	color:#3d3a39;
	padding: 35px 30px;
    transition: ease-in 0.5s;
    min-height: 103px;
    box-sizing: border-box;
	min-width: 268px;
	position: relative;
    /*-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;*/
}
/*.PinkSemiBtn a:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 8%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition: ease-in-out 0.3s;
    transform: rotate(-3deg);
}*/
.PinkSemiBtn a:hover{
	display:block;
	color:#ee88b1;
	/*-webkit-transform: translateY(-5px);
    transform: translateY(-5px);*/
}
/*.PinkSemiBtn a:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px), rotate(-3deg);
    transform: translateY(5px), rotate(-3deg);
}*/

.BlackSemiBtn {
	display:inline-block;
	color:#ffffff;
	font-size:24px;
	text-align:center;
	line-height:34px;
	text-transform:uppercase;
	font-family: 'BebasRegular';
	letter-spacing:0.5px;
}
.BlackSemiBtn a{
	display:block;
	background-image:url(../images/gif/black-semi-circle-btn-bg.gif);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	color:#3d3a39;
	padding: 22px 18px 10px;
    transition: ease-in-out 0.5s;
    min-height: 70px;
    box-sizing: border-box;
    min-width: 147px;
    position: relative;
    /*-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;*/
}
/*.BlackSemiBtn a:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
	transition: ease-in-out 0.3s;
}*/
.BlackSemiBtn a:hover {
    display: block;
    color: #81c1cb;
    /*-webkit-transform: translateY(-5px);
    transform: translateY(-5px);*/
}
/*.BlackSemiBtn a:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}*/

.OrangeSemiBtn {
	display:inline-block;
	color:#ffffff;
	font-size:24px;
	text-align:center;
	line-height:34px;
	text-transform:uppercase;
	font-family: 'BebasRegular';
	letter-spacing:0.5px;
}
.OrangeSemiBtn a{
	display:block;
	background-image:url(../images/gif/black-semi-circle-btn-bg.gif);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	color:#3d3a39;
	padding: 22px 18px 10px;
    transition: ease-in-out 0.5s;
    min-height: 70px;
    box-sizing: border-box;
    min-width: 147px;
    position: relative;
}
.OrangeSemiBtn a:hover {
    display: block;
    color: #81c1cb;
}


/*---4. SepLine---*/

hr{
	border:0px;
}
.BlackSepLine {
	border-bottom:2px solid #000;
	width:200px;
	margin:20px 0 ;
	text-align:left;
}
.GraySepLine {
    border-bottom: 1px solid #928e8b;
    width: 230px;
    margin: 20px auto;
    text-align: center;
}