/* Copyright (C) WarpTheme, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
Use this file to add custom CSS easily
========================================================================== */

@font-face{font-family:"HelveticaNeueLT";src:url('../fonts/HelveticaNeueLT-Light.eot');font-weight:normal;font-style:normal}@font-face{font-family:"HelveticaNeueLT";src:url('../fonts/HelveticaNeueLT-Light.woff2') format("woff2"),url('../fonts/HelveticaNeueLT-Light.woff') format("woff"),url('../fonts/HelveticaNeueLT-Light.ttf') format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"HelveticaNeueLT";src:url('../fonts/HelveticaNeueLT-Medium.eot');font-weight:bold;font-style:normal}@font-face{font-family:"HelveticaNeueLT";src:url('../fonts/HelveticaNeueLT-Medium.woff2') format("woff2"),url('../fonts/HelveticaNeueLT-Medium.woff') format("woff"),url('../fonts/HelveticaNeueLT-Medium.ttf') format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"HelveticaNeueLT";src:url('../fonts/HelveticaNeueLT-Light-Italic.eot');font-weight:normal;font-style:italic}@font-face{font-family:"HelveticaNeueLT";src:url('../fonts/HelveticaNeueLT-Light-Italic.woff2') format("woff2"),url('../fonts/HelveticaNeueLT-Light-Italic.woff') format("woff"),url('../fonts/HelveticaNeueLT-Light-Italic.ttf') format("truetype");font-weight:normal;font-style:italic} @font-face{font-family:"QuicksandRegular";src:url('../fonts/Quicksand-Regular.ttf');font-weight:normal;font-style:normal}@font-face{font-family:"QuicksandBold";src:url('../fonts/Quicksand-Bold.ttf');font-weight:normal;font-style:normal}

#sp-search {
	Z-index: 1;
}


ul.menu_horz
{
   list-style-type: none;
}
ul.menu_horz li
{
   float: left;
}


img {
	float: left !important;
}

.pull-left, .pull-right {
	padding: 20px 20px 20px 20px !important;
}

#sp-right .custom {
	float: left !important;
    display: block !important; 
	margin: 20px 20px 20px 20px !important;
}


div.page-header {
      position: absolute;
      visibility: hidden;
}

body, p, div, span, a  { font-family:QuicksandRegular !important; }

p { text-align: justify; }

h1, h2, h3, h4 { font-family:QuicksandBold !important; font-weight: 100 !important; color: #00909B !important; text-transform: none !important;}

div.slide { text-align: justify !important; }

div.slide a { font-family:QuciksandBold !important; font-weight: 100 !important; color: #00909B !important; text-transform: none !important; }

img.hovereffect { float: none !important; clear: right !important; clear: left !important; display: block !important; }

#sp-main-body A:hover {
TEXT-DECORATION: underline;
}

div.custombottom_foot A:link {
color: #ffffff; TEXT-DECORATION: none;
}
div.custombottom_foot A:visited {
color: #ffffff; TEXT-DECORATION: none;
}
div.custombottom_foot A:active {
color: #ffffff; TEXT-DECORATION: none;
}
div.custombottom_foot A:hover {
color: #ffffff !important; TEXT-DECORATION: underline;
}

#sp-footer2 A:link {
COLOR: #00909B; TEXT-DECORATION: none; FONT-STYLE: normal;
}
#sp-footer2 A:visited {
COLOR: #00909B; TEXT-DECORATION: none; FONT-STYLE: normal;
}
#sp-footer2 A:active {
COLOR: #00909B; TEXT-DECORATION: none; FONT-STYLE: normal;
}
#sp-footer2 A:hover {
COLOR: #222222 !important; TEXT-DECORATION: none; FONT-STYLE: bold;
}

#sp-top2 A:link {
COLOR: #ffffff; TEXT-DECORATION: none;
}
#sp-top2 A:visited {
COLOR: #ffffff; TEXT-DECORATION: none;
}
#sp-top2 A:active {
COLOR: #ffffff; TEXT-DECORATION: none;
}
#sp-top2 A:hover, #sp-top2 i:hover {
COLOR: #C9F1F5 !important; TEXT-DECORATION: none;
}

