@import url(http://fonts.googleapis.com/css?family=Bitter:400,700,400italic|Lato:400,300,300italic,400italic,700,700italic,900italic,900);

/*
font-family: 'Bitter', serif;
font-family: 'Lato', sans-serif;
*/

#print{display:none;}

.square{
	border: 2px solid #000000;
    width:25px;
    height:25px;
	margin-right:5px;
	display: inline-block;
	vertical-align:bottom;   
}

#pcenter {
  left: 50%;
  position: absolute;
  top: 50%;
  width:100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.type{
	font-family: 'Bitter';
	font-size: 24px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	position: relative;
	top: -55px;
	color: #3f585c;
}

.spinner {
	margin: 100px auto;
	width: 100px;
	height: 50px;
	text-align: center;
	font-size: 64px;}

.spinner > div {
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect1 {
  background-color: #3f585c;
}

.spinner .rect2 {
  background-color: #533827;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  background-color: #ff012f;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  background-color: #009865;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  background-color: #f67a56;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
	0%, 40%, 100% { 
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	  	}  20% { 
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	  	}
}

body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	-webkit-font-smoothing:antialiased;
}

.grid-highlight {
	margin-bottom:5px;
}

.grid-highlight [class^="grid_"] {
	line-height:30px;
	text-align:center;
	background-color:#FFFFFF;
}

.NTATM{
	margin:100px auto;
	text-align:center;
}

.boxgreen{
	position:relative;
    border: 1px solid #3f585c;
    margin-bottom: 25px;
    padding: 20px;
	font-family: 'Bitter'; 
    font-size: 16px;
	text-align:center;
	background-color:#77a536;
	color:#FFFFFF;
	outline: none;
}

.boxgreen a{
	position:relative;
    margin-bottom: 25px;
    padding: 20px;
	font-family: 'Bitter'; 
    font-size: 16px;
	text-align:center;
	background-color:#77a536;
	color:#FFFFFF;
	text-decoration:none;
	outline: none;
}

.boxgreen a:hover{
	position:relative;
    margin-bottom: 25px;
    padding: 20px;
	font-family: 'Bitter'; 
    font-size: 16px;
	text-align:center;
	background-color:#8bc141;
	color:#FFFFFF;
	text-decoration:none;
	outline: none;
}

.members-box{
    margin-bottom: 10px;
    padding: 20px;
}

.css-block{ 
	display:block;  
    padding: 10px;
	width:90%;
	margin:0 auto;
    text-align: center; 
    color: #FFFFFF; 
    font-family: 'Bitter'; 
    font-size: 16px; 
    background-color: #2A9131;
    border-radius: 5px;
}

.pad-b25{
	padding-bottom:25px;
}

.ticket-oc{
	display:block;
	float:right;	
}

.ticket-oc li{
	float:left;
	display:inline;
	margin-left:25px;
}

.notices li{
    display: inline;
    float: left;
    list-style: none outside none;
    margin-right: 25px;
    width: 46%;
}

.members li{
    display: inline;
    float: left;
    list-style: none outside none;
	margin-right: 75px;
	width: 45%;
}

.members li:nth-child(2) {
    margin-right: 0;
}

.members li:nth-child(4) {
    margin-right: 0;
}

.members li:nth-child(6) {
    margin-right: 0;
}

.members li:nth-child(8) {
    margin-right: 0;
}

.members li:nth-child(10) {
    margin-right: 0;
}

.hero-wrap{
	width:100%;
	height:620px;
	background-image:url(../images/allkids.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

.box-wrap-curve-up{
	width:100%;
	height:auto;
	background-image:url(../images/blue_curve_up.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.box-wrap{
	width:100%;
	height:auto;
}

.border-none{
	border:none !important;
}

.box{
    border: 1px solid #3f585c;
    margin-bottom: 25px;
    padding: 20px;
    border-radius: 10px;
}

.icon{
    border: 0px solid #3f585c;
    #background-color: #3f585c;
    margin-bottom: 25px;
    padding: 20px;
    border-radius: 10px;
	padding: 15px 25px;
  	font-size: 16px;
  	text-align: center;
  	cursor: pointer;
  	outline: none;
  	color: #FFFFFF;
  	#box-shadow: 0 9px #999;
}

.icon:hover {
	background-color: #dccf9f}

.icon:active {
  background-color: #aeae67;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.box1{
    border: 1px solid #3f585c;
    margin-bottom: 25px;
    padding: 20px;
    border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.boxg{
    border: 1px solid #3f585c;
    margin-bottom: 25px;
    padding: 20px;
	float:left;
	display:inline-block;
}

.boxg a{
    border: 1px solid #3f585c;
    margin-bottom: 25px;
    padding: 20px;
	float:left;
	display:inline-block;
}

.boxg a:hover{
    border: 1px solid #3f585c;
    margin-bottom: 25px;
    padding: 20px;
    font-weight: 700;
}

.contact-list{
	float:left;
}

.contact-list li{
	display:inline;
	margin-right:55px;
}

.header-wrap{
	display:block;
}

header{
	position:relative;
	z-index:2;
	width:100%;
	height:auto;
	padding:15px 0 15px 0;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.logo{
	display:inline-block;
	float:left;
	width:100%;
}

.top-bar{
	width:100%;
	height:auto;
	padding:5px 0 5px 0;	
}

.max-logo{
	max-width:400px;
	margin:0 auto;
	width:100%;
}

.total-amount{
	display:block;
	font-family: 'Bitter', serif;
	font-weight:400;
	font-size:16px;
	text-align:left;
	margin-top:2px;
}

a.top-nav-btn,top-nav-btn{
	padding:1px 16px 0;
	display:inline-block;
	color: #FFFFFF !important;
	/*background-color: #3f585c;*/
	font-family: 'Bitter', serif;
	font-size:16px;
	text-decoration:none;
	/*border:1px solid #3f585c;*/
	cursor:pointer;
	transition:all .1s linear 0s;
	-moz-transition:all .1s linear 0s;
	-webkit-transition:all .1s linear 0s;
	-o-transition:all .1s linear 0s;
	margin-bottom:none !important;
}

:hover.top-nav-btn{
	/*border:1px solid #3f585c;
	background-color: #3f585c;*/
	color:#e1d5ac !important;
}

.selected-top a   {
	/*border:1px solid #3f585c;
	background-color:#3f585c;*/
	color:#e1d5ac !important;
}

.video-btn{
	position:relative;
	text-align:center;
	border-color:#77a536;
	background-color:#8bc141;
	text-decoration:none;
	margin:0 auto;
	top:300px;
	width:295px;
	display:block;
	cursor:pointer;
	padding:20px 0;
	font-family: 'Bitter', serif;
	font-size:21px;
}

:hover.video-btn{
	border-color:#77a536;
	background-color:#77a536;
	color:#FFFFFF;
	text-decoration:none;
}

a.learn-btn,.learn-btn{
	padding:10px 10px;
	display:inline-block;
	text-align:center;
	color:white;
	border:1px solid #77a536;
	background-color:#8bc141;
	font-family: 'Bitter', serif;
	font-size:16px;
	text-decoration:none;
	cursor:pointer;
	transition:all .1s linear 0s;
	-moz-transition:all .1s linear 0s;
	-webkit-transition:all .1s linear 0s;
	-o-transition:all .1s linear 0s;
	margin-bottom:none !important;
 }

:hover.learn-btn{
	border:1px solid #77a536;
	background-color:#77a536;
	color:#F7F7F7;
}

a.learn-btn-orange,.learn-btn-orange{
	padding:10px 10px;
	display:inline-block;
	text-align:center;
	color:white;
	border:1px solid #EF860E;
	background-color:#f29121;
	font-family: 'Bitter', serif;
	font-size:16px;
	text-decoration:none;
	cursor:pointer;
	transition:all .1s linear 0s;
	-moz-transition:all .1s linear 0s;
	-webkit-transition:all .1s linear 0s;
	-o-transition:all .1s linear 0s;
	margin-bottom:none !important; }	

:hover.learn-btn-orange{
	border:1px solid #EF860E;
	background-color:#EF860E;
	color:#F7F7F7; }

.bluedrop{
	width: 80px;
	height: auto;
	display: block;
	margin: 0 auto;
	top: 54px;
	position: relative;	}

.glass{
	width:100%;
	height:auto;
	max-width:265px;
	margin:0 auto; }

.glass-tx{
	text-align:left;
	padding-top:50px; }

.htp-logo{
	width:100%;
	height:auto;
	max-width:560px;
	margin:0px auto; }

.sideheader{
	background: none repeat scroll 0 0 #3f585c;
	color: #FFFFFF;
	font-family: 'Bitter', serif;
	font-weight: 700;
	font-size: 18px;
	margin: 0;
	padding: 10px 15px;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	width: 100%; }

.postwhite-ticket{
	background: #FFFFFF;
    border: 1px solid #3f585c;
    padding: 20px 20px 20px;
	float:left; }

.postwhite {
	background:#FFFFFF;
    border: 1px solid #3f585c;
    border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;    
    padding: 20px 20px 20px;
}
    
.postwhite1 {
	background:#FFFFFF;
    border: 1px solid #3f585c;
    border-radius: 15px;
    padding: 20px 20px 20px;
}

.postwhite_images {
	display: flex;
	flex-wrap: wrap;
	background:#FFFFFF;
    border: 0px;
    padding: 10px 0px 20px 0px;
}

.chatbox1 {
	background: #FFFFFF;
	border: 1px solid #3f585c;
	padding: 20px 20px 20px;
    border-radius: 15px;
}

.chatbox2 {
    background: #FFFFFF;
    border: 1px solid #3f585c;
    padding: 20px 20px 20px;
    border-radius: 15px; 	
}

/* ---- linklist --- */

ul.link-list li{
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
    font-size: 13px;
}

ul.link-list-docs li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
    font-size: 14px;
}

ul.link-list li a{
   display: inline;
}

ul.link-list-sub li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 35px;
    font-size: 13px;
}

ul.link-list-sub li a{
   display: inline;
}

/* ============== Sidebar ================ */

.aside{
	width:100%;
	padding:0px !important;	
}

.sidebar-widget h1, .sidebar-widget h2, .sidebar-widget h3, .sidebar-widget h4, .sidebar-widget h5{
	float:left;
	width:100%;
	padding-bottom:10px;
	margin-bottom:10px;
}

.sidebar-widget{
	float:left;
	padding-right:20px;
}

/* --- img widget --- */

ul.img-widget li{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

ul.img-widget li.omega{
	margin-right:0px;
}

ul.img-widget li.last{
	margin-bottom:0px;
}

/* 
---------------------------------------------------
===================== FOOTER ====================== 
---------------------------------------------------
*/

#footer{
	width:100%;
	padding:30px 0px 0px 0px;
	margin-top:20px;
}

#footerlogo{
    margin: 0 auto;
    max-width: 259px;
    padding: 10px;
}

#bottom-banner{
	width:100%;
	background-repeat:repeat;
}

.fdivider{
	height: 2px;
	margin-top:30px;
	margin-bottom:30px;
}

.gdivider{
	height: 2px;
	margin-top:30px;
	margin-bottom:30px;
}

/* 
---------------------------------------------------
================ FOOTER CONTACT =================== 
---------------------------------------------------
*/

ul.footer_contact{
	float:left;
	width:100%;
	list-style:none;
}

ul.footer_contact li{
	margin:0px !important; 	
	padding:0px !important;
}

.subfooter{
	width:100%;
	padding:25px 0px 25px 0px;
}

#dev {
	float:right;
	text-align:left;
}

/* 
---------------------------------------------------
=============== SOCIAL NETWORKS =================== 
---------------------------------------------------
*/

ul.social_network{	float:left;	display:inline;	height:36px; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0 !important;}

.social_network li{	float:left;	padding:0 !important; margin-right:10px;}

li.image_one a { display:block; width:150px; height:36px; position:relative;}

li.image_one a .fb-rollover{ display:block; position:absolute; top:0; left:0; width:36px; height:36px; background:url(../images/social/fb-hover.png) no-repeat top left;}

li.image_one a .twitter-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:36px; 
	height:36px;  
	background:url(../images/social/twitter-hover.png) no-repeat top left;	
}

li.image_one a .linkedin-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:36px; 
	height:36px; 
	background:url(../images/social/linkedin-hover.png) no-repeat top left;	
}

li.image_one a .google-plus-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:36px; 
	height:36px; 
	background:url(../images/social/google-plus-hover.png) no-repeat top left;	
}

li.image_one a .email-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:36px; 
	height:36px; 
	background:url(../images/social/email-hover.png) no-repeat top left;	
}

