@charset "utf-8";

/* GENERAL */
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700|Montserrat:400,600,700|Balthazar:400');
h1 {font-size:50px; margin-bottom:15px; width:100%; font-family:"Balthazar"; font-weight: normal!important;}
.center { text-align:center; font-size:50px;}
.white { color:#FFFFFF !important; }

* { margin:0; padding:0; /*font-weight:normal;*/ font-size:16px; font-family:"Poppins", "PT Sans", Verdana, Geneva, sans-serif; color:#888888; }
.clearboth { line-height:0; height:0; clear:both; }
img { border:0; }
a { text-decoration:none; color:#000; }


/* containing elements */
body { background-color:#ffffff; }
	#main { margin:0 auto; width:92%; max-width:1200px; }


/* homepage */
#circle { height:320px; width:320px; -moz-border-radius:160px; border-radius:160px; background-color:#362b43; margin:80px auto 0 auto; padding:0; }
	#title { color:#ffffff; font-size:65px; text-align:center; padding-top:116px; font-family:"PT Sans", Verdana, Geneva, sans-serif; }
	#by { margin:40px auto 0 auto; padding:0; text-align:center; }
	#enter { margin:90px auto 0 auto; padding:0; text-align:center; }

.someth9ng{color: #ff0000
}
/* header */
#header { width:100%; padding:20px 0; height:80px; }
	#logo { float:left; height:100px; width:100px; -moz-border-radius:50px; border-radius:50px; background-color:#362b43; padding:0; }
	#logotitle { color:#ffffff; font-size:22px; text-align:center; padding-top:36px; font-family:"PT Sans", Verdana, Geneva, sans-serif; }
	#logoby { float:left; margin:34px 0 0 25px; padding:0; font-size:24px; font-family:"PT Sans", Verdana, Geneva, sans-serif; width:210px; }


	/* topmenu */
	#topmenu { float:right; width:auto; margin:41px 0 0 0; }

		#topmenu ul { float:left; list-style:none; margin:0; padding:0; width:auto; height:20px }
		#topmenu ul li { float:right; height:20px; list-style:none; padding:0; color:#b6aea9; display:block; }
		#topmenu ul li a { float:left; display:block; color:#887c77; text-decoration:none; font-size:14px; padding:0 10px; }
		#topmenu ul li a:hover, #topmenu ul li a.highlight { display:block; color:#362b43; text-decoration:none;  }
		#topmenu ul li a.highlight {font-weight:600;}

@media(min-width: 768px) and (max-width: 1072px){
    #topmenu { margin:10px 0 0 30px;}
    #topmenu ul li a { font-size: 14px;}
}

/* content */
#content { width:1000px; }
#content72 { width:auto; margin:0 auto;}
    #content72 p{color:white; font-size: 20px;}
	.pricing { float:left; width:375px; margin-right:12px; }
    .pricing:last-child{margin:0;}
    .pricing p span{color:#fff;}
#content73 { /*width:1150px;*/ margin:0 auto; overflow: auto; min-height:590px;}

@media(max-width:1024px){
    #content73 { width:960px; margin:0 auto; min-height:450px;}
    .pricing{width:30%;}
}
#contentleft { float:left; width:13%; }
#contentright { float:left; width:13%; }
#container_contentmid {  }
	#contentmid { float:left; width:69%; padding:10px; /*border:1px solid #CCC;*/ margin:0 auto; }

#contentTest { float:left; width:69%; padding:10px; /*border:1px solid #CCC;*/ margin:0 auto; }

#imagecontentleft { float:left; width:13%; height:680px }
#imagecontentmid { float:left; width:74%; }
#imagecontentright { float:left; width:13%;height:680px }

#contentleft111 td{height:490px;}
#contentright111 td{ height:490px;}


.package-box { float:left;width:30%; border-radius:10px; padding:10px; margin-left:10px; height: 570px; position:relative; font-size:17px!important; line-height: 16px;}
.package-box ul { width:320px; list-style:none; }
.package-box ul li { cursor:default !important; text-align:left !important; min-width:320px !important;padding-left: 1em; line-height:25px;  }
.package-box ul li:before {
    content: "• ";
    color: white;
}
.packSpacer { clear:both; height:30px; }

.about-right {  }

@media(max-width: 1024px){
    #imagecontentleft{height:462px; width:10%;}
    #imagecontentmid{width:80%;}
    #imagecontentright{height:462px; width:10%;}

    #contentleft111 td{height:340px;}
    #contentright111 td{ height:340px;}
}



/* footer */
#footer { width:100%; margin-top:20px; padding-top:10px; /*border-top:1px dotted #bbbbbb;*/ }


/* font */
p { margin:0; padding:0; }
#by p { font-size:32px; font-family:"PT Sans", Verdana, Geneva, sans-serif; }
#enter p, #enter p a { font-size:30px; font-family:"PT Sans", Verdana, Geneva, sans-serif; text-decoration:none; }
#footer p { font-family:"Poppins", "PT Sans", Verdana, Geneva, sans-serif; font-size:14px; }
#footer p span.dark { font-family:"Poppins", "PT Sans", Verdana, Geneva, sans-serif; font-size:15px; font-weight:600; color:#362b43; margin-left:10px;  }
p.mar5 { margin:5px 0; }


.font16 { font-size:16px; }
.font20 { font-size:20px; font-size:1.1vw; }
    .font20 a{color:#000!important; font-size:14px; font-size:1.2vw;}
    .font20 span{font-size:20px; font-size:1.2vw;}
.font32 { font-size:32px; }
.font40 { font-size:40px; }
.font52 { font-size:52px; }




/* linkology */
#enter p a:hover { color:#362b43; }
#footer p a { font-family:"PT Sans", Verdana, Geneva, sans-serif; font-size:16px; text-decoration:none; color:#888888; }
#footer p a:hover { color:#362b43; }

a.onhover { opacity:1; }
a:hover.onhover, button:hover.onhover { opacity:0.7; -moz-transition:height 0.5s ease-out, opacity 0.5s ease; -webkit-transition: height 0.5s ease-out, opacity 0.5s ease; -o-transition: height 0.5s ease-out, opacity 0.5s ease; transition: height 0.5s ease-out, opacity 0.5s ease; }

a.footlink { text-decoration:underline !important; }
a.footlink:hover { text-decoration:none !important; color:#362b43; padding-top:5px; }

/* image slide */
.wrap { position:relative; margin:0;}



/* Frame */
.frame { height:710px; overflow:hidden; }
	.frame ul { list-style:none; height:671px;  margin:0; padding:0; }
		.frame ul li { float:left; width:1134px; height:671px; margin:0 20px 0 0; padding:0; background:#333; color:#ddd; text-align:center; cursor:pointer; overflow:hidden; }
			.frame ul li.active { color: #000000; background: #ffffff; }
		.frame ul li img { width: 100%; height: 100%;}


.frame2 { height:590px; overflow:hidden; }
	.frame2 ul { list-style:none; height:100%; margin:0; padding:0;}
		.frame2 ul li { float:left; height:100%; min-width:500px; margin:0 20px 0 0; padding:0; /*background:#333;*/ color:#ddd; text-align:center; cursor:pointer; overflow:hidden; }
			.frame2 ul li.active { color:#fff; /*background:#333;*/ }
		.frame2 ul li img { min-width:200px; width:100%; height:100%;}




.closeIcon { width:20px !important; height:20px !important; }

@media(max-width:1024px){
    .frame {height:440px}
        .frame ul li {width: 730px;}
    .frame2 {height:450px !important}
        /*.frame2 ul li{min-width:300px;}*/
		.frame2 img {min-width:300px; width:100%; height:100%;}
		
		/* footer */
		#footer { width:100%; margin-top:0 !important; padding-top:10px; }
		
		.packImg { max-height:150px !important; min-width:0 !important; max-width:200px !important }
		
		.package-box { height:430px !important; }	
		.package-box p { font-size:13px }
		.package-box ul { width:230px !important; list-style:none; }
		/*.package-box ul li { cursor:default !important; text-align:left !important; min-width:320px !important;padding-left: 1em; line-height:25px;  }*/
		.package-box ul li { font-size:13px; min-width:230px !important; max-width:200px !important;line-height:20px !important; }
		.packSpacer { clear:both; height:15px; }
		.closeIcon { width:20px !important; height:20px !important; max-width:20px !important; max-height:20px !important; min-width:20px !important; min-height:20px !important; }

		


}
/*@media(max-width:769px){*/
    /*.frame {height:670px}*/
    /*.frame2 {height:670px}*/
/*}*/



/* Scrollbar */
.scrollbar { margin:0 0 1em 0; /*height:2px; background:#cccccc;*/ line-height:0; }
.scrollbar .handle { width:100px; height:100%; background:#292a33; cursor:pointer; }
.scrollbar .handle .mousearea { position:absolute; top:0; left:0; width:100%; height:20px; }

.scrollbar { display:none; }

.backward, .backward2 { background:url('../images/iconleft.png') top left no-repeat; width:48px; height:45px; margin:0; padding:0; border:0; cursor:pointer; }
.forward, .forward2 { background:url('../images/iconright.png') top left no-repeat; width:48px; height:45px; margin:0; padding:0; border:0; cursor:pointer; }

.controls { margin: 25px 0; width: 100%; position: absolute; top: 40%; z-index: 9999; }
	.forward2 { float:right; margin-right:10px; }
	.backward2 { float:left; margin-left:10px; }


.autoh{height:100%;}

.page-table{border:1px solid grey; border-collapse: collapse;}
/*.page-table > tbody > tr > td{border:1px solid grey; border-collapse: collapse;}*/
.page-table td table{border-collapse: collapse; border: 0;}
.page-table table td{border-collapse: collapse; border:1px solid grey;}

.innertext{display: inline-block; width:100%; height:100%; background-color: #9f958f; padding:30px; box-sizing: border-box;}

.page-table .noborder td {border:0}

.wrapper{width: 74%; border:1px solid grey; margin: auto;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    max-height:741px;
    overflow:hidden;
}
/*.leftcol>img:after{*/
    /*content: ' ';*/
    /*display: block;*/
    /*background-color: red;*/
    /*height: 10px;*/
    /*width: 100%;*/
    /*position: absolute;*/
    /*bottom: 0;*/
/*}*/
@media(max-width: 1024px){
    .wrapper{width:85%}
}

.leftcol{position:relative; width:39%; padding:10px; box-sizing: border-box; border-right: 1px solid grey; overflow:hidden;}

.leftcol-inner{
    position: absolute;
    left:10px;
    right:10px;
    top:10px;
    bottom:10px;
    overflow: hidden;
}

.middlecol{width:24%;
    box-sizing: border-box;
    border-collapse: collapse;
    /*display: flex; */
    flex-direction: column;
}
    .middlecol img{padding: 10px;  border-collapse: collapse; box-sizing: border-box; flex-grow: 1}
        .middlecol > :nth-child(1) {border-bottom: 1px solid grey;}
        .middlecol > :nth-child(2) {border-bottom: 1px solid grey;}
/*.middlecol{border-bottom: 0!important;}*/

.rightcol{width:37%; box-sizing: border-box; display: -webkit-flex; display: flex; border-left: 1px solid grey;}
.rightcol > div {
    margin:10px; padding:30px; background-color: #9F958F;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.rightcol > div > *{
    align-self: flex-start;
    width:100%;
}
.rightcol > div > table {
    -webkit-align-self: flex-end;
    align-self: flex-end;
}
@media (max-width: 1024px) {
    .rightcol > div > table {position: absolute; bottom:20px; left:15px;}
}
.rightcol{ position: relative;}
.rightcol p{color:#fff!important; font-size: 20px;}
.rightcol p:first-child{color:#000!important;}
.rightcol table  td {font-size: 20px!important; border-top: 1px dashed #fff; padding: 3px 0;}
.rightcol table:last-child {border-bottom: 1px dashed #fff;}
.rightcol table  td  * {font-size: 20px!important}

.img-responsive{height:auto; width:100%;}

.pad{padding:15px;}
.page{
/*-webkit-flex-wrap: wrap;*/
/*flex-wrap: wrap;*/
    display: block;
    overflow: auto;
    width:97%;
    /*min-height:450px;*/
}
.pricingtable {width: 100%; height: 100%; padding: 10px 5px}
.pricingtable tr td{padding: 7px 20px;}

@media(max-width: 1024px) {
    .page{width:80%}

    .rightcol > div {padding:10px!important;}
    .rightcol table td{font-size: 16px!important;}
    .rightcol table td *{font-size: 1.5vw!important;}
}

@media(min-width: 1024px) and (max-width: 1280px) {
    .rightcol > div {padding:10px!important;}
    .rightcol table td{font-size: 16px!important;}
    .rightcol table td *{font-size: 1.4vw!important;}
}
@media(min-width: 1280px){
    .pricingtable tr td{padding:14px 20px}
}

.page_title { font-family:"PT Sans", Verdana, Geneva, sans-serif; font-size:3vw!important; color:#000000!important; padding-bottom: 20px; }

.brown{background-color: #9F958F;}

.clearfix:before, .clearfix:after{
    content: " ";
    display: table;
}

.pricingtable tr:nth-child(2) td {
    height: 245px!important;
}


.right_content { float:left; margin-left:10px; border:2px solid #b0aaa4; width:60%; /*height:auto;*/ min-height:505px; padding:15px 48px; background-color:#EFEBDE; background-image: url("../visageimages/about/about-image.PNG"); background-repeat:no-repeat; background-position: right bottom;}
.right_content p { margin-bottom:10px; font-size:15px; line-height: 20px; }



.gallery_content_holder { width:1200px; height:590px; background-color:#fff4b4;  }
.gallery_right_content { float:right; width:40%; height:auto; margin-right:100px; line-height: 18px; }
.gallery_right_content  p { margin-bottom:10px; color:#666 !important; }
	.gallery_right_content  p strong { color:#666 !important; font-weight:bold  }

@media(min-width: 1150px) and (max-width: 1320px) {
	.gallery_right_content {padding-left:170px; font-size:16px; float:none; }
	
}
@media(max-width:1150px) and (min-width:1024px) {
	.gallery_right_content {float:none; padding-left:150px; font-size:10px; width:31%; }
}
@media(max-width:1024px) {
	.gallery_right_content {float:none;}
}

@media(max-width: 1238px) {
	.right_content{width:56%; min-height:420px; max-height:420px; overflow-y: scroll; }
}

@media(max-width: 1024px) {
	.right_content { float:left; margin-left:10px; border:2px solid #b0aaa4; /*height:auto;*/ min-height:200px!important; max-height:398px!important;  padding:15px 30px;}	
	.gallery_content_holder  { height:460px; }
	.right_content h1 { font-size:30px !important; }
	.right_content p, .gallery_right_content  p { font-size:13px; }
	
	#footer, #footer a { font-size:13px !important; }
	.font16 { font-size:13px; }
	#footer p { font-family:"PT Sans", Verdana, Geneva, sans-serif; font-size:14px !important; }
	#footer p span.dark { font-family:"PT Sans", Verdana, Geneva, sans-serif; font-size:13px; color:#362b43; margin-left:10px;  }
	
}


#fadebg { width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; position: absolute; left:0; top:0;	z-index: 99999;}

#packagePop { position:absolute; top:5%; left:10%; display:none; z-index: 9999999;}
#packagePop .pad20 { padding:20px; padding-bottom:0 !important;  }
#popholder { width:930px; height:520px; background-color:#FFFFFF; box-shadow: 0px 0px 30px #222; position:relative; border-radius:10px; }
#popholder h3 { font-family:"PT Sans", Verdana, Geneva, sans-serif; font-size:58px; color:#444444; text-align:center; }
#popholder h3 span { color:#b27092; }
#closeEnPop { position:absolute; top:-10px; right:-10px; cursor:pointer }
.pop-content-scroll { height:400px; overflow-y:scroll} 
@media(max-width: 1024px) {
	#packagePop { position:absolute; top:5%; left:5%; display:none; z-index: 9999999;}
	#popholder { width:800px; height:400px; background-color:#FFFFFF; box-shadow: 0px 0px 30px #222; position:relative; border-radius:10px; }	
	#popholder p { font-size:11px !important; }
	#popholder h3 { margin-bottom:5px; font-size:15px !important; }
	.pop-content-scroll { height:340px; overflow-y:scroll} 
}