ul.social-icons {
    position: relative;
    float: right;
}

div.custombottom_foot {
    margin-bottom: 15px;
}

div.custombottom_foot p {
    color: white !important;
    margin-bottom: 10px;
    padding: 0;
}




@media (min-width:320px)  { 
/* smartphones, iPhone, portrait 480x320 phones */ 
ul.sp-megamenu-parent { display: none; }
#sp-footer, div.custombottom_foot p {
text-align: center !important;
color: white;
}
h1  { font-size:16px !important; }
h2  { font-size:15px !important; }
h3, h4  { font-size:14px !important; }
body, p, div, span, a  { font-size:14px !important; }
#sp-footer p, #sp-footer a { font-size: 14px !important; }

#sp-main-body {
	position: relative;
	top: -25px;
	Z-index: 0;
}
}


@media (min-width:481px)  {
 /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
 ul.sp-megamenu-parent { display: none; }
 #sp-footer, div.custombottom_foot p {
text-align: center !important;
color: white;
}
h1  { font-size:16px !important; }
h2  { font-size:15px !important; }
h3, h4  { font-size:14px !important; }
body, p, div, span, a  { font-size:14px !important; }
#sp-footer p, #sp-footer a { font-size: 14px !important; }

#sp-main-body {
	position: relative;
	top: -25px;
	Z-index: 0;
}
}


@media (min-width:641px)  { 
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
ul.sp-megamenu-parent { display: none; }
#sp-footer, div.custombottom_foot p {
text-align: center !important;
color: white;
}
h1  { font-size:24px !important; }
h2  { font-size:22px !important; }
h3, h4  { font-size:20px !important; }
body, p, div, span, a  { font-size:14px !important; }
#sp-footer p, #sp-footer a { font-size: 14px !important; }

#sp-main-body {
	position: relative;
	top: -25px;
	Z-index: 0;
}
}


@media (min-width:961px)  { 
/* tablet, landscape iPad, lo-res laptops ands desktops */
ul.sp-megamenu-parent { display: none; }
#sp-footer, div.custombottom_foot p {
text-align: left !important;
color: white;
}
h1  { font-size:36px !important; }
h2  { font-size:28px !important; }
h3, h4  { font-size:22px !important; }
body, p, div, span, a  { font-size:17px !important; }
#sp-footer p, #sp-footer a { font-size: 15px !important; }

#sp-main-body {
	position: relative;
	top: 0px;
	Z-index: 0;
}
}


@media (min-width:1025px) { 
/* big landscape tablets, laptops, and desktops */
ul.sp-megamenu-parent { display: none; }
#sp-footer, div.custombottom_foot p {
text-align: left !important;
color: white;
}
h1  { font-size:36px !important; }
h2  { font-size:28px !important; }
h3, h4  { font-size:22px !important; }

body, p, div, span, a  { font-size:17px !important; }
#sp-footer p, #sp-footer a { font-size: 15px !important; }

#sp-main-body {
	position: relative;
	top: 0px;
	Z-index: 0;
}
}


@media (min-width:1281px) {
 /* hi-res laptops and desktops */ 
 ul.sp-megamenu-parent { display: inherit; }
 
#sp-footer, div.custombottom_foot p {
text-align: left !important;
color: white;
}
h1  { font-size:36px !important; }
h2  { font-size:28px !important; }
h3, h4  { font-size:22px !important; }

body, p, div, span, a  { font-size:17px !important; }
#sp-footer p, #sp-footer a { font-size: 15px !important; }
#sp-main-body {
	position: relative;
	top: 0px;
	Z-index: 0;
}
}


li.sp-menu-item p, li.sp-menu-item a {
	font-size:14px !important;
}


/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {

}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front {
	backface-visibility: hidden;

	position: relative;
	top: 0;
	left: 0;
}

.back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}