li.image_one a .rss-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:36px; 
	height:36px; 
	background:url(../images/social/rss-hover.png) no-repeat top left;	
}

.copyright{
	text-align:center;
	font-size:15px;
}

/* 
---------------------------------------------------
===================== TOGGLES ===================== 
---------------------------------------------------
*/

#togglewrap{
	position:relative;
	top: 15px;
}

.toggle {
	display: block;
}

/* 
***************************************************
================== HEADER TOGGLE ================== 
***************************************************
---------------------------------------------------
================= CURRENT HEADER ================== 
---------------------------------------------------
*/

.toggle span.active {
	cursor:pointer;
}

.toggle h6.title span.title_content {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 1px 5px 1px 35px;
    height:auto;
}

/* 
---------------------------------------------------
================= TOGGLE PANE ===================== 
---------------------------------------------------
*/

.toggle .pane {
	border-top: none;
	overflow: hidden;
	clear: both;
}

.toggle .pane-page {
	padding-top: 1px;
}

/* 
---------------------------------------------------
================ TOGGLE STYLE 1 =================== 
---------------------------------------------------
*/

.tstyle1 h6.title {
	cursor:pointer;
	text-decoration: underline;
	color: #aeae67;
	display: block;
	outline: none;
	padding:0;
    background: #FFFFFF;
	font-size:15px;
    font-weight: 700;
}

