body
{
	padding: 0px;
	margin: 0px;
	color: #222;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif !important;
	overflow-x: hidden;;
	background: #f7f7f7;
}

.navbar-nav>li>a
{
padding:0px 10px !important;
}

.row
{
	margin:0px;
	width: 100%;
}

.imgRatio
{
	width:500px;
}

.mainBodyDiv
{
	

}



.header
{
	background:#fff;

	top:0px;
	height:120px;

	width: 100%;
	z-index: 2000;
            margin: 0px;

            color: #425462;
-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
}

.headerdark
{
	background:#fff;
	
	top:0px;
	height:110px;
	width: 100%;
	max-width: 1500px !important;
	z-index: 2000;
            margin: 0px;

            color: #425462;
-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);

}

.midPro
{
	padding: 10px;
	border:1px #eee solid;
	background:#fff;
	text-align:left;
}

.topLogo
{
	padding: 10px;
	text-align: left;
	
}

.videopad
{
	height:450px;width:100%;position:absolute;top:0px;left:0px;z-index:-1;
	overflow: hidden;
	display:block
}

.header .topMenu div
{
	color:#222;
}


.headerdark .topMenu div
{
	color:#222;
}

.topMenu a.active
{
	color: #C62B32;
}
.topMenu a
{
display: inline-block;
padding:20px 5px;
color: #222;
font-size: 13px;
position: relative;;
}



.topMenu a div.subMenu
{
	width: 100px;
	position: absolute;
	top:40px;
	left: 0px;
	background: #021029;
	height:200px;
	z-index: 200;
}

.topMenu a:hover div.subMenu
{
	display: block;

}

.topMenu i
{
font-size: 9px;
color: #fff;
}

.zigzag {
  position: relative;
  width: 100%;
  height: 65px;
   -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 1px 2px);

}
.zigzag:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 10px;
}
.container2 {
  background:rgba(255,255,255,1);
}
.container2:before {
  background:
    linear-gradient(
      45deg, transparent 33.333%,
      #fff 33.333%, #fff 66.667%,
      transparent 66.667%
    ),
    linear-gradient(
      -45deg, transparent 33.333%,
      #fff 33.333%, #fff 66.667%,
      transparent 66.667%
    );
  background-size: 10px 20px;
}

.serviceTable td
{
	padding:5px 10px;
}


.midBoxWhite i
{
	color:#e74c3c;
}




.midBoxWhite h4
{
	color:#e74c3c;
	font-weight: bold;
}

.shadow
{
	-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.5);

}

.midBoxWhite
{
	margin: 10px;
	border-radius: 3px;
-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
            background:#fff;
            
            
            text-align: left;
            color: #888
}

.midBox
{
	margin: 10px;
	border-radius: 3px;
-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.1);
            background:#021029;
            color: #fff;
}


.btn-default-border
{
		background:transparent !important;
	border:2px #fff solid !important;
	color: #fff;
}

.label-danger
{
	background:#c62b32 !important;
}

.label-success
{
	background: #5ECB66 !important;
}

.btn-success-border
{
		background:transparent !important;
	border:2px #5ECB66 solid !important;
	color: #5ECB66;
}

.btn-success
{
	background: #5ECB66 !important;
	border:0px !important;

}

.text-danger
{
	color: #349ABA !important;;
}

.btn-danger
{
	background: #349ABA !important;
	border:0px !important;
}
.menuTop td
{
	cursor: pointer;;
}
.menuTop td div.hoverthing
{
	position:absolute;top:0;left:0;height:400px;background:rgba(0,0,0,0.8);width:100%;
	display: none;
	text-align: center;
}

.menuTop td div.hoverthing button
{
	display: none !important;
}


.menuTop td:hover div.hoverthing
{

	display: block;
}

.menuDispWhite td
{
text-align: center;
font-size: 10px;
color: #fff;
padding: 0px 5px;
}


.menuDispWhite td i
{
font-size: 9px;
color: #fff;
float: right;
margin-top:-13px;
}