.toggle h6.title span.title_content {
	background: url("/core/images/closed.gif") no-repeat scroll left center #FFFFFF;
	color: #000000;
}

.tstyle1 h6.active span.title_content {
    background: url("/core/images/open.gif") no-repeat scroll left center #FFFFFF;
    color: #000000;
}

.tstyle1 h6.title:hover, .toggle_style1 span.active:hover {
	background: #FFFFFF;
	color:#000000;
}

.tstyle1 span.active {
	color: #dccf9f;
	background: #FFFFFF;
}

/*2nd level*/

.toggletwo h6.titletwo span.title_contenttwo {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 10px 15px 10px 35px;
	height:auto;
}

/* toggle pane */

.toggletwo .panetwo {
	border-top: none;
	overflow: hidden;
	clear: both;
	/*border:1px solid #e9e9e9;*/
	background-color: #FFFFFF;
}

.toggletwo .pane-pagetwo { 
	padding-top: 13px;
    /*background-color: #FFFFFF;*/
}

/* 
---------------------------------------------------
================ TOGGLE STYLE 2 =================== 
---------------------------------------------------
*/

.tstyletwo h6.titletwo {
	cursor:pointer;
	text-decoration: none;
	color: #000000;
	display: block;
	outline: none;
	padding:0;
    background: #FFFFFF;
	font-size:14px;
}