.menuDispWhite td div
{
text-align: center;
font-size: 14px;
font-weight: bold;
}



.menuDisp td
{
text-align: center;
font-size: 10px;

padding: 0px 5px;
}


.menuDisp td i
{
font-size: 9px;
color: #e74c3c;
float: right;
margin-top:-13px;
}


.menuDisp td div
{
text-align: center;
font-size: 14px;
font-weight: bold;
}





.menuDispLarge td
{
text-align: center;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
padding:20px;
}


.menuDispLarge td i
{
font-size: 30px;
color: #ccc;
}


.menuDispLarge td div
{
text-align: center;
font-weight: bold;
}


.promo {
  -webkit-clip-path: polygon(0 0, 1600px 30%, 1600px 100%, 0 80%);
  clip-path: polygon(0 0, 1600px 30%, 1600px 100%, 0 80%);
}



.promo1 {
  -webkit-clip-path: polygon(0 0, 1600px 55%, 1600px 55%, 0 100%);
  clip-path: polygon(0 0, 1600px 55%, 1600px 55%, 0 100%);
}

.input
{
	-webkit-appearance:none;
	background: #fff;
	border:1px #eee solid;
	font-family: 'Exo 2';
	font-size: 13px;
	color: #666;
	padding:5px 10px;
	width: 100%;
	border-radius:0px !important;
	height:40px;
}


.crapGradient
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231f20+0,c62b32+100 */
background: #231f20; /* Old browsers */
background: -moz-linear-gradient(-45deg, #231f20 0%, #c62b32 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #231f20 0%,#c62b32 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #231f20 0%,#c62b32 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#c62b32',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.call_me
{
	position: fixed;
	bottom:-100px;
	left:20px;
	background: #c62b32;
	height:70px;
	width: 70px;
	border-radius:50%;
	z-index: 200;
	text-align: center;
	padding-top: 15px;
	color: #fff;
	font-size:24px;

}

.call_meShow
{
	position: fixed;
	bottom:20px;
	left:20px;
	background: #18c8b3;
	height:70px;
	width: 70px;
	border-radius:50%;
	z-index: 200;
	text-align: center;
	padding-top: 15px;
	color: #fff;
	font-size:24px;
}

.mobBox
{
	padding:30px 20px;font-size:12px;font-weight:bold;;text-align:left;
	margin: 10px;
	border-radius: 3px;
            background: #fff;
            border:1px #eee solid;
            
}

.mobBox i
{
	font-size:40px;
	
}

.greenBorder
{
	height: 6px;
    width: 50px;
    background: #c62b32;
    border-radius: 10px;
    margin-top: 10px;
}
.footer a
{
color: #8997a7 !important;
text-decoration: none !important;
}


.ulBorder
{
	list-style: none;
	padding:0px;
	margin: 0px;
	border:0px !important;
}

.ulBorder li
{
	display: inline-block;
	border-bottom:3px #ccc solid;
	border-top:3px #ccc solid;
	padding: 10px 10px;
	margin: 0px 20px;
	color: #ccc;
	cursor: pointer;
}

.ulBorder li a
{
	border:0px !important;
	padding: 0px !important;
	color: #ccc !important;
}



.ulBorder li.active
{
	display: inline-block;
	border-bottom:3px #349ABA solid;
	border-top:3px #349ABA solid;
	padding: 10px 10px;
	margin: 0px 20px;
	color: #349ABA
}


.ulBorder li.active a
{
	color: #349ABA !important;
}
.btn-default-border:hover
{
color:#fff !important;
}

.panel-group {
    margin-bottom: 0px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px !important;
}

.panel {
background: #fff !important;
border:0px !important;
border-bottom:1px #eee solid !important;
}


.panel-heading {
background: #f7f7f7 !important;
}

.table-price td
{
padding: 20px !important;
}

.payTable td
{
padding:10px;
text-align: left;
}


.payTable td input
{
-webkit-appearance:none;
	background: #fff;
	border:1px #eee solid;
	font-family: 'Exo 2';
	font-size: 13px;
	color: #666;
	padding:5px 10px;
	width: 100%;
	border-radius:0px !important;
	height:40px;
}


.topMenuLi li
{
	padding:10px;
	border-bottom:1px #eee solid;
}

.header .navbar-nav li a
{
	color:#000 !important;
	font-weight: bold !important;
	font-size: 14px !important;
	background: transparent !important;
	border-bottom:2px  transparent solid;
}


.headerdark .navbar-nav li a
{
	color:#222 !important;
	font-size: 14px !important;
	background: transparent !important;
	border-bottom:2px  transparent solid;
}

.navbar-nav li a:hover
{
	background: transparent !important;
	border-bottom:2px  #ea8898 solid;
}


.header .topMenuLi li a
{
	color:#222 !important;
}

.pearlsbox td
{
	position: relative;
	cursor: pointer;
	height:125px;
}

.pearlsbox td:hover
{
	
background: #5ac0a0;
background: -moz-linear-gradient(-45deg, #5ac0a0 0%, #e38444 50%, #d53f40 100%);
background: -webkit-linear-gradient(-45deg, #5ac0a0 0%,#e38444 50%,#d53f40 100%);
background: linear-gradient(135deg, #5ac0a0 0%,#e38444 50%,#d53f40 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac0a0', endColorstr='#d53f40',GradientType=1 );	text-align: center;


}


.pearlsbox td:hover div
{
	display: block;
}

.footerlinks a:hover
{
	cursor: pointer;
	text-decoration: underline !important;
}

#toplogo
{
	height:90px;
	margin-top:5px;border-radius:5px;
}

.introImg
{
	text-align: left;
	padding:100px 20px;
}

.introtext
{
	padding:80px 20px;
	text-align:left
}


.latestvideo
{
	text-align:left;padding-top:200px;
}

.latestVideohead
{
	padding:50px 20px 150px 20px;
	background:#fff;
}

.latestVideoRow
{
	width: 90%;
}


.celebPro
{
	height:200px;width:200px;
}

.lastCelebImage1
{
	margin-top:-290px;
}


.leafImage
{

margin-left:-70px;margin-top:100px;
}


.indexSlide
{
	height:1000px;
}

.indexMember
{
	display: inherit;;
}
.menuButton
{
	display: none;
}


.boxHeading
{
	padding:270px 15px;
}

@media only screen and (max-width: 2000px) {
.indexSlide
{
	height:700px;
}

}


@media only screen and (max-width: 800px) {
.pearlsbox
{
	display: none
}
#toplogo
{
	height:60px;
	margin-top:10px;border-radius:5px;
	margin-left:-20px;
}


.introtext
{
	padding:20px 20px;
	text-align:left
}

.introImg
{
	text-align: center;
	padding:20px 20px;
}


.row
{
	margin:0px;
	width: 100%;
}

.latestVideohead
{
	padding:20px 20px;
	background:#fff;
}

.latestvideo
{
	text-align:left;padding-top:20px;
}

.latestVideoRow
{
	width: 100%;
}

.latestVideoRow .col-sm-6 , .latestVideoRow .col-sm-8, .latestVideoRow .col-sm-12 
{
	padding:0px;
}




.celebPro
{
	height:300px;width:300px;
}

.lastCelebImage1
{
	margin-top:10px;
}


.leafImage
{

margin:auto;
}


.navbarDesk
{
	display: none;
}

.topMenu
{
	display: none;
}

.imgRatio
{
	width:300px;
}

.header
{
	height:100px;
}

.navbarMob li
{
	border-bottom:1px #eee solid !important;
	width: 100% !important;
	padding:20px;
}

.indexSlide
{
	height:130px !important;
}


.indexMember
{
	display: none;
}
.menuButton
{
	display: block;
}

.boxHeading
{
	padding:150px 15px;
}


}
.albumBox
{
	padding:10px 10px;font-size:12px;font-weight:bold;;text-align:left;
	margin: 10px;
	border-radius: 3px;
            background: #fff;
            border:1px #eee solid;
            
}