.toggletwo h6.titletwo span.title_contenttwo { 
	background: url("/core/images/plus1.png") no-repeat scroll left center #FFFFFF;
    color: #000000;
 }

.tstyletwo h6.active span.title_contenttwo {
	background: url("/core/images/minus1.png") no-repeat scroll left center #FFFFFF;
	color: #000000;
 }

.tstyletwo h6.titletwo:hover, .toggle_styletwo span.active:hover {
	background: #FFFFFF;
    color: #000000;
 }

.tstyletwo span.active {
    background: #FFFFFF;
	color: #000000;
 }

.hide-mobile{display:block !important;}
.show-mobile{display:none !important;}

/***** Screen Smaller than 1199px *****/

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .notices li{
        display: inline;
        float: left;
        list-style: none outside none;
        margin-right: 25px;
        width: 45%;
    }
    
    .members li{
    margin-right: 55px;
    }
    
    .css-block{
        padding:20px;
        font-size: 21px; 
    }
    
    .hide-mobile{display:block !important;}
    .show-mobile{display:none !important;}
}

/***** Tablet (Smaller than 959px) *****/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .header-one{display:none;}
    .header-two{display:block;}
    .glass-tx{
        text-align:left;
        padding-top:0px;
    }
    
    .total-amount{font-size:14px;}
    
    .notices li{
        display: inline;
        float: none;
        list-style: none outside none;
        margin-right: 0px;
        width: 100%;
    }
    
    .members li{
        margin-right: 45px;
    }
    
    .css-block{
        padding:20px;
        font-size: 21px; 
    }
    
    .hide-mobile{display:none !important;}
    .show-mobile{display:block !important;}
}

/***** Mobile (portrait 300px) *****/

@media only screen and (max-width: 767px) {
    .hide-mobile{display:none !important;}
    .show-mobile{display:block !important;}
    .header-one{display:none;}
    .header-two{display:block;}
    
    a.top-nav-btn,top-nav-btn{
        padding:10px;
        margin:0 auto;
        float:none;
        text-align:center;
        display:block;
        font-size:21px;
        font-weight:700;
        margin-bottom:10px;
    }
    
    header{
        padding:0px 0 0px 0;
    }
    
    .logo{
        width:100%;
        display:inline-block;
        padding:15px 0 15px 0;	
    }
    
    .glass-tx{
        text-align:center;
        padding-top:25px;
    }
    
    a.learn-btn,.learn-btn{
        padding:10px 10px;
        display:block;
        text-align:center;
        font-size:21px;
    }
    
    a.learn-btn-orange,.learn-btn-orange{
        padding:10px 10px;
        display:block;
        text-align:center;
        font-size:21px;
     }
    
    .notices li{
        display: inline;
        float: none;
        list-style: none outside none;
        margin-right: 0px;
        width: 100%;
    }
    
    .members li{
        margin-right: 0px;
        margin-bottom:25px;
        width:100%;
        float: none;
    }
}

/***** Mobile (landscape 420px) *****/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .total-amount{
        font-size:18px;
        text-align:center;
    }
    
    .css-block{
        padding:20px;
        font-size: 21px; 
    }
}

/***** Mobile (landscape 420px) *****/

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .max-logo{
        max-height:75px;
        max-width:210px;
    }
    
    .logo span{
        font-size: 27px;
    }
    
    .total-amount{
        font-size:12px;
        text-align:center;
    }
}

@media only screen and (max-width: 320px) {
    .max-logo{
        max-height:75px;
        max-width:210px;
    }
    
    .logo span{
        font-size: 27px;
    }
    
    .total-amount{
        font-size:12px;
        text-align:center;
    }